:root{color-scheme:dark;--bg:#0b0d0f;--surface:#121517;--text:#e9eae6;--muted:#989da1;--line:#ffffff23;--font:Onest,Arial,sans-serif;font-family:var(--font);font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #e9eae6;outline-offset:6px}img{display:block;max-width:100%}button{border:0}.page-width{width:min(100%,1440px);padding-left:5%;padding-right:5%;margin:0 auto}.skip-link{position:fixed;left:20px;top:-100px;background:var(--text);color:var(--bg);padding:12px 20px;z-index:100}.skip-link:focus{top:20px}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:#0b0d0fdd;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff14}.header-inner{width:min(100%,1440px);height:88px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo-crop{display:block;position:relative;width:75px;height:49px;overflow:hidden}.logo-crop img{position:absolute;width:101px;height:101px;max-width:none;left:-14px;top:-27px;mix-blend-mode:screen}.main-nav,.header-social{display:flex;align-items:center;gap:29px;font-size:.875rem}.main-nav a,.header-social a{transition:color .25s}.main-nav a:hover,.header-social a:hover{color:#fff}.main-nav{color:#acb0b2;margin-left:70px}.header-social{gap:20px}.header-social a{padding:5px 0;border-bottom:1px solid #5d6266}.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#eef0ed;transform:scaleX(0);transform-origin:left;will-change:transform}.hero{padding-top:143px;padding-bottom:44px}.hero-label,.section-marker{display:flex;justify-content:space-between;gap:24px;font-size:.75rem;letter-spacing:1.4px;color:var(--muted)}h1{font-size:clamp(5rem,16.15vw,14.5rem);font-weight:600;letter-spacing:-.055em;line-height:1;white-space:nowrap;margin:27px 0 24px}h1,h2,p{overflow-wrap:break-word}.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.hero-intro p{font-size:1.25rem;line-height:1.5;margin:0;letter-spacing:-.4px}.quiet-link{font-size:.875rem;display:flex;gap:24px;align-items:center;padding:5px 0;border-bottom:1px solid #808689}.quiet-link span{font-size:1.5rem;font-weight:300;line-height:1}.hero-media{margin:0;position:relative;aspect-ratio:1.86;overflow:hidden;background:#10171a;border:1px solid #ffffff12}.hero-image-layer{position:absolute;inset:-4%;will-change:transform}.hero-image-layer img{width:100%;height:100%;object-fit:cover}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03070a00 45%,#03070a08 62%,#03070ad9 100%);pointer-events:none}.hero-media figcaption{position:absolute;bottom:26px;left:29px;right:29px;display:flex;justify-content:space-between;gap:20px;z-index:1;font-size:.75rem;letter-spacing:1px;color:#d8dfdf}.work-section{padding-top:93px;padding-bottom:112px}.section-marker{border-top:1px solid var(--line);padding-top:21px;margin-bottom:54px}.project-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:9%}.project-copy{align-self:start;position:sticky;top:135px;padding-top:6px}.project-name{font-size:.875rem;color:var(--muted);margin:0 0 23px;letter-spacing:.2px}.project-game{display:block;margin-top:8px;color:#d6dada}.project-game[hidden]{display:none}h2{font-size:clamp(2.25rem,4.2vw,3.75rem);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0}.project-description{font-size:1rem;line-height:1.8;max-width:395px;color:#a3a9ac;margin:26px 0 0}.project-numbers{display:flex;gap:67px;margin:35px 0 33px}.project-numbers dd{margin:0;font-size:3rem;line-height:1.2;font-weight:400;letter-spacing:-2px}.project-numbers dt{font-size:.875rem;color:var(--muted);margin-top:6px}.outline-button{display:inline-flex;min-height:54px;align-items:center;gap:44px;border:1px solid #72787d;padding:12px 21px;font-size:.875rem;transition:background .25s,color .25s,border-color .25s}.outline-button span{font-size:1.4rem;line-height:1;font-weight:300}.outline-button:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.source-note{font-size:.75rem;line-height:1.6;color:#8c9499;margin:17px 0 0;max-width:320px}.project-images{display:grid;gap:42px}.project-images figure,.gallery-item{margin:0;min-width:0}.image-button{background:var(--surface);padding:0;position:relative;display:block;width:100%;overflow:hidden}.image-button img{width:100%;height:auto;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.image-button:hover img{transform:scale(1.035)}.image-zoom{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #ffffff6b;background:#0b0d0f8f;backdrop-filter:blur(7px);font-size:1.375rem;font-weight:300;color:#fff;transition:background .2s}.image-button:hover .image-zoom{background:#e9eae6;color:#0b0d0f}.project-images figcaption,.gallery-item figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:13px;color:var(--muted);font-size:.75rem}.project-images figcaption span:first-child,.gallery-item figcaption span:first-child{font-size:.875rem;color:#c8ced1}.project-images figcaption span:last-child{font-size:.75rem;letter-spacing:.6px}.frames-section{padding:50px 0 105px;overflow:hidden;background:linear-gradient(180deg,#0b0d0f,#101315 45%,#0b0d0f)}.frames-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-kicker{color:var(--muted);font-size:.75rem;letter-spacing:1px;margin:0 0 21px}.gallery-controls{display:flex;align-items:center;gap:19px;padding-bottom:3px}.gallery-controls button{background:none;padding:5px 0;border-bottom:1px solid #6c7377;font-size:.875rem;color:#c9cfd1}.gallery-controls button:hover{color:#fff;border-color:#fff}.gallery-controls button:disabled{cursor:default;color:#727a7f;border-color:#323a3f}.gallery-counter{font-size:.75rem;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.gallery-track{display:flex;gap:28px;padding:0 max(5vw,calc((100vw - 1440px)/2 + 72px)) 17px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#535b60 transparent}.gallery-item{flex:0 0 min(67vw,900px);scroll-snap-align:center}.gallery-item .image-button{aspect-ratio:1.79}.gallery-item img{height:100%;object-fit:contain}.gallery-track::-webkit-scrollbar{height:3px}.gallery-track::-webkit-scrollbar-thumb{background:#535b60}.community-section{padding-top:40px;padding-bottom:90px}.community-section .section-marker{margin-bottom:48px}.community-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}.community-intro h2{font-size:clamp(2.625rem,5vw,4.5rem)}.community-intro p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 5px}.community-links{border-top:1px solid var(--line)}.community-links>a{display:flex;align-items:center;gap:31px;min-height:117px;padding:25px 4px;border-bottom:1px solid var(--line);transition:padding .4s,background .4s}.community-links>a:hover{padding-left:16px;background:#ffffff03}.social-icon{width:29px;line-height:1;flex:none}.social-icon svg{width:100%;height:29px;fill:currentColor}.social-icon svg[fill=none]{fill:none}.social-name{font-size:2rem;font-weight:400;letter-spacing:-.7px}.social-handle{font-size:.875rem;color:var(--muted);margin-left:auto}.social-plus{font-size:2rem;font-weight:300;color:#b3bbbf;margin-left:50px}.site-footer{border-top:1px solid var(--line);min-height:101px;display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted)}.footer-name{font-size:1.125rem;color:var(--text);font-weight:600;letter-spacing:-.8px}.site-footer>a:last-child{border-bottom:1px solid #656d72;padding:3px 0}.lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;background:#080b0eea;color:var(--text);margin:0;overflow:auto}.lightbox::backdrop{background:#05080bd9;backdrop-filter:blur(12px)}.lightbox-inner{min-height:100%;padding:32px 5%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.lightbox-close{align-self:flex-end;background:transparent;display:flex;align-items:center;gap:20px;font-size:.875rem;padding:8px 0;margin-bottom:8px;border-bottom:1px solid #767f84}.lightbox-image{width:auto;max-width:100%;max-height:78dvh;object-fit:contain}.lightbox p{font-size:.875rem;color:#b1b9be;margin:0;text-align:center}
@media(max-width:1000px){.main-nav{margin-left:0;gap:20px}.header-social{gap:14px}.header-inner{gap:25px}h1{font-size:16vw}.hero{padding-top:125px}.hero-label{letter-spacing:.7px}.work-section{padding-top:70px;padding-bottom:75px}.project-layout{gap:6%;grid-template-columns:.9fr 1.1fr}.project-numbers{gap:40px}.project-description{font-size:1rem}.project-copy{top:120px}.project-images{gap:35px}.frames-section{padding-bottom:80px}.community-intro{gap:25px}.community-intro p{font-size:.875rem}.social-plus{margin-left:25px}.hero-media figcaption{bottom:20px;left:20px;right:20px}.project-images figcaption{flex-wrap:wrap;gap:4px}.gallery-controls{gap:12px}}
@media(max-width:700px){.page-width{padding-left:6%;padding-right:6%}.header-inner{height:102px;padding:9px 6%;flex-wrap:wrap;gap:0 20px}.logo-crop{width:61px;height:40px}.logo-crop img{width:84px;height:84px;left:-12px;top:-23px}.header-social{margin-left:auto;gap:19px;font-size:.875rem}.main-nav{order:3;width:100%;justify-content:space-between;font-size:.875rem;gap:16px;padding-top:3px}.hero{padding-top:132px;padding-bottom:18px}.hero-label{font-size:.75rem;letter-spacing:.4px;gap:16px}.hero-label span:last-child{text-align:right;max-width:45%}h1{font-size:15.8vw;margin:28px 0 26px;letter-spacing:-.05em}.hero-intro{margin-bottom:26px;gap:15px}.hero-intro p{font-size:1rem}.quiet-link{font-size:.875rem;gap:12px}.hero-media{aspect-ratio:1.3}.hero-image-layer{inset:-5%}.hero-image-layer img{object-position:center}.hero-media figcaption{left:15px;right:15px;bottom:15px;font-size:.75rem;letter-spacing:.2px}.hero-media figcaption span:first-child{max-width:68%}.hero-media figcaption span:last-child{white-space:nowrap}.work-section{padding-top:57px;padding-bottom:50px}.section-marker{font-size:.75rem;letter-spacing:.5px;margin-bottom:32px;padding-top:17px}.project-layout{grid-template-columns:1fr;gap:36px}.project-copy{position:static;padding-top:0}.project-name{margin-bottom:17px}.project-copy h2{font-size:2.75rem}.project-description{margin-top:22px;max-width:100%;font-size:1rem}.project-numbers{gap:65px;margin:27px 0}.project-numbers dd{font-size:2.875rem}.outline-button{width:100%;justify-content:space-between;font-size:.875rem;min-height:53px}.source-note{font-size:.75rem;max-width:none;margin-top:15px}.project-images{gap:27px}.project-images figcaption{flex-wrap:nowrap;font-size:.75rem;gap:10px}.project-images figcaption span:last-child{font-size:.75rem;letter-spacing:0;text-align:right}.frames-section{padding-top:25px;padding-bottom:60px}.frames-heading{display:block;margin-bottom:27px}.frames-heading h2{font-size:2.5rem}.section-kicker{margin-bottom:17px}.gallery-controls{justify-content:space-between;margin-top:24px;gap:18px}.gallery-controls button{font-size:.875rem}.gallery-track{padding-left:6%;padding-right:6%;gap:18px}.gallery-item{flex-basis:88vw}.gallery-item figcaption{font-size:.75rem}.community-section{padding-top:20px;padding-bottom:47px}.community-section .section-marker{margin-bottom:32px}.community-intro{display:block;margin-bottom:29px}.community-intro h2{font-size:2.875rem}.community-intro p{font-size:1rem;margin-top:24px}.community-links>a{min-height:110px;gap:17px;position:relative;padding:24px 0;flex-wrap:wrap}.social-icon{width:23px;margin-top:0}.social-icon svg{height:23px}.social-name{font-size:1.625rem}.social-handle{width:100%;margin-left:40px;margin-top:-12px;font-size:.875rem}.social-plus{position:absolute;right:0;top:23px;margin:0;font-size:1.75rem}.community-links>a:hover{padding-left:0}.site-footer{min-height:111px;gap:15px;flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.site-footer>span{order:3;width:100%}.site-footer>a:last-child{margin-left:auto;font-size:.875rem}.lightbox-inner{padding:22px 4%;gap:17px}.lightbox-image{max-height:76dvh}.lightbox-close{font-size:.875rem}.lightbox p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html,.gallery-track{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image-layer{transform:none!important}}
.motion-enabled [data-reveal]{opacity:0;transform:translate3d(0,34px,0);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1)}
.motion-enabled [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
.motion-enabled .hero-label{transition-delay:.04s}.motion-enabled h1{transition-delay:.12s}.motion-enabled .hero-intro{transition-delay:.2s}.motion-enabled .hero-media{transition-delay:.28s}
@media(prefers-reduced-motion:reduce){.motion-enabled [data-reveal]{opacity:1;transform:none;transition:none}}
/* Full-width composition; text keeps a consistent reading gutter. */
:root{--page-gutter:clamp(22px,3vw,64px)}
.page-width,.header-inner{width:100%;max-width:none;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-media{width:calc(100% + var(--page-gutter) + var(--page-gutter));margin-left:calc(0px - var(--page-gutter));margin-right:calc(0px - var(--page-gutter));border-left:0;border-right:0}
.hero-media figcaption{left:var(--page-gutter);right:var(--page-gutter)}
.gallery-track{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
@media(max-width:700px){:root{--page-gutter:6vw}}