:root{--fx: 0px;--fy: 0px;--fs: 1;--ink: #f2f0ec;--ink-dim: rgba(242, 240, 236, .42);--ink-faint: rgba(242, 240, 236, .2);--warm: #ffe9c6;--ui-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--ui-size: clamp(9px, .78vw, 12px);--ui-track: .34em;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}html,body{margin:0;padding:0;background:#000;color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body{overflow-x:hidden}#root{isolation:isolate}.noscript{position:fixed;inset:0;display:grid;place-content:center;gap:1rem;text-align:center;letter-spacing:var(--ui-track);text-transform:uppercase;font-size:var(--ui-size)}.track{position:relative;width:100%;pointer-events:none}.stage{position:fixed;left:0;top:0;width:100%;height:100vh;height:100svh;overflow:hidden;background:#000}.frame{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;transform:translate3d(var(--fx),var(--fy),0) scale(var(--fs));will-change:transform;backface-visibility:hidden}.frame--film{z-index:0}.frame--shadow{z-index:5;pointer-events:none}.film{position:absolute;display:block;object-fit:fill;background:#000}.film-feather{position:absolute;z-index:2;pointer-events:none;box-shadow:inset 0 0 30px 10px #000}.canvas-layer{position:absolute;inset:0;z-index:10;touch-action:pan-y}.canvas-layer canvas{display:block;outline:none}.contact-shadow{position:absolute;inset:0;z-index:1;opacity:0;transform-origin:50% 48.1%;background:radial-gradient(13% 21% at 50% 48.1%,#000000b8,#0000005c 44%,#0000 78%)}.core-light{position:absolute;z-index:2;opacity:0;mix-blend-mode:color-dodge;will-change:opacity,transform;background:radial-gradient(closest-side circle at 50% 50%,#ffeccd4a,#ffeac838,#ffe6c122 24%,#ffe2ba0d 46%,#ffdeb404 70%,#ffdcb000)}.vignette{position:absolute;inset:0;z-index:25;pointer-events:none;background:radial-gradient(118% 92% at 50% 48%,#0000 42%,#00000057 78%,#0000009e)}.grain{position:absolute;inset:-6%;z-index:40;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-repeat:repeat;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .7s steps(6) infinite}@keyframes grain-shift{0%{transform:translateZ(0)}16%{transform:translate3d(-3%,2%,0)}33%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-2%,-2%,0)}66%{transform:translate3d(3%,1%,0)}83%{transform:translate3d(-1%,3%,0)}to{transform:translateZ(0)}}.ui{position:absolute;inset:0;z-index:30;pointer-events:none;font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;--ui-inset-top: calc(max(26px, 4.4vh) + env(safe-area-inset-top, 0px)) ;--ui-inset-bottom: calc(max(28px, 5vh) + env(safe-area-inset-bottom, 0px)) ;--ui-inset-left: calc(max(28px, 4vw) + env(safe-area-inset-left, 0px)) ;--ui-inset-right: calc(max(28px, 4vw) + env(safe-area-inset-right, 0px)) }.ui__title{position:absolute;left:var(--ui-inset-left);top:var(--ui-inset-top);transition:opacity .7s ease}.ui__title h1{margin:0;font-size:1em;font-weight:500;letter-spacing:.42em;color:var(--ink);transition:color .9s ease}.ui__title.is-quiet h1{color:var(--ink-faint)}.ui__title p{margin:.7em 0 0;font-size:.92em;font-weight:400;color:var(--ink-dim);letter-spacing:.26em;transition:opacity .7s ease}.ui__hint{position:absolute;left:50%;bottom:var(--ui-inset-bottom);transform:translate(-50%);display:flex;align-items:center;gap:.9em;color:var(--ink-dim);white-space:nowrap;transition:opacity .6s ease}.ui__hint:before,.ui__hint:after{content:"";width:clamp(18px,3vw,40px);height:1px;background:currentColor;opacity:.5}.ui__corner{position:absolute;right:var(--ui-inset-right);top:var(--ui-inset-top);display:flex;align-items:center;gap:1.4em}.ui__meter{display:flex;align-items:center;color:var(--ink-faint)}.ui__meter-bar{width:clamp(46px,7vw,92px);height:1px;background:#f2f0ec29;position:relative;overflow:hidden}.ui__meter-bar i{position:absolute;inset:0;transform-origin:0 50%;background:var(--ink-dim);transform:scaleX(0)}.ui__restart,.ui__sound{position:absolute;bottom:var(--ui-inset-bottom);pointer-events:auto;appearance:none;border:0;background:none;color:var(--ink-faint);font:inherit;letter-spacing:var(--ui-track);text-transform:uppercase;padding:.6em 0;cursor:pointer;display:flex;align-items:center;gap:.9em;transition:color .3s ease,opacity .6s ease}.ui__restart{right:var(--ui-inset-right)}.ui__sound{left:var(--ui-inset-left);flex-direction:row-reverse}.ui__restart:before,.ui__sound:after{content:"";width:clamp(18px,3vw,40px);height:1px;background:currentColor;transition:width .3s ease}.ui__sound[aria-pressed=true]{color:var(--ink-dim)}.ui__restart:focus-visible,.ui__sound:focus-visible{color:var(--ink)}.ui__restart:focus-visible,.ui__sound:focus-visible{outline:1px solid var(--warm);outline-offset:6px}.is-hidden{opacity:0;visibility:hidden}.ui__about{pointer-events:auto;appearance:none;border:0;background:none;color:var(--ink-faint);font:inherit;letter-spacing:var(--ui-track);text-transform:uppercase;padding:.4em 0;margin:0;cursor:pointer;transition:color .3s ease}.ui__about:focus-visible{color:var(--ink)}.ui__about:focus-visible,.about__close:focus-visible,.about a:focus-visible{outline:1px solid var(--warm);outline-offset:5px}.about{position:fixed;inset:0;z-index:90;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;background:#000000db;-webkit-backdrop-filter:blur(26px) saturate(.75);backdrop-filter:blur(26px) saturate(.75);opacity:0;visibility:hidden;transition:opacity .52s ease,visibility 0s linear .52s}.about::-webkit-scrollbar{width:0;display:none}.about.is-open{opacity:1;visibility:visible;transition:opacity .52s ease,visibility 0s}.about__sheet{max-width:1080px;margin:0 auto;padding:clamp(30px,6vh,68px) max(28px,5vw) clamp(48px,10vh,96px)}.about__head{display:flex;align-items:center;justify-content:space-between;gap:2em;padding-bottom:1.6em;border-bottom:1px solid rgba(242,240,236,.14)}.about__mark{margin:0;font-size:var(--ui-size);font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--ink)}.about__close{appearance:none;border:0;background:none;color:var(--ink-faint);font:inherit;font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;padding:0;cursor:pointer;display:flex;align-items:center;gap:.9em;flex-direction:row-reverse;transition:color .3s ease}.about__close:after{content:"";width:clamp(18px,3vw,40px);height:1px;background:currentColor;transition:width .3s ease}.about__close:focus-visible{color:var(--ink)}.about__lead{margin:clamp(2em,6vh,3.4em) 0 clamp(2.2em,7vh,3.6em);max-width:30ch;font-size:clamp(20px,2vw,29px);line-height:1.45;letter-spacing:.006em;font-weight:300;color:#f2f0ece6;text-transform:none}.about__row{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:1.2em 3.2em;padding:clamp(1.5em,3.4vh,2.3em) 0;border-top:1px solid rgba(242,240,236,.09)}.about__row h2{margin:0;font-size:var(--ui-size);font-weight:500;letter-spacing:var(--ui-track);text-transform:uppercase;color:#f2f0ec6b;padding-top:.35em}.about__body{max-width:60ch;font-size:clamp(15px,1.05vw,17px);line-height:1.7;letter-spacing:normal;text-transform:none;color:#f2f0ecb3}.about__body--wide{max-width:none}.about__body p{margin:0 0 1.1em}.about__body p:last-child{margin-bottom:0}.about__keys{margin:0;display:grid;grid-template-columns:minmax(4.5em,auto) minmax(0,1fr);gap:.85em 2.2em}.about__keys dt{color:var(--ink)}.about__keys dd,.about__figure{margin:0}.about__figure img{display:block;width:100%;height:auto;border:1px solid rgba(242,240,236,.1)}.about__figure figcaption{max-width:60ch;margin-top:1.1em;font-size:.88em;line-height:1.6;color:#f2f0ec73}.about__materials{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(11.5em,1fr));gap:.7em 2.2em}.about__materials li{display:flex;align-items:center;gap:.85em;font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;color:#f2f0ec9e;white-space:nowrap}.about__materials i{width:7px;height:7px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #f2f0ec2e}.about__credit{display:flex;align-items:baseline;gap:.8em;margin-top:clamp(1.6em,5vh,2.8em);padding-top:1.8em;border-top:1px solid rgba(242,240,236,.14);font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;color:var(--ink-faint)}.about a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(242,240,236,.3);padding-bottom:2px;transition:border-color .26s ease,color .26s ease}@media (max-width: 720px){.about__row{grid-template-columns:minmax(0,1fr);gap:.9em}.about__row h2{padding-top:0}.about__keys{grid-template-columns:minmax(0,1fr);gap:.15em}.about__keys dd{margin-bottom:.9em}}.loader{position:fixed;inset:0;z-index:60;display:grid;place-content:center;justify-items:center;gap:1.6em;background:#000;font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;transition:opacity .9s ease .12s,visibility 0s linear 1.02s}.loader__mark{font-size:1.15em;letter-spacing:.52em;color:var(--ink);text-indent:.52em}.loader__status{display:flex;align-items:baseline;gap:.9em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.loader__rule{width:min(220px,42vw);height:1px;background:#f2f0ec24;position:relative;overflow:hidden}.loader__rule i{position:absolute;inset:0;transform-origin:0 50%;background:var(--ink-dim);transform:scaleX(0);transition:transform .32s ease}.fallback{position:absolute;inset:0;z-index:15;display:grid;place-content:center;justify-items:center;gap:1.4em;pointer-events:none;text-align:center}.fallback img{max-height:58vh;max-width:68vw;object-fit:contain}.fallback p{margin:0;font-size:var(--ui-size);letter-spacing:var(--ui-track);text-transform:uppercase;color:var(--ink-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width: 560px){.ui__hint{bottom:calc(var(--ui-inset-bottom) + 3.4em)}.ui__restart:before,.ui__sound:after{width:14px}}@media (hover: hover){.ui__restart:hover,.ui__sound:hover,.ui__about:hover,.about__close:hover{color:var(--ink)}.ui__restart:hover:before,.ui__sound:hover:after,.about__close:hover:after{width:clamp(26px,4.4vw,56px)}.about a:hover{border-bottom-color:var(--warm);color:var(--warm)}}@media (pointer: coarse){.ui__restart,.ui__sound,.ui__about,.about__close,.about a{-webkit-tap-highlight-color:transparent}.ui__restart,.ui__sound{padding:1.8em .7em;bottom:calc(var(--ui-inset-bottom) - 1.2em)}.ui__restart{right:calc(var(--ui-inset-right) - .7em)}.ui__sound{left:calc(var(--ui-inset-left) - .7em)}.ui__about{padding:1.8em .7em;margin:-1.4em -.7em}.about__close{padding:1.6em .7em;margin:-.6em -.7em}.about{background:#000000f8;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion: reduce){.grain{animation:none}.loader,.ui__title,.ui__hint,.ui__restart{transition-duration:1ms}}