@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101210;--ink:#f2f1e9;--muted:#969b90;--lime:#d9ff6c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 4vw;background:linear-gradient(#101210e8,transparent)}.wordmark{font-size:22px;font-weight:700;letter-spacing:-1px}.wordmark span{display:block;font-size:12px;font-weight:400;letter-spacing:.08em;margin-top:4px;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav button{border:1px solid #ffffff40;border-radius:30px;background:#10121050;padding:12px 20px}nav button span{margin-left:20px}sup{color:var(--lime);font-size:11px}.intro{padding:150px 5vw 55px;min-height:90svh;display:flex;flex-direction:column;justify-content:space-between}.intro-top,.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-top{font-size:12px;letter-spacing:.15em;color:var(--muted)}h1{font-size:clamp(80px,13.7vw,220px);font-weight:500;letter-spacing:-.07em;line-height:.9;margin:50px 0}.slash{color:var(--lime);margin-left:5vw;font-weight:400}.outline{color:transparent;-webkit-text-stroke:1px var(--ink)}.intro-bottom p{font-size:20px;line-height:1.4;margin:0}.intro-bottom a{font-size:14px;display:flex;gap:20px;align-items:center}.scroll-line{display:block;width:1px;height:45px;background:var(--lime)}.tag{font-size:12px;line-height:1.6;color:var(--muted)}.hero-scroll{height:180vh}.hero-sticky{position:sticky;top:0;height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.hero-frame{width:100%;position:relative;will-change:transform;transform:scale(1.13)}.hero-frame img{display:block;width:100%;max-height:88svh;object-fit:contain}.view{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff80;background:#101210d0;border-radius:30px;padding:12px 18px;font-size:14px;backdrop-filter:blur(12px)}.hero-caption{display:flex;justify-content:space-between;width:86%;font-size:12px;letter-spacing:.1em;margin-top:20px;color:var(--muted)}.case{padding:100px 6vw 140px}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--lime);margin-bottom:50px}.case-body{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw}h2{font-weight:400;letter-spacing:-.045em;line-height:1.05;font-size:clamp(42px,5.5vw,88px);margin:0}em{font-family:Georgia,serif;font-weight:400;color:var(--muted)}.case-copy{align-self:end;max-width:420px}.case-copy p{font-size:20px;line-height:1.6;color:#b5b9af;margin-bottom:50px}dl div{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding:16px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0}.horizontal{height:310vh;background:#181b17}.horizontal-sticky{position:sticky;top:0;height:100svh;overflow:hidden;padding:100px 0 40px}.gallery-head{padding:0 6vw;display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.gallery-head h2{font-size:clamp(32px,3vw,48px)}.gallery-head div{text-align:right}.gallery-head p{color:var(--muted);font-size:12px;margin:12px 0 0}.gallery-head span{font-size:14px;color:var(--lime)}.track{display:flex;gap:4vw;padding-left:6vw;width:max-content;will-change:transform}.card{width:min(76vw,calc((100svh - 280px)*1.777));flex:none}.card button{border:0;padding:0;background:none;display:block;width:100%;overflow:hidden}.card img{width:100%;display:block;transition:transform .7s}.card button:hover img{transform:scale(1.025)}.card>div{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;letter-spacing:.07em;color:var(--muted)}.gallery-progress{height:1px;background:#ffffff20;position:absolute;bottom:35px;left:6vw;right:6vw}.gallery-progress i{height:1px;display:block;background:var(--lime);width:0}.closing{padding:120px 6vw 80px}.closing-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:60px}.closing-title>span{font-size:12px;letter-spacing:.1em;color:var(--lime)}.closing-title h2{width:60%}.parallax-frame{position:relative;will-change:transform}.parallax-frame img{display:block;width:100%;height:auto}.closing-meta{display:flex;justify-content:space-between;margin-top:35px;font-size:12px;color:var(--muted);letter-spacing:.1em}.overview{padding:110px 6vw}.overview>div:first-child{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.overview h2{font-size:40px}.overview span{color:var(--muted);font-size:14px}.thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.thumb{background:none;border:0;padding:0;text-align:left}.thumb img{width:100%;display:block;transition:opacity .3s}.thumb:hover img{opacity:.7}.thumb span{display:block;font-size:12px;margin-top:12px}footer{margin:0 6vw;padding:60px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:end}.footer-brand{font-size:clamp(35px,6vw,80px);letter-spacing:-.06em}.footer-brand span{display:block;font-size:16px;letter-spacing:0;color:var(--muted);margin-top:12px}footer>div{display:flex;flex-direction:column;gap:20px;font-size:14px}footer>div>span{color:var(--muted)}#index{position:fixed;z-index:30;right:0;top:0;height:100svh;width:min(470px,100vw);background:#22261e;padding:35px 40px;box-shadow:-30px 0 100px #0009}#index[hidden]{display:none}.index-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;font-size:12px;color:var(--lime)}.index-head button{font-size:30px;background:none;border:0}#index>a{display:flex;justify-content:space-between;font-size:24px;letter-spacing:-.04em;padding:17px 0;border-bottom:1px solid #ffffff20}#index small{font-size:12px;color:var(--muted)}dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border:0;padding:25px 4vw;background:#0a0c0a;color:var(--ink)}dialog::backdrop{background:#000e}.viewer-toolbar,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;height:45px;font-size:14px}.viewer-toolbar button,.viewer-bottom button{border:1px solid #ffffff40;background:none;padding:10px 18px;border-radius:24px}.viewer-image{height:calc(100% - 90px);display:flex;align-items:center;justify-content:center}.viewer-image img{max-width:100%;max-height:100%;object-fit:contain}.page-progress{position:fixed;top:0;left:0;height:2px;background:var(--lime);width:0;z-index:50}@media(max-width:700px){header{padding:20px 6vw}.wordmark{font-size:19px}nav{gap:16px}nav>a:first-child{display:none}nav button{padding:9px 13px}nav button span{margin-left:8px}.intro{min-height:75svh;padding-top:140px}.intro-top{font-size:10px}h1{font-size:17vw;margin:55px 0}.intro-bottom p{font-size:16px}.tag{display:none}.intro-bottom a{font-size:12px}.hero-scroll{height:135vh}.hero-frame img{max-height:78svh}.hero-caption{font-size:10px}.view{font-size:12px;bottom:10px;right:10px;padding:8px 12px}.case{padding:70px 6vw 90px}.case-body{grid-template-columns:1fr;gap:40px}.case-copy p{font-size:18px;margin-bottom:30px}.eyebrow{margin-bottom:30px}.horizontal{height:auto;padding-bottom:50px}.horizontal-sticky{height:auto;position:relative;padding-top:60px}.gallery-head{align-items:start}.gallery-head div p{max-width:100px;line-height:1.4}.track{width:100%;display:grid;gap:45px;padding:0 6vw;transform:none!important}.card{width:100%}.card>div{font-size:10px}.gallery-progress{display:none}.closing{padding:80px 6vw 30px}.closing-title{display:block;margin-bottom:35px}.closing-title h2{width:100%;margin-top:25px}.closing-meta{font-size:10px}.overview{padding:70px 6vw}.overview h2{font-size:30px}.overview>div:first-child{align-items:start;gap:20px}.thumbnails{grid-template-columns:repeat(2,1fr);gap:25px 14px}.thumb:last-child{grid-column:1/-1;width:70%}footer{padding:35px 0}.footer-brand{font-size:36px}footer>div{font-size:12px}.parallax-frame{transform:none!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-frame,.parallax-frame{transform:none!important}.horizontal{height:auto}.horizontal-sticky{position:relative;height:auto}.track{transform:none!important;flex-wrap:wrap;width:100%;padding-right:6vw}.card{width:100%;margin-bottom:40px}.gallery-progress{display:none}}
/* Visual case section */
header{padding:22px 4vw;background:linear-gradient(#101210cc,transparent)}nav>a:first-child{display:block}.wordmark{font-size:20px}.motion-hero{height:145svh;position:relative}.opening-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.slides{position:relative;width:100%;height:100%;will-change:transform}.slide{position:absolute;inset:60px 0 80px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(8vw);transition:opacity 1.3s,transform 1.6s cubic-bezier(.2,.7,.2,1);pointer-events:none;border:0;background:none;padding:0;width:100%}.slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.slide.leaving{transform:translateX(-8vw)}.slide img{width:100%;height:100%;object-fit:contain;transform:scale(.94);animation:none}.slide.active img{animation:kvEntrance 7s cubic-bezier(.15,.6,.2,1) both}@keyframes kvEntrance{0%{transform:scale(1.1) translateY(12px)}65%{transform:scale(.94) translateY(0)}100%{transform:scale(.92) translateY(-6px)}}.opening-bottom{position:absolute;z-index:3;top:calc(100svh - 66px);left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center;font-size:12px}.opening-bottom>div:first-child{display:flex;gap:25px;align-items:center}.project-label{color:var(--ink)}#slideTitle{color:var(--muted)}.slide-controls{display:flex;align-items:center;gap:20px}.dots{display:flex;gap:8px}.dot{height:30px;width:25px;background:none;border:0;padding:12px 0}.dot::after{content:'';display:block;background:#ffffff40;height:2px;width:100%;transition:background .5s}.dot.active::after{background:var(--lime)}#pauseSlides{border:0;background:none;font-size:12px;color:var(--muted);padding:10px}.explore-link{color:var(--lime)}.horizontal{height:520svh}.horizontal-sticky{padding-top:90px;background:var(--bg)}.gallery-head{margin-bottom:25px;font-size:12px;letter-spacing:.08em}.card{width:min(88vw,calc((100svh - 200px)*1.777))}.card>div span:last-child{display:none}.overview{padding:60px 6vw 90px}footer{padding:30px 0}.opening-stage::after{content:'';position:absolute;bottom:0;height:45px;width:1px;background:var(--lime);opacity:.5}.slide:focus-visible{outline-offset:-8px}.thumbnails .thumb span{font-size:11px}
@media(max-width:700px){nav{font-size:11px;gap:15px}nav a:last-child{display:none}.motion-hero{height:115svh}.opening-bottom{top:calc(100svh - 90px);flex-wrap:wrap;gap:10px}.opening-bottom>div:first-child{width:100%;justify-content:space-between;gap:10px}.slide{inset:75px 0 140px}.slide img{width:100%;height:auto;max-height:100%}.slide.active img{animation:kvEntrance 7s cubic-bezier(.15,.6,.2,1) both}.opening-stage::after{bottom:20px}.horizontal{height:auto}.horizontal-sticky{padding-top:50px}.card{width:100%}.track{gap:30px}.overview{padding-top:30px}.thumbnails .thumb:last-child{width:100%}.thumbnails .thumb span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.slide{transition:none;transform:none}.slide.active img{animation:none;transform:none}.horizontal{height:auto}.slides{transform:none!important}}