:root{color-scheme:dark;--gold:#d9b363;--white:#f7f7f5;--black:#080a0d}
*{box-sizing:border-box}html{background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(23px,3.6vw,53px) clamp(21px,4.2vw,70px) clamp(22px,3.3vw,43px)}
.video,.poster,.veil,.texture{position:absolute;inset:0;pointer-events:none}
.poster{z-index:-5;background:#141618 url('../assets/eisenhower-poster.jpg') center 43%/cover no-repeat;filter:grayscale(1) contrast(1.13)}
.video{z-index:-4;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:grayscale(1) contrast(1.16) brightness(.87)}
.veil{z-index:-3;background:linear-gradient(180deg,rgba(2,4,7,.67) 0%,rgba(2,4,7,.38) 26%,rgba(2,4,7,.60) 63%,rgba(2,4,7,.84) 100%),linear-gradient(90deg,rgba(0,0,0,.30),transparent 34%,transparent 67%,rgba(0,0,0,.30))}
.texture{z-index:-2;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.masthead,.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.masthead{z-index:1}
.top-lockup{width:clamp(190px,20vw,290px);padding-bottom:8px}.top-lockup .logo-img{width:100%;display:block}.top-lockup .designation-svg{height:auto;top:0;left:0;right:0;bottom:auto}
.top-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-transform:uppercase;white-space:nowrap;text-align:center;min-width:360px}
.top-motto{font-size:clamp(12px,1.04vw,15px);font-weight:700;letter-spacing:.27em;line-height:1.35;color:#fff}
.top-label{font-size:clamp(10px,.82vw,12px);font-weight:600;letter-spacing:.23em;line-height:1.35;color:#e8e8e6}
.center{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1060px;width:100%;margin:0 auto;padding:30px 0 22px}
.hero-lockup{width:min(660px,85%);margin:22px 0 0;filter:drop-shadow(0 2px 14px rgba(0,0,0,.26))}
.logo-wrap{position:relative;display:block;width:100%}.logo-img{width:100%;height:auto;display:block}
/* Gold designation is part of the upper-left wordmark, with a visible gap beneath SCIENTIFIC. */
.designation-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;z-index:4;pointer-events:none}
.designation-svg text{font-family:Arial,Helvetica,sans-serif;font-size:10.2px;font-weight:700;fill:var(--gold);letter-spacing:0}
.separator{width:58px;height:1px;background:var(--gold);margin:31px 0 25px}
h1{margin:0;font-size:clamp(28px,3.25vw,52px);line-height:1.15;font-weight:800;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 2px 22px rgba(0,0,0,.5)}
.coming{margin:29px 0 0;font-size:clamp(14px,1.18vw,17px);font-weight:800;letter-spacing:.38em;text-transform:uppercase;text-shadow:0 0 12px #ffffff77}
.footer{z-index:1;color:#c9c7c4;text-transform:uppercase;font-size:9px;letter-spacing:.19em}.footer span:last-child{color:#d6d3ce}
@media(max-width:720px){
.page{padding:24px 19px max(23px,env(safe-area-inset-bottom));min-height:100svh}
.top-lockup{width:184px}.top-right{display:none}.center{padding:18px 0 12px}
.hero-lockup{width:min(390px,94%);margin-top:17px}
.separator{margin:25px 0 22px;width:45px}h1{font-size:clamp(25px,6.3vw,39px);letter-spacing:.02em;line-height:1.16}
.coming{font-size:14px;letter-spacing:.29em;margin-top:28px}
.footer{font-size:8px;letter-spacing:.09em}.footer span:last-child{display:none}
.video{object-position:51% center}.veil{background:linear-gradient(180deg,#030406b8,#0506098c 40%,#030406cf)}
}
@media(max-height:650px) and (min-width:721px){.page{min-height:650px}.center{padding:14px 0}.hero-lockup{width:min(540px,80%);margin-top:10px}.separator{margin:15px 0}h1{font-size:clamp(36px,4vw,56px)}.coming{margin-top:14px}}
@media(max-width:370px){.top-lockup{width:155px}.footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.signal:before,.signal:after{animation:none}}

/* Intermittent analog-TV interference across the entire composed page. */
.broadcast-static{position:absolute;inset:0;z-index:20;display:block;width:100%;height:100%;pointer-events:none;opacity:1}
/* Keep all brand text and artwork solid white between bursts. */
.clean-coming{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.28)}
@media(prefers-reduced-motion:reduce){.broadcast-static{display:none}}

/* Not-found and error pages reuse the hero styling. */
.coming a{color:inherit;text-decoration:none}.coming a:hover,.coming a:focus-visible{color:var(--gold)}
.request-id{margin:18px 0 0;font-size:10px;letter-spacing:.19em;color:#c9c7c4;text-transform:uppercase}