:root{color:#f5f5f3;background:#0b0b0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#0b0b0d;color-scheme:dark;scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 50% 17%,rgba(255,255,255,.045),transparent 26rem),#0b0b0d}button,a{font:inherit}button{cursor:pointer}.page-shell{width:min(1320px,100%);margin:0 auto;padding:24px clamp(20px,4vw,56px) 120px}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:.8rem}.wordmark{color:#f5f5f3;font-weight:650;letter-spacing:-.025em;text-decoration:none}.source-link{color:#f5f5f385;text-decoration:none;transition:color .16s ease}.source-link:hover{color:#f5f5f3}.source-link:focus-visible,.wordmark:focus-visible,.segmented button:focus-visible,.collection-card:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:3px}.collection-section{padding:clamp(96px,13vw,180px) clamp(0px,3vw,36px);border-top:1px solid rgba(255,255,255,.1);text-align:center}.collection-copy{width:min(760px,100%);margin:0 auto 56px}.eyebrow{margin:0 0 18px;color:#f5f5f366;font-size:.7rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.collection-copy>p:last-child{max-width:580px;margin:24px auto 0;color:#f5f5f380;font-size:.96rem;line-height:1.65}.collection-stage{position:relative;width:min(920px,100%);margin:0 auto}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:18px;padding:30px 16px 22px;border:1px solid rgba(255,255,255,.09);border-radius:24px;color:#f5f5f38f;background:#ffffff06;box-shadow:inset 0 1px #ffffff09;font-size:.75rem;text-transform:capitalize;transition:border-color .16s ease,color .16s ease,background .16s ease}.collection-card:hover,.collection-card.selected{border-color:#fff3;color:#f5f5f3e6;background:#ffffff0b}.collection-icon-slot{display:block;width:min(112px,72%);aspect-ratio:1;touch-action:pan-y;cursor:grab}.collection-icon-slot:active{cursor:grabbing}.collection-fallback{display:block;width:100%;height:100%;border-radius:22%;object-fit:cover;transition:opacity .18s ease}.collection-status{min-height:1.2em;margin:22px 0 0;color:#f5f5f357;font-size:.72rem}.hero{display:flex;min-height:calc(100svh - 64px);flex-direction:column;align-items:center;justify-content:center;padding:clamp(64px,10vh,112px) 0 clamp(84px,12vh,144px)}.hero-copy{position:relative;z-index:2;width:min(760px,100%);text-align:center}h1{max-width:760px;margin:0 auto;font-size:clamp(3.25rem,7.2vw,6.7rem);font-weight:560;letter-spacing:-.078em;line-height:.9;text-wrap:balance}.intro{max-width:610px;margin:26px auto 0;color:#f5f5f394;font-size:clamp(1rem,1.4vw,1.16rem);letter-spacing:-.012em;line-height:1.6;text-wrap:balance}.stage{position:relative;width:min(880px,100%);height:clamp(510px,62vw,720px);margin-top:clamp(26px,4vw,52px);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:clamp(28px,4vw,44px);background:#151517;box-shadow:inset 0 1px #ffffff0e,0 40px 100px #00000047;isolation:isolate}.stage:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.045),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 45%);content:"";pointer-events:none}.stage:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 -100px 140px #0000003d;content:"";pointer-events:none}.stage canvas{touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.status{position:absolute;z-index:2;top:22px;left:50%;color:#f5f5f361;font-size:.7rem;letter-spacing:.025em;pointer-events:none;transform:translate(-50%)}.control-dock{position:absolute;z-index:2;bottom:24px;left:50%;display:flex;align-items:stretch;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#20202499;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0003,0 14px 44px #00000052;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transform:translate(-50%)}.control-group{display:flex;align-items:center;gap:10px}.control-label{padding-left:4px;color:#f5f5f366;font-size:.68rem;letter-spacing:.01em}.dock-divider{width:1px;margin:2px 0;background:#ffffff1a}.segmented{display:inline-flex;width:fit-content;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#00000029}.segmented button{border:0;border-radius:8px;padding:8px 11px;color:#f5f5f380;background:transparent;font-size:.72rem;text-transform:capitalize;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.segmented button:hover{color:#f5f5f3d1}.segmented button.active{color:#161619;background:#ffffffeb;box-shadow:0 1px #ffffffb3 inset,0 3px 12px #0003}.details{border-top:1px solid rgba(255,255,255,.1)}.detail{display:flex;min-height:760px;flex-direction:column;align-items:center;justify-content:center;gap:clamp(52px,6vw,76px);padding:clamp(96px,13vw,180px) clamp(0px,3vw,36px);text-align:center}.detail+.detail{border-top:1px solid rgba(255,255,255,.1)}.detail-heading{max-width:620px}h2{margin:0;font-size:clamp(2.2rem,4.6vw,4.4rem);font-weight:540;letter-spacing:-.065em;line-height:.96;text-wrap:balance}.detail-heading p{max-width:520px;margin:24px auto 0;color:#f5f5f380;font-size:.96rem;line-height:1.65}pre{width:min(960px,100%);overflow-x:auto;margin:0;padding:clamp(28px,4vw,52px);border:1px solid rgba(255,255,255,.1);border-radius:24px;color:#f5f5f3c7;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),#ffffff05;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #0000002e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.76rem,1.2vw,.92rem);line-height:1.8;text-align:left;white-space:pre-wrap}@media(max-width:820px){.page-shell{padding:20px 18px 72px}.hero{min-height:auto;padding:88px 0 96px}.stage{height:min(680px,106vw);min-height:520px}.control-dock{gap:10px}.control-label{display:none}.detail{min-height:0;gap:48px;padding:104px 0}.detail-heading{max-width:560px}.detail-heading p{max-width:460px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.site-header{font-size:.76rem}.hero{padding-top:72px}h1{font-size:clamp(3rem,15.5vw,4.7rem)}.intro{max-width:340px;margin-top:22px;font-size:.96rem}.stage{height:560px;min-height:0;margin-top:34px;border-radius:28px}.control-dock{bottom:16px;gap:6px;max-width:calc(100% - 20px);padding:7px;border-radius:16px}.dock-divider{display:none}.segmented button{padding:8px clamp(7px,2.4vw,10px);font-size:.67rem}.status{top:18px}.detail{gap:40px;padding:92px 0}.collection-section{padding:92px 0}.collection-copy{margin-bottom:42px}.collection-card{gap:14px;padding:22px 10px 18px;border-radius:20px}pre{padding:24px 20px;border-radius:20px;font-size:.72rem;line-height:1.75}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}