.portfolio-page{min-height:100vh;background:var(--bg)}
.portfolio-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.portfolio-header nav{display:flex;gap:50px;margin-left:auto;margin-right:auto}
.portfolio-header nav a{position:relative;font-size:16px;letter-spacing:.2px}
.portfolio-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
.portfolio-header nav a:hover::after,.portfolio-header nav a[aria-current=page]::after{transform:scaleX(1)}
.portfolio-header .button{min-height:48px;padding:10px 25px;font-size:16px}
.portfolio-main{padding-top:0}
.portfolio-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:20px}
.portfolio-intro h1{font-size:clamp(64px,7vw,96px);line-height:.95;letter-spacing:-.06em;white-space:nowrap}
.portfolio-intro h1 em{font-size:1.08em}
.portfolio-intro>div>p{margin-top:7px;color:#deded9;font-size:21px}
.work-filters{display:flex;align-items:center;gap:42px;padding-bottom:9px}
.work-filters button{position:relative;padding:8px 0;background:transparent;border:0;color:#d6d5d0;font-size:16px;white-space:nowrap}
.work-filters button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .2s}
.work-filters button:hover,.work-filters button.is-active{color:var(--gold)}
.work-filters button.is-active::after{transform:scaleX(1)}
.portfolio-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:16px}
.portfolio-grid.is-filtered .project-card:not(.is-hidden){grid-column:1/-1;width:100%;height:clamp(280px,26vw,440px);aspect-ratio:auto}
.project-card{position:relative;height:clamp(280px,21vw,340px);overflow:hidden;isolation:isolate;border:1px solid #454640;border-radius:5px;background:#070808}
.project-card.project-featured{grid-column:1/-1;height:auto;aspect-ratio:4.18}
.project-card.is-hidden{display:none}
.project-card video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.project-talking-avatar video{object-position:center 25%}
.project-avatar video{object-fit:contain;background:radial-gradient(ellipse,#3a3b35,#080909 70%)}
.project-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#000d,transparent 48%),linear-gradient(90deg,#0005,transparent 40%);pointer-events:none}
.project-meta{position:absolute;z-index:2;top:18px;left:20px;display:flex;align-items:center;gap:13px;font-size:13px;color:#ddd}
.project-meta span{color:var(--gold)}
.project-meta i{width:27px;height:1px;background:var(--gold)}
.project-copy{position:absolute;z-index:2;left:20px;bottom:18px;right:90px}
.project-copy h2{font-size:clamp(28px,3vw,48px);line-height:1;font-weight:300;letter-spacing:-.04em}
.project-card:not(.project-featured) .project-copy h2{font-size:clamp(25px,2.2vw,36px)}
.project-copy p{margin-top:8px;color:#cbc9c4;font-size:15px}
.project-open{position:absolute;z-index:2;right:18px;bottom:20px;width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:#07080866;color:var(--text);transition:background .2s,color .2s,transform .2s}
.project-open svg{width:21px;height:21px;margin-left:3px}
.project-open:hover,.project-open:focus-visible{background:var(--gold);color:#080909;transform:scale(1.04)}
.portfolio-footer{margin-top:44px;padding:26px 0 35px;border-top:1px solid #b2b0aa;display:flex;align-items:center;justify-content:space-between;gap:32px}
.portfolio-footer .wordmark{font-size:20px}
.portfolio-footer>div{display:flex;align-items:center;gap:25px;font-size:14px;color:#d5d3cd}
.portfolio-footer>div i{width:1px;height:15px;background:#8e8c85}
.portfolio-footer a:hover{color:var(--gold)}
.project-viewer{width:min(1200px,94vw);overflow:visible;background:#050606}
.project-viewer video{display:block;width:100%;max-height:78svh;background:#000}
.project-viewer>div{display:flex;align-items:baseline;gap:18px;padding:17px 20px}
.project-viewer>div p{text-transform:uppercase;letter-spacing:2px;font-size:9px;color:var(--gold)}
.project-viewer>div h2{font-size:27px}
.project-viewer .close{top:-54px;right:0}
@media(max-width:1050px){.portfolio-header nav{gap:25px}.portfolio-header .button{font-size:14px;padding-inline:18px}.portfolio-intro{display:block}.work-filters{margin-top:25px}.project-card.project-featured{aspect-ratio:3}.portfolio-footer{align-items:flex-start}.portfolio-footer>div{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.portfolio-header{height:76px}.portfolio-header nav{display:none}.portfolio-header .button{font-size:12px;min-height:40px;padding:9px 13px;gap:8px}.portfolio-header .button svg{width:16px}.portfolio-main{padding-top:24px}.portfolio-intro{margin-bottom:28px}.portfolio-intro h1{font-size:clamp(54px,16vw,78px);white-space:normal}.portfolio-intro>div>p{font-size:15px;line-height:1.45;max-width:310px;margin-top:13px}.work-filters{gap:22px;overflow-x:auto;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter);scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filters button{font-size:13px}.portfolio-grid{grid-template-columns:1fr;gap:14px}.project-card,.project-card.project-featured,.portfolio-grid.is-filtered .project-card:not(.is-hidden){grid-column:1;height:auto;aspect-ratio:1.12}.project-featured{aspect-ratio:1.15}.project-meta{top:15px;left:16px;font-size:11px}.project-copy{left:16px;bottom:16px;right:70px}.project-copy h2,.project-card:not(.project-featured) .project-copy h2{font-size:28px}.project-copy p{font-size:12px;line-height:1.4}.project-open{right:14px;bottom:16px;width:44px;height:44px}.project-open svg{width:17px;height:17px}.portfolio-footer{display:block;margin-top:30px}.portfolio-footer>div{display:grid;justify-content:start;gap:12px;margin-top:25px;font-size:13px}.portfolio-footer>div i{display:none}.project-viewer>div{display:block}.project-viewer>div h2{font-size:23px;margin-top:5px}}