*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#ece7dd;color:#171916}.public-shell{position:relative;width:100%;height:100%;background:var(--site-bg);color:var(--site-text);font-family:var(--site-body)}.public-header{position:fixed;z-index:20;inset:0 0 auto;height:72px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,360px) auto;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid color-mix(in srgb,var(--site-text) 14%,transparent);background:color-mix(in srgb,var(--site-surface) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.wordmark{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-family:var(--site-display);font-size:18px}.mark{width:13px;height:13px;border-radius:50%;background:var(--site-accent);box-shadow:8px -6px 0 -4px var(--site-text)}.site-tagline{margin:0;color:var(--site-muted);font-size:11px;line-height:1.35;letter-spacing:.035em;text-transform:uppercase}.public-header nav{display:flex;align-items:center;gap:22px}.public-header nav a{display:grid;gap:3px;color:inherit;text-decoration:none;font-size:13px;line-height:1}.public-header nav a span{font:9px/1 var(--site-body);color:var(--site-muted);letter-spacing:.12em}.public-header nav a[aria-current=page]{font-weight:700}.public-header nav a[aria-current=page]:after{content:"";height:2px;margin-top:4px;background:var(--site-accent);transform-origin:left;animation:line-in .35s ease-out}.menu-toggle{display:none}.preview-flag{position:absolute;top:82px;right:22px;padding:7px 10px;border-radius:99px;background:#171916;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.page-intro{position:fixed;z-index:11;top:92px;left:28px;max-width:260px;pointer-events:none}.page-intro>span{font:600 12px/1 var(--site-body);letter-spacing:.12em;text-transform:uppercase}.page-intro p{margin:8px 0 0;color:color-mix(in srgb,var(--site-text) 62%,transparent);font:14px/1.35 var(--site-body)}.player{position:absolute;inset:0;height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.public-panel{position:relative;height:100dvh;display:grid;place-items:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.public-panel:after{content:"";position:absolute;inset:72px 0 0;pointer-events:none;box-shadow:inset 0 0 100px #00000006}.fit{position:relative;transform-origin:center}.artboard{position:relative;overflow:hidden}.scene-node{box-sizing:border-box}.panel-caption{position:absolute;z-index:3;right:28px;bottom:28px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;mix-blend-mode:difference;color:#fff}.panel-rail{position:fixed;z-index:15;right:29px;top:50%;display:grid;gap:8px;transform:translateY(-50%)}.panel-rail button{width:7px;height:7px;padding:0;border:1px solid color-mix(in srgb,var(--site-text) 60%,transparent);border-radius:50%;background:transparent;cursor:pointer}.panel-rail button.active{background:var(--site-accent);border-color:var(--site-accent);transform:scale(1.35)}footer{position:fixed;z-index:10;left:28px;right:58px;bottom:25px;display:flex;justify-content:space-between;pointer-events:none;color:#fff;mix-blend-mode:difference;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.empty{min-height:100vh;display:grid;place-items:center;font:16px var(--site-body,system-ui)}.behavior-reveal{opacity:0;transition:opacity var(--reveal-duration,.3s) cubic-bezier(.2,.8,.2,1)}.behavior-reveal.behavior-reveal-visible{opacity:1}@keyframes line-in{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:900px){.public-header{grid-template-columns:1fr auto;padding:0 18px}.site-tagline{display:none}.menu-toggle{display:block;border:0;background:transparent;color:inherit;font:600 12px var(--site-body);text-transform:uppercase;letter-spacing:.08em}.public-header nav{position:fixed;inset:72px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;background:var(--site-surface);transform:translate(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.public-header nav.open{transform:none}.public-header nav a{grid-template-columns:38px 1fr;align-items:baseline;padding:18px 4px;border-bottom:1px solid color-mix(in srgb,var(--site-text) 12%,transparent);font:36px/1 var(--site-display)}.public-header nav a span{font-size:10px}.public-header nav a:after{display:none}.page-intro{top:86px;left:18px;max-width:220px}.page-intro p{font-size:12px}.panel-rail{right:16px}.panel-caption{right:18px;bottom:22px}footer{left:18px;right:42px;bottom:18px}footer span:last-child{display:none}}@media(max-width:600px){.public-header{height:62px}.public-header nav{inset:62px 0 0}.wordmark{font-size:16px}.page-intro{top:76px}.public-panel:after{inset:62px 0 0}.panel-caption{font-size:8px}.panel-rail{gap:6px}.panel-rail button{width:6px;height:6px}}.player{scrollbar-width:none;-ms-overflow-style:none}.player::-webkit-scrollbar{display:none;width:0;height:0}