.pl-portfolio{position:relative;isolation:isolate;overflow:hidden;padding:clamp(85px,10vw,155px) 5.5vw;color:var(--text-primary,#fff);background:radial-gradient(circle at 90% 15%,rgb(var(--brand-red-rgb) / .25),transparent 40%),var(--bg-black,#100b0c)}.pl-portfolio:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgb(var(--gold-bright-rgb) / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--gold-bright-rgb) / .04) 1px,transparent 1px);background-size:56px 56px}.pl-home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,6vw,100px);align-items:center}.pl-text,.pl-visual,.pl-work-visual{min-width:0}.pl-portfolio .eyebrow{color:var(--gold-bright,#d9bb80)}.pl-portfolio h2{margin:17px 0 25px;font-size:clamp(3rem,6vw,6.5rem);line-height:.91;letter-spacing:-.065em}.pl-portfolio h2 em{color:var(--gold-bright,#d9bb80);font:italic 400 1em Georgia,serif}.pl-text>p:not(.eyebrow),.pl-work-header>p:not(.eyebrow){max-width:650px;font-size:clamp(16px,1.35vw,19px);line-height:1.7;color:var(--text-secondary,#c3b9b0)}.pl-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.pl-tags span{padding:9px 12px;border:1px solid var(--border-soft,#56483f);font-size:11px}.pl-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.pl-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:14px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .25s,background .25s}.pl-actions a:hover{transform:translateY(-2px)}.pl-actions a:focus-visible,.pl-portfolio a:focus-visible{outline:3px solid var(--focus-ring,#fff);outline-offset:4px}.pl-primary{background:var(--gold-bright,#e5c17b);color:var(--bg-black,#110a0a)!important}.pl-secondary{border:1px solid var(--border-strong,#786956);color:var(--text-primary,#fff)}.pl-secondary:hover{background:rgb(var(--gold-bright-rgb) / .1)}.pl-browser{overflow:hidden;border:1px solid rgb(var(--gold-bright-rgb) / .34);border-radius:12px;background:var(--bg-panel,#241b1b);box-shadow:0 30px 90px #000a;transition:transform .5s,box-shadow .5s}.pl-browser:hover{transform:translateY(-5px);box-shadow:0 40px 100px #000b}.pl-browser-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:13px 16px;background:#20191a;border-bottom:1px solid #ffffff25;color:#fff}.pl-browser-bar>span{color:var(--gold-bright,#e5c17b);font-size:11px;letter-spacing:.1em}.pl-browser-bar strong{font-size:12px}.pl-browser-bar small{justify-self:end;color:#ffffff9c;font:10px monospace}.pl-browser img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top}.pl-image-caption{margin-top:17px;color:var(--text-secondary,#c3b9b0);font:11px monospace;text-transform:uppercase;letter-spacing:.09em}.pl-work{scroll-margin-top:20px}.pl-work-header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr);gap:0 7vw;align-items:end}.pl-work-header .eyebrow{grid-column:1/-1}.pl-work-header h2{margin-bottom:0}.pl-work-header>p:not(.eyebrow){margin:0}.pl-work-header .pl-actions{grid-column:2}.pl-work-visual{margin-top:clamp(55px,7vw,100px)}.pl-work-visual .pl-browser{max-width:1120px;margin:auto}.pl-project-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:27px 0;margin-top:26px;border-block:1px solid var(--border-soft,#56483f)}.pl-project-meta>span{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.pl-project-meta small{display:block;margin-bottom:7px;font:10px monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-bright,#d9bb80)}.pl-project-meta a{color:inherit;text-underline-offset:4px}.pl-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(60px,7vw,110px);border:1px solid var(--border-soft,#56483f);background:var(--border-soft,#56483f)}.pl-capabilities article{min-width:0;min-height:300px;padding:clamp(20px,2.3vw,34px);background:var(--bg-panel,#241b1b)}.pl-capabilities small{font:10px monospace;color:var(--gold-bright,#d9bb80)}.pl-capabilities h3{margin:70px 0 18px;font-size:clamp(1.5rem,2vw,2.5rem);line-height:1.04;letter-spacing:-.045em}.pl-capabilities p{margin:0;color:var(--text-secondary,#c3b9b0);font-size:14px;line-height:1.6}@media(max-width:1100px){.pl-home,.pl-work-header{grid-template-columns:1fr}.pl-work-header .pl-actions{grid-column:1}.pl-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.pl-portfolio{padding:80px 22px}.pl-portfolio h2{font-size:clamp(2.6rem,12vw,4.5rem)}.pl-home{gap:42px}.pl-browser-bar{grid-template-columns:1fr auto}.pl-browser-bar small{display:none}.pl-actions a{flex:1 1 210px}.pl-project-meta{grid-template-columns:1fr 1fr}.pl-capabilities article{min-height:245px}.pl-capabilities h3{margin-top:45px}}@media(max-width:440px){.pl-project-meta,.pl-capabilities{grid-template-columns:1fr}.pl-browser-bar strong{font-size:11px}.pl-capabilities article{min-height:auto}}@media(prefers-reduced-motion:reduce){.pl-browser,.pl-actions a{transition:none!important;transform:none!important}}
