/* Viewport-aware welcome; decorations cannot enlarge the document. */
body.public-portal{min-height:100svh;overflow-x:clip}
.public-portal .public-welcome{position:relative;inset:auto;width:100%;min-width:0;min-height:100svh;height:auto;padding:calc(clamp(56px,7svh,90px) + 16px) clamp(16px,3vw,64px) 20px;overflow:clip;box-sizing:border-box}
.welcome-screen .hero-grid{transform:none;overflow:hidden;background:none}
.welcome-screen .hero-grid:before{content:'';position:absolute;inset:0;background:linear-gradient(#d8bd5e12 1px,transparent 1px),linear-gradient(90deg,#d8bd5e12 1px,transparent 1px);background-size:90px 55px;transform:perspective(240px) rotateX(48deg);transform-origin:bottom}
.public-portal .welcome-topbar{height:clamp(56px,7svh,90px);width:100%;min-width:0;padding:0 clamp(16px,3vw,64px);gap:12px}
.public-portal .welcome-topbar nav{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;column-gap:clamp(10px,1.3vw,25px);row-gap:0}
.public-portal .welcome-topbar nav button{white-space:normal;overflow-wrap:anywhere}
.welcome-screen .welcome-content{min-width:0;width:min(1100px,100%);max-width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1svh,12px);margin:auto}
.welcome-screen .hero-kicker{margin:0;font-size:clamp(7px,.65vw,10px);line-height:1.6;letter-spacing:clamp(1.4px,.25vw,3.8px)}
.welcome-screen .welcome-logo{display:block;flex:none;width:min(950px,78vw,100%);height:clamp(96px,min(38svh,calc(100svh - 480px)),475px);max-width:100%;max-height:none;object-fit:contain;margin:6px 0 0}
.welcome-screen .welcome-content h1{margin:0;font-size:clamp(24px,2.7vw,44px);line-height:1.15;overflow-wrap:anywhere}
.welcome-screen .welcome-content>p{margin:0;font-size:clamp(11px,.85vw,14px);line-height:1.65}
.welcome-screen .welcome-content .play-button{width:min(340px,100%);min-width:0;min-height:58px;flex:none;margin:8px 0 0;padding:12px 20px}
.welcome-screen .welcome-info-button{margin:0;padding:5px;line-height:1.5}
.welcome-screen .welcome-content .author-credit{margin:0;font-size:9px;line-height:1.6}
.welcome-screen .hero-facts{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,32px);margin:8px 0 0;max-width:100%;font-size:clamp(8px,.65vw,10px);line-height:1.5}
.welcome-screen .hero-facts span{padding:0;gap:8px;min-width:0}
.welcome-screen .hero-facts b{font-size:clamp(17px,1.4vw,22px)}
.welcome-screen .access-info{max-width:600px;width:100%;overflow-wrap:anywhere}
@media(max-width:550px){.welcome-screen .welcome-logo{width:100%}.welcome-screen .welcome-content{gap:8px}.public-portal .welcome-topbar nav{justify-content:center;margin-inline:auto}.public-portal .welcome-topbar nav button{font-size:9px}.welcome-screen .welcome-content h1{font-size:clamp(23px,6vw,29px)}.welcome-screen .hero-facts{column-gap:14px;row-gap:4px}.welcome-screen .welcome-content .play-button{width:min(295px,100%)}}
@media(max-height:650px){.welcome-screen .welcome-content{gap:5px}.welcome-screen .welcome-content h1{font-size:clamp(23px,3.5svh,30px)}.welcome-screen .welcome-content>p{font-size:11px}.welcome-screen .welcome-content .play-button{min-height:52px;padding:8px 16px;margin-top:4px}.welcome-screen .hero-facts{margin-top:3px}.welcome-screen .welcome-content .author-credit{font-size:8px}}