:root{--bg: oklch(99% 0 0);--surface: oklch(100% 0 0);--ink: oklch(16% .005 270);--ink-2: oklch(30% .005 270);--muted: oklch(52% .01 270);--border: oklch(92% .004 270);--border-strong: oklch(86% .004 270);--accent: oklch(58% .22 25);--accent-deep: oklch(48% .22 25);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 6px 20px -8px oklch(0% 0 0 / .1);--shadow-lg: 0 24px 60px -20px oklch(0% 0 0 / .18);--shadow-accent: 0 12px 30px -10px color-mix(in oklch, var(--accent) 55%, transparent);--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-pill: 999px;--t-fast: .14s cubic-bezier(.2, .8, .2, 1);--t: .22s cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme: dark){:root{--bg: oklch(13% .005 270);--surface: oklch(17% .006 270);--ink: oklch(96% .005 270);--ink-2: oklch(82% .005 270);--muted: oklch(62% .01 270);--border: oklch(25% .005 270);--border-strong: oklch(32% .005 270);--accent: oklch(64% .22 25);--accent-deep: oklch(56% .22 25);--shadow-md: 0 6px 20px -8px oklch(0% 0 0 / .5);--shadow-lg: 0 24px 60px -20px oklch(0% 0 0 / .6)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;display:flex;flex-direction:column}button{font-family:inherit;color:inherit;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--ink);font-weight:600}.nav,.stage,.foot{width:100%;max-width:720px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:16px}.stage{flex:1;display:flex;flex-direction:column;gap:clamp(20px,4vw,28px);padding-block:4px clamp(20px,5vw,36px)}.foot{display:flex;justify-content:space-between;gap:12px;padding-block:18px 24px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);margin-top:auto}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{color:var(--ink);border-radius:8px;flex-shrink:0}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.brand-dot{color:var(--accent);margin-inline:2px;font-weight:700}.nav-meta{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.lede{margin:0;font-size:clamp(20px,4.5vw,26px);font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--ink);max-width:26ch;text-wrap:balance}.viewer{position:relative;aspect-ratio:4 / 5;max-height:75dvh;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);overflow:hidden;isolation:isolate}model-viewer{width:100%;height:100%;background:transparent;--poster-color: transparent}.ar-cta{position:absolute;inset-block-end:14px;inset-inline-end:14px;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-weight:600;font-size:14px;letter-spacing:-.005em;box-shadow:var(--shadow-accent);transition:background var(--t),transform var(--t-fast),box-shadow var(--t)}.ar-cta:hover{background:var(--accent-deep);transform:translateY(-1px)}.ar-cta:active{transform:translateY(0)}.progress{position:absolute;inset-block-end:0;inset-inline:0;height:2px;background:color-mix(in oklch,var(--ink) 8%,transparent)}.progress-fill{width:0%;height:100%;background:var(--accent);transition:width var(--t)}model-viewer[loaded] .progress{opacity:0;transition:opacity .4s .2s}.scale-pick{display:flex;flex-direction:column;gap:10px}.scale-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scale-readout{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.scale-readout strong{color:var(--ink);font-weight:600}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}.segmented button{padding:12px 8px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.segmented button:hover{background:color-mix(in oklch,var(--ink) 5%,transparent)}.segmented button.active{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}@media (prefers-color-scheme: dark){.segmented button.active{background:var(--ink);color:var(--bg)}}.caption{margin:0;font-size:13px;color:var(--muted);line-height:1.55;text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}