@font-face{font-family:Community;src:url('/assets/fonts/SpaceGrotesk-Variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;font-family:Community,system-ui,sans-serif;background:#12211a;color:#f3f4e9}
*{box-sizing:border-box}body{margin:0}main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100svh}
.welcome-art{position:relative;min-height:500px;overflow:hidden;background:#203b2b}
.welcome-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12211aab,transparent 40%)}
.welcome-art img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:100% 50%}.welcome-art img[hidden]{display:none}
.welcome-art span{position:absolute;bottom:36px;left:36px;right:36px;font-size:14px;letter-spacing:.02em;z-index:1}
section{align-self:center;padding:64px clamp(28px,5vw,88px);width:100%;max-width:700px;margin:auto}
.eyebrow{color:#bed49d;font-size:12px;letter-spacing:.16em;line-height:1.8;text-transform:uppercase;overflow-wrap:anywhere}
h1{font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.intro{font-size:18px;line-height:1.6;color:#d0d9c8;max-width:440px;margin:0 0 32px}
button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:16px 20px;border:1px solid transparent;border-radius:8px;background:#c4ed97;color:#172611;font:600 16px Community,system-ui,sans-serif;cursor:pointer}
button:hover:enabled{background:#d4f4b0}button:focus-visible{outline:3px solid #f3f4e9;outline-offset:5px}button:disabled{opacity:.55;cursor:default}
#sign-in-status{font-size:14px;line-height:1.5;min-height:42px;color:#d4ddc8;margin:14px 0 24px}
.tour-note{display:flex;gap:16px;align-items:flex-start;border-top:1px solid #415342;padding-top:24px}.tour-note>span{color:#bed49d;font-size:12px;padding-top:5px}.tour-note p{font-size:15px;line-height:1.6;color:#d0d9c8;margin:0}
.access-note{font-size:12px;line-height:1.6;color:#b3c2ac;margin-top:24px}footer{font-size:12px;letter-spacing:.04em;color:#9db195;margin-top:48px}
@media(max-width:760px){main{grid-template-columns:minmax(0,1fr)}.welcome-art{min-height:240px;height:32svh;max-height:340px}.welcome-art img{object-position:65% 48%}.welcome-art span{left:24px;bottom:20px;font-size:12px}section{padding:32px 24px 40px}h1{font-size:42px;margin:16px 0}.intro{font-size:16px;margin-bottom:24px}footer{margin-top:28px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}