:root{--black:#050505;--charcoal:#111;--white:#f5f5f5;--grey:#a1a1a1;--silver:#c8c8c8;--border:#f5f5f51c;--border-em:#f5f5f533;--border-hover:#f5f5f538;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{background-color:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter Tight,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{text-align:left;width:100%;max-width:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}main,section,footer{max-width:100%}.grain{opacity:.032;pointer-events:none;z-index:9999;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;width:200%;height:200%;animation:.45s step-end infinite grain;position:fixed;top:-50%;left:-50%}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,1%)}80%{transform:translate(1%,-2%)}90%{transform:translate(-2%,4%)}to{transform:translate(0)}}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--grey);font-size:11px;font-weight:400;line-height:1.6}.section-num{letter-spacing:.15em;color:var(--grey);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:400}.hero-grid{grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.work-section{border-top:1px solid var(--border);grid-template-columns:280px 1fr;display:grid}.work-panels{grid-template-columns:repeat(3,1fr);display:grid}.bottom-grid{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.section-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.section-header-line{background-color:var(--border);flex:1;height:1px}@media (width<=900px){.editorial-spread-1{grid-template-columns:1fr!important;height:auto!important}.editorial-spread-1>:first-child{border-bottom:1px solid var(--border);min-height:280px;border-right:none!important}.editorial-spread-1>:last-child{min-height:55vw;position:relative}.editorial-spread-3{grid-template-columns:1fr!important;height:auto!important}.editorial-spread-3>:first-child{min-height:55vw}.editorial-spread-3>:last-child{border-top:1px solid var(--border);border-left:none!important}}.hero-grid{border-bottom:1px solid var(--border-em)}.work-panels>*+*{border-left:1px solid var(--border)}.bottom-grid{border-bottom:1px solid var(--border)}.bottom-grid>:first-child{border-top:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--charcoal)}@media (width<=1200px){.bottom-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid>:nth-child(2){border-top:none}.bottom-grid>:nth-child(n+3){border-top:1px solid var(--border)}.bottom-grid>:nth-child(odd){border-right:1px solid #0505051a}}@media (width<=1024px){.work-section{grid-template-columns:1fr}.work-section>:first-child{border-bottom:1px solid var(--border);border-right:none!important;min-height:auto!important}.work-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important}.overlay-details{padding:36px 28px!important}.overlay-preview{min-width:0;padding:22px 24px 28px!important}.browser-frame{min-width:0}}@media (width<=900px){.work-panels{grid-template-columns:repeat(2,1fr)}.hero-grid{min-height:auto}.hero-copy{min-height:68svh}.hero-image-col{min-height:48svh!important}.overlay-grid{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr!important;overflow-y:auto!important}.overlay-details{border-bottom:1px solid var(--border);border-right:none!important;overflow:visible!important}.overlay-preview{min-height:58svh}.editorial-spread-2{height:62vh!important}.editorial-text-panel{padding:56px 40px!important}}@media (width<=768px){:root{--nav-height:56px}body{width:100%}a,button{min-height:44px}.label,.section-num{letter-spacing:.14em;font-size:10px}.desktop-nav-links{display:none!important}.mobile-menu-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-right:-10px;display:flex!important}.site-nav,.mobile-menu{padding-left:22px!important;padding-right:22px!important}.hero-grid{grid-template-columns:1fr;min-height:auto;overflow:hidden}.hero-copy{min-height:72svh;padding:calc(var(--nav-height) + 72px) 22px 40px!important;justify-content:flex-end!important}.hero-copy>div:first-child{top:calc(var(--nav-height) + 24px)!important;left:22px!important}.hero-copy h1{max-width:100%;letter-spacing:-.025em!important;margin-bottom:22px!important;font-size:clamp(54px,17vw,74px)!important;line-height:.94!important}.hero-copy p{max-width:320px!important;margin-bottom:32px!important;line-height:1.85!important}.hero-copy a{min-height:44px}.hero-image-col{min-height:46svh!important}.hero-image-col>div:first-child{height:100%!important;top:0!important}.hero-image-col>div:nth-last-child(2){display:none}.hero-image-col p{line-height:2!important}.hero-image-col [style*="bottom: 64px"]{bottom:28px!important;right:22px!important}.work-section>:first-child{padding:40px 22px!important}.work-panels{grid-template-columns:1fr}.work-panel{border-top:1px solid var(--border);border-left:none!important;min-height:380px!important}.work-panel>div:first-child{transform-origin:top;width:104%;transform:scale(.96);left:-2%!important}.overlay-header{gap:10px;padding:0 18px!important}.overlay-header>span:first-child{letter-spacing:.26em!important}.overlay-header button{justify-content:flex-end;min-width:44px;min-height:44px}.overlay-grid{display:block!important}.overlay-details{padding:30px 22px!important}.overlay-details h2{font-size:clamp(28px,10vw,40px)!important}.overlay-details a,.overlay-details button,.overlay-details [aria-disabled=true]{min-height:44px}.overlay-preview{min-height:62svh;padding:18px 12px 28px!important}.browser-frame{border-radius:8px!important}.browser-frame>div:first-child{padding-left:8px!important;padding-right:8px!important}.browser-frame>div:nth-child(2){gap:6px!important;padding-left:8px!important;padding-right:8px!important}.browser-frame>div:nth-child(2)>div:nth-child(2),.browser-frame>div:nth-child(2)>div:nth-child(4){display:none!important}.browser-content{min-height:420px}.editorial-spread-1,.editorial-spread-3{grid-template-columns:1fr!important}.editorial-spread-1>:first-child,.editorial-text-panel{min-height:auto!important;padding:44px 22px!important}.editorial-spread-1>:last-child,.editorial-spread-3>:first-child{min-height:68vw!important}.editorial-spread-2{min-height:460px;height:66vh!important}.editorial-float-copy{max-width:330px!important;bottom:34px!important;left:22px!important;right:22px!important}.editorial-caption{top:24px!important;right:22px!important}.bottom-grid{grid-template-columns:1fr}.bottom-grid>*{border-right:none!important;border-top:1px solid var(--border)!important}.bottom-grid-section{min-height:auto!important;padding:42px 22px!important}.bottom-grid-section h2{max-width:320px}.bottom-grid-section p{max-width:330px!important}.bottom-grid-section a,.bottom-grid-section [style*="cursor: pointer"]{min-height:44px}.contact-section{padding-bottom:48px!important}.contact-section a{overflow-wrap:anywhere}.site-footer{flex-direction:column;align-items:flex-start!important;padding:24px 22px 30px!important}}@media (width<=430px){.hero-copy h1{font-size:clamp(50px,16vw,66px)!important}.hero-copy{min-height:70svh}.work-panel{min-height:360px!important}.browser-content{min-height:380px}}@media (width<=390px){.hero-copy{padding-left:18px!important;padding-right:18px!important}.hero-copy h1{font-size:50px!important}.overlay-header{padding:0 14px!important}.overlay-header .label{font-size:9px}.browser-content{min-height:360px}}