/* Atlas welcome palette: navy from the principal collection, warm paper and muted gold. */
:root{--ink:#1c354d;--muted:#4d616f;--paper:#fbf7ee;--line:#bec8ce}
body{background:var(--paper);color:var(--ink);position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:url('atlas-globe.svg?v=countries-1') center 48%/max(1000px,125vw) auto no-repeat;opacity:.18;pointer-events:none}
.masthead{padding:21px 0;border-bottom-color:#bdc5c8}
.mark{color:#1f3a5f}.brand{color:#1f3a5f}.brand small{color:#4e6270}
.welcome{position:relative;margin-top:22px;padding:28px 32px 30px;background:#1f3a5f;color:#fff8ec;border:1px solid #19324e;border-top:3px solid #c6a258;border-radius:10px;box-shadow:0 7px 22px #18334f13}
.welcome .eyebrow{color:#e4c98e;letter-spacing:.16em}
.welcome .eyebrow:before{content:"";display:inline-block;width:25px;height:2px;margin-right:11px;vertical-align:middle;background:#d7b36c}
.welcome h1{color:#fff8ec;font-size:clamp(31px,4.5vw,42px);margin-bottom:12px}
.welcome .intro{color:#e0e8ef;font-size:17px;line-height:1.5;max-width:690px}
.welcome{overflow:hidden;isolation:isolate}
.choices{padding-top:22px;gap:16px;padding-bottom:30px}
.choice{min-height:128px;padding:22px 24px;border-color:#b9c5cd;border-radius:10px;background:#e7edf2;box-shadow:0 4px 12px #1c354d0b}
.choice:hover{border-color:var(--accent);box-shadow:0 8px 21px #1c354d15;transform:translateY(-2px)}
.child{--accent:#75608f;--tint:#e3d7ef;background:#ebe2f3;border-color:#b9a7cc}
.teen{--accent:#1f3a5f;--tint:#d0ddeb;background:#e4ebf2;border-color:#afc0d1}
.adult{--accent:#3f6659;--tint:#cadbd1;background:#e2eae3;border-color:#aabeaf}
.collection{border-left-width:5px}
.collection.teen{background:#dbe6f1}.collection.adult{background:#d8e5dd}
.icon{background:var(--accent);color:#fffaf0;border:1px solid #ffffff35;border-radius:12px;box-shadow:0 2px 5px #1c354d10}
.copy h2{color:#1c354d}.copy h2 .audience{color:#3f586b;font-weight:600;font-size:13px;letter-spacing:.035em;margin-top:6px}
.copy p{color:#435a69}.arrow{color:var(--accent);font-size:25px}
.footer{border-top-color:#bdc5c8;color:#455d6b}
a:focus-visible{outline-color:#9a6c20;outline-width:3px}
@media(max-width:650px){.masthead{padding:19px 0}.welcome{margin-top:19px;padding:24px 22px 25px;border-radius:9px}.welcome .intro{font-size:16px}.welcome .eyebrow{font-size:10px;letter-spacing:.12em}.choices{padding-top:18px;gap:12px}.choice{min-height:114px;padding:20px 18px;gap:15px}.icon{border-radius:11px}.copy p{font-size:14px}}
@media(max-width:360px){.welcome{padding:22px 18px}.welcome h1{font-size:30px}.welcome .eyebrow:before{width:17px;margin-right:8px}.choice{padding:18px 14px;gap:11px}.icon{width:40px;height:40px}.copy h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.choice:hover{transform:none}}
@media(max-width:650px){body:before{background-size:1000px auto;background-position:center 48%;opacity:.15}}

@media(max-width:650px){.brand-name{font-size:13px;letter-spacing:.06em}.brand{letter-spacing:.04em}}