.welcome-open{overflow:hidden}
.welcome{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:var(--night);color:var(--paper);overflow:auto;isolation:isolate}
.welcome:not([open]){display:none}
.welcome::backdrop{background:var(--night)}
.welcome-media,.welcome-shade{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.welcome-media{background:linear-gradient(135deg,#16628f,#061b2b 75%)}
.welcome-media img{width:100%;height:100%;object-fit:cover;object-position:55% 45%;display:block;transform:scale(1.06)}
.welcome-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,18,29,.73),rgba(3,18,29,.08)),linear-gradient(0deg,#03121d 0%,rgba(3,18,29,.55) 30%,rgba(3,18,29,.05) 70%,rgba(3,18,29,.4))}
.welcome-layout{min-height:100%;display:flex;flex-direction:column;gap:32px;padding:max(24px,env(safe-area-inset-top)) clamp(20px,5vw,80px) max(20px,env(safe-area-inset-bottom));max-width:1600px;margin:auto}
.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.welcome-brand{font-family:var(--font-d);font-size:26px;font-weight:900;letter-spacing:-1.5px;white-space:nowrap}.welcome-brand span{color:var(--sol)}
.welcome-control{min-height:44px;padding:10px 16px;border:1px solid #ffffff50;border-radius:999px;background:#03121d66;font-size:14px;color:var(--paper)}
.welcome-control:hover{background:#03121dbb}.welcome-control[hidden]{display:none}
.welcome-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);align-items:end;gap:clamp(24px,5vw,80px);padding-block:clamp(24px,6vh,72px) 16px}
.welcome-story{min-width:0}
.welcome-location{font-size:14px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;margin:0 0 20px;color:#f6e2c5}
.welcome h1{font-size:clamp(3.25rem,7.8vw,7.5rem);letter-spacing:-.05em;line-height:1.02;max-width:11ch;font-weight:900;text-wrap:balance;margin:0;text-shadow:0 3px 24px #03121d33}
.welcome h1 span{color:var(--sol)}
.welcome-copy{font-size:clamp(18px,2vw,24px);color:#f5efe4;line-height:1.5;max-width:36ch;margin:24px 0 0}
.welcome-entry{padding:28px;border:1px solid #fff4;border-radius:26px;background:#061b2bdf;box-shadow:0 16px 48px #0003;backdrop-filter:blur(16px)}
.welcome-entry-title{font-size:20px;line-height:1.4;font-weight:800;margin:0 0 10px}
.welcome-discover{font-size:16px;line-height:1.6;color:#d9e4ea;margin:0 0 24px}
.welcome-enter{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:64px;padding:17px 22px;border-radius:16px;background:var(--sol);color:var(--ink);font-size:22px;font-weight:800;box-shadow:0 8px 28px #0003}
.welcome-enter:hover{background:#ffbd60}.welcome-enter span{font-size:28px;line-height:1}.welcome-enter:focus-visible{outline-color:var(--paper);outline-offset:5px}
.welcome .welcome-help{display:flex;justify-content:center;margin:8px 0 -8px;min-height:44px}
.welcome-foot{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-top:16px}
.welcome-credit{font-size:12px;line-height:1.6;color:#bfcfd8;max-width:62ch;margin:0}.welcome-credit a{text-underline-offset:3px}
.welcome-replay{font:inherit;text-decoration:underline;padding:10px 2px;min-height:44px}
.welcome-playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.welcome-playback [role=status]{font-size:14px;color:#d9e4ea}.welcome-playback .welcome-control{min-width:132px}
@media(max-width:760px){.welcome-layout{gap:24px}.welcome-main{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;padding-block:16px 0}.welcome h1{font-size:clamp(2.6rem,12vw,4.7rem);max-width:12ch}.welcome-location{margin-bottom:14px;font-size:14px;letter-spacing:1px}.welcome-copy{margin-top:18px;font-size:18px}.welcome-entry{padding:20px;border-radius:22px}.welcome-discover{margin-bottom:18px}.welcome-media img{object-position:58% 45%}.welcome-playback{width:100%;justify-content:space-between}.welcome-foot{gap:12px}}
@media(max-width:760px) and (max-height:740px){.welcome-layout{gap:16px;padding-top:max(16px,env(safe-area-inset-top))}.welcome-main{gap:18px;padding-top:0}.welcome h1{font-size:clamp(2.35rem,10.5vw,3.5rem);max-width:13ch}.welcome-copy{margin-top:12px;font-size:16px}.welcome-location{margin-bottom:10px}.welcome-entry{padding:16px}.welcome-entry-title{font-size:18px;margin-bottom:6px}.welcome-discover{margin-bottom:12px}.welcome-enter{min-height:56px;padding-block:13px}.welcome-foot{padding-top:12px}}
@media(max-height:540px) and (min-width:761px){.welcome-main{padding-block:0;align-items:center}.welcome h1{font-size:3.5rem;max-width:20ch}.welcome-copy{margin-top:12px;font-size:18px}.welcome-layout{gap:20px}.welcome-entry{padding:20px}}