:root{--black:#111112;--white:#f7f6f1;--muted:#bdbbb4;--line:rgba(247,246,241,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;overflow-x:hidden;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit}.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 3.5vw;color:var(--white);mix-blend-mode:difference}.brand{font-size:22px;font-weight:800;letter-spacing:-.1em;text-decoration:none}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a{font-size:12px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.mobile-menu-toggle,.mobile-menu,.mobile-menu-backdrop{display:none}.landing{position:relative;display:grid;min-height:100svh;overflow:hidden;isolation:isolate}.landing-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.landing-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.1) 70%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 48%)}.landing-content{align-self:end;padding:0 4.5vw 5.5vw}.landing-mark,.section-kicker,.landing-role,.section-heading{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.landing-mark{margin:0 0 1rem}.landing h1{margin:0;font-size:clamp(58px,10vw,170px);font-weight:700;line-height:.84;letter-spacing:-.085em}.landing-content>p:last-child{margin:1.4rem 0 0;font-size:clamp(18px,2vw,28px);font-weight:500}.landing-role{position:absolute;right:4.5vw;bottom:5.5vw;margin:0;text-align:right;line-height:1.35}.selected-work{padding:7rem 4.5vw 8rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 2.2rem}.section-heading p{margin:0;font-size:clamp(24px,3vw,42px);font-weight:700;letter-spacing:-.06em;text-transform:none}.section-heading span{color:var(--muted);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.project-tile{position:relative;min-height:clamp(340px,46vw,680px);overflow:hidden;display:flex;align-items:end;justify-content:space-between;padding:clamp(22px,3vw,48px);background:var(--black) var(--project-image) var(--focal)/cover no-repeat;isolation:isolate}.tile-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.08) 72%);transition:background .3s ease}.project-tile:hover .tile-shade,.project-tile:focus-within .tile-shade{background:linear-gradient(0deg,rgba(0,0,0,.48),rgba(0,0,0,0) 75%)}.tile-copy h3{margin:0;max-width:11ch;font-size:clamp(38px,5.8vw,92px);font-weight:700;letter-spacing:-.08em;line-height:.88}.tile-copy p{margin:1rem 0 0;max-width:24ch;font-size:12px;font-weight:600;line-height:1.35}.project-tile button{flex:none;align-self:flex-end;appearance:none;border:1px solid var(--white);padding:.85rem 1rem;background:var(--black);color:var(--white);cursor:pointer;font:700 11px Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s}.project-tile button:hover{background:var(--white);color:var(--black)}.project-tile--future{display:block;min-height:clamp(250px,30vw,420px);background:var(--white);color:var(--black)}.project-tile--future .tile-copy h3{max-width:none}.project-tile--future>span{position:absolute;right:clamp(22px,3vw,48px);bottom:clamp(22px,3vw,48px);font-size:12px;font-weight:600}.about-section{padding:8rem 4.5vw;border-top:1px solid var(--line)}.section-kicker{margin:0 0 3rem;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw}.about-grid h2,.contact-section h2{margin:0;font-size:clamp(48px,7vw,110px);font-weight:700;letter-spacing:-.08em;line-height:.86}.about-grid>div>p{max-width:39rem;margin:0 0 1.35rem;font-size:clamp(18px,1.8vw,27px);line-height:1.25;letter-spacing:-.035em}.about-grid ul{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 2rem;margin:3.5rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--line);list-style:none;font-size:13px}.about-grid li{padding-bottom:.7rem;border-bottom:1px solid var(--line)}.contact-section{min-height:80svh;padding:8rem 4.5vw 4.5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-top:1px solid var(--line)}.contact-section>p:not(.section-kicker){max-width:28rem;font-size:18px;line-height:1.35}.contact-section div{display:flex;gap:1.2rem;margin-top:2rem}.contact-section a{border-bottom:1px solid var(--white);padding-bottom:.35rem;text-decoration:none;font-size:13px;font-weight:600}.project-modal{position:fixed;z-index:50;inset:0;display:none;overflow:auto;background:var(--black);color:var(--white)}.project-modal.open{display:block}.project-close{position:fixed;z-index:3;top:22px;right:3.5vw;border:1px solid var(--white);padding:.75rem 1rem;background:var(--black);color:var(--white);cursor:pointer;font:700 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}.project-close span{margin-left:1rem}.project-hero{position:relative;min-height:100svh;display:flex;align-items:end;padding:6vw 4.5vw;overflow:hidden;isolation:isolate}.project-hero video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.project-hero-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 75%)}.project-hero>div:last-child{max-width:48rem}.project-hero>div:last-child>p:first-child{margin:0 0 1rem;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-hero h2{margin:0;font-size:clamp(58px,10vw,160px);font-weight:700;letter-spacing:-.085em;line-height:.85}.project-intro{max-width:33rem;margin:1.8rem 0 0;font-size:clamp(18px,2vw,28px);line-height:1.15;letter-spacing:-.04em}.project-details{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(0,1.32fr);gap:clamp(36px,7vw,120px);padding:9rem 4.5vw;background:var(--white);color:var(--black)}.project-numbers{position:sticky;align-self:start;top:2rem}.project-numbers p{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-numbers h3{max-width:10ch;margin:1.1rem 0 3rem;font-size:clamp(36px,5vw,74px);font-weight:700;letter-spacing:-.07em;line-height:.9}.project-numbers span{display:block;max-width:20rem;padding:.8rem 0;border-top:1px solid rgba(17,17,18,.25);font-size:14px;font-weight:600}.project-gallery{width:min(100%,48rem);justify-self:end}.gallery-viewport{position:relative;aspect-ratio:.82;overflow:hidden;background:var(--black)}.gallery-viewport img{display:block;width:100%;height:100%;object-fit:contain}.gallery-viewport img.slide-next{animation:slide-next .34s ease both}.gallery-viewport img.slide-prev{animation:slide-prev .34s ease both}@keyframes slide-next{from{opacity:0;transform:translateX(9%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-prev{from{opacity:0;transform:translateX(-9%)}to{opacity:1;transform:translateX(0)}}.gallery-actions{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:1rem;margin-top:1.2rem}.gallery-actions button{width:50px;height:50px;border:1px solid var(--black);background:transparent;color:var(--black);cursor:pointer;font-size:22px}.gallery-actions button:hover{background:var(--black);color:var(--white)}.gallery-actions span{font-size:12px;font-weight:600;text-align:center}
@media(max-width:700px){.site-header{padding:20px 22px;mix-blend-mode:normal;background:rgba(17,17,18,.92)}.site-header nav{display:none}.mobile-menu-toggle{display:grid;grid-template-rows:repeat(3,2px);align-content:space-between;width:34px;height:28px;padding:4px 0;border:0;background:transparent}.mobile-menu-toggle span{display:block;background:var(--white);transition:transform .25s,opacity .2s}.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-menu-backdrop{display:block;position:fixed;z-index:25;inset:0;background:rgba(0,0,0,.62);opacity:0;pointer-events:none;transition:opacity .25s}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu{display:block;position:fixed;z-index:30;inset:0 0 0 auto;width:min(84vw,370px);padding:100px 28px;background:var(--black);transform:translateX(105%);transition:transform .3s ease}.mobile-menu.open{transform:translateX(0)}.mobile-menu p{margin:0 0 2rem;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mobile-menu a{display:block;padding:.62rem 0;color:var(--white);font-size:clamp(36px,11vw,54px);font-weight:700;letter-spacing:-.07em;line-height:.95;text-decoration:none}.landing-content{padding:0 22px 42px}.landing h1{font-size:17vw}.landing-role{right:22px;bottom:45px}.selected-work,.about-section{padding:5rem 22px}.section-heading{display:block;margin-bottom:1.5rem}.section-heading span{display:block;margin-top:.5rem}.work-grid{grid-template-columns:1fr}.project-tile{min-height:78svh;padding:26px 22px}.project-tile--future{min-height:35svh}.project-tile button{margin-top:1rem}.about-grid,.project-details{grid-template-columns:1fr;gap:3.5rem}.about-grid ul{grid-template-columns:1fr}.contact-section{padding:6rem 22px;min-height:65svh}.project-close{top:16px;right:16px}.project-hero{min-height:86svh;padding:0 22px 38px}.project-details{padding:5rem 22px}.project-numbers{position:static}.project-gallery{justify-self:stretch}.gallery-viewport{aspect-ratio:.8}}
.project-numbers{display:flex;flex-direction:column;min-height:min(66svh,760px)}.project-numbers>p:first-child{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-numbers h3{margin-bottom:3.4rem;font-size:clamp(42px,5.5vw,82px)}.number-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:37rem;border-top:1px solid rgba(17,17,18,.25)}.number-list span{display:flex;flex-direction:column;justify-content:space-between;min-height:8.8rem;padding:1rem 1.1rem 1rem 0;border-bottom:1px solid rgba(17,17,18,.25)}.number-list span:nth-child(odd){border-right:1px solid rgba(17,17,18,.25);padding-right:1.1rem}.number-list span:nth-child(even){padding-left:1.1rem}.number-list b{font-size:clamp(38px,4.8vw,78px);font-weight:700;letter-spacing:-.09em;line-height:.8}.number-list i{font-size:11px;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-caption{max-width:28rem;margin:auto 0 0;padding-top:2rem;border-top:1px solid rgba(17,17,18,.25);font-size:clamp(17px,1.35vw,22px);font-weight:500;line-height:1.2;letter-spacing:-.035em;text-transform:none!important}@media(max-width:700px){.project-numbers{min-height:auto}.number-list span{min-height:7.4rem}.project-caption{margin-top:3rem}}