:root{--paper:#f3ebdd;--paper-deep:#ece1cf;--card:#fffaf0;--card-warm:#fff7e8;--ink:#1e1b18;--ink-soft:#5b5147;--mustard:#f2c14e;--coral:#d9734e;--terra:#c0533a;--sage:#9dbf8e;--sky:#8ec5e8;--butter:#f8e6ac;--peach:#f6d8c3;--shape-accent:#f2c14e;--shape-accent-soft:#fbebbe;--border:3px solid var(--ink);--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--radius:22px;--font-display:"Be Vietnam Pro", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-serif:"Newsreader", Georgia, "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-height:100dvh;color:var(--ink);font-family:var(--font-body);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(#1e1b1824 1.15px,#0000 1.3px);background-size:22px 22px;margin:0;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 12% 18%,#f2c14e29,#0000 25rem),radial-gradient(circle at 88% 8%,#8ec5e829,#0000 22rem);position:fixed;inset:0}.paper-grain{pointer-events:none;z-index:60;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}::selection{background:var(--mustard);color:var(--ink)}[hidden]{display:none!important}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p,ol{margin:0}ol{padding:0;list-style:none}svg{display:block}:focus-visible{outline:3px dashed var(--terra);outline-offset:3px}.topbar{z-index:50;border-bottom:3px solid var(--ink);-webkit-backdrop-filter:blur(14px);background:#f3ebdde6;position:sticky;top:0}.topbar-inner{align-items:center;gap:22px;width:min(1480px,100%);margin:0 auto;padding:12px 28px;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;transition:transform .12s;display:inline-flex}.brand:hover{transform:translate(-1px,-1px)}.brand-mark{border:3px solid var(--ink);background:var(--mustard);width:43px;height:43px;box-shadow:3px 3px 0 var(--ink);border-radius:11px;place-items:center;display:grid;transform:rotate(-2deg)}.brand-mark svg{width:27px;height:27px}.brand-mark--small{width:33px;height:33px;box-shadow:2px 2px 0 var(--ink);border-width:2.5px;border-radius:8px}.brand-mark--small svg{width:21px;height:21px}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.055em;font-size:23px;font-weight:800;line-height:1}.brand-name sup{color:var(--terra);letter-spacing:0;font-size:.55em;position:relative;top:-.5em}.brand-sub{letter-spacing:.19em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;font-size:8px;font-weight:800}.shape-nav{scrollbar-width:none;align-items:center;gap:7px;min-width:0;margin-inline:auto;display:flex;overflow-x:auto}.shape-nav::-webkit-scrollbar{display:none}.shape-chip{border:2.5px solid var(--ink);background:var(--card);height:37px;box-shadow:2px 2px 0 var(--ink);letter-spacing:-.01em;border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;transition:transform 90ms,box-shadow 90ms,background-color .12s;display:inline-flex}.shape-chip-icon{width:18px;height:18px;display:block}.shape-chip-icon svg{width:18px;height:18px}.shape-chip:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.shape-chip:active{box-shadow:none;transform:translate(2px,2px)}.shape-chip.is-active{background:var(--ink);color:var(--card);box-shadow:none;transform:translate(2px,2px)}.topbar-meta{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.topbar-chip{letter-spacing:.13em;text-transform:uppercase;border:2px solid var(--ink);background:#fffaf099;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.topbar-link{text-underline-offset:4px;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:800;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:1.5px;display:inline-flex}.topbar-link svg{width:14px;height:14px;transition:transform .16s}.topbar-link:hover svg{transform:translateY(3px)}.page{z-index:1;width:min(1480px,100%);margin:0 auto;padding:0 28px 54px;position:relative}.intro{grid-template-columns:minmax(0,1.35fr) minmax(280px,.55fr);align-items:center;gap:44px;padding:24px 0;animation:.62s cubic-bezier(.2,.8,.2,1) both rise-in;display:grid}.intro-copy{max-width:880px}.kicker{border:2.5px solid var(--ink);background:var(--card);box-shadow:2.5px 2.5px 0 var(--ink);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:9.5px;font-weight:800;display:inline-flex;transform:rotate(-.4deg)}.kicker-dot{border:1.5px solid var(--ink);background:var(--mustard);border-radius:50%;width:8px;height:8px}.kicker-dot--coral{background:var(--coral)}.intro h1{font-family:var(--font-display);letter-spacing:-.062em;text-wrap:balance;margin-top:15px;font-size:clamp(42px,4.35vw,62px);font-weight:800;line-height:.97}.hl{border:3px solid var(--ink);background:var(--mustard);box-shadow:5px 5px 0 var(--ink);border-radius:9px;margin-top:6px;padding:0 .14em .04em;transition:transform .18s,box-shadow .18s;display:inline-block;transform:rotate(-1.3deg)}.intro h1:hover .hl{box-shadow:6px 6px 0 var(--ink);transform:rotate(0)translate(-1px,-1px)}.intro-lede{max-width:640px;color:var(--ink-soft);letter-spacing:-.012em;text-wrap:pretty;margin-top:16px;font-size:14.5px;line-height:1.65}.tag-row{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.mini-tag{border:2px solid var(--ink);background:#fff8ea;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:2px 2px #1e1b18e6}.mini-tag-dot{border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px}.mini-tag-dot--sage{background:var(--sage)}.mini-tag-dot--coral{background:var(--coral)}.mini-tag-dot--sky{background:var(--sky)}.intro-side{justify-self:end;width:min(100%,356px);padding:14px 16px 8px 0;position:relative}.intro-card{border:3px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);border-radius:16px;padding:17px 17px 13px;position:relative;transform:rotate(1.4deg)}.intro-tape{border:2px solid var(--ink);clip-path:polygon(1% 12%,100% 0,98% 88%,2% 100%);background:#f2c14ee0;width:82px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:2px 2px #1e1b18cc}.intro-card-head{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px dashed #1e1b1842;justify-content:space-between;gap:10px;padding-bottom:8px;font-size:8.5px;font-weight:800;display:flex}.quick-steps{gap:11px;margin-top:12px;display:grid}.quick-steps li{align-items:flex-start;gap:9px;display:flex}.step-num{border:2px solid var(--ink);background:var(--mustard);width:25px;height:25px;box-shadow:1.5px 1.5px 0 var(--ink);font-family:var(--font-display);border-radius:7px;flex:none;place-items:center;margin-top:1px;font-size:11px;font-weight:800;display:grid}.step-num--sage{background:var(--sage)}.step-num--sky{background:var(--sky)}.quick-steps b{letter-spacing:-.015em;font-size:12.5px;font-weight:800;display:block}.quick-steps small{color:var(--ink-soft);margin-top:1px;font-size:10.5px;line-height:1.45;display:block}.intro-card-foot{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);border-top:2px dashed #1e1b1842;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding-top:9px;font-size:8.5px;font-weight:800;display:flex}.intro-card-foot svg{width:23px;height:23px;color:var(--terra);animation:24s linear infinite slow-spin}.sticker-badge{z-index:2;border:3px solid var(--ink);background:var(--sage);width:84px;height:84px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:absolute;top:-14px;right:-5px;transform:rotate(9deg)}.sticker-badge:hover{transform:rotate(3deg)scale(1.04)}.sticker-badge:after{content:"";border:2px dashed #1e1b185c;border-radius:50%;position:absolute;inset:7px}.sticker-badge b{z-index:1;font-family:var(--font-display);letter-spacing:-.06em;font-size:26px;font-weight:800;line-height:1;position:relative}.sticker-badge small{z-index:1;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:7.5px;font-weight:800;position:relative}.workspace{grid-template-columns:minmax(0,1.72fr) minmax(336px,.82fr);align-items:stretch;gap:26px;animation:.68s cubic-bezier(.2,.8,.2,1) 60ms both rise-in;display:grid}.stage,.panel{border:3px solid var(--ink);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-lg)}.stage{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.stage-head{border-bottom:3px solid var(--ink);background:var(--card-warm);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:13px 17px;display:flex}.stage-heading{align-items:center;gap:13px;min-width:0;display:flex}.stage-live{border:2px solid var(--ink);background:var(--paper);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-flex}.live-dot{border:1.5px solid var(--ink);background:var(--coral);border-radius:50%;width:7px;height:7px;position:relative}.live-dot:after{content:"";border:1.5px solid #d9734e73;border-radius:50%;animation:2.2s ease-out infinite live-pulse;position:absolute;inset:-4px}.stage-heading h2{font-family:var(--font-display);letter-spacing:-.045em;font-size:22px;font-weight:800;line-height:1.05}.stage-heading p{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;font-weight:700;overflow:hidden}.stage-tools{flex-shrink:0;align-items:center;gap:7px;display:flex}.segmented{border:2.5px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);border-radius:9px;align-items:center;gap:2px;padding:2px;display:flex}.seg-btn{appearance:none;letter-spacing:.02em;background:0 0;border:1.5px solid #0000;border-radius:5px;padding:5px 7px;font-size:9.5px;font-weight:800;transition:background-color .11s,color .11s}.seg-btn:hover{background:#1e1b1814}.seg-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--card)}.icon-btn{border:2.5px solid var(--ink);background:var(--card);width:33px;height:33px;box-shadow:2px 2px 0 var(--ink);border-radius:8px;place-items:center;padding:0;transition:transform 90ms,box-shadow 90ms,background-color .12s;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.icon-btn:active{box-shadow:none;transform:translate(2px,2px)}.icon-btn.is-active{background:var(--shape-accent);box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.icon-collapse,.stage.is-fullscreen #fullscreen-btn .icon-expand{display:none}.stage.is-fullscreen #fullscreen-btn .icon-collapse{display:block}.stage.is-fullscreen{z-index:200;width:100vw;height:100dvh;box-shadow:none;background:var(--paper);border:0;border-radius:0;margin:0;position:fixed;inset:0}.stage.is-fullscreen .stage-head{padding-inline:clamp(14px,3vw,34px)}.stage.is-fullscreen .viewport{flex:1;min-height:0}.stage.is-fullscreen .mode-dock{bottom:max(20px, env(safe-area-inset-bottom))}.stage.is-fullscreen .stage-badge{top:18px;left:18px}.stage.is-fullscreen .slice-preview{top:18px;right:18px}.stage.is-fullscreen #fullscreen-btn{background:var(--shape-accent)}body.stage-fullscreen-lock{overflow:hidden}.viewport{cursor:grab;isolation:isolate;background-color:#faf3e6;background-image:radial-gradient(#1e1b1821 1.1px,#0000 1.25px),linear-gradient(#fffaf059,#0000 32%,#1e1b1808);background-size:20px 20px,100% 100%;flex:1;min-height:clamp(430px,47vh,560px);position:relative;overflow:hidden}.viewport:active{cursor:grabbing}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-badge{z-index:5;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);letter-spacing:.07em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffaf0eb;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.badge-dot{border:1.5px solid var(--ink);background:var(--shape-accent);border-radius:50%;width:7px;height:7px;transition:background-color .2s}.mode-dock{z-index:7;border:3px solid var(--ink);background:var(--card);box-shadow:4px 4px 0 var(--ink);border-radius:15px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mode-btn{letter-spacing:-.01em;white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:11.5px;font-weight:800;transition:background-color .13s,color .13s,transform 90ms;display:inline-flex}.mode-btn svg{flex-shrink:0;width:17px;height:17px;transition:color .13s}.mode-btn:hover{background:var(--paper)}.mode-btn:active{transform:translateY(1px)}.mode-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.mode-btn.is-active svg{color:var(--mustard)}.orbit-hint{z-index:4;color:var(--ink-soft);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffaf0a8;border:2px solid #1e1b1829;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;font-weight:700;display:inline-flex;position:absolute;bottom:20px;left:14px}.orbit-hint svg{width:14px;height:14px}.slice-preview{z-index:6;border:3px solid var(--ink);width:200px;box-shadow:5px 5px 0 var(--ink);pointer-events:none;background:#fffaf0f7;border-radius:15px;padding:10px;animation:.22s both slice-in;position:absolute;top:14px;right:14px;transform:rotate(1.3deg)}.slice-preview-head{letter-spacing:.11em;text-transform:uppercase;border-bottom:2px dashed #1e1b1840;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;font-size:8px;font-weight:800;display:flex}.slice-preview-y{color:var(--terra);letter-spacing:.02em;font-size:8.5px}.slice-preview-canvas{place-items:center;height:96px;display:grid}.slice-preview-canvas svg{width:100%;height:100%}.slice-preview-foot{border-top:2px dashed #1e1b1840;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;font-size:9.5px;font-weight:700;display:flex}.slice-preview-foot b{color:var(--terra);font-size:10px;font-weight:800}.hover-card{z-index:12;border:2.5px solid var(--ink);background:var(--card);min-width:142px;max-width:210px;box-shadow:3px 3px 0 var(--ink);pointer-events:none;border-radius:10px;gap:2px;padding:8px 11px 9px;animation:.1s both hover-in;display:grid;position:absolute;top:0;left:0;transform:rotate(-1deg)}.hover-card span{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.hover-card strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:12.5px;font-weight:800;line-height:1.25}.hover-card em{color:var(--terra);margin-top:2px;font-size:10px;font-style:normal;font-weight:700}.hover-card em b{font-size:12px;font-weight:800}.panel{flex-direction:column;gap:13px;padding:24px 19px 17px;display:flex;position:relative;overflow:hidden}.panel:before{content:"";border-bottom:2.5px solid var(--ink);background:var(--shape-accent);height:8px;transition:background-color .22s;position:absolute;top:0;left:0;right:0}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:8.5px;font-weight:800;display:block}.panel-head h3{font-family:var(--font-display);letter-spacing:-.05em;margin-top:4px;font-size:24px;font-weight:800;line-height:1.05}.panel-number{border:2.5px solid var(--ink);background:var(--shape-accent);width:35px;height:35px;box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);border-radius:9px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;transition:background-color .2s;display:grid}.panel-desc{color:var(--ink-soft);letter-spacing:-.005em;font-size:12px;line-height:1.6}.sliders{gap:12px;padding:3px 0 1px;display:grid}.slider-row{display:block}.slider-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.slider-name{align-items:center;gap:7px;font-size:11.5px;font-weight:700;display:inline-flex}.dim-sym{border:2px solid var(--ink);background:var(--shape-accent-soft);width:23px;height:21px;box-shadow:1.5px 1.5px 0 var(--ink);font-family:var(--font-serif);border-radius:5px;place-items:center;font-size:14px;font-style:italic;font-weight:500;line-height:1;transition:background-color .2s;display:inline-grid}.dim-value{white-space:nowrap;align-items:baseline;gap:3px;display:inline-flex}.dim-value b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800}.dim-value small{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800}.slider-row input[type=range],#slice-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;padding:0}.slider-row input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--ink);background:linear-gradient(to right, var(--shape-accent) 0 var(--fill,50%), #efe2ce var(--fill,50%) 100%);border-radius:999px;height:10px}#slice-range::-webkit-slider-runnable-track{border:2px solid var(--ink);background:linear-gradient(to right, var(--shape-accent) 0 var(--fill,50%), #efe2ce var(--fill,50%) 100%);border-radius:999px;height:10px}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--ink);background:var(--shape-accent);width:21px;height:21px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;margin-top:-7.5px;transition:transform .1s}#slice-range::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--ink);background:var(--shape-accent);width:21px;height:21px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;margin-top:-7.5px;transition:transform .1s}.slider-row input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.09)}#slice-range:hover::-webkit-slider-thumb{transform:scale(1.09)}.slider-row input[type=range]::-moz-range-track{border:2px solid var(--ink);background:#efe2ce;border-radius:999px;height:10px}#slice-range::-moz-range-track{border:2px solid var(--ink);background:#efe2ce;border-radius:999px;height:10px}.slider-row input[type=range]::-moz-range-progress{background:var(--shape-accent);border-radius:999px;height:6px}#slice-range::-moz-range-progress{background:var(--shape-accent);border-radius:999px;height:6px}.slider-row input[type=range]::-moz-range-thumb{border:2.5px solid var(--ink);background:var(--shape-accent);width:16px;height:16px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}#slice-range::-moz-range-thumb{border:2.5px solid var(--ink);background:var(--shape-accent);width:16px;height:16px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}#slice-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--coral) 0 var(--fill,50%), #f0d9cc var(--fill,50%) 100%)}#slice-range::-webkit-slider-thumb{background:var(--coral)}#slice-range::-moz-range-progress{background:var(--coral)}#slice-range::-moz-range-thumb{background:var(--coral)}.metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.metric{border:2.5px solid var(--ink);min-height:100px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;flex-direction:column;padding:11px 11px 9px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";pointer-events:none;border:2px solid #1e1b1824;border-radius:50%;width:52px;height:52px;position:absolute;top:-18px;right:-18px}.metric--volume{background:var(--mustard)}.metric--surface{background:var(--sky)}.metric-label{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:8px;font-weight:800}.metric-value{flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:4px;display:flex}.metric-value b{font-family:var(--font-display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.metric-value span{letter-spacing:.02em;text-transform:uppercase;opacity:.75;font-size:8px;font-weight:800}.metric-formula{font-family:var(--font-serif);border-top:1.5px solid #1e1b1842;margin-top:auto;padding-top:5px;font-size:11.5px;font-style:italic;font-weight:500;line-height:1.2}.panel-note{color:var(--ink-soft);background:#f3ebdd8c;border:2px dashed #1e1b184d;border-radius:9px;padding:8px 9px;font-size:10.5px;line-height:1.55}.panel-note:before{content:"✦";color:var(--terra);margin-right:5px;font-weight:800}.panel-facts{border-top:1.5px dashed #1e1b1838;border-bottom:1.5px dashed #1e1b1838;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0;display:grid}.panel-facts>div{min-width:0}.panel-facts span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:7.5px;font-weight:800;display:block}.panel-facts b{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:800;display:block;overflow:hidden}.slice-controls{border:2.5px solid var(--ink);background:var(--shape-accent-soft);box-shadow:2px 2px 0 var(--ink);border-radius:11px;gap:7px;padding:10px;display:grid}.slice-controls-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.slice-controls-head>span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:8.5px;font-weight:800}.slice-controls-head>b{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.slice-controls-head small{font-family:var(--font-body);letter-spacing:.02em;color:var(--ink-soft);text-transform:uppercase;font-size:8px;font-weight:700}#slice-range{height:20px}.slice-stats{border-top:1.5px dashed #1e1b1847;grid-template-columns:1fr 1fr;gap:8px;padding-top:7px;display:grid}.slice-stats small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:7.5px;font-weight:800;display:block}.slice-stats b{margin-top:1px;font-size:11px;font-weight:800;display:block}.slice-note{color:var(--ink-soft);margin:0;font-size:9.5px;line-height:1.4}.nb-btn{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:11px;justify-content:center;align-items:center;font-weight:800;transition:transform 90ms,box-shadow 90ms,background-color .14s;display:inline-flex}.panel-cta{border-color:var(--ink);background:var(--terra);width:100%;color:var(--card);text-align:left;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:11px 12px;font-size:12px;line-height:1.2;display:flex}.panel-cta:hover{box-shadow:5px 5px 0 var(--ink);background:#b44a32;transform:translate(-1px,-1px)}.panel-cta:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.cta-icon{background:#fffaf01f;border:2px solid #fffaf0cc;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;transition:transform .15s;display:grid}.cta-icon svg{width:14px;height:14px}.panel-cta:hover .cta-icon{transform:translate(2px)}.panel-foot{color:var(--ink-soft);text-align:center;letter-spacing:.01em;margin:-2px 0 0;font-size:8.5px;line-height:1.4}.formula-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;animation:.68s cubic-bezier(.2,.8,.2,1) .12s both rise-in;display:grid}.formula-card{border:3px solid var(--ink);min-height:118px;box-shadow:5px 5px 0 var(--ink);border-radius:15px;padding:13px 15px 12px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.formula-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.25deg)}.formula-card--mustard{background:var(--mustard)}.formula-card--sky{background:var(--sky)}.formula-card--paper{background:var(--shape-accent-soft)}.formula-card-head{letter-spacing:.11em;text-transform:uppercase;color:#1e1b18b8;border-bottom:2px solid #1e1b183d;justify-content:space-between;gap:10px;padding-bottom:6px;font-size:8px;font-weight:800;display:flex}.formula-main{font-family:var(--font-serif);letter-spacing:-.025em;text-wrap:balance;margin-top:10px;font-size:clamp(22px,2.15vw,30px);font-style:italic;font-weight:500;line-height:1.1}.formula-card p{color:#1e1b18b3;font-variant-numeric:tabular-nums;margin-top:4px;font-size:9.5px;font-weight:600;line-height:1.45}.notes{margin-top:58px;scroll-margin-top:100px}.notes-head{border-bottom:3px solid var(--ink);grid-template-columns:minmax(0,1.05fr) minmax(260px,.65fr);align-items:end;gap:32px;padding-bottom:18px;display:grid}.notes-head h2{font-family:var(--font-display);letter-spacing:-.055em;margin-top:14px;font-size:clamp(32px,3.3vw,46px);font-weight:800;line-height:1.02}.notes-head>p{max-width:410px;color:var(--ink-soft);justify-self:end;font-size:12.5px;line-height:1.7}.note-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px;display:grid}.note-card{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:17px;flex-direction:column;gap:10px;padding:14px;transition:transform .18s,box-shadow .18s;display:flex}.note-card:hover{box-shadow:7px 8px 0 var(--ink);transform:translate(-2px,-3px)rotate(-.35deg)}.note-card--butter{background:#fbefc6}.note-card--sage{background:#e5efdd}.note-card--peach{background:#f8e3d6}.note-card-head{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;font-size:8px;font-weight:800;display:flex}.note-card-head span:first-child{border:2px solid var(--ink);background:var(--card);width:26px;height:21px;box-shadow:1.5px 1.5px 0 var(--ink);color:var(--ink);border-radius:5px;place-items:center;display:grid}.note-art{border:2.5px solid var(--ink);background-color:var(--card);background-image:radial-gradient(#1e1b181a 1px,#0000 1.1px);background-size:14px 14px;border-radius:11px;place-items:center;height:144px;padding:6px;display:grid;overflow:hidden}.note-art svg{width:88%;height:auto;transition:transform .22s}.note-card:hover .note-art svg{transform:translateY(-3px)rotate(-1deg)scale(1.02)}.note-card:nth-child(2):hover .note-art svg{transform:translateY(-3px)rotate(1deg)scale(1.02)}.note-card h3{font-family:var(--font-display);letter-spacing:-.045em;font-size:19px;font-weight:800;line-height:1.1}.note-card p{color:var(--ink-soft);font-size:11.5px;line-height:1.62}.site-footer{z-index:1;border-top:3px solid var(--ink);width:min(1480px,100%);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:18px 28px 30px;font-size:10.5px;font-weight:600;display:flex;position:relative}.footer-brand{color:var(--ink);align-items:center;gap:10px;display:flex}.footer-brand>div{flex-direction:column;line-height:1.15;display:flex}.footer-brand b{font-family:var(--font-display);letter-spacing:-.04em;font-size:15px;font-weight:800}.footer-brand span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:8px}.footer-top{color:var(--ink);text-underline-offset:3px;white-space:nowrap;font-weight:800;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:1.5px}.stage-boot{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf3e7f0;flex-direction:column;justify-content:center;align-items:center;gap:7px;transition:opacity .35s;display:flex;position:absolute;inset:0}.stage-boot.is-hiding{opacity:0}.stage-boot-icon{border:3px solid var(--ink);background:var(--mustard);width:45px;height:45px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-display);border-radius:11px;place-items:center;margin-bottom:4px;font-size:22px;font-weight:800;display:grid;transform:rotate(-4deg)}.stage-boot-icon svg{width:27px;height:27px}.stage-boot-text{font-family:var(--font-display);letter-spacing:-.03em;font-size:14px;font-weight:800}.stage-boot-sub{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:8.5px;font-weight:700}.stage-boot.is-error .stage-boot-icon{background:var(--coral)}.noscript{z-index:100;border:3px solid var(--ink);background:var(--mustard);text-align:center;border-radius:12px;padding:1rem;font-weight:700;position:fixed;inset:auto 1rem 1rem}@media (width<=1240px){.page{padding-inline:22px}.topbar-inner{gap:16px;padding-inline:22px}.shape-chip{padding-inline:9px;font-size:11.5px}.topbar-chip{display:none}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);gap:21px}.intro{gap:32px}.site-footer{padding-inline:22px}}@media (width<=1080px){.intro-side{display:none}.intro{grid-template-columns:1fr;padding:30px 0 26px}.intro-copy{max-width:760px}.intro-lede{max-width:600px}.workspace{grid-template-columns:1fr;gap:22px}.viewport{min-height:clamp(470px,58vh,580px)}.panel{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-content:start;gap:14px 24px;padding:27px 22px 20px;display:grid}.panel-head,.panel-desc,.sliders{grid-column:1}.metrics{grid-area:1/2/span 2;align-self:end}.panel-note,.slice-controls,.panel-cta,.panel-foot{grid-column:1/-1}.notes-head{grid-template-columns:1fr;gap:10px}.notes-head>p{justify-self:start}}@media (width<=900px){.topbar-inner{flex-wrap:wrap;gap:10px;padding:10px 16px}.shape-nav{order:3;justify-content:flex-start;width:100%;margin:0;padding-bottom:2px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 26px),#0000 100%)}.shape-chip{height:34px}.topbar-meta{display:none}.stage-head{flex-wrap:wrap;gap:10px}.stage-tools{justify-content:flex-end;width:100%}.segmented{margin-right:auto}.formula-strip{grid-template-columns:1fr}.formula-card{min-height:104px}.formula-main{font-size:26px}.note-grid{grid-template-columns:1fr}.note-card{grid-template-rows:auto auto 1fr;grid-template-columns:170px 1fr;align-items:start;column-gap:14px;display:grid}.note-art{grid-area:1/1/-1;height:152px}.note-card-head,.note-card h3,.note-card p{grid-column:2}.site-footer{flex-wrap:wrap}}@media (width<=720px){.page{padding:0 16px 42px}.intro{padding:24px 0 22px}.intro h1{letter-spacing:-.058em;font-size:clamp(40px,10vw,56px)}.intro-lede{margin-top:16px;font-size:13.5px;line-height:1.65}.tag-row{gap:6px;margin-top:14px}.mini-tag{padding:4px 8px;font-size:9.5px}.workspace{gap:18px}.panel{gap:13px;padding:26px 16px 16px;display:flex}.metrics{grid-row:auto;align-self:auto}.stage-head{padding:11px 12px}.stage-heading{gap:9px}.stage-live{padding:3px 6px;font-size:7px}.stage-heading h2{font-size:19px}.stage-heading p{font-size:8px}.stage-tools{gap:5px}.seg-btn{padding:5px 6px;font-size:9px}.icon-btn{width:31px;height:31px}.icon-btn svg{width:15px;height:15px}.viewport{min-height:430px}.stage-badge{padding:4px 8px;font-size:8px;top:10px;left:10px}.mode-dock{box-shadow:3px 3px 0 var(--ink);border-width:2.5px;border-radius:13px;gap:1px;padding:3px;bottom:11px}.mode-btn{border-width:1.5px;border-radius:8px;gap:5px;padding:7px 8px;font-size:10px}.mode-btn svg{width:14px;height:14px}.orbit-hint{display:none}.slice-preview{display:none!important}.panel-head h3{font-size:22px}.metrics{gap:8px}.metric{min-height:94px;padding:10px}.metric-value b{font-size:23px}.formula-card{min-height:106px;padding:12px 14px}.notes{margin-top:44px}.notes-head h2{font-size:clamp(30px,8.4vw,38px)}.note-card{gap:9px;padding:13px;display:flex}.note-art{height:138px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 16px 26px}}@media (width<=440px){.stage-heading p{display:none}.stage-tools{justify-content:space-between}.mode-btn{padding:7px 6px;font-size:9.5px}.mode-btn svg{width:13px;height:13px}.metric-value{gap:2px}.metric-value b{font-size:21px}.metric-value span{font-size:7px}.intro h1{font-size:40px}.hl{box-shadow:4px 4px 0 var(--ink)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hover-in{0%{opacity:0;transform:translateY(3px)rotate(-1deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}@keyframes slice-in{0%{opacity:0;transform:translateY(-5px)rotate(1.3deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(1.3deg)scale(1)}}@keyframes live-pulse{0%{opacity:.75;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.9)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}