:root{--sky:#eaf5ff;--ink:#173b68;--blue:#2879ca;--blue2:#145ca8;--gold:#ffc96b;--muted:#637f9d;--line:#d3e6f6;--white:#fff;--shadow:0 16px 42px rgba(37,102,160,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--sky);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-header{height:78px;padding:0 max(6%,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20;background:rgba(249,253,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(62,126,184,.14)}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;letter-spacing:4px;color:#174477;white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#63c2ff,#2866d4);color:white;font:700 23px "Playfair Display",serif;box-shadow:0 7px 17px #3989d344}.main-nav{display:flex;align-items:center;gap:32px;color:#59799a;font-size:13px}.main-nav a{transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--blue);font-weight:700}.header-actions{display:flex;align-items:center;gap:16px}.header-link,.text-link{font-size:12px;font-weight:700;color:var(--blue)}.header-link span{margin-left:7px}.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);cursor:pointer}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:24px}
.hero{min-height:630px;position:relative;display:flex;align-items:center;overflow:hidden;padding:80px max(8%,calc((100% - 1160px)/2));background:linear-gradient(115deg,#1268b9,#39a0e9 58%,#9ad8ff)}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,83,157,.92),rgba(25,116,190,.68) 46%,rgba(25,116,190,.05)),linear-gradient(0deg,rgba(8,57,119,.2),transparent 50%),url("https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=1600&q=80") center 48%/cover;opacity:1}.hero-content{position:relative;z-index:1;max-width:660px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#4387c7;font-weight:800}.eyebrow span{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.hero .eyebrow{color:#e4f4ff}h1,h2,h3{font-family:"Playfair Display",serif;font-weight:700}h1{font-size:clamp(46px,6.3vw,78px);line-height:1.08;letter-spacing:-1.8px;color:white;margin:20px 0}h1 em{color:#ffdf9b;font-style:normal}.hero-copy{max-width:470px;color:#f0f8ff;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px;font-size:12px;font-weight:800;border-radius:30px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0b4c8a35}.button-primary{background:linear-gradient(120deg,#ffe39a,#ffbf58);color:#174477;box-shadow:0 8px 22px #0b4c8a33}.hero .text-link{color:white}.hero-note{display:flex;align-items:center;gap:13px;margin-top:66px;color:#e4f4ff;font-size:9px;letter-spacing:2px}.note-line{width:38px;height:1px;background:#ffda87}.hero-index{position:absolute;right:7%;bottom:34px;color:#eff8ff;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero-index span{color:#ffdf9b;font-size:14px}.hero-index i{height:1px;width:36px;background:#ffdf9b}
.promise-strip{display:flex;justify-content:center;gap:clamp(20px,5vw,70px);flex-wrap:wrap;padding:18px 6%;background:#fff;border-bottom:1px solid var(--line);color:#5480aa;font-size:10px;font-weight:800;letter-spacing:1.2px}.intro,.section-wrap{max-width:1180px;margin:auto;padding-left:7%;padding-right:7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:95px;padding-bottom:95px;border-bottom:1px solid var(--line)}h2{font-size:clamp(34px,4vw,49px);line-height:1.17;margin:14px 0;color:#174477}h2 em{color:#3987d3;font-style:normal}.intro-copy{align-self:end;color:var(--muted);font-size:14px;line-height:2;max-width:480px}
.spotlight{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;padding-top:72px;padding-bottom:72px}.spotlight-art{min-height:390px;background:linear-gradient(0deg,rgba(8,45,83,.12),rgba(8,45,83,.12)),url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=1000&q=80") center/cover;border-radius:24px 0 0 24px;box-shadow:var(--shadow)}.spotlight-copy{background:linear-gradient(145deg,#fff,#e8f5ff);border:1px solid #d5e8f8;border-left:0;border-radius:0 24px 24px 0;padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:var(--shadow)}.spotlight-kicker{font-size:9px;letter-spacing:2px;color:#4387c7;margin:16px 0 0}.spotlight-copy h2{font-size:clamp(32px,4vw,49px);margin:13px 0}.spotlight-copy>p:not(.eyebrow):not(.spotlight-kicker){color:var(--muted);font-size:13px;line-height:2;margin:4px 0 24px;max-width:420px}
.stories-section{padding-top:70px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 26px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #c9dfef;border-radius:25px;padding:9px 15px;width:250px;background:#fff;color:var(--blue)}.search-box input{border:0;outline:0;color:var(--ink);font-size:12px;width:100%;background:transparent}.search-box input::placeholder{color:#8aa2b9}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #c5dced;background:#f8fcff;color:#527496;padding:8px 14px;border-radius:22px;font-size:10px;cursor:pointer;transition:.2s}.filter.active,.filter:hover{background:#347fce;border-color:#347fce;color:white}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{background:white;border:1px solid #d8e8f5;border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(39,103,160,.08);transition:transform .25s,box-shadow .25s}.story-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(39,103,160,.16)}.story-art{height:220px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:17px;background-size:cover;background-position:center}.art-one{background-image:linear-gradient(0deg,rgba(10,35,60,.25),rgba(10,35,60,.02)),url("https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=640&q=80")}.art-two{background-image:linear-gradient(0deg,rgba(10,35,60,.3),rgba(10,35,60,.02)),url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=640&q=80")}.art-three{background-image:linear-gradient(0deg,rgba(10,35,60,.3),rgba(10,35,60,.02)),url("https://images.unsplash.com/photo-1448375240586-882707db888b?auto=format&fit=crop&w=640&q=80")}.art-label{font-size:8px;letter-spacing:1.5px;background:#0c2d4dbd;color:white;padding:7px 10px;border-radius:20px}.art-symbol{font-size:26px;color:#ffe2a1}.story-info{padding:22px}.story-meta{display:flex;gap:9px;color:#367fc7;font-size:8px;letter-spacing:1.3px;font-weight:800}.story-meta span:nth-child(2){color:#9ab1c7}.story-info h3{font-size:22px;line-height:1.25;color:#173f70;margin:12px 0 8px}.story-info p{color:#66809d;font-size:12px;line-height:1.9;min-height:70px}.story-link{display:inline-block;margin-top:12px;color:#2877c7;font-size:11px;font-weight:800}.story-link span{margin-left:8px}.empty-state,.story-note{text-align:center;color:var(--muted);font-size:12px;margin-top:28px}.story-note{border-top:1px solid var(--line);padding-top:22px}.worlds-section{background:linear-gradient(120deg,#d8efff,#f4faff);border-top:1px solid #cce3f5;border-bottom:1px solid #cce3f5}.worlds-inner{padding-top:75px;padding-bottom:75px;display:flex;align-items:center;justify-content:space-between;gap:40px}.world-tags{display:flex;flex-wrap:wrap;gap:12px;max-width:440px}.world-tags span{border:1px solid #c5dced;background:#ffffffbd;padding:10px 14px;border-radius:22px;color:#3d6f9f;font-size:11px}.site-footer{padding:34px max(6%,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#dcefff}.site-footer p,.copyright{font-size:10px;color:#64809d}.copyright{letter-spacing:.4px}
body.dark-theme{--sky:#101d32;--ink:#eaf4ff;--muted:#a9bfd6;--line:#29415e;background:var(--sky);color:var(--ink)}body.dark-theme .site-header{background:rgba(14,29,49,.94);border-color:#29415e}body.dark-theme .brand,body.dark-theme h2,body.dark-theme .story-info h3{color:#eaf4ff}body.dark-theme .main-nav{color:#b3c8de}body.dark-theme .intro{border-color:#29415e}body.dark-theme .spotlight-copy,body.dark-theme .story-card,body.dark-theme .search-box{background:#172b46;border-color:#29415e}body.dark-theme .spotlight-copy h2,body.dark-theme .story-info h3{color:#eaf4ff}body.dark-theme .spotlight-copy>p:not(.eyebrow):not(.spotlight-kicker),body.dark-theme .story-info p{color:#b3c8de}body.dark-theme .search-box input{color:#eaf4ff}body.dark-theme .filter{background:#172b46;color:#c1d5e8;border-color:#34516f}body.dark-theme .filter.active{background:#347fce;color:white}body.dark-theme .worlds-section,body.dark-theme .site-footer,body.dark-theme .promise-strip{background:#142640;border-color:#29415e}body.dark-theme .world-tags span{background:#1c3554;border-color:#34516f;color:#c1d5e8}body.dark-theme .site-footer p,body.dark-theme .copyright{color:#a9bfd6}
@media(max-width:850px){.site-header{padding:0 5%;height:70px}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#f7fcff;padding:20px 6%;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.header-actions{margin-left:auto}.header-link{font-size:10px}.hero{min-height:590px;padding:72px 7%}.hero-art{background-position:58% center}.intro{grid-template-columns:1fr;gap:20px;padding-top:75px;padding-bottom:75px}.spotlight{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.spotlight-art{min-height:270px;border-radius:20px 20px 0 0}.spotlight-copy{border:1px solid #d5e8f8;border-radius:0 0 20px 20px}.toolbar{align-items:flex-start;flex-direction:column}.story-grid{grid-template-columns:repeat(2,1fr)}.worlds-inner{align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap}.site-footer p{order:3;width:100%;margin:0}body.dark-theme .main-nav{background:#142640}}
@media(max-width:560px){.brand{font-size:14px;letter-spacing:3px}.header-link{display:none}.hero{min-height:560px;padding:62px 6%}.hero-art{background-position:60% center}.hero-copy{font-size:13px}.hero-note{margin-top:50px}.hero-index{right:6%;bottom:20px}.intro,.section-wrap{padding-left:6%;padding-right:6%}.section-heading{align-items:flex-start}.desktop-link{display:none}.story-grid{grid-template-columns:1fr}.story-art{height:230px}.story-info p{min-height:0}.filters{gap:6px}.filter{padding:7px 10px;font-size:9px}.search-box{width:100%}.promise-strip{font-size:8px;gap:13px}.site-footer{padding:28px 6%}.copyright{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.footer-links a{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.footer-links a:hover{color:var(--blue)}


/* Accessibility: keyboard skip link and visible focus states */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 16px;border-radius:10px;background:#fff;color:#174477;font-weight:800;box-shadow:0 4px 18px #123b6333;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid #f0ad35;outline-offset:3px}