:root{--black:#050505;--white:#f7f7f5;--gray:#9b9b98;--line:#292929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a,button{font:inherit}.nav{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(5,5,5,.92);backdrop-filter:blur(15px);z-index:10}.brand{width:128px;height:58px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.nav nav{display:flex;gap:28px}.nav nav a,.arrow-link{color:var(--white);text-decoration:none;font-size:.84rem}.hero{min-height:calc(100vh - 78px);padding:7vh 4vw 5vh;display:grid;grid-template-columns:.65fr 1.05fr 1.3fr;align-items:center;gap:4vw}.hero-logo{align-self:start}.hero-logo img{width:100%;max-width:250px}.hero-copy h1,.work-intro h2,.category h2,.about h2,.contact h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:.95}.hero-copy h1{font-size:clamp(3rem,5vw,6.5rem);margin:18px 0 28px}.hero-copy>p:not(.kicker){color:#bababa;max-width:560px;font-size:1.08rem}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--gray)}.arrow-link{display:flex;justify-content:space-between;border-top:1px solid #666;margin-top:45px;padding-top:14px}.hero-reel{height:72vh;position:relative;overflow:hidden;background:#111}.hero-reel video{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.hero-reel span{position:absolute;bottom:0;left:0;right:0;padding:14px;background:rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem}.work{padding:120px 4vw}.work-intro{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}.work-intro h2{font-size:clamp(2.8rem,5vw,6rem);margin:0}.category-nav{display:flex;flex-wrap:wrap;gap:10px;padding:28px 0 90px}.category-nav a{color:var(--white);text-decoration:none;border:1px solid #404040;padding:9px 14px;font-size:.78rem;border-radius:100px}.category-nav a:hover{background:var(--white);color:var(--black)}.category{scroll-margin-top:90px;padding:90px 0;border-top:1px solid var(--line)}.category>header{display:grid;grid-template-columns:.18fr .8fr .65fr;gap:3vw;align-items:start;margin-bottom:55px}.category>header>span{font-size:.72rem;color:var(--gray)}.category h2{font-size:clamp(2.7rem,4.8vw,5.8rem);margin:0}.category>header p{color:var(--gray);margin:0;max-width:430px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 2vw}.project-grid.two{grid-template-columns:repeat(2,1fr)}.project-grid.one{grid-template-columns:minmax(0,2fr) 1fr}.project-grid.one .project{grid-column:1}.project.large{grid-column:span 2}.video-open{border:0;background:#171717;padding:0;width:100%;aspect-ratio:16/10;overflow:hidden;display:block;position:relative;cursor:pointer;color:var(--black)}.video-open.portrait{aspect-ratio:4/5}.video-open.square{aspect-ratio:1}.video-open img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .35s,transform .45s}.video-open:hover img{filter:grayscale(0);transform:scale(1.02)}.video-open span{position:absolute;right:14px;bottom:14px;background:var(--white);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}.project h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.65rem;font-weight:400;margin:18px 0 2px}.project>p{margin:0;color:var(--gray);font-size:.82rem}.about{padding:120px 4vw;background:var(--white);color:var(--black);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:clamp(3.5rem,7vw,8rem);margin:15px 0}.about>div>p:not(.kicker){font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(1.5rem,2.6vw,3.2rem);line-height:1.1;margin:0 0 50px}.about ul{list-style:none;padding:0;border-top:1px solid #bbb}.about li{padding:13px 0;border-bottom:1px solid #bbb}.contact{text-align:center;padding:110px 4vw}.contact img{width:min(350px,80vw)}.contact h2{font-size:clamp(4rem,10vw,11rem);margin:10px 0}.contact a{color:white;text-decoration:none;border-bottom:1px solid white;padding-bottom:3px}footer{padding:26px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;color:#888}dialog{width:min(1100px,94vw);border:1px solid #333;padding:0;background:#000;color:white;box-shadow:0 20px 100px #000}dialog::backdrop{background:rgba(0,0,0,.86)}dialog video{display:block;width:100%;max-height:80vh}.close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:1px solid #555;border-radius:50%;background:#000;color:#fff;font-size:1.7rem;z-index:2;cursor:pointer}dialog p{margin:0;padding:14px 18px;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
@media(max-width:900px){.nav{height:66px}.brand{width:110px}.nav nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-logo{display:none}.hero-reel{height:58vh}.work{padding-top:85px}.work-intro{display:block}.work-intro h2{margin-top:20px}.category-nav{padding-bottom:55px}.category>header{grid-template-columns:.12fr .88fr}.category>header p{grid-column:2}.project-grid,.project-grid.two,.project-grid.one{grid-template-columns:1fr 1fr}.project-grid.one .project,.project.large{grid-column:auto}.about{grid-template-columns:1fr}.contact{padding:80px 4vw}}
@media(max-width:600px){.nav nav{gap:14px}.hero-copy h1{font-size:3.7rem}.hero-reel{height:55vh}.category{padding:65px 0}.category>header{display:block}.category>header>span{display:block;margin-bottom:12px}.category>header p{margin-top:18px}.project-grid,.project-grid.two,.project-grid.one{grid-template-columns:1fr;gap:50px}.project h3{font-size:1.8rem}.about{padding:80px 5vw}footer{display:block}footer span{display:block;margin:5px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-open img{transition:none}}
.social-work,.featured-reels{margin-top:90px;padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.social-work-heading h3,.reels-heading h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(2rem,3.5vw,4rem);font-weight:400;line-height:1;margin:14px 0}.social-work-heading>p:last-child,.reels-heading p{color:var(--gray);max-width:430px}.social-links,.reel-links{border-top:1px solid #444}.social-profile,.reel-links a{color:var(--white);text-decoration:none;border-bottom:1px solid #444;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .25s,padding .25s}.social-profile:hover,.reel-links a:hover{background:#111;padding-left:14px;padding-right:14px}.social-profile span{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.35rem}.social-profile small,.reel-links small{color:var(--gray);text-align:right}.reel-links a{display:grid;grid-template-columns:40px 1fr auto}.reel-links a>span{font-size:.7rem;color:var(--gray)}.reel-links strong{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.25rem;font-weight:400}@media(max-width:600px){.social-work,.featured-reels{grid-template-columns:1fr;margin-top:65px;gap:25px}.social-profile{display:block}.social-profile small{display:block;text-align:left;margin-top:5px}.reel-links a{grid-template-columns:32px 1fr}.reel-links small{grid-column:2;text-align:left}}