:root,html[data-theme=light]{--bg:#fff;--text:#111;--text-muted:#333;--panel:#f5f3ef}html[data-theme=dark]{--bg:#1c1c1c;--text:#f5f5f5;--text-muted:#bbb;--panel:#2a2a2a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);scrollbar-width:none;-ms-overflow-style:none;width:100%;font-family:system-ui,-apple-system,sans-serif;transition:background-color .25s,color .25s;overflow-x:hidden}#preloader,#no-webgpu{z-index:2000;background:var(--bg);position:fixed;inset:0}#no-webgpu .preloader-title{opacity:1}#no-webgpu .preloader-tagline{opacity:.5}.preloader-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.preloader-title{letter-spacing:-.02em;color:var(--text);opacity:0;margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500;line-height:1.05}.preloader-tagline{letter-spacing:.02em;color:var(--text);opacity:0;margin:.75rem 0 0;font-size:.875rem}.preloader-count{letter-spacing:.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:.875rem;position:absolute;top:1.25rem;left:1.5rem}#cursor{border:1px solid var(--text);pointer-events:none;z-index:1000;will-change:transform;background:0 0;border-radius:0;width:20px;height:20px;transition:width .3s cubic-bezier(.65,0,.35,1),height .3s cubic-bezier(.65,0,.35,1),border-radius .3s cubic-bezier(.65,0,.35,1),border-color .25s;position:fixed;top:0;left:0}#cursor:after{content:"";border:1px solid var(--text);opacity:0;z-index:-1;transform-origin:50%;pointer-events:none;border-radius:0;width:20px;height:20px;transition:opacity .35s cubic-bezier(.65,0,.35,1),transform .35s cubic-bezier(.65,0,.35,1),border-radius .35s cubic-bezier(.65,0,.35,1),border-color .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}#cursor.is-hover{border-radius:50%;width:60px;height:60px}#cursor.is-hover:after{opacity:1;border-radius:50%;transform:translate(-50%,-50%)scale(.7)}@media (hover:none){#cursor{display:none}}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}html.js #nav a,html.js #footer a{opacity:0}#nav{z-index:200;letter-spacing:.02em;pointer-events:none;gap:.35rem;font-size:.875rem;display:flex;position:fixed;top:1.25rem;left:1.5rem}#nav a:not(:last-child):after{content:",";margin-left:.05rem}.page-title{z-index:10;letter-spacing:.02em;color:var(--text);opacity:.5;pointer-events:none;margin:0;font-size:.875rem;font-weight:400;line-height:1;position:fixed;top:1.25rem;right:3.25rem}.page-note{z-index:10;letter-spacing:.02em;max-width:14rem;color:var(--text);opacity:.4;pointer-events:none;text-align:right;margin:0;font-size:.75rem;font-weight:400;line-height:1.35;position:fixed;top:2.65rem;right:3.25rem}.theme-toggle{z-index:200;width:1.5rem;height:1.5rem;color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .25s;display:flex;position:fixed;top:1.1rem;right:1.35rem}.theme-toggle:hover{opacity:1}.theme-toggle__icon{width:1rem;height:1rem;display:block}#nav a{color:var(--text);pointer-events:auto;opacity:.5;text-decoration:none;transition:opacity .15s,color .25s;position:relative}#nav a:before{content:"";transform-origin:100%;pointer-events:none;background:currentColor;width:100%;height:1px;transition:transform .45s cubic-bezier(.77,0,.18,1);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}#nav a:hover:before,#nav a.is-active:before{transform-origin:0;transform:scaleX(1)}.inner-fact{z-index:10;letter-spacing:.02em;max-width:16rem;color:var(--text);pointer-events:none;margin:0;font-size:.875rem;font-weight:400;line-height:1.35;position:fixed;top:10rem;left:1.5rem}#nav a:hover,#nav a.is-active{opacity:1}#footer{z-index:200;letter-spacing:.02em;pointer-events:none;justify-content:space-between;font-size:.875rem;display:flex;position:fixed;bottom:1.25rem;left:1.5rem;right:1.5rem}.footer-links{gap:.35rem;display:flex}#footer a{color:var(--text);pointer-events:auto;opacity:.5;text-decoration:none;transition:opacity .15s,color .25s;position:relative}#footer a:before{content:"";transform-origin:100%;pointer-events:none;background:currentColor;width:100%;height:1px;transition:transform .45s cubic-bezier(.77,0,.18,1);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}#footer a:hover:before{transform-origin:0;transform:scaleX(1)}#footer a:hover{opacity:1}.footer-links a:not(:last-child):after{content:",";margin-left:.05rem}#gpu-canvas{z-index:100;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#app{width:100%;min-height:100vh;position:relative}.page{pointer-events:none;width:100%;min-height:100vh;position:absolute;top:0;left:0}.page-gallery .slot{pointer-events:auto;will-change:transform;width:23vw;display:block;position:fixed;top:0;left:0}.page-gallery .slot figure{width:100%;height:100%;display:block}.page-gallery .slot-caption{letter-spacing:.02em;color:var(--text);opacity:.5;pointer-events:none;padding-top:.5rem;font-size:.875rem;position:absolute;top:100%;left:0;right:0}.page-gallery .slot-0{aspect-ratio:1800/1200}.page-gallery .slot-1{aspect-ratio:1800/2700}.page-gallery .slot-2{aspect-ratio:1800/1440}.page-gallery .slot-3{aspect-ratio:1800/2700}.page-gallery .slot-4{aspect-ratio:1800/1200}.page-gallery .slot-5{aspect-ratio:1800/2700}html.scroll-lock,html.scroll-lock body{overscroll-behavior:none;overflow:hidden}.page-inner .case-slot{pointer-events:auto;cursor:pointer;will-change:transform;width:23vw;display:block;position:fixed;top:0;left:0}.page-inner .case-slot figure{width:100%;height:100%;display:block}.case-slot--0{--stagger:-24}.case-slot--1{--stagger:14}.case-slot--2{--stagger:-8}.case-slot--3{--stagger:18}.case-slot--4{--stagger:-16}.page-gallery,.case-scroll{touch-action:none}.case-detail{z-index:150;background:var(--panel);width:50%;color:var(--text);pointer-events:auto;transition:background-color .25s,color .25s;display:none;position:fixed;top:0;bottom:0;right:0}.case-detail__copy{flex-direction:column;justify-content:center;max-width:36rem;height:100%;padding:2.5rem 3rem;display:flex}.case-detail__back{font:inherit;letter-spacing:.02em;color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:0;align-self:flex-start;margin-bottom:2rem;padding:0}.case-detail__back:hover{opacity:1}.case-detail__title{letter-spacing:-.02em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:500;line-height:1.05}.case-detail__body{letter-spacing:.01em;color:var(--text-muted);margin:0;font-size:.9375rem;line-height:1.45}@media (width<=768px){.page-gallery .slot,.page-inner .case-slot{width:42vw}.case-detail{touch-action:pan-y;width:100%;top:50%;left:0;right:0}.case-detail__copy{-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:none;padding:1.5rem 1.25rem 2.5rem;overflow-y:auto}.case-detail__back{margin-bottom:1.25rem}.case-detail__title{font-size:1.5rem}}.page-inner[data-image="0"] .case-slot{aspect-ratio:1800/1200}.page-inner[data-image="1"] .case-slot{aspect-ratio:1800/2700}.page-inner[data-image="2"] .case-slot{aspect-ratio:1800/1440}.page-inner[data-image="3"] .case-slot{aspect-ratio:1800/2700}.page-inner[data-image="4"] .case-slot{aspect-ratio:1800/1200}.page-inner[data-image="5"] .case-slot{aspect-ratio:1800/2700}