@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2")}:root{color:#f3f0e7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#171817;--ink:#f3f0e7;--muted:#b2b3a9;--accent:#e1f35b;--line:#383b34;background:#171817;font-family:Manrope Variable,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-underline-offset:.25em;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:var(--ground);background:var(--accent)}html{scrollbar-color:#676b59 var(--ground)}[hidden]{display:none!important}.page{flex-direction:column;max-width:1720px;min-height:100svh;margin:0 auto;padding:27px clamp(24px,4.4vw,76px) 28px;display:flex}.header{align-items:center;gap:32px;min-height:42px;display:flex}.wordmark{letter-spacing:-.04em;font-size:32px;font-weight:800;line-height:1}.wordmark span{color:var(--accent)}.header-rule{background:var(--line);flex:1;height:1px;position:relative}.header-rule span{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.domain{color:var(--muted);letter-spacing:.015em;font-size:13px}.main{flex:1;grid-template-columns:45% 55%;align-items:center;padding:36px 0 30px;display:grid}.introduction{z-index:1;padding:12px 0 38px;position:relative}h1{letter-spacing:-.04em;margin:0;font-size:clamp(76px,8.1vw,130px);font-weight:760;line-height:.98}.name-period{color:var(--accent)}.accent-rule{background:var(--accent);width:46px;height:5px;margin:34px 0 29px}h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(25px,2.5vw,40px);font-weight:650;line-height:1.24}.intro-copy{color:var(--muted);max-width:365px;margin:0;font-size:16px;line-height:1.8}.personal-note{color:#bfc3ae;align-items:center;gap:13px;margin:35px 0 0;font-size:12px;display:flex}.personal-note svg{width:48px;height:26px;stroke:var(--accent);stroke-width:1.4px}.playground{align-self:center;min-width:0}.stage{isolation:isolate;width:100%;height:clamp(390px,36vw,580px);position:relative}#scene{opacity:0;width:100%;height:100%;transition:opacity .6s ease-out;display:block}.stage.is-ready #scene{opacity:1}.stage.is-ready .scene-fallback{display:none}.stage.is-ready{cursor:grab}.stage.is-dragging{cursor:grabbing}.object-hit{touch-action:none;cursor:inherit;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.object-hit:focus-visible{outline:1px dashed var(--accent);outline-offset:4px}.stage-corner{letter-spacing:.16em;color:#a5aa96;pointer-events:none;font-size:9px;position:absolute;top:7px;right:0}.scene-fallback{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.fallback-code{color:var(--accent);letter-spacing:-.04em;font-size:clamp(70px,10vw,150px);font-weight:700}.scene-fallback p{font-size:14px}#load-status{font-size:12px}.object-label{background:var(--accent);color:var(--ground);pointer-events:none;opacity:0;white-space:nowrap;border-radius:4px;padding:7px 12px;font-size:11px;font-weight:700;transition:opacity .15s;position:absolute;top:0;left:0}.object-label.is-visible{opacity:1}.scene-ui{margin:0 5px 0 18px}.scene-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.interaction-hint{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.interaction-hint svg{stroke:#c2c7b1;stroke-width:1.2px;width:17px;height:17px}.scene-actions{gap:3px;display:flex}.icon-button{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:10px;transition:background .2s,color .2s;display:grid}.icon-button:hover{color:var(--accent);background:#272a23}.icon-button svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.play-icon{display:none}#motion-toggle[aria-pressed=true] .play-icon{display:block}#motion-toggle[aria-pressed=true] .pause-icon{display:none}.object-picker{align-items:center;gap:clamp(10px,1.7vw,28px);padding-top:5px;display:flex}.object-picker button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:7px 0;font-size:12px;position:relative}.object-picker button:hover{color:var(--ink)}.object-picker button[aria-pressed=true]{color:var(--accent)}.object-picker button[aria-pressed=true]:after{content:"";background:var(--accent);border-radius:50%;width:3px;height:3px;position:absolute;bottom:1px;left:50%}.object-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:16px;min-height:44px;margin-top:8px;display:flex}.object-description{color:var(--muted);min-height:19px;margin:0;font-size:12px;line-height:1.6}.assembly-toggle{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:12px;display:flex}.assembly-toggle:hover{color:var(--ink)}.assembly-toggle svg{stroke:currentColor;stroke-width:1.4px;width:16px;height:16px}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:63px;padding-top:21px;display:flex}.footer p{color:var(--muted);align-items:center;gap:13px;margin:0;font-size:12px;display:flex}.footer-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:block}.footer-separator{color:#7b806e}.social-links{gap:32px;display:flex}.social-links a{align-items:center;gap:9px;min-height:44px;font-size:16px;font-weight:600;display:flex}.social-links svg{width:19px;height:19px;stroke:var(--accent);stroke-width:1.5px;transition:transform .2s ease-out}.social-links a:hover{color:var(--accent)}.social-links a:hover svg{transform:translate(2px,-2px)}.skip-link{background:var(--accent);color:var(--ground);z-index:5;padding:12px 18px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript-note{color:var(--muted);text-align:center;padding:0 24px 20px;font:12px/1.5 sans-serif}@media (width>=1500px){.main{grid-template-columns:44% 56%}}@media (width<=1000px) and (width>=761px){.page{padding-inline:30px}.main{grid-template-columns:45% 55%}h1{font-size:8.6vw}.stage{height:440px}.intro-copy{max-width:290px;font-size:14px}.footer p{flex-wrap:wrap;gap:8px;max-width:330px}.social-links{gap:18px}}@media (width<=760px){.page{padding:18px 24px 24px}.header{gap:24px}.wordmark{font-size:28px}.domain{font-size:11px}.main{grid-template-columns:1fr;padding:45px 0 28px}.introduction{padding:0}h1{font-size:clamp(74px,17vw,112px)}.accent-rule{width:38px;height:4px;margin:27px 0 23px}h2{margin-bottom:15px;font-size:clamp(27px,6.2vw,36px)}.intro-copy{max-width:360px;font-size:14px;line-height:1.8}.personal-note{margin-top:20px;font-size:11px}.personal-note svg{width:35px;transform:rotate(30deg)}.playground{margin-top:20px}.stage{height:clamp(355px,88vw,520px)}.stage-corner{font-size:8px;top:10px}.scene-ui{margin:0}.object-picker{justify-content:space-between;gap:10px}.object-description{font-size:11px}.footer{flex-direction:column;align-items:flex-start;gap:16px;padding-top:23px}.footer p{flex-wrap:wrap;gap:9px;font-size:10px}.social-links{gap:29px;width:100%}.social-links a{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
