.sunrise-intro{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080c17;color:#fff2df;overflow:hidden;opacity:1;transition:opacity .65s ease;touch-action:pan-x;overscroll-behavior:contain}
.sunrise-intro::backdrop{background:#090a0e}
.sunrise-intro.leaving{opacity:0;pointer-events:none}
.sunrise-intro canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.sunrise-header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(30px + env(safe-area-inset-top,0px)) 44px;color:#e4dccf}
.sunrise-header>span{font-size:18px;font-weight:650;letter-spacing:-.04em}
.sunrise-header button{font-size:11px;display:flex;align-items:center;gap:16px;padding:10px 16px;border:1px solid #ffffff1c;border-radius:99px;background:#13162335;backdrop-filter:blur(12px)}
.sunrise-header button span{font-size:16px}
.sunrise-copy{position:absolute;top:calc(54% + 54px);left:0;width:100%;text-align:center;pointer-events:none;text-shadow:0 2px 35px #0009;opacity:0;transform:translateY(12px);transition:opacity 1.6s ease,transform 1.6s ease}
.sunrise-intro.daybreak .sunrise-copy{opacity:1;transform:none}
.sunrise-intro.particle-ready .sunrise-copy{top:calc(70% - 68px)}
.sunrise-intro.particle-ready .sunrise-copy h2{opacity:0}
.sunrise-copy p{font-size:11px;letter-spacing:.23em;margin:0 0 11px;color:#efd6b0}
.sunrise-copy h2{font-size:clamp(33px,5vw,65px);font-weight:450;letter-spacing:-.05em;margin:0}
.sunrise-cue{position:absolute;bottom:calc(35px + env(safe-area-inset-bottom,0px));width:100%;text-align:center;font-size:9px;letter-spacing:.08em;color:#c7b49b}
.sunrise-cue span{display:block;font-size:18px;margin-bottom:5px;animation:rise-cue 1.7s ease-in-out infinite}
html.intro-open{overflow:hidden}
@keyframes rise-cue{0%,100%{transform:translateY(3px);opacity:.5}50%{transform:translateY(-3px);opacity:1}}
@media(max-width:740px){.sunrise-header{padding:calc(24px + env(safe-area-inset-top,0px)) 24px}.sunrise-header>span{font-size:16px}.sunrise-copy{top:calc(54% + 44px)}.sunrise-copy h2{font-size:43px}.sunrise-copy p{font-size:9px}.sunrise-cue{bottom:calc(28px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.sunrise-copy{opacity:1;transform:none}}