@charset "UTF-8";
:root{color-scheme:dark;--ink:#081b2a;--paper:#f3f2eb;--muted:#9bafba;--ice:#90cee6;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{min-width:280px;min-height:100%;background:var(--ink)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;color:var(--paper);font-family:Inter,"Avenir Next",Avenir,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit}
.atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#123449 0%,#0b2333 34%,#081b2a 67%,#06131f 100%)}
.light{position:absolute;border-radius:50%;filter:blur(75px);opacity:.23;animation:light-drift 18s ease-in-out 1 both}
.light-blue{width:48vw;height:48vw;min-width:330px;min-height:330px;left:5%;top:12%;background:radial-gradient(circle,#1b7eaa,transparent 67%)}
.light-gold{width:40vw;height:40vw;min-width:300px;min-height:300px;right:-9%;bottom:-18%;background:radial-gradient(circle,#a08a65,transparent 67%);opacity:.15;animation-direction:reverse}
.horizon{position:absolute;width:1100px;height:1100px;left:50%;top:50%;transform:translate(-50%,-39%);border-radius:50%;border:1px solid #b1daeb0a;box-shadow:0 -15px 90px #9dcfe306,inset 0 20px 60px #9dcfe303}
.orbit{position:absolute;left:50%;top:44%;width:min(69vw,740px);aspect-ratio:1;border:1px solid #9ccce00a;border-radius:50%;transform:translate(-50%,-50%);animation:orbit-enter 3s var(--ease) both}
.orbit-two{width:min(86vw,940px);border-color:#9ccce006;animation-delay:.2s}
.grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.masthead,.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 clamp(24px,5vw,80px);flex-shrink:0}
.masthead{height:110px;animation-delay:.15s}
.brand-small{font-size:12px;font-weight:650;letter-spacing:.25em;color:#d8e4e8}
.brand-small span{font-weight:350;color:#9fbbc9}
.chapter{font-size:10px;letter-spacing:.21em;font-weight:450;color:#a4bac5;display:flex;align-items:center;gap:10px}
.status-dot{height:5px;width:5px;border-radius:50%;background:#93cadd;box-shadow:0 0 12px #77c2e166}
main{flex:1;display:grid;place-items:center;padding:24px 22px 45px}
.composition{width:100%;max-width:1000px;text-align:center;margin-top:-20px}
.logo-stage{position:relative;display:grid;place-items:center;width:174px;height:147px;margin:0 auto 17px;animation:logo-enter 2.1s var(--ease) both}
.logo{width:145px;height:auto;display:block;position:relative;filter:brightness(1.45) saturate(.8) drop-shadow(0 7px 20px #00111a66)}
.logo-halo{position:absolute;width:240px;height:220px;background:radial-gradient(ellipse,#76c7eb1f 0%,#5fc0e907 45%,transparent 70%);animation:halo-breathe 5s ease-in-out 2 both}
.logo-glint{position:absolute;right:26px;top:57px;width:4px;height:4px;border-radius:50%;background:#d9f6ff;box-shadow:0 0 15px 4px #91dbff5c;opacity:0;animation:glint 2.2s 1.1s ease-out both}
.wordmark{font-size:35px;letter-spacing:-1.4px;font-weight:500;line-height:1.2;animation-delay:.45s;color:#eef2f1}
.wordmark span{font-weight:300;color:#a9ccdc}
.fine-rule{width:36px;height:1px;margin:34px auto 31px;background:linear-gradient(90deg,transparent,#8db9cb,transparent);animation-delay:.8s}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(39px,5.4vw,76px);line-height:1.15;letter-spacing:-.047em;font-weight:400;margin:0;color:#f2f1e9}
.headline-layout{display:block}
.line{display:block;position:relative;width:max-content;max-width:100%;margin:auto;white-space:nowrap}
.reserve{visibility:hidden}
.typed{position:absolute;inset:0 auto auto 0;white-space:pre}
.line-two{color:#a9c0cc;font-style:italic;font-weight:400;letter-spacing:-.05em;margin-top:3px}
.typed.typing::after{content:"";display:inline-block;width:1px;height:.78em;background:#a7d4e7;margin-left:.09em;vertical-align:-.015em;animation:blink 1s steps(2,start) infinite}
.signature{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:38px;animation-delay:4s;color:#87adbe}
.signature span{width:37px;height:1px;background:linear-gradient(90deg,transparent,#688a9b66)}
.signature span:last-child{transform:rotate(180deg)}
.signature i{font-style:normal;font-size:15px;font-weight:250}
.footer{min-height:91px;padding-bottom:9px;animation-delay:1.2s}
.address{font-size:11px;letter-spacing:.075em;color:#99b0bd}
.replay{display:flex;align-items:center;justify-content:center;gap:9px;background:none;color:#a8bdc8;border:1px solid transparent;border-radius:6px;min-height:44px;padding:8px 10px;font-size:11px;letter-spacing:.04em;cursor:pointer;transition:color .2s,background .2s}
.replay:hover{color:#fff;background:#ffffff08}.replay:focus-visible{outline:2px solid #90cee6;outline-offset:4px}
.entrance{animation-name:enter;animation-duration:1.5s;animation-timing-function:var(--ease);animation-fill-mode:both}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes logo-enter{0%{opacity:0;transform:translateY(22px) scale(.88);filter:blur(9px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes orbit-enter{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes light-drift{0%{transform:translate(-3%,-4%) scale(.9)}50%{transform:translate(8%,5%) scale(1.15)}100%{transform:translate(0,0) scale(1)}}
@keyframes halo-breathe{0%,100%{opacity:.45;transform:scale(.93)}50%{opacity:1;transform:scale(1.08)}}
@keyframes glint{0%,100%{opacity:0;transform:scale(.3)}35%{opacity:.85;transform:scale(1)}}
@keyframes blink{to{visibility:hidden}}
@media(min-height:1000px){.composition{margin-top:-50px}}
@media(max-width:600px){.masthead{height:84px}.brand-small{font-size:10px;letter-spacing:.18em}.chapter{font-size:8px;letter-spacing:.14em;gap:7px}.composition{margin-top:-10px}.logo-stage{margin-bottom:15px;width:150px;height:128px}.logo{width:129px}.logo-glint{right:20px;top:50px}.wordmark{font-size:30px}.fine-rule{margin:29px auto 31px}h1{font-size:clamp(32px,8.65vw,51px)}.signature{margin-top:32px}.footer{min-height:80px}.address{font-size:10px;letter-spacing:.03em}.orbit-one{width:125vw}.orbit-two{width:155vw}main{padding:20px 16px 35px}.light{filter:blur(45px)}}
@media(max-height:650px){.masthead{height:68px}.logo-stage{height:90px;margin-bottom:10px}.logo{width:99px}.wordmark{font-size:26px}.fine-rule{margin:21px auto}.signature{margin-top:20px}.footer{min-height:64px}main{padding-top:20px;padding-bottom:20px}.composition{margin-top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reserve{visibility:visible}.typed{display:none}.replay{visibility:hidden}}