.portfolio-home{background:#090909;color:#f9f8f4;max-width:none;--muted:#aaa6a1}
.portfolio-home{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.portfolio-home header{padding:22px 2.3vw;min-height:78px}
.home-mark{display:flex;align-items:center}
.home-mark img{height:46px;width:30px;object-fit:contain}
.portfolio-home header nav{gap:clamp(24px,5vw,80px);font-size:14px}
.portfolio-home a:hover{color:#d4938d}
.portfolio-home main{padding:0}
.home-intro{text-align:center;padding:35px 2.3vw 32px;position:relative}
.home-intro h1{font:400 clamp(38px,10.4vw,190px)/1.12 var(--serif);letter-spacing:-.065em;white-space:nowrap;margin:0 0 42px}
.home-intro h1.signature-title{font-size:inherit;line-height:0;letter-spacing:0;white-space:normal;width:min(92vw,1140px);margin:0 auto 24px;max-width:none}
.signature-title img{display:block;width:100%;height:auto}
.home-intro p{font-size:16px;line-height:1.65;margin:0;max-width:580px;position:absolute;z-index:2;top:58%;left:50%;transform:translateX(-50%);width:100%;text-shadow:0 1px 12px #090909}
.skills-band{overflow:hidden;margin:12px 0 76px;color:#a6a19d;font-size:11px;text-transform:uppercase;white-space:nowrap}
.skills-band>div{display:flex;width:max-content;animation:skills-drift 16s linear infinite}
.skills-band span{flex:none;min-width:100vw;padding-right:.4em}
@keyframes skills-drift{to{transform:translateX(-50%)}}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 24px;padding:0 2.3vw 100px;scroll-margin-top:30px}
.work-tile{display:block;min-width:0}
.tile-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1b1917}
.tile-media img,.tile-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s,opacity .35s}
.tile-media video{position:absolute;inset:0;opacity:0}
.work-tile.playing video{opacity:1}
.tile-media video.tile-autoplay{opacity:1}
.work-tile:hover img,.work-tile:focus-visible img{transform:scale(1.025)}
.tile-caption{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding-top:16px}
.tile-caption h2{font:400 clamp(19px,1.8vw,30px)/1.25 var(--serif);letter-spacing:-.025em;margin:0}
.tile-caption h2{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.02em}
.tile-caption>span{font-size:22px;line-height:1.2;color:#d4938d;visibility:hidden}
.tile-caption p{grid-column:1/-1;color:#aaa6a1;font-size:14px;line-height:1.5;margin:0}
.portfolio-home footer{margin:0 2.3vw;padding:24px 0 30px;font-size:14px}
@media(min-width:1700px){.project-grid{gap:65px 32px}}
@media(max-width:800px){.portfolio-home header{padding:20px 5vw}.home-intro{padding:35px 5vw 30px}.home-intro h1{font-size:10vw;margin-bottom:30px}.home-intro p{font-size:16px}.skills-band{margin-bottom:45px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px;padding:0 5vw 70px}.tile-caption h2{font-size:23px}.portfolio-home footer{margin:0 5vw}}
@media(max-width:500px){.project-grid{grid-template-columns:1fr;gap:38px}.home-intro h1{font-size:10.3vw}.home-intro p{font-size:14px}.tile-caption h2{font-size:27px}.home-mark img{height:38px}.portfolio-home header nav{font-size:14px;gap:25px}.portfolio-home footer{flex-direction:column;gap:8px}.tile-media{aspect-ratio:16/9}}
.home-intro p{font-size:14px}
@media(max-width:800px){.home-intro h1.signature-title{width:90vw}.home-intro p{font-size:13px}}
@media(max-width:500px){.home-intro p{font-size:12px}.skills-band{font-size:10px}}
@media(prefers-reduced-motion:reduce){.skills-band>div{animation:none}.tile-media img{transition:none}.work-tile:hover img{transform:none}}

.home-intro{isolation:isolate;overflow:hidden}
.home-intro .home-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.home-intro::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:-1;pointer-events:none}