@font-face{font-family:Barlow;src:url('/assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-wght.ttf') format('truetype');font-weight:200 800;font-display:swap}@font-face{font-family:Plex;src:url('/assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#10161c;--orange:#ff6435;--paper:rgb(241,238,231);--muted:#a6b5bf;--line:#394954;--pad:clamp(20px,4.4vw,74px)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#e9edf0;font:13px/1.65 Manrope,Arial,sans-serif}h1,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border-radius:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:12px;left:20px;z-index:5;background:var(--orange);color:var(--ink);padding:9px 15px;transform:translateY(-180%)}.skip:focus{transform:none}
main{max-width:2000px;margin:auto}.hero-stage{position:relative;aspect-ratio:2/1;min-height:430px;max-height:900px;background:var(--paper);overflow:hidden}#scene-canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#scene-canvas.dragging{cursor:grabbing}.hero-copy{position:absolute;top:50%;left:var(--pad);transform:translateY(-52%);max-width:50%;color:#16212a;pointer-events:none;text-shadow:0 1px 12px #f1eee766}.hero-copy .eyebrow{font:9px/1.7 Plex,monospace;letter-spacing:1.1px;margin-bottom:23px}.hero-copy h1{font:600 clamp(57px,6.3vw,122px)/.88 Barlow,Impact,sans-serif;letter-spacing:-.5px}.hero-copy>p:last-child{font-size:13px;line-height:1.7;max-width:310px;margin-top:28px}.interaction-hint{position:absolute;left:var(--pad);bottom:22px;padding:7px 10px;background:#f1eee7d9;color:#455563;font:9px/1.7 Plex,monospace;pointer-events:none}
.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:25px var(--pad);border-bottom:1px solid var(--line)}.controls button{display:flex;gap:28px;align-items:center;justify-content:space-between;min-height:47px;padding:12px 17px;background:transparent;border:1px solid #617683;color:#e9edf0;font-size:11px;font-weight:650}.controls button span{color:var(--orange);font-size:18px;line-height:1}.controls .primary{background:var(--orange);border-color:var(--orange);color:#10161c}.controls .primary span{color:#10161c}.controls label{display:flex;align-items:center;gap:10px;font:9px Plex,monospace;color:var(--muted)}.controls select{background:#19252e;color:#e5ebef;border:1px solid #617683;min-height:47px;padding:9px 12px;font:11px Manrope;max-width:140px}.controls .overlay-toggle{margin-left:auto;white-space:nowrap}.overlay-toggle input{accent-color:var(--orange);width:16px;height:16px;margin:0}#scene-status{padding:15px var(--pad) 0;color:#9ab0bf;font:10px/1.7 Plex,monospace;min-height:32px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:25px var(--pad) 28px;gap:20px}.metrics>div{border-top:1px solid var(--line);padding-top:13px}.metrics span{display:block;font:9px Plex,monospace;text-transform:uppercase;letter-spacing:.4px;color:#829baa}.metrics strong{display:block;font:600 32px Barlow;margin-top:9px;color:#d3dde4}.study-note{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#dbe1e5;color:var(--ink);padding:28px var(--pad);border-left:3px solid var(--orange)}.study-note p{font:600 32px/1.1 Barlow;text-transform:uppercase}.study-note>span{font-size:11px;max-width:350px;color:#596b78}footer{display:flex;justify-content:space-between;gap:25px;padding:25px var(--pad) 35px;font:9px/1.8 Plex,monospace;color:#829baa}footer a span{color:var(--orange);margin-left:18px}
@media(max-width:760px){.hero-stage{min-height:460px;max-height:none;aspect-ratio:3/4}.hero-copy{max-width:84%;top:38%}.hero-copy .eyebrow{font-size:8px;margin-bottom:17px}.hero-copy h1{font-size:clamp(55px,14vw,80px)}.hero-copy>p:last-child{font-size:12px;max-width:240px;margin-top:22px}.interaction-hint{bottom:17px;right:20px;font-size:8px}.controls{padding:20px var(--pad);gap:10px}.controls button{min-height:44px;font-size:10px;padding:11px 13px;gap:18px}.controls .primary{width:100%}.controls label{font-size:8px}.controls select{min-height:44px;font-size:10px}.controls .overlay-toggle{margin-left:0}#scene-status{font-size:9px}.metrics{grid-template-columns:1fr 1fr;gap:20px;padding:21px var(--pad)}.metrics span{font-size:8px}.metrics strong{font-size:28px}.study-note{display:block;padding:24px var(--pad)}.study-note p{font-size:28px}.study-note>span{display:block;font-size:10px;margin-top:14px}footer{display:block;font-size:8px}footer a{display:block;margin-top:12px}}
.scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.embed-controls{position:absolute;top:15px;right:15px;display:flex;gap:8px}.embed-controls button{border:1px solid #617683;background:#f1eee7e8;color:#16212a;padding:9px 12px;font:10px Manrope;cursor:pointer}.embed-controls .primary{background:var(--orange);border-color:var(--orange)}.embedded{overflow:hidden;background:var(--paper)}.embedded header,.embedded .controls,.embedded .metrics,.embedded .study-note,.embedded footer,.embedded .hero-copy,.embedded #scene-status{display:none}.embedded main{max-width:none}.embedded .hero-stage{width:100%;height:100svh;aspect-ratio:auto;min-height:0;max-height:none}.embedded .interaction-hint{left:15px;bottom:15px;font-size:8px}
.embedded.scene-error #scene-status{display:block;position:fixed;bottom:48px;left:15px;right:15px;z-index:3;background:#f1eee7ed;color:#455563;padding:10px;font-size:9px}
.embedded.parent-controlled #play-toggle{display:none}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-opsz.woff2) format("woff2")}
html:not(.standalone) .sa{display:none!important}
html.standalone{--bg:#08090a;--t1:#f7f8f8;--t2:#d0d6e0;--t3:#8a8f98;--hair:rgba(255,255,255,.08);--head:72px;--gut:clamp(16px,3.2vw,46px);--conf-0:#0d7a33;--conf-1:#6bb840;--conf-2:#545454;--conf-3:#ed8c1f;--conf-4:#8f7cff;background:var(--bg);color-scheme:dark}
html.standalone body{background:var(--bg);color:var(--t2);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
html.standalone main{max-width:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
html.standalone body:not(.debug) :is(.controls,#scene-status,.metrics){display:none}
.sa-head{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--head);padding:0 var(--gut);border-bottom:1px solid var(--hair)}
.sa-brand{display:inline-flex;align-items:center;gap:10px;color:var(--t1)}
.sa-brand svg{width:38px;height:auto;flex:none}
.sa-brand .wordmark{display:block;font:600 26px/1 Barlow,"Barlow Condensed",Impact,sans-serif;letter-spacing:.08em}
.sa-brand .wordmark-sub{display:block;margin-top:5px;font:400 7.8px/1 Plex,ui-monospace,Menlo,monospace;letter-spacing:.82em;margin-right:-.82em;color:var(--t3);text-transform:uppercase}
.sa-study{font-size:13px;color:var(--t2);white-space:nowrap}.sa-study span{margin-left:4px;color:var(--t3)}.sa-study:hover{color:var(--t1)}
html.standalone .hero-stage{grid-area:1/1;aspect-ratio:auto;height:calc(100svh - var(--head));min-height:480px;max-height:none;background:#999}
html.standalone .scene-poster{z-index:1}
.sa-note,.sa-status{position:absolute;z-index:2;top:16px;margin:0;padding:6px 10px;border-radius:8px;font-size:12px;line-height:16px;color:var(--t2);background:rgba(8,9,10,.62);box-shadow:inset 0 0 0 1px var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sa-note{left:var(--gut);max-width:min(560px,calc(62% - var(--gut)))}
.sa-status{right:var(--gut);font-variant-numeric:tabular-nums}
.sa-card{grid-area:1/1;align-self:end;justify-self:start;position:relative;z-index:3;box-sizing:border-box;width:min(440px,calc(50vw - 2 * var(--gut)));margin:0 0 var(--gut) var(--gut);padding:16px 18px;border-radius:12px;background:rgba(8,9,10,.74);box-shadow:inset 0 0 0 1px var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sa-card h1{font:600 19px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.012em;color:var(--t1)}
.sa-fact{margin-top:6px;font-size:13px;line-height:1.5;color:var(--t3)}
.sa-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.sa-modes{display:inline-flex;padding:2px;border-radius:8px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--hair)}
.sa-actions button{border:0;border-radius:6px;background:none;color:var(--t3);font:500 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;padding:8px 12px;min-height:32px}
.sa-actions button:hover:not(:disabled){color:var(--t1)}
.sa-modes button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:var(--t1)}
.sa-actions #load-scene,.sa-actions #reset-scene{box-shadow:inset 0 0 0 1px var(--hair)}
.sa-actions #load-scene{background:var(--t1);color:var(--bg)}
.sa-actions #load-scene span{margin-left:6px}
.sa-actions button:focus-visible{outline:2px solid var(--t2);outline-offset:2px}
.sa-key{margin-top:14px;padding-top:12px;box-shadow:inset 0 1px 0 var(--hair)}
.sa-key ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.sa-key li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:var(--t2)}
.sa-chip{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.sa-credit{grid-area:1/1;align-self:end;justify-self:end;position:relative;z-index:3;box-sizing:border-box;max-width:min(460px,calc(50vw - 2 * var(--gut)));margin:0 var(--gut) var(--gut) 0;padding:8px 11px;border-radius:8px;font-size:11px;line-height:15px;color:var(--t3);background:rgba(8,9,10,.66);box-shadow:inset 0 0 0 1px var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html.standalone footer.sa-foot{display:block;padding:20px var(--gut) 32px;font:12px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--t3)}
html.standalone footer.sa-foot p{max-width:880px}
@media(max-width:760px){
  html.standalone{--head:64px}
  .sa-brand svg{width:31px}.sa-brand .wordmark{font-size:22px}.sa-brand .wordmark-sub{font-size:6.6px;margin-top:4px}
  html.standalone .hero-stage{height:62svh;min-height:400px;background:rgb(241,238,231)}
  .sa-note,.sa-status{top:12px;font-size:11px;line-height:15px}
  .sa-status{top:auto;bottom:12px}
  .sa-note{max-width:calc(100% - 2 * var(--gut))}
  .sa-card,.sa-credit{grid-area:auto;width:auto;max-width:none;margin:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .sa-card{padding:18px var(--gut) 6px}
  .sa-credit{padding:12px var(--gut) 0}
  html.standalone footer.sa-foot{padding-top:10px}
}
html.scene-ground,html.scene-ground body,html.scene-ground .hero-stage{background:var(--scene-bg)}html.scene-ground #preload-progress{background:var(--scene-bg)!important;color:var(--scene-fg)!important}
body.exploring #scene-canvas{touch-action:none;cursor:grab}
.sa-explore{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;
  touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-explore-chip,.sa-done{display:inline-flex;align-items:center;gap:8px;height:36px;margin:0;padding:0 14px;border:0;border-radius:8px;
  font:500 13px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.01em;color:var(--t1);
  background:rgba(8,9,10,.66);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sa-explore-chip svg{width:16px;height:16px;flex:none;color:var(--t2)}
.sa-done{position:absolute;z-index:4;top:16px;right:var(--gut);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sa-explore:focus-visible .sa-explore-chip,.sa-done:focus-visible{outline:2px solid var(--t2);outline-offset:2px}
@media(max-width:760px){.sa-done{top:12px}}
