:root{--bg:#080808;--fg:#f2efe8;--muted:#8f8d88;--line:rgba(242,239,232,.18);--pad:clamp(18px,2.5vw,44px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.loader{position:fixed;inset:0;z-index:1000;background:#080808;display:grid;place-items:center;transition:opacity .65s ease,visibility .65s}.loader span{font-size:10px;letter-spacing:.18em}.loaded .loader{opacity:0;visibility:hidden}.loading{overflow:hidden}
.header{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px var(--pad);display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.header nav{display:flex;gap:24px}.header a{transition:opacity .2s}.header a:hover{opacity:.55}
.hero{height:100svh;padding:108px var(--pad) 27px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{margin:0;font-size:clamp(70px,15vw,240px);line-height:.77;letter-spacing:-.078em;font-weight:700}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;text-transform:uppercase;font-size:9px;letter-spacing:.13em;line-height:1.65}.hero-bottom p{margin:0}.hero-bottom a span{display:inline-block;margin-left:8px;transition:transform .3s}.hero-bottom a:hover span{transform:translateY(4px)}
.cover{padding:0 0 clamp(110px,13vw,200px)}#coverGrid{display:grid;grid-template-columns:repeat(12,1fr);row-gap:clamp(95px,12vw,190px)}.cover-card{position:relative;overflow:hidden;cursor:pointer;background:#111}.cover-card:nth-child(1){grid-column:1/11;aspect-ratio:1.85}.cover-card:nth-child(2){grid-column:5/13;aspect-ratio:1}.cover-card:nth-child(3){grid-column:2/9;aspect-ratio:1.45}.cover-card:nth-child(4){grid-column:4/13;aspect-ratio:1.5}.cover-card img,.project img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.025);transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter .6s;filter:saturate(.92)}.cover-card:hover img,.project:hover img{transform:scale(1)}.cover-label{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 14px #000;opacity:.92}
.reveal-media{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}.reveal-media.in{opacity:1;transform:none}
.work{padding:80px var(--pad) 50px}.work-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;text-transform:uppercase;font-size:9px;letter-spacing:.11em}.filters{display:flex;gap:18px;flex-wrap:wrap}.filters button{border:0;background:none;padding:0;color:var(--muted);cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.filters button.active,.filters button:hover{color:var(--fg)}
#grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(38px,5vw,78px) 16px}.project{grid-column:span 6;cursor:pointer}.project:nth-child(4n+1),.project:nth-child(4n+4){grid-column:span 7}.project:nth-child(4n+2),.project:nth-child(4n+3){grid-column:span 5}.project-media{aspect-ratio:16/10;overflow:hidden;background:#111}.project-meta{display:flex;justify-content:space-between;gap:18px;padding-top:10px;text-transform:uppercase;font-size:9px;letter-spacing:.09em;line-height:1.45}.project-meta .right{text-align:right;color:var(--muted)}.project-title{margin-top:3px;font-size:clamp(20px,2vw,32px);letter-spacing:-.038em;text-transform:none}
.statement{min-height:78svh;padding:100px var(--pad);display:flex;align-items:center}.statement p{max-width:1250px;margin:0;font-size:clamp(46px,7.6vw,122px);line-height:.91;letter-spacing:-.057em}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}
.about{border-top:1px solid var(--line);padding:120px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:30px}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.13em;color:var(--muted)}.about-copy{max-width:980px}.about-copy>p:first-child{margin:0 0 38px;font-size:clamp(31px,4.4vw,68px);line-height:1;letter-spacing:-.047em}.about-small{max-width:660px;margin:0 0 50px;font-size:clamp(17px,1.55vw,24px);line-height:1.35;letter-spacing:-.02em;color:#c7c4bd}.contact-link{display:inline-block;border-bottom:1px solid var(--fg);padding-bottom:4px;text-transform:uppercase;font-size:10px;letter-spacing:.11em}
footer{border-top:1px solid var(--line);padding:29px var(--pad);display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.11em}
dialog{width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080808;color:var(--fg);opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1);transition-behavior:allow-discrete}dialog[open]{opacity:1;transform:none}@starting-style{dialog[open]{opacity:0;transform:translateY(12px)}}dialog::backdrop{background:#080808}#close{position:fixed;z-index:3;right:var(--pad);top:20px;background:none;border:0;color:var(--fg);cursor:pointer;text-transform:uppercase;font-size:9px;letter-spacing:.11em}#media{height:min(72svh,850px);background:#111;display:grid;place-items:center}#media iframe,#media img{width:100%;height:100%;border:0;object-fit:cover}.modal-info{padding:28px var(--pad) 65px;display:grid;grid-template-columns:2fr 1fr;gap:30px}.modal-info h2{margin:7px 0 0;font-size:clamp(44px,6vw,96px);line-height:.9;letter-spacing:-.058em}#credits{text-transform:uppercase;font-size:9px;letter-spacing:.1em;line-height:1.9}#credits a{border-bottom:1px solid var(--fg)}
@media(max-width:720px){.header{padding-top:18px}.header nav{gap:15px}.header nav a:nth-child(2){display:none}.hero{padding-top:95px}.hero h1{font-size:clamp(58px,20vw,116px);line-height:.82}.hero-bottom{display:block}.hero-bottom a{display:inline-block;margin-top:20px}.cover{padding:0 18px 80px}#coverGrid{display:block}.cover-card:nth-child(n){margin:0 0 72px;aspect-ratio:4/3}.cover-card:nth-child(2){aspect-ratio:4/5}.cover-label{font-size:8px}.work{padding-top:45px}.work-head{align-items:flex-start;flex-direction:column;gap:18px}.filters{gap:14px}#grid{display:block}.project{margin-bottom:58px}.project-media{aspect-ratio:4/3}.project-meta{font-size:8px}.project-title{font-size:24px}.statement{min-height:62svh}.statement p{font-size:12vw}.about{grid-template-columns:1fr;gap:32px;padding-top:75px}.about-copy>p:first-child{font-size:9vw}.modal-info{grid-template-columns:1fr}#media{height:60svh}footer{gap:18px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal,.reveal-media{opacity:1;transform:none}}