/* Full-canvas cinematic launch poster with responsive typography and quiet depth.
 * Dependencies: semantic poster HTML, squad artwork and reduced-motion preference. */
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#10120c;color:#e9ecdc;--sage:#b9ca98}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--sage);outline-offset:6px}
.poster{position:relative;isolation:isolate;min-height:760px;height:100svh;overflow:hidden;background:#10120c}
.scene,.shade{position:absolute;inset:0;z-index:-2;pointer-events:none}
.scene{animation:arrive 1.8s ease-out both;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.035);transition:transform 1.2s ease-out}
.scene img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.shade{z-index:-1;background:linear-gradient(180deg,rgba(10,12,7,.42),transparent 44%,rgba(10,12,7,.05) 62%,#10120c 97%)}
.masthead{position:absolute;top:34px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;font:11px/1.4 monospace;letter-spacing:2px}
.identity{display:flex;gap:10px;align-items:center;font-weight:700}.crosshair{font:26px/1 Arial;color:var(--sage)}.dispatch{color:#a4aa98;font-size:10px}
.headline{position:absolute;top:9%;left:4%;right:4%;text-align:center;animation:reveal 1s .15s both}
.eyebrow{font:10px/1.5 monospace;letter-spacing:3px;color:var(--sage);margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:10px}
.signal{height:5px;width:5px;background:var(--sage);box-shadow:0 0 10px #bacb9880;animation:signal 3s ease-in-out infinite}
h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(76px,11.5vw,185px);font-stretch:condensed;letter-spacing:-.045em;font-weight:900;line-height:.98;margin:0;text-shadow:0 3px 30px #10120c50}
.launch-line{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:21px}h2{font:11px/1.4 monospace;letter-spacing:6px;margin:0;color:#d2dbc3}.rule{height:1px;width:58px;background:#cad7b047}
.invitation{position:absolute;bottom:100px;left:0;right:0;text-align:center;animation:reveal 1s .5s both}.invitation p{font-size:20px;line-height:1.45;letter-spacing:-.4px;margin:0 0 21px;text-shadow:0 2px 18px #000}
.enter{display:inline-flex;gap:30px;align-items:center;padding:16px 23px;background:var(--sage);color:#182010;font:700 12px/1.3 monospace;transition:background .2s,transform .2s}.enter span{font-size:20px;line-height:.8;transition:transform .2s}.enter:hover{background:#d0dfb2;transform:translateY(-2px)}.enter:hover span{transform:translate(2px,-2px)}
.trial-note{display:block;margin-top:12px;font:9px/1.5 monospace;letter-spacing:1.5px;color:#a9b39a}
footer{position:absolute;bottom:28px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font:9px/1.5 monospace;letter-spacing:1.5px;color:#959c86}footer button{border:0;color:#b7bea9;background:none;padding:10px;cursor:pointer;text-transform:uppercase;font:9px/1.5 monospace;letter-spacing:1px}footer button span{margin-left:10px}
@keyframes arrive{from{opacity:0;scale:1.06}to{opacity:1;scale:1}}
@keyframes reveal{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes signal{50%{opacity:.35}}
html[data-motion="off"] *,html[data-motion="off"] .scene{animation:none;transition:none;transform:none}
@media(min-aspect-ratio:19/10){.poster{min-height:650px}.headline{top:12%}h1{font-size:clamp(76px,11vw,155px)}.scene img{object-position:center 62%}.invitation{bottom:78px}.invitation p{font-size:17px}}
@media(max-width:600px){.poster{min-height:680px}.masthead{top:24px;left:22px;right:22px}.dispatch{font-size:8px;letter-spacing:1px}.identity{font-size:10px;letter-spacing:1px}.headline{top:16%;left:16px;right:16px}.eyebrow{font-size:7px;letter-spacing:1.4px;gap:7px;margin-bottom:14px}h1{font-size:15vw;letter-spacing:-.055em;white-space:nowrap}.launch-line{margin-top:18px;gap:14px}h2{font-size:9px;letter-spacing:4px}.rule{width:35px}.scene{top:19%;bottom:16%}.scene img{object-fit:cover;object-position:50% 50%;width:100%;margin-left:0}.shade{background:linear-gradient(180deg,#10120c70,transparent 40%,#10120c10 55%,#10120c 85%)}.invitation{bottom:102px}.invitation p{font-size:19px;margin-bottom:18px}footer{left:22px;right:22px;bottom:22px;font-size:7px;letter-spacing:.7px}.copyright{display:none}.trial-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,.scene{animation:none!important;transition:none!important;transform:none!important}}

.launch-network{display:block;margin-top:8px;color:var(--sage);letter-spacing:3px;font-size:10px}
@media(max-width:600px){.launch-network{font-size:9px;letter-spacing:2px}}

.x-link{display:inline-flex;align-items:center;min-height:44px;transition:color .2s}.x-link:hover{color:var(--sage)}