:root{--black:#02040a;--panel:rgba(7,10,15,.82);--line:rgba(214,168,79,.24);--gold:#d6a84f;--blue:#1d9bff;--text:#f8f4e8;--muted:#c7bfaf;--weak:#8b8375}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--text);font-family:Arial,sans-serif}.intro-shell{max-width:1440px;min-height:100vh;margin:auto;padding:clamp(1.25rem,4vw,4rem)}.intro-header{margin-bottom:1rem;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.intro-header h1{margin:.25rem 0;font-size:clamp(1.7rem,4vw,3.4rem)}.scene-indicator{color:var(--muted)}html:not(.js) .intro-player{display:none}.intro-player{position:relative;display:grid}.intro-player:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.js .intro-player>.scene,.intro-ending{grid-area:1/1}.intro-player>.scene[hidden]{display:none!important}.intro-ending[hidden],.intro-pause[hidden],.intro-start[hidden]{display:none!important}.scene{display:grid}.stage{position:relative;aspect-ratio:2/1;overflow:hidden;background:#070a0f}.intro-start,.intro-pause{position:absolute;z-index:5;border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer}.intro-start{top:50%;left:50%;transform:translate(-50%,-50%);padding:.9rem 1.25rem;background:rgba(2,4,10,.9);box-shadow:0 0 0 1px rgba(245,198,107,.18),0 8px 28px rgba(0,0,0,.48)}.intro-pause{top:1rem;right:1rem;padding:.55rem .75rem;background:var(--panel);opacity:.9}.intro-start:focus-visible,.intro-pause:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.scene-image,.scene-fallback{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus-x) var(--focus-y)}.stage--contain .scene-image{object-fit:contain;background:var(--black)}.scene-fallback{display:grid;place-items:center;background:linear-gradient(140deg,#0c1820,#0a0f13 55%,#1b1710);color:var(--muted);letter-spacing:.14em;text-transform:uppercase}.stage-light{position:absolute;top:var(--light-y);left:var(--light-x);width:var(--light-w);height:var(--light-h);background:radial-gradient(ellipse,rgba(29,155,255,.22),transparent 70%);mix-blend-mode:screen;pointer-events:none}.stage-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(2,4,10,.52));pointer-events:none}.lower-third{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;min-height:28%;padding:clamp(1rem,3vw,2.5rem);place-items:end center;background:linear-gradient(transparent,rgba(2,4,10,.94) 70%);text-align:center}.lower-third p{width:100%;min-width:0;max-width:72ch;margin:0;overflow:visible;color:var(--text);font-size:clamp(1rem,2vw,1.35rem);font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:break-word;text-overflow:clip}.js .lower-third.is-visible{animation:card-fade .22s ease both}.js .scene.is-running:not(.scene--static) .scene-image{animation:documentary-camera var(--scene-duration) linear both}.js .scene.is-running .stage-light{animation:documentary-light 4s ease-in-out infinite alternate}.js .scene.is-crossfading{animation:cross-out .7s ease-in both}.js .scene.is-crossfade-next{z-index:2;grid-area:1/1;animation:cross-in .7s ease-out both}.js .scene.is-paused *{animation-play-state:paused!important}.intro-ending{position:relative;display:grid;min-height:clamp(280px,50vw,720px);place-items:center;overflow:hidden;background:#000}.intro-ending img{width:auto;max-width:80vw;max-height:70vh;object-fit:contain;opacity:0}.intro-ending.is-ending img{animation:ending-logo 2000ms ease-out 1000ms both}@keyframes documentary-camera{from{transform:scale(var(--scale-start)) translate(0,0)}to{transform:scale(var(--scale-end)) translate(var(--shift-x),var(--shift-y))}}@keyframes documentary-light{from{transform:translate(-3%,-2%) scale(.92);opacity:.32}to{transform:translate(4%,3%) scale(1.08);opacity:.78}}@keyframes card-fade{from{opacity:0}to{opacity:1}}@keyframes cross-out{to{opacity:0}}@keyframes cross-in{from{opacity:0}to{opacity:1}}@keyframes ending-logo{from{opacity:1;transform:scale(.05)}to{opacity:1;transform:scale(1)}}.card-layer{grid-area:1/1;opacity:0;transform:translateY(4px)}.card-layer--current{opacity:1;transform:translateY(0)}.lower-third.is-card-crossfade .card-layer--current{animation:card-out .35s ease-in both}.lower-third.is-card-crossfade .card-layer--next{animation:card-in .45s ease-out both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes card-out{to{opacity:0;transform:translateY(-4px)}}@keyframes card-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.intro-shell{padding:1rem}.lower-third{min-height:32%;padding:1rem}.lower-third p{max-width:100%;font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.js .scene,.js .scene-image,.js .stage-light,.js .lower-third{animation:none!important}.js .lower-third p{opacity:1}.intro-ending.is-ending img{animation:none;opacity:1;transform:scale(1);transition-delay:1000ms;transition-property:opacity;transition-duration:0ms}}