@font-face{font-family:Brand;src:local('Verdana')}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080d24;color:#fff}body{margin:0;font-family:Verdana,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #36d8f5;outline-offset:7px}.skip-link{position:fixed;left:20px;top:-100px;z-index:30;padding:12px;background:#fff;color:#080d24}.skip-link:focus{top:10px}.header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:30px 4.5vw;gap:24px;pointer-events:none}.header>*{pointer-events:auto}.brand{display:block;width:156px;height:44px}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.header-note{font-size:14px;color:#c1c6dd;letter-spacing:.04em}.soundless{color:#d3d6e3;background:transparent;border:1px solid #ffffff29;border-radius:40px;padding:11px 17px;font-size:12px;cursor:pointer;min-height:44px;transition:border-color .2s}.soundless:hover,.soundless[aria-pressed=true]{border-color:#4bd4ee}.stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 68% 50%,#132b6f 0,#0b1536 37%,#080d24 75%)}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;opacity:0;transition:opacity .5s}.has-webgl #scene{opacity:1}.fallback-machine{position:absolute;right:13%;top:19%;height:69%;width:36%;object-fit:contain;transition:opacity .35s;z-index:2}.has-webgl .fallback-machine{opacity:0}.wordmark-backdrop{position:absolute;bottom:10%;left:5%;font-family:Arial,sans-serif;font-size:clamp(100px,16.6vw,300px);font-weight:800;line-height:1;letter-spacing:-.06em;color:#8bafff05;white-space:nowrap;z-index:1;user-select:none}.story{position:relative;z-index:3;pointer-events:none}.chapter{height:135svh;min-height:810px;position:relative}.chapter:last-child{height:100svh;min-height:650px}.copy{position:absolute;left:8.3vw;top:28svh;max-width:520px;will-change:opacity,transform;pointer-events:auto}.eyebrow{font-size:12px;text-transform:uppercase;font-weight:400;letter-spacing:.16em;color:#9bb6ed;margin:0 0 28px;line-height:1.6}h1,h2{font-family:Verdana,Arial,sans-serif;font-size:clamp(40px,5.2vw,82px);font-weight:600;letter-spacing:-.07em;line-height:1.12;margin:0 0 30px;text-wrap:balance}h1 span,h2 span{display:block;color:#8cabff}.body-copy{font-size:16px;line-height:1.9;font-weight:400;color:#b4bed8;margin:0}.chapter-nav{position:fixed;left:4.5vw;top:47%;z-index:8;display:grid;gap:3px}.chapter-nav button{width:30px;height:34px;padding:0;border:0;background:transparent;cursor:pointer;color:#7789ad;position:relative}.chapter-nav button:before{content:'';display:block;width:2px;height:16px;background:#ffffff33;border-radius:2px;transition:height .2s,background .2s;margin:auto}.chapter-nav button[aria-current]:before{height:28px;background:#37c9ed}.chapter-nav span{position:absolute;left:-10000px}.scene-footer{position:fixed;bottom:30px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;align-items:center;z-index:8;font-size:12px;color:#a7b2cb;letter-spacing:.025em;pointer-events:none}#scroll-hint span{display:inline-block;margin-left:13px;color:#fff}.scene-count{font-size:13px;letter-spacing:.12em;color:#657aa5}#current-scene{color:#fff}.count-divider{color:#657aa5}.progress{position:fixed;bottom:0;left:0;right:0;height:2px;z-index:20;background:#ffffff08}#progress-fill{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:#48c6ed}.replay{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:50px;padding:13px 25px;background:#e7efff;color:#101c3d;border:0;border-radius:2px;font-size:14px;cursor:pointer}.replay:hover{background:#fff}.replay span{font-size:22px}.layer-labels{position:fixed;inset:0;pointer-events:none;z-index:5}.layer-labels span{position:absolute;display:block;font-size:12px;color:#cad8ee;padding-left:32px;opacity:0;white-space:nowrap;transition:opacity .15s;letter-spacing:.03em}.layer-labels span:before{content:'';position:absolute;top:50%;left:0;width:22px;height:1px;background:#9bbbe2a6}#render-note{position:fixed;bottom:70px;left:4.5vw;max-width:350px;background:#101c3d;padding:16px;font-size:12px;color:#b4bed8;line-height:1.6;z-index:12}.noscript{position:fixed;bottom:80px;left:5%;z-index:12;color:#d3d6e3;font-size:14px}.reduced-motion .stage{position:fixed}.reduced-motion .copy{will-change:auto}html.reduced-motion{scroll-behavior:auto}
@media(min-width:1800px){.copy{left:12vw}.header{padding:40px 5vw}.chapter-nav{left:5vw}}
@media(max-width:900px){h1,h2{font-size:clamp(38px,5.8vw,60px)}.copy{max-width:44vw;left:8.5vw}.header-note{display:none}.fallback-machine{right:4%;width:45%}}
@media(max-width:600px),(max-width:900px) and (orientation:portrait){.header{padding:20px 22px}.brand{width:120px;height:35px}.soundless{font-size:12px;padding:9px 12px;min-height:42px}.chapter{height:140svh;min-height:800px}.chapter:last-child{height:100svh;min-height:640px}.copy{left:26px;right:26px;top:17svh;max-width:none}.eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:15px}h1,h2{font-size:clamp(37px,9vw,54px);letter-spacing:-.065em;line-height:1.1;margin-bottom:17px}.body-copy{font-size:14px;line-height:1.7}.body-copy br{display:none}.chapter-nav{left:auto;right:13px;top:46%}.chapter-nav button{width:30px;height:32px}.scene-footer{left:24px;right:24px;bottom:25px;font-size:12px}.fallback-machine{top:40%;right:18%;height:49%;width:64%}.wordmark-backdrop{font-size:23vw;bottom:17%;left:0}.layer-labels span{font-size:12px;padding-left:20px;letter-spacing:0}.layer-labels span:before{width:14px}.replay{margin-top:17px;min-height:43px;padding:9px 18px}.chapter-finale .body-copy{max-width:240px}.stage{background:radial-gradient(ellipse at 50% 68%,#142e73 0,#0c1636 40%,#080d24 77%)}#render-note{left:24px;right:24px;bottom:64px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-height:540px) and (min-width:601px){.header{padding-top:16px}.copy{top:25svh}h1,h2{font-size:38px;margin-bottom:15px}.eyebrow{margin-bottom:15px}.body-copy{font-size:14px}.scene-footer{bottom:16px}.replay{margin-top:15px}}
/* Preserve the established TEGIVA lockup from the current site. */
.header .brand{display:inline-flex;align-items:center;gap:12px;width:auto;text-decoration:none;color:#fff;height:44px}.header .brand-symbol{width:44px;height:38px;object-fit:contain}.brand-type{display:grid;gap:0}.brand-type b{font-size:22px;letter-spacing:.08em;line-height:1.25}.brand-type small{font-size:12px;letter-spacing:.005em;line-height:1.3;color:#9de5ff}
@media(max-width:600px),(max-width:900px) and (orientation:portrait){.header .brand{gap:8px}.header .brand-symbol{width:33px;height:29px}.brand-type b{font-size:17px}.brand-type small{font-size:12px;letter-spacing:-.035em}.header .soundless{font-size:12px;padding:9px 10px}.header{gap:12px}}
/* Keep the initial state distinct from the actual WebGL error fallback. */
[hidden]{display:none!important}.fallback-machine{display:none}.render-error .fallback-machine{display:block;opacity:1}.scene-loading{position:fixed;z-index:4;left:72.5%;top:55%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:17px;color:#96abcf;font-size:12px;letter-spacing:.08em;pointer-events:none}.loading-line{width:84px;height:2px;overflow:hidden;background:#ffffff16}.loading-line:after{content:'';display:block;width:36px;height:100%;background:#50c9ed;animation:loading-sweep 1.4s ease-in-out infinite}.has-webgl .scene-loading,.render-error .scene-loading{display:none}@keyframes loading-sweep{0%{transform:translateX(-36px)}100%{transform:translateX(84px)}}
@media(max-width:600px),(max-width:900px) and (orientation:portrait){.scene-loading{left:50%;top:69%}}
/* Keep each chapter's copy in a dedicated viewport slot below the fixed brand header. */
.story-ready .copy{position:fixed;top:max(118px,28svh);margin:0;will-change:opacity,transform;transition:none}
.story-ready .copy[inert]{pointer-events:none}
.header{background:linear-gradient(#080d24f5 0%,#080d24e8 70%,#080d2400 100%)}
h1,h2{letter-spacing:-.045em}
.body-copy{word-spacing:normal;letter-spacing:normal}
@media(max-width:600px),(max-width:900px) and (orientation:portrait){
  .story-ready .copy{top:max(108px,17svh)}
  h1,h2{font-size:clamp(34px,9vw,54px);letter-spacing:-.035em;line-height:1.13}
  .body-copy{font-size:16px;line-height:1.6;max-width:34ch}
  .chapter-finale .body-copy{max-width:28ch}
  .eyebrow{font-size:12px;letter-spacing:.10em}
}
@media(max-height:740px) and (max-width:600px){
  .story-ready .copy{top:max(100px,15svh)}
  h1,h2{font-size:clamp(32px,8.6vw,37px);margin-bottom:13px}
  .eyebrow{margin-bottom:12px}
  .replay{margin-top:12px}
}
@media(max-height:540px) and (min-width:601px){.story-ready .copy{top:max(90px,22svh)}}