@font-face{font-family:Manrope;src:url(../assets/manrope.woff2)format("woff2");font-display:swap;font-weight:200 800}:root{color:#f3f1ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#080a0c;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:6px;outline:2px solid #d8d2bb}.atelier{grid-template-rows:100px minmax(360px,1fr) 112px;min-height:100svh;padding:0 5%;display:grid}.masthead{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;pointer-events:none}.brand>span{letter-spacing:-1.2px;font-size:26px;font-weight:700}.brand-dot{color:#9b9f96}.edition{letter-spacing:1.6px;color:#b7bab5;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.edition-number{color:#686d6b;margin-left:14px}.status-dot{background:#b5c2a7;border-radius:50%;width:5px;height:5px}.scene{isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative}.scene-heading{z-index:2;pointer-events:none;position:absolute;top:14%;left:0}.eyebrow{letter-spacing:2.5px;color:#93978f;margin:0 0 13px;font-size:9px}h1{letter-spacing:-1.9px;text-wrap:balance;max-width:230px;margin:0;font-size:clamp(24px,3vw,46px);font-weight:400;line-height:1.15}.side-note{writing-mode:vertical-rl;letter-spacing:2.5px;color:#656c69;font-size:9px;position:absolute;top:45%;right:0}.character{aspect-ratio:2/3;pointer-events:auto;z-index:0;-webkit-mask-composite:source-in;width:min(50svh,566.666px,66.6667svh - 141.333px);position:relative;-webkit-mask-image:linear-gradient(#0000,#000 2% 94%,#0000),linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 2% 94%,#0000),linear-gradient(90deg,#0000,#000 12% 88%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.character-poster,.character-video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.character-video{opacity:0;height:var(--head-height,41.6667%);object-fit:fill;bottom:auto;-webkit-mask-image:linear-gradient(#000 95%,#0000 100%);mask-image:linear-gradient(#000 95%,#0000 100%)}.character[data-ready] .character-video{opacity:1}.scene-index{color:#858b85;align-items:baseline;gap:11px;display:flex;position:absolute;bottom:35px;left:0}.scene-index span:first-child{color:#e0e0d6;letter-spacing:-1px;font-size:22px}.scene-index span:last-child{letter-spacing:2px;font-size:9px}.direction-mark{color:#929990;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:2;background:0 0;border:0;width:44px;height:44px;font-size:24px;position:absolute;top:58%}.direction-mark-left{left:24%}.direction-mark-right{right:24%}.interaction{z-index:2;touch-action:manipulation;border-top:1px solid #ffffff14;align-items:center;gap:32px;display:flex}.interaction-copy{flex:1;align-items:center;gap:15px;display:flex}.interaction-copy p{margin:0;font-size:12px;line-height:1.7}.interaction-copy p [data-hint]{color:#777f79;font-size:10px;display:block}.mouse-icon{border:1px solid #767e76;border-radius:8px;flex:none;width:16px;height:23px;position:relative}.mouse-icon:after{content:"";background:#bcc0b4;width:1px;height:5px;position:absolute;top:4px;left:7px}.gaze-control{align-items:center;gap:14px;display:flex}.gaze-label{letter-spacing:1.5px;color:#858b85;font-size:8px}input[type=range]{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;width:150px;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#3d443d;height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#e7e5d7;border:0;border-radius:50%;width:9px;height:9px;margin-top:-4px}input[type=range]::-moz-range-track{background:#3d443d;height:1px}input[type=range]::-moz-range-thumb{background:#e7e5d7;border:0;border-radius:50%;width:9px;height:9px}.reset{color:#d0d2c8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff25;border-radius:25px;padding:12px 18px;font-size:10px}.reset:hover{background:#ffffff08;border-color:#fff5}.reset span{margin-right:7px;font-size:15px}.load-message{color:#b7b49e;margin:0;font-size:10px;position:fixed;bottom:8px;left:5%}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1600px){.atelier{padding:0 8%}}@media (width<=980px){.interaction{gap:18px}.gaze-control{gap:8px}input[type=range]{width:115px}h1{max-width:160px}.direction-mark-left{left:15%}.direction-mark-right{right:15%}}@media (width<=640px){.atelier{grid-template-rows:78px minmax(360px,1fr) 132px;min-height:100svh;padding:0 6%}.brand img{width:32px;height:33px}.brand>span{font-size:23px}.edition{letter-spacing:1px;gap:6px;font-size:8px}.edition-number{display:none}.scene{padding-top:64px}.scene-heading{top:18px}.eyebrow{letter-spacing:1.8px;margin-bottom:7px;font-size:7px}h1{letter-spacing:-.7px;max-width:none;font-size:20px}.character{width:min(100%,46.6667svh,66.6667svh - 190.667px)}.scene-index{gap:8px;bottom:12px}.scene-index span:first-child{font-size:16px}.scene-index span:last-child{font-size:7px}.side-note{display:none}.direction-mark{font-size:17px}.direction-mark-left{left:1%}.direction-mark-right{right:1%}.interaction{grid-template-columns:1fr auto;gap:0 12px;padding:15px 0;display:grid}.interaction-copy{grid-column:1/-1;gap:12px}.interaction-copy p{font-size:11px}.interaction-copy p [data-hint]{font-size:9px}.mouse-icon{width:13px;height:20px}.mouse-icon:after{left:5px}.gaze-control{justify-content:flex-start;gap:10px}input[type=range]{width:min(25vw,130px)}.gaze-label{letter-spacing:.7px;font-size:7px}.reset{padding:7px 12px;font-size:9px}}@media (height<=650px) and (width>=641px){.atelier{grid-template-rows:72px minmax(280px,1fr) 80px}.character{width:calc(66.6667svh - 101.333px)}}