:root{--fp-bg: #161719;--fp-ink: rgba(255, 255, 255, .92);--fp-ink-soft: rgba(255, 255, 255, .72);--fp-muted: rgba(255, 255, 255, .45);--fp-faint: rgba(255, 255, 255, .26);--fp-rule: rgba(255, 255, 255, .1);--cube-edge: rgba(255, 255, 255, .45);--font-sans: "IBM Plex Sans", "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--page-margin: 2rem;--rail-w: 6.5rem;--text-w: 38rem}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-snap-type:y mandatory}body{margin:0;font-family:var(--font-sans);font-size:17px;line-height:1.65;background:var(--fp-bg);color:var(--fp-ink);-webkit-font-smoothing:antialiased}.wordmark{position:fixed;top:1.4rem;left:var(--page-margin);z-index:50;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.06em;color:var(--fp-ink-soft);text-decoration:none}.wordmark:hover{color:var(--fp-ink)}.page-index{position:fixed;right:1.3rem;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:.4rem;text-align:right}.page-index a{font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fp-faint);text-decoration:none;transition:color .2s var(--ease-out)}.page-index a:hover{color:var(--fp-muted)}.page-index a.on{color:var(--fp-ink)}#dotfield{position:fixed;inset:0;z-index:0;pointer-events:none}.scrolly{position:relative;z-index:1;display:grid;grid-template-columns:var(--rail-w) minmax(0,var(--text-w)) minmax(0,1fr);padding-left:var(--page-margin)}.copy-col{grid-column:1 / 3;min-width:0;display:contents}.stage-col{grid-column:3;grid-row:1 / span 99;position:relative}.stage-sticky{position:sticky;top:0;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.fp-section{position:relative;grid-column:2;min-height:64vh;display:flex;flex-direction:column;justify-content:center;padding:7vh 3rem 7vh 0;opacity:.3;transition:opacity .14s var(--ease-out);scroll-snap-align:center;scroll-snap-stop:always}.fp-section.is-active{opacity:1}.fp-section.hook{min-height:100vh;padding-top:14vh;scroll-snap-align:start}.fp-section.last{min-height:100vh;padding-bottom:16vh;scroll-snap-align:end}.sec-head{position:relative}.rail{position:absolute;left:calc(-1 * var(--rail-w));top:.42em;width:calc(var(--rail-w) - 1.4rem);font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-faint);line-height:1.45;user-select:none}.rail b{display:block;font-weight:500}h1{font-family:var(--font-sans);font-size:clamp(2.8rem,5vw,4.2rem);font-weight:700;line-height:1.04;letter-spacing:-.02em;margin:0 0 1.8rem}.fp-section h2{font-family:var(--font-sans);font-size:clamp(1.45rem,2.2vw,1.8rem);font-weight:600;line-height:1.22;letter-spacing:-.012em;margin:0 0 1.4rem}.fp-section p{margin:0 0 1.15em;color:var(--fp-ink-soft)}.fp-section em{font-style:italic;color:inherit}.info-table{margin:0 0 1.6rem;border-top:1px solid var(--fp-rule)}.info-table .row{display:flex;align-items:baseline;gap:2rem;padding:.6rem 0;border-bottom:1px solid var(--fp-rule)}.info-table .k{flex:0 0 6.5rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fp-muted)}.info-table .v{font-size:.92rem;color:var(--fp-ink-soft)}.pull{font-family:var(--font-sans);font-weight:500;font-size:1.05rem;line-height:1.6;color:var(--fp-ink);margin:1.6rem 0}.cap{font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--fp-muted);margin:1.5rem 0 0}.scroll-hint{font-family:var(--font-mono);font-size:.73rem;letter-spacing:.08em;color:var(--fp-muted);margin-top:2.6rem;animation:hintNudge 2.4s var(--ease-in-out) infinite}@keyframes hintNudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.cta{margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--fp-rule);font-family:var(--font-mono);font-size:.8rem;color:var(--fp-muted)}.cta a{color:var(--fp-ink)}a{color:var(--fp-ink);text-decoration:underline;text-decoration-color:var(--fp-rule);text-underline-offset:3px}a:hover{text-decoration-color:var(--fp-ink)}#stagebox{position:relative;width:308px;height:340px;transform:scale(1.35);transform-origin:center}.vc-wrap{position:relative;z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px}.vc-scene{position:relative;touch-action:none;cursor:grab;user-select:none}.vc-scene:active{cursor:grabbing}.vc-svgbox{position:absolute;inset:0}.vc-halo{position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(255,255,255,.04) 38%,transparent 70%);opacity:0;transition:opacity .14s;pointer-events:none}.vc-limit .vc-halo{opacity:1}.vc-readout{display:none}.vc-arrow{position:absolute;z-index:8;width:22px;height:22px;display:none;align-items:center;justify-content:center;font-family:Material Symbols Outlined;font-size:13px;color:#ffffffd9;background:#0c0e0dc7;backdrop-filter:blur(32px) saturate(2);-webkit-backdrop-filter:blur(32px) saturate(2);border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;transition:opacity .16s,background .12s,color .12s}.stage-arrows .vc-arrow.shown{display:flex}.vc-transit .vc-arrow{opacity:.4}.vc-arrow:hover,.vc-arrow.sim-hover{color:#fff;background:#ffffff38}svg .vc-zonepoly{fill:transparent;cursor:pointer}svg text.vc-facelabel{font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:400;letter-spacing:.06em}svg text.vc-letter-t{font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:400;cursor:pointer}svg .vc-ringpath{cursor:grab}#stagebox .g-body,#stagebox .g-labels,#stagebox .g-ring,#stagebox .g-ringtop{opacity:0;transition:opacity .38s var(--ease-out)}#stagebox .g-faces polygon{fill-opacity:0;stroke:var(--cube-edge);transition:fill-opacity .38s var(--ease-in-out)}#stagebox.stage-flat .g-faces polygon{fill-opacity:.22}#stagebox.stage-labels .g-labels,#stagebox.stage-solid .g-body{opacity:1}#stagebox.stage-solid .g-faces polygon{fill-opacity:1}#stagebox.stage-compass .g-ring,#stagebox.stage-compass .g-ringtop{opacity:1}#stagebox:not(.stage-compass) .g-ring,#stagebox:not(.stage-compass) .g-ringtop{pointer-events:none}.turncap{position:absolute;z-index:8;display:inline-flex;align-items:center;background:#0c0e0dc7;backdrop-filter:blur(32px) saturate(2);-webkit-backdrop-filter:blur(32px) saturate(2);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:2px;box-shadow:0 4px 12px #00000040;opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .26s var(--ease-out),transform .26s var(--ease-out)}#stagebox.stage-home .tc-home,#stagebox.stage-turns .tc-turns{opacity:1;transform:scale(1);pointer-events:auto}.turncap .tc-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;transition:background .12s;user-select:none;touch-action:none}.turncap .tc-btn:hover,.turncap .tc-btn.sim-hover{background:#ffffff29}.turncap .tc-btn .ico{font-family:Material Symbols Outlined;font-size:13px;color:#ffffffe0;display:inline-block}.turncap .tc-btn[data-dir=cw] .ico{transform:scaleX(-1)}.turncap .tc-div{width:1px;height:14px;background:#ffffff24}@keyframes tcSpinL{0%{rotate:0deg}to{rotate:-90deg}}@keyframes tcSpinR{0%{rotate:0deg}to{rotate:90deg}}.turncap .tc-btn.spin-l .ico{animation:tcSpinL .32s cubic-bezier(.2,0,0,1)}.turncap .tc-btn.spin-r .ico{animation:tcSpinR .32s cubic-bezier(.2,0,0,1)}.turncap .tc-btn.holding{background:#ffffff4d}.specimen{position:absolute;z-index:9;width:72px;height:72px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none}#stagebox.stage-specimens .specimen{opacity:1;transform:none}.sp-a{left:6px;top:26px}.sp-b{left:6px;top:202px}.sp-cube{width:40px;height:40px;transform-style:preserve-3d;transform:rotateX(-28deg) rotateY(45deg)}.sp-cube i{position:absolute;inset:0;display:block;background:#1c1e2099;border:1px solid rgba(255,255,255,.3);backface-visibility:hidden}.r-big i{inset:2px;border-radius:5px;border-color:#ffffff42}.sp-fill i{inset:2px;border:none;border-radius:6px}.sp-fill i.t{background:#393c3f}.sp-fill i.f{background:#2b2d30}.sp-fill i.r{background:#212325}.sp-fill i.b,.sp-fill i.l,.sp-fill i.u{background:#25272a}@property --peel-base{syntax: "<length>"; inherits: true; initial-value: 6px;}@property --peel-wind{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --wind-mult{syntax: "<number>"; inherits: true; initial-value: 1;}.peel{position:relative;width:100%;height:100%;--peel-base: 6px;--peel-wind: 4px;--wind-mult: 1;--peel-d: calc(var(--peel-base) + var(--peel-wind) * var(--wind-mult));transition:--peel-base .95s cubic-bezier(.25,.8,.25,1),--wind-mult .95s cubic-bezier(.25,.8,.25,1)}.peel-front,.peel-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.peel-back{transform-origin:0 0}.sp-a .peel-front{clip-path:polygon(0 0,100% 0,100% calc(100% - .78 * var(--peel-d)),calc(100% - var(--peel-d)) 100%,0 100%)}.sp-a .peel-back{clip-path:polygon(calc(100% - var(--peel-d)) 100%,100% calc(100% - .78 * var(--peel-d)),100% 100%);transform:translate(calc(124.28px - .7563 * var(--peel-d)),calc(159.38px - .9699 * var(--peel-d))) matrix(.2437,-.9699,-.9699,-.2437,0,0);filter:drop-shadow(2px 3px 5px rgba(0,0,0,.4))}.sp-b .peel-front{clip-path:polygon(0 0,calc(100% - .78 * var(--peel-d)) 0,100% var(--peel-d),100% 100%,0 100%)}.sp-b .peel-back{clip-path:polygon(calc(100% - .78 * var(--peel-d)) 0,100% 0,100% var(--peel-d));transform:translate(calc(89.55px - .9701 * var(--peel-d)),calc(.7565 * var(--peel-d) - 69.83px)) matrix(-.2437,.9699,.9699,.2437,0,0);filter:drop-shadow(-3px 4px 5px rgba(0,0,0,.4))}.stk-img{width:68px;height:68px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22));user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.peel,.peel *{user-select:none;-webkit-user-select:none}.stk-liner-img{position:relative;width:68px;height:68px;display:block;background:linear-gradient(to bottom left,#dadbdd,#c4c5c7 50%,#939496);-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat}.stk-liner-img:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='72'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0'/></filter><rect width='72' height='72' filter='url(%23n)'/></svg>")}.stk-liner-a{-webkit-mask-image:url(/stickers/sticker-a.svg);mask-image:url(/stickers/sticker-a.svg);background-image:repeating-linear-gradient(to bottom right,#ffffff0a 0,#0000000d 8px,#ffffff0a 16px),linear-gradient(to bottom right,#c4c5c7 calc(100% - .68 * var(--peel-d)),#64676a calc(100% - .56 * var(--peel-d)),#e8eaec calc(100% - .47 * var(--peel-d)),#cfd1d3 calc(100% - .36 * var(--peel-d)),#b4b6b8 calc(100% - .14 * var(--peel-d)),#8e9092)}.stk-liner-b{-webkit-mask-image:url(/stickers/sticker-b.svg);mask-image:url(/stickers/sticker-b.svg);background-image:repeating-linear-gradient(to top right,#ffffff0a 0,#0000000d 8px,#ffffff0a 16px),linear-gradient(to top right,#c4c5c7 calc(100% - .68 * var(--peel-d)),#64676a calc(100% - .56 * var(--peel-d)),#e8eaec calc(100% - .47 * var(--peel-d)),#cfd1d3 calc(100% - .36 * var(--peel-d)),#b4b6b8 calc(100% - .14 * var(--peel-d)),#8e9092)}@keyframes peelWind{0%{--peel-wind: 0px}18%{--peel-wind: 4px}34%{--peel-wind: 1.5px}52%{--peel-wind: 5.5px}70%{--peel-wind: 2px}86%{--peel-wind: 3.5px}to{--peel-wind: 0px}}#stagebox.stage-specimens .specimen{pointer-events:auto}#stagebox.stage-specimens .sp-a .peel{--peel-base: 30px;animation:peelWind 9s ease-in-out infinite}#stagebox.stage-specimens .sp-b .peel{--peel-base: 40px;animation:peelWind 12.5s ease-in-out -4.7s infinite}#stagebox.stage-specimens .peel:hover{--peel-base: 58px;--wind-mult: 2}#stagebox.stage-specimens .peel:active{--peel-base: 64px;--wind-mult: 2.2}.sf.f{transform:translateZ(20px)}.sf.b{transform:rotateY(180deg) translateZ(20px)}.sf.r{transform:rotateY(90deg) translateZ(20px)}.sf.l{transform:rotateY(-90deg) translateZ(20px)}.sf.t{transform:rotateX(90deg) translateZ(20px)}.sf.u{transform:rotateX(-90deg) translateZ(20px)}.sim-cursor{position:absolute;z-index:14;width:26px;height:26px;border-radius:50%;background:#ffffff38;border:1px solid rgba(255,255,255,.5);pointer-events:none;opacity:0;transition:opacity .18s ease}.sim-cursor.on{opacity:1}.grab-hint{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono);font-size:.54rem;letter-spacing:.08em;color:var(--fp-muted);opacity:1;transition:opacity .5s var(--ease-out);pointer-events:none}#stagebox.touched .grab-hint{opacity:0}@media(max-width:1023px){.scrolly{display:block;padding:0 1.2rem}.copy-col{display:block}html{scroll-snap-type:none}.fp-section{scroll-snap-align:none;scroll-snap-stop:normal}.stage-col{position:sticky;top:0;z-index:20}.stage-sticky{height:46vh;background:var(--fp-bg);border-bottom:1px solid var(--fp-rule)}#stagebox{transform:scale(.72)}.grab-hint{display:none}.fp-section{padding:7vh 0;min-height:50vh}.fp-section.hook{min-height:auto;padding-top:8vh}.fp-section.last{min-height:auto;padding-bottom:10vh}.rail,.page-index{display:none}.exhibit iframe{height:320px}.info-table .k{flex-basis:5.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.peel{animation:none!important;transition:none}#stagebox .g-body,#stagebox .g-faces polygon,#stagebox .g-labels,#stagebox .g-ring,#stagebox .g-ringtop,.turncap{transition:none!important}.scroll-hint{animation:none}}
