@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#10110f;--panel:#1a1c18;--ink:#f0efe8;--muted:#a5a79a;--gold:#d6b782;--line:#ffffff20;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-2px}.wordmark span{font-family:var(--font);font-size:12px;letter-spacing:2px;font-weight:500;margin-left:14px;vertical-align:middle}nav{display:flex;gap:36px;align-items:center;font-size:14px}.nav-cta{border:1px solid #ffffff50;border-radius:100px;padding:12px 20px}.nav-cta span{margin-left:16px}.story{height:310vh;position:relative}.stage{height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#424637 0%,#22251c 34%,#10110f 76%)}.model-view{position:relative;overflow:hidden}.model-view canvas{width:100%;height:100%;display:block}.fallback{width:100%;height:100%;object-fit:contain;opacity:.85}.model-view.loaded .fallback{display:none}#hero-view{position:absolute;inset:7% -12% 2% 25%;}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10110fbb 0%,transparent 65%)}.hero-copy{position:absolute;top:25%;left:7%;max-width:650px;pointer-events:none;will-change:opacity,transform}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 24px}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(52px,5.5vw,84px);line-height:1.07;font-weight:500}h1 em{font-style:normal;color:var(--gold)}.hero-copy p{font-size:17px;color:#c4c7b9;line-height:1.6;margin:26px 0 32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:17px 25px;border-radius:5px;border:0;font-weight:600;font-size:15px}.accent{background:var(--gold);color:#181c15}.button:hover{filter:brightness(1.08)}.stage-bottom{position:absolute;bottom:33px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;color:#c5c6b9}.story-caption{position:absolute;left:7%;bottom:18%;opacity:0;max-width:440px;pointer-events:none}.story-caption>span{font-size:12px;letter-spacing:3px;color:var(--gold)}.story-caption h2{font-size:clamp(35px,4vw,58px);margin:18px 0}.story-caption p{color:#c4c7b9;line-height:1.6}.story-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#ffffff15}.story-progress i{display:block;width:0;height:100%;background:var(--gold)}.manifesto{padding:115px 7% 105px;max-width:1500px;margin:auto}.manifesto h2,.config-heading h2{font-size:clamp(34px,4vw,57px);line-height:1.15;font-weight:500}.manifesto h2 span{color:#858b7c}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:65px}.benefits article{border-top:1px solid var(--line);padding-top:24px}.benefits article>span{color:var(--gold);font-size:13px}.benefits h3{font-size:23px;font-weight:500;margin:24px 0 14px;letter-spacing:-.025em}.benefits p{color:var(--muted);line-height:1.7;margin:0;max-width:340px}.config-section{background:#eeeee7;color:#242723;padding:90px 5% 100px}.config-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:0 auto 50px;max-width:1400px}.config-heading .eyebrow{color:#727555}.config-heading>p{font-size:16px;line-height:1.6;color:#6c7063;margin:0}.config-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:55px;align-items:start}.viewer-wrap{position:sticky;top:25px;background:radial-gradient(ellipse at 45% 38%,#d3d5c9,#e2e3db 65%);border-radius:12px;min-height:580px;height:min(760px,87vh);overflow:hidden;border:1px solid #333c2312}#config-view{height:100%;width:100%;min-height:580px}.view-top{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:16px}.pill{font-size:11px;letter-spacing:1.3px;border:1px solid #2c332433;padding:7px 12px;border-radius:100px}#view-status{font-size:12px;color:#69715b;text-align:right}.view-actions{position:absolute;bottom:55px;left:15px;right:15px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.view-actions button{border:1px solid #353e2322;background:#f5f5eddf;color:#343b2d;font-size:13px;padding:10px 13px;border-radius:100px}.view-actions button[aria-pressed=true]{background:#303829;color:#fff}.view-actions button:disabled{opacity:.45;cursor:default}.view-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12px;color:#69715b}.controls fieldset{border:0;border-bottom:1px solid #24272325;padding:0 0 28px;margin:0 0 30px;min-width:0}.controls legend{font-family:Manrope,sans-serif;font-size:21px;font-weight:600;letter-spacing:-.03em;padding:0;margin-bottom:26px;width:100%}.controls legend>span{font-family:var(--font);font-size:12px;font-weight:400;color:#727a62;margin-right:20px}.controls label:not(.module-options label):not(.deck-names label){display:flex;justify-content:space-between;font-size:14px;margin:15px 0 9px;gap:12px}.controls label>span{font-size:12px;color:#7a7e72}input[type=text],input:not([type]),select{width:100%;background:#f8f8f3;border:1px solid #c4c8b9;border-radius:5px;padding:12px 14px;color:#272e21;min-height:46px}input:hover,select:hover{border-color:#858e72}.deck-names{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deck-names label{position:relative;display:block}.deck-names label>span{position:absolute;left:10px;top:16px;font-size:11px;color:#7b816f}.deck-names input{padding-left:33px;font-size:14px}.field-note{font-size:12px;line-height:1.5;color:#777d6c;margin:11px 0 0}.color-line{display:flex;gap:14px;align-items:center}.color-line i{display:block;width:35px;height:35px;flex-shrink:0;border-radius:50%;border:1px solid #3333}.module-options{display:grid;gap:9px}.module-options label{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #c4c8b9;border-radius:6px;background:#f6f6ef;cursor:pointer}.module-options label:has(input:checked){border-color:#59654a;background:#e0e5d7;box-shadow:inset 0 0 0 1px #59654a}.module-options input{accent-color:#586c42;width:17px;height:17px}.module-options strong{display:block;color:#2a3320;font-size:14px;font-weight:500}.module-options small{display:block;color:#737b68;margin-top:5px;font-size:12px}.module-options b{font-size:9px;letter-spacing:.7px;border:1px solid #859071;padding:3px 5px;border-radius:3px;vertical-align:middle;margin-left:6px}.config-summary>p:first-child{font-size:14px;line-height:1.5;margin:0 0 18px}.config-summary .button{width:100%;background:#343e29;color:#fff}.prototype-note{font-size:12px;line-height:1.65;color:#797e70}.config-summary #save-status{font-size:13px;color:#435b28}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 5%;gap:25px}footer>p{color:var(--muted);font-size:14px}footer>span{font-size:11px;letter-spacing:1.5px;color:#a5aa99}@media(min-width:1600px){#hero-view{inset:4% 0 2% 30%}}@media(max-width:900px){header{height:76px}.wordmark{font-size:29px}.wordmark span{font-size:10px}nav>a:first-child{display:none}nav .nav-cta{font-size:12px;padding:10px 14px}.hero-copy{top:18%;left:6%}h1{font-size:55px}.hero-copy p{font-size:16px;max-width:310px}#hero-view{inset:27% -22% 1% 8%}.stage-shade{background:linear-gradient(180deg,#10110f66,transparent 70%)}.hero-copy .button{padding:14px 19px}.stage-bottom{font-size:9px}.stage-bottom span:first-child{max-width:150px;line-height:1.5}.story-caption{bottom:13%;background:#10110f99;padding:20px;border-radius:5px;left:4%;right:4%;max-width:450px}.manifesto{padding:75px 6%}.benefits{gap:25px}.benefits h3{font-size:20px}.config-section{padding:65px 5%}.config-grid{gap:30px;grid-template-columns:1fr}.config-heading{align-items:start}.config-heading>p{display:none}.viewer-wrap{position:relative;top:auto;min-height:440px;height:65vh;max-height:640px}#config-view{min-height:440px}.controls{max-width:650px;width:100%;margin:auto}.benefits p{font-size:14px}}@media(max-width:540px){h1{font-size:46px}.hero-copy{top:16%}.hero-copy p{max-width:240px}.hero-copy .button{font-size:13px;margin-top:0}.story{height:270vh}.stage{min-height:700px}.benefits{grid-template-columns:1fr;gap:30px;margin-top:40px}.benefits h3{margin:14px 0 10px}.benefits p{max-width:100%;font-size:16px}.manifesto h2,.config-heading h2{font-size:34px}.view-top{left:15px;right:15px}.view-actions button{font-size:12px;padding:9px 10px}footer{flex-wrap:wrap}footer>p{display:none}.desktop{display:none}.deck-names{gap:8px}.wordmark span{letter-spacing:1px;margin-left:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}