*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:#f6f7f9;color:#00205b;font-family:"Segoe UI",Arial,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;padding:24px clamp(24px,5vw,80px);gap:20px}header img{width:140px;height:68px;object-fit:contain}header>span{font-size:9px;letter-spacing:.19em;font-weight:650;color:#778298}main{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 24px 64px;isolation:isolate}.art{width:260px;height:240px;position:relative;margin-bottom:22px}.halo{position:absolute;inset:26px 12px;background:radial-gradient(ellipse,#dbe5f0aa,transparent 70%);filter:blur(14px);animation:breathe 6s ease-in-out infinite}.ring{position:absolute;border:1px solid #00205b20;border-radius:50%;width:218px;height:218px;left:21px;top:11px}.ring-two{inset:32px 42px;width:176px;height:176px;border-color:#00205b0c}.ring-one:after{content:"";position:absolute;inset:-6px;border-top:1px solid #00205b0c;border-radius:50%;transform:rotate(35deg)}.helmet{position:absolute;width:76px;height:138px;object-fit:contain;left:92px;top:51px;filter:drop-shadow(0 8px 12px #00205b12)}.orbit{position:absolute;inset:11px 21px;animation:orbit 12s linear infinite;border-radius:50%}.ball{position:absolute;left:calc(50% - 15px);top:-15px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ff5577,#e4002b 60%,#a1092a);box-shadow:4px 8px 13px #b31a3b25}.ball i{position:absolute;inset:2px 12px;border-left:1px dashed #ffe9ed;border-right:1px dashed #ffe9ed;border-radius:50%;transform:rotate(24deg)}.tiny-mark{position:absolute;font-size:14px;font-weight:300;color:#72839d}.mark-one{top:18px;left:3px}.mark-two{right:0;bottom:5px}.eyebrow{font-size:9px;letter-spacing:.25em;color:#738099;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#e4002b;border-radius:50%}h1{font-size:clamp(48px,6.5vw,86px);font-weight:500;line-height:1.08;letter-spacing:-.065em;margin:0;animation:reveal 1s both}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em;color:#e4002b}.sub{font-size:15px;color:#6e7a8d;margin:22px 0 0;line-height:1.6;animation:reveal 1.2s both}.soon{display:flex;align-items:center;gap:5px;margin-top:36px;border:1px solid #dce1e9;padding:11px 16px;border-radius:30px;background:#ffffff70}.soon span{font-size:9px;font-weight:650;letter-spacing:.17em;margin-right:9px}.soon i{height:3px;width:3px;background:#e4002b;border-radius:50%;animation:dot 1.8s ease-in-out infinite}.soon i:nth-child(3){animation-delay:.2s}.soon i:nth-child(4){animation-delay:.4s}footer{font-size:10px;color:#8a94a5;padding-top:20px;padding-bottom:24px}.motto{color:#00205b;letter-spacing:.16em;font-weight:800;font-size:11px}.red{color:#e4002b}button{font:inherit;color:#69778d;border:0;background:none;cursor:pointer;padding:10px 0}button:hover{color:#e4002b}button:focus-visible{outline:2px solid #00205b;outline-offset:5px}body.paused *,body.paused *::after{animation-play-state:paused!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.5;transform:scale(.88)}}@keyframes dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){header{padding-top:20px}header img{width:112px;height:54px}header>span{max-width:105px;font-size:8px;text-align:right;line-height:1.8}main{padding-bottom:48px}.art{transform:scale(.85);margin-bottom:0;height:240px}.sub{font-size:14px}footer{gap:12px;flex-wrap:wrap}footer .motto{display:none}h1{font-size:clamp(43px,11vw,64px)}}@media(prefers-reduced-motion:reduce){*,*::after{animation:none!important}}
/* Quiet ambient light, behind the content. */
body{isolation:isolate}.ambience{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambience::before,.ambience::after{content:"";position:absolute;width:min(70vw,900px);height:min(70vw,900px);border-radius:50%;will-change:transform}.ambience::before{left:-25%;top:-35%;background:radial-gradient(circle,#b8d4eb45,transparent 68%);animation:ambient-drift 24s ease-in-out infinite alternate}.ambience::after{right:-28%;bottom:-45%;background:radial-gradient(circle,#e9ccd329,transparent 68%);animation:ambient-drift 30s ease-in-out infinite alternate-reverse}.cursor-light{position:fixed;top:0;left:0;width:420px;height:420px;margin:-210px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#bad5eb28,transparent 68%);opacity:0;transition:opacity .8s;z-index:-1;will-change:transform}body.pointer-active .cursor-light{opacity:1}body.paused .cursor-light{opacity:0}@keyframes ambient-drift{to{transform:translate(14vw,12vh) scale(1.15)}}@media(hover:none),(pointer:coarse){.cursor-light{display:none}}@media(prefers-reduced-motion:reduce){.cursor-light{display:none}.ambience::before,.ambience::after{animation:none!important}}
.orbit-lettering{position:absolute;left:30px;top:20px;width:200px;height:200px;overflow:visible;animation:orbit 36s linear infinite reverse;transform-origin:center}.orbit-lettering text{fill:#63738e;font-family:"Segoe UI",Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:2.5px}
.word-window{display:inline-block;width:3.65em;text-align:left;vertical-align:bottom;overflow:hidden;padding-right:.12em}#rotating-word{display:inline-block;transition:opacity .38s ease,transform .38s cubic-bezier(.2,.7,.2,1)}#rotating-word.word-out{opacity:0;transform:translateY(-.35em)}#rotating-word.word-in{opacity:0;transform:translateY(.35em);transition:none}@media(prefers-reduced-motion:reduce){#rotating-word{transition:none}}
.join-actions{display:flex;justify-content:center;gap:12px;margin-top:26px}.join-actions a{display:flex;align-items:center;gap:28px;padding:15px 23px;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}.join-primary{background:#00205b;color:white;box-shadow:0 6px 20px #00205b14}.join-secondary{color:#00205b;border:1px solid #d3dae5;background:#ffffff80}.join-actions a:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00205b20}.join-primary:hover{background:#123c73}.join-actions a:focus-visible{outline:2px solid #e4002b;outline-offset:5px}.join-note{font-size:11px;color:#748198;margin:15px 0 0}.soon{margin-top:24px}main{padding-bottom:36px}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s}.cursor-dot{width:8px;height:8px;margin:-4px;border-radius:50%;background:#e4002b;box-shadow:0 0 0 3px #e4002b12}.cursor-ring{width:38px;height:38px;margin:-19px;border:1px solid #00205b70;border-radius:50%;display:grid;place-items:center;transition:opacity .2s,width .25s,height .25s,margin .25s,background .25s}.cursor-ring span{opacity:0;font-size:19px;color:#00205b}.pointer-active .cursor-dot,.pointer-active .cursor-ring{opacity:1}.cursor-hover .cursor-ring{width:54px;height:54px;margin:-27px;background:#dce7f080;border-color:#00205b}.cursor-hover .cursor-ring span{opacity:1}.cursor-hover .cursor-dot{opacity:0}.cursor-light{background:radial-gradient(circle,#aacbe84a,transparent 68%)}.ambience::before{background:radial-gradient(circle,#b8d4eb65,transparent 68%);animation-duration:16s}.ambience::after{background:radial-gradient(circle,#e9ccd345,transparent 68%);animation-duration:22s}@media(hover:hover) and (pointer:fine){body.pointer-active,body.pointer-active a,body.pointer-active button{cursor:none}}@media(hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}@media(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none}.join-actions a{transition:none}}@media(max-width:600px){.join-actions a{padding:14px 20px;gap:18px}}
/* One focal point, with account navigation in the header. */
header .join-actions{margin:0;align-items:center;gap:24px;flex-direction:row-reverse}header .join-actions a{font-size:12px;padding:12px 20px;gap:16px}header .join-secondary{border:0;background:none;padding:12px 0;box-shadow:none}header .join-secondary:hover{box-shadow:none;transform:none;color:#e4002b}main{padding:24px 24px 64px}.art{margin-bottom:28px}.eyebrow{margin-bottom:22px}.sub{margin-top:20px}@media(max-width:600px){header{gap:16px;padding-left:20px;padding-right:20px}header .join-actions{gap:14px}header .join-actions a{font-size:11px;padding:10px 14px;gap:8px}header .join-secondary{padding:10px 0}header .join-secondary span{display:none}header img{width:100px;height:49px}main{padding:20px 20px 48px}.art{margin-bottom:4px}}
/* Scale the full emblem as one unit, preserving its orbit proportions. */
.art{width:310px;height:286px;transform:none;margin-bottom:30px}.art>.halo{inset:26px 12px}.art>.ring-one{width:260px;height:260px;left:25px;top:13px}.art>.orbit{inset:13px 25px}.art>.orbit-lettering{width:238px;height:238px;left:36px;top:24px}.art>.helmet{width:91px;height:165px;left:109.5px;top:60.5px}.art>.mark-one{top:22px}.art>.mark-two{bottom:6px}.creator-credit{color:#52627b;font-size:10px;font-weight:650;letter-spacing:.12em}main{padding:20px 24px 48px}.word-window{padding-bottom:.1em;margin-bottom:-.1em}footer{flex-wrap:wrap}@media(max-width:600px){.art{width:260px;height:240px;margin-bottom:24px}.art>.ring-one{width:218px;height:218px;left:21px;top:11px}.art>.orbit{inset:11px 21px}.art>.orbit-lettering{width:200px;height:200px;left:30px;top:20px}.art>.helmet{width:82px;height:149px;left:89px;top:45.5px}main{padding:28px 20px 42px}h1{font-size:clamp(36px,9.8vw,58px);white-space:nowrap}.sub{max-width:270px;line-height:1.7;margin-top:18px}footer{padding:18px 20px;gap:12px}.creator-credit{font-size:9px}.eyebrow{margin-bottom:18px}}@media(min-width:601px) and (max-height:780px){.art{zoom:.82;margin-bottom:24px}main{padding-top:8px;padding-bottom:28px}h1{font-size:clamp(48px,6vw,72px)}}
/* Refined emblem proportions and equal half-circle motto spacing. */
.art>.helmet{width:82px;height:149px;left:114px;top:68.5px}.ball{width:26px;height:26px;left:calc(50% - 13px);top:-13px}.ball i{inset:2px 10px}.ring-one:after{display:none}.orbit-lettering text{letter-spacing:2px;font-size:9px}@media(max-width:600px){.art>.helmet{width:74px;height:134px;left:93px;top:53px}}
/* Center the actual phrase, including short rotating words. */
.word-window{width:auto;transition:width .38s cubic-bezier(.2,.7,.2,1);white-space:nowrap}h1{white-space:nowrap}@media(prefers-reduced-motion:reduce){.word-window{transition:none}}
/* Mobile hero: a larger emblem and a stable two-line headline. */
@media(max-width:600px){
 main{justify-content:flex-start;padding:clamp(40px,8vh,76px) 20px 44px}
 .art{width:290px;height:268px;flex-shrink:0;margin-bottom:18px}
 .art>.ring-one{width:244px;height:244px;left:23px;top:12px}
 .art>.orbit{inset:12px 23px}
 .art>.orbit-lettering{width:224px;height:224px;left:33px;top:22px}
 .art>.helmet{width:83px;height:150px;left:103.5px;top:59px}
 .eyebrow{margin-bottom:20px}
 h1{font-size:clamp(48px,13vw,72px);line-height:1.05;white-space:normal;letter-spacing:-.055em}
 h1 .word-window{display:block;width:100%!important;min-width:4em;height:1.24em;padding:0 .15em .1em;margin:2px auto 0;text-align:center;transition:none}
 .sub{max-width:290px;margin-top:14px;font-size:14px}
}
@media(max-width:600px) and (max-height:740px){main{padding-top:24px;padding-bottom:30px}.art{zoom:.9;margin-bottom:14px}h1{font-size:48px}.eyebrow{margin-bottom:16px}}
header .join-actions a{white-space:nowrap;flex-shrink:0}@media(max-width:360px){header img{width:82px}header .join-actions{gap:10px}header .join-actions a{padding:10px 12px}header .join-secondary{padding:10px 0}}