@charset "UTF-8";
:root{--violet-deep:#1C1531;--violet-dark:#30204E;--violet-primary:#7544CC;--violet-bright:#9466E4;--violet-soft:#CBB5F2;--violet-pale:#F3EDFC;--lavender:#D9C9F2;--lavender-light:#F8F4FF;--gold:#E6B96C;--gold-light:#F8E5BE;--rose:#E8A0C7;--coral:#E78A9C;--cyan:#70C8D7;--mint:#87BFAE;--paper:#FCFAFF;--white:#fff;--surface:#F8F5FC;--title:#272235;--body:#423B4E;--muted:#6B6277;--border:#E7DFEF;--dark-text:#F8F4FF;--dark-muted:#CFC5DC;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--body);font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.35}h1{font-size:clamp(30px,3.5vw,46px)}h2{font-size:clamp(23px,2.5vw,30px)}h3{font-size:20px}p{line-height:1.85}a:hover{color:var(--violet-primary)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{width:min(1280px,calc(100% - 64px));margin-inline:auto}.section{padding-block:78px}.soft{background:#f7f3fc}.lavender{background:linear-gradient(130deg,#f5edff,#faf8ff)}.eyebrow{font-size:12px;letter-spacing:.16em;color:#7252a9;font-weight:750;text-transform:uppercase}.smallmuted,.mini{color:var(--muted);font-size:13px}.accent{color:var(--violet-primary)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-head h2{margin:5px 0}.section-head p{margin:5px 0;color:var(--muted)}.textlink{font-weight:750;color:var(--violet-primary);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;background:var(--violet-primary);border:1px solid transparent;color:white;border-radius:12px;font-weight:750;line-height:1.3;transition:transform .2s,background .2s}.button:hover{background:#5c2fad;color:white;transform:translateY(-2px)}.button.gold{background:var(--gold);color:#24172e}.button.gold:hover{background:#f0c984}.button.ghost{background:transparent;border-color:#79668d;color:white}.button.ghost:hover{background:#ffffff17}.pill{display:inline-block;background:#ffffff16;color:#e5d0ff;padding:6px 14px;border:1px solid #ffffff2a;border-radius:40px;font-size:12px;font-weight:700;letter-spacing:.09em}.skip{position:absolute;left:8px;top:-100px;background:#fff;padding:12px;z-index:200}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site-header{position:sticky;top:0;z-index:70;background:#211632f7;color:white;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px)}.navline{height:76px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;min-width:175px;color:white;line-height:1.2}.brand:hover{color:white}.brand-mark{font-size:27px;color:var(--gold)}.brand-logo{width:48px;max-height:44px;object-fit:contain}.brand b{font-size:19px;letter-spacing:.02em}.brand small{display:block;font-size:10px;font-weight:500;color:#bfb1ce;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav a{font-size:14px;color:#eee8f7;white-space:nowrap}.desktop-nav a:hover{color:var(--gold)}.nav-actions{display:flex;gap:12px;align-items:center}.search-link{font-size:17px;color:white;white-space:nowrap}.search-link span{font-size:13px}.menu-toggle,.menu-close{display:none;background:none;color:white;border:0;font-size:26px;min-width:44px;min-height:44px}.mobile-menu[hidden],.menu-shade[hidden]{display:none!important}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(320px,85vw);background:#241837;z-index:99;padding:24px;display:flex;flex-direction:column;gap:5px;box-shadow:-25px 0 80px #09001466}.mobile-menu a{color:#f3eaff;padding:12px 5px;border-bottom:1px solid #ffffff15}.menu-close{display:block;align-self:flex-end}.menu-shade{position:fixed;inset:0;z-index:98;background:#0b0519ab}.menu-open{overflow:hidden}
.hero{background:radial-gradient(circle at 73% 10%,#65428f99,transparent 38%),linear-gradient(128deg,#1b1430,#34224f 52%,#24182f);color:white;overflow:hidden}.hero-grid{min-height:470px;display:grid;grid-template-columns:.92fr 1.08fr;gap:45px;align-items:center;padding-block:46px}.hero-copy h1{font-size:clamp(37px,4vw,56px);color:white;line-height:1.22;max-width:550px;margin:22px 0}.hero-copy h1 em{display:block;font-style:normal;background:linear-gradient(100deg,#fff1ce,#d8b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#d2c7df;max-width:550px;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-number{display:flex;align-items:baseline;gap:12px;margin-top:27px;color:#cabddd;font-size:12px}.hero-number b{font-size:23px;color:var(--gold)}.hero-media{min-height:370px;position:relative;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#6b43a2,#281a48 55%,#1b183e);box-shadow:0 30px 75px #0c021955;display:flex;align-items:end}.hero-media::before{content:'✦';font-size:230px;line-height:1;position:absolute;top:1%;right:7%;color:#e3b4fb30}.hero-banner{position:absolute;width:100%;height:100%;object-fit:cover}.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a1025e8,transparent 72%)}.hero-media-text{z-index:1;position:relative;padding:36px;width:100%}.hero-media-text span{color:var(--gold);font-size:11px;letter-spacing:.15em}.hero-media-text h2{font-size:31px;color:white;margin:7px 0}.hero-media-text p{color:#eee3f5;font-size:13px;margin-bottom:5px;max-width:450px}.hero-media-text a{color:#f4cd8b;font-size:13px;font-weight:700}.moodrail{background:#eee7f8}.railinner{display:flex;gap:11px;align-items:center;overflow-x:auto;padding-block:16px;white-space:nowrap;scrollbar-width:thin}.railinner b{font-size:13px;margin-right:8px}.railinner a{padding:6px 13px;background:white;border-radius:100px;font-size:13px;color:#56466a;flex-shrink:0;border:1px solid #e8dff2}.railinner a:hover{background:var(--violet-primary);color:white}
.spotlight{display:grid;grid-template-columns:.42fr .58fr;background:white;border:1px solid var(--border);border-radius:22px;overflow:hidden;min-height:360px;box-shadow:0 15px 50px #3414510a}.spot-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,#ba91da,#533578 66%,#33224f);overflow:hidden;min-height:310px}.spot-art img{max-height:370px;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.decor-star{position:absolute;font-size:160px;color:#fff3;line-height:1}.spot-copy{padding:44px 50px;align-self:center}.spot-copy h3{font-size:28px;margin:12px 0}.spot-copy p{color:var(--muted)}.inline-facts{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.inline-facts span,.story-tags span{border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;color:#6d5b7d}.posters-scroller{display:grid;grid-auto-columns:minmax(205px,1fr);grid-auto-flow:column;gap:18px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x proximity}.story-card{min-width:0;background:white;border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:transform .2s,box-shadow .2s}.story-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #462b6518}.story-card .art{display:grid;position:relative;aspect-ratio:2/3;place-items:center;overflow:hidden;background:linear-gradient(150deg,#c1a4e6,#5d3a95 64%,#24183e)}.story-card:nth-child(4n+2) .art{background:linear-gradient(160deg,#b6dce9,#517597,#242947)}.story-card:nth-child(4n+3) .art{background:linear-gradient(160deg,#edb1c4,#b475a8,#4c315d)}.story-card:nth-child(4n+4) .art{background:linear-gradient(160deg,#e6d19b,#9478b3,#39355c)}.art img{width:100%;height:100%;object-fit:contain;z-index:1}.art-symbol{position:absolute;font-size:120px;color:#ffffff42}.card-body{padding:17px}.card-body h3{font-size:18px;margin:8px 0}.card-body p{font-size:13px;color:var(--muted);line-height:1.65;min-height:64px;margin-bottom:9px}.card-body .eyebrow{font-size:11px;letter-spacing:.04em}.night-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.night-feature{position:relative;min-height:350px;padding:32px;display:flex;align-items:end;background:linear-gradient(140deg,#533d77,#21182f);color:white;border-radius:20px;overflow:hidden}.night-feature .poster{position:absolute;right:0;top:0;height:100%;width:45%;object-fit:contain;opacity:.65}.night-feature>div{position:relative;z-index:1;max-width:55%}.night-feature h3{color:white;font-size:31px}.night-feature p{color:#ddd0ea}.night-feature span{color:var(--gold);font-size:13px}.night-side{display:grid;gap:20px}.night-side a{background:#312449;color:white;border-radius:18px;padding:28px;display:flex;align-items:center;gap:20px}.night-side .night-icon{font-size:44px;color:#b29be2}.night-side h3{color:white;margin:5px 0}.night-side p{font-size:13px;color:#cdbed8;margin:0}.night-side small{color:#e4be90}.night-side b{margin-left:auto}.world-grid,.character-grid,.mood-grid,.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.worldcard{padding:32px;border-radius:18px;background:#fff;border:1px solid #e9e2f2;min-height:265px;display:flex;flex-direction:column}.world-glyph{font-size:46px;color:#8c62c9;line-height:1}.worldcard small{color:#7655ad;font-weight:700}.worldcard h3{margin:12px 0}.worldcard p{font-size:14px;flex:1;color:var(--muted)}.worldcard b{color:#7442bc;font-size:13px}.character-grid a{border-top:2px solid #d9c8ec;padding:25px 6px;display:flex;gap:18px}.character-index{color:#9f83c2;font-size:24px;font-weight:750}.character-grid small{color:#8253ba}.character-grid h3{margin:5px 0}.character-grid p{font-size:14px;color:var(--muted)}.character-grid a>span:last-child{color:#8e66bd}.line-section{background:#241a3c;color:#efedf5}.line-section h2{color:white}.line-section .eyebrow{color:#d4b3f6}.clue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.clue{border-top:2px solid #8b5bc8;padding:25px 10px}.clue span{color:var(--gold);font-size:12px}.clue h3{color:white;margin-top:12px}.clue p{color:#c9bed5;font-size:13px}.line-section .textlink{color:var(--gold)}.mood-grid{grid-template-columns:repeat(6,1fr);gap:12px}.mood-grid a{background:#f3eef9;border:1px solid #e5d8f1;border-radius:14px;padding:16px;display:flex;flex-direction:column;min-height:130px}.mood-grid span{font-size:28px;color:#8458b5}.mood-grid b{font-size:18px}.mood-grid small{margin-top:auto;font-size:11px;color:#80649b}.topic-card{border:1px solid var(--border);background:white;border-radius:18px;overflow:hidden}.topic-art{height:180px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#392858,#986bb0)}.topic-card:nth-child(2) .topic-art{background:linear-gradient(140deg,#275473,#8267b7)}.topic-card:nth-child(3) .topic-art{background:linear-gradient(140deg,#46314f,#bd809d)}.topic-art img{width:100%;height:100%;object-fit:contain;position:absolute}.topic-art span{font-size:75px;color:#ffffff78}.topic-card>div:last-child{padding:23px}.topic-card h3{margin:5px 0}.topic-card p{font-size:14px;color:var(--muted)}.topic-card small{color:#8863b0}.topic-card b{color:#7544cc;font-size:13px}.lab-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.lab-image{min-height:320px;border-radius:20px;background:linear-gradient(130deg,#b9dddf,#7766ab,#2e2554);display:flex;align-items:end;padding:30px;position:relative;overflow:hidden}.lab-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.lab-image span{position:relative;background:#241a3bbb;color:white;border-radius:10px;padding:8px 12px;font-weight:700}.lab-list{border-top:1px solid var(--border)}.lab-list a{display:flex;gap:18px;align-items:center;padding:21px 8px;border-bottom:1px solid var(--border)}.lab-list a>span{color:#9569c8;font-weight:700}.lab-list a div{flex:1}.lab-list small{font-size:12px;color:#8462a1}.lab-list h3{font-size:18px;margin:3px 0}.lab-list b{color:#9362c5}.final-cta{text-align:center;color:#f1ebf7;background:radial-gradient(circle at center,#684492,#20152f 75%)}.final-cta h2{color:white;font-size:36px;margin:11px 0}.final-cta p{color:#d4c6df}.final-cta .eyebrow{color:var(--gold)}.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.footer{background:#191229;color:#cfc4df}.footgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px;padding:60px 0}.footbrand{font-size:21px;color:white}.footgrid p{font-size:13px;max-width:330px}.footgrid h3{font-size:14px;color:#e6c28c;margin-bottom:12px}.footgrid a{font-size:13px;display:block;margin:5px 0}.footgrid a:hover{color:white}.footend{border-top:1px solid #ffffff19;padding:20px 0;font-size:12px}.bottom-nav{display:none}.back-top{position:fixed;right:22px;bottom:28px;border:0;border-radius:50%;width:46px;height:46px;background:#7544cc;color:white;z-index:66;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}
.page-intro{max-width:850px;margin:0 0 45px}.page-intro h1{margin:8px 0 13px}.page-intro>p{color:var(--muted);font-size:17px}.discover-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}.filter-panel{background:white;border:1px solid var(--border);border-radius:18px;padding:22px;position:sticky;top:100px}.filter-panel h2{font-size:18px;display:flex;justify-content:space-between}.filter-panel label{font-size:13px;font-weight:750;display:block;margin-top:16px}.filter-panel select,.search-form select,.search-form input{width:100%;padding:11px;background:#faf8fd;border:1px solid #e6ddeb;border-radius:10px;color:var(--title)}.filter-panel .button{width:100%;margin-top:21px}.clear-link{display:block;text-align:center;color:#7355a5;font-size:13px;margin-top:14px}.filter-tip{margin-top:22px;border-top:1px solid var(--border);padding-top:16px;font-size:12px;color:var(--muted)}.results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.results-head h2{margin:0}.results-head h2 small{font-size:13px;color:var(--muted);font-weight:500}.category-desc{border-left:3px solid #b59ae3;padding-left:17px;color:var(--muted)}.stories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stories-grid .card-body p{min-height:78px}.pagination{display:flex;justify-content:center;gap:9px;margin:34px 0}.pagination a{border-radius:9px;border:1px solid var(--border);min-width:43px;min-height:43px;display:grid;place-items:center}.pagination a[aria-current]{background:var(--violet-primary);color:white}.empty{text-align:center;background:#f5f0fa;padding:65px 20px;border-radius:20px}.empty p{color:var(--muted)}.breadcrumbs{font-size:13px;color:#a28fb2;margin-bottom:27px}.breadcrumbs a:hover{color:var(--gold)}
.story-hero{background:radial-gradient(circle at 85% 10%,#715099,transparent 45%),#241a3b;padding:55px 0;color:white}.story-hero-grid{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:60px}.story-cover{position:relative;aspect-ratio:2/3;background:linear-gradient(150deg,#a887d2,#4e326d);border-radius:18px;overflow:hidden;display:grid;place-items:center;box-shadow:0 18px 50px #11082355}.story-cover .poster{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.cover-fallback{position:absolute;font-size:120px;color:#ffffff50}.story-hero h1{color:#fff;font-size:48px}.story-lead{font-size:19px;color:#e7ddeb;max-width:730px}.story-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.story-tags span{color:#dac9e9;background:#ffffff13;border-color:#ffffff28}.reading-grid,.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(180px,250px);justify-content:space-between;gap:60px;padding-block:65px}.reading-content section{margin-bottom:55px;scroll-margin-top:105px}.reading-content section h2{margin:8px 0 19px}.reading-content p{font-size:16px;line-height:1.9;color:#51475b}.reading-aside .sticky{position:sticky;top:105px;background:#f8f4fc;border-radius:14px;padding:20px}.reading-aside h2{font-size:16px}.reading-aside a{display:block;font-size:13px;padding:8px 5px;border-bottom:1px solid #e8e0f0}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.profile{background:#f9f6fc;border:1px solid var(--border);padding:23px;border-radius:14px}.profile-icon{font-size:25px;color:#8c67c2}.profile h3{margin:5px 0 16px}.profile p{font-size:13px;margin:4px 0}.profile p b{color:#704c9b}.episodes{border-top:1px solid var(--border)}.episodes details{border-bottom:1px solid var(--border)}.episodes summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;padding:19px 8px}.episodes summary::-webkit-details-marker{display:none}.episode-no{font-size:23px;font-weight:800;color:#aa91ca}.episodes summary b{flex:1}.expand-sign{font-size:22px;color:#825bb5}.episodes details[open] .expand-sign{transform:rotate(45deg)}.episodes details p{background:#f9f6fc;padding:15px 22px;margin:0 0 12px;border-radius:10px}.note-box{background:#f1eafa;border-left:3px solid var(--violet-primary);padding:20px;border-radius:8px;color:#5d4c71;font-size:14px}.universe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.universe-tile{background:white;border-radius:18px;border:1px solid var(--border);overflow:hidden}.universe-cover{display:grid;place-items:center;position:relative;min-height:210px;background:linear-gradient(135deg,#4f3772,#9880c1)}.universe-tile:nth-child(4n+2) .universe-cover{background:linear-gradient(130deg,#3d6788,#9d82ba)}.universe-cover img{position:absolute;width:100%;height:100%;object-fit:contain}.universe-cover span{color:#ffffff88;font-size:72px;font-weight:800}.universe-tile>div{padding:24px}.universe-tile h2{font-size:22px;margin:6px 0}.universe-tile p{font-size:14px;color:var(--muted)}.universe-tile small{display:block;color:#846b9b;margin:10px 0}.topic-detail-hero{background:#251b3a;border-radius:22px;color:white;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;margin-bottom:48px}.topic-detail-hero>div:first-child{padding:48px;align-self:center}.topic-detail-hero h1{color:white}.topic-detail-hero p{color:#d8cae5}.topic-hero-art{min-height:300px;background:radial-gradient(circle,#8769b6,#3b2756);display:grid;place-items:center;position:relative}.topic-hero-art img{position:absolute;width:100%;height:100%;object-fit:contain}.topic-hero-art span{font-size:110px;color:#ffffff50}.topic-essay{max-width:820px}.topic-selections{display:grid;gap:24px}.topic-selections article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:27px;border-bottom:1px solid var(--border);padding-bottom:24px}.topic-selections article>div:first-child{background:linear-gradient(135deg,#b89cdb,#56407a);border-radius:12px;aspect-ratio:2/3;overflow:hidden}.topic-selections img{width:100%;height:100%;object-fit:contain}.topic-selections p{color:var(--muted)}.next-links{display:flex;justify-content:space-between;margin:25px 0;color:var(--violet-primary)}.lab-landing{position:relative;padding:45px 55px;border-radius:22px;color:#f8f1ff;background:radial-gradient(circle at 80% 30%,#7551ab,#231833 70%);overflow:hidden;margin-bottom:35px}.lab-landing h1{color:white}.lab-landing p{max-width:680px;color:#e2d6e9}.lab-hero-mark{position:absolute;font-size:200px;right:10%;top:-75px;opacity:.1}.lab-index{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lab-entry{display:flex;align-items:start;gap:20px;border:1px solid var(--border);background:white;padding:30px;border-radius:16px}.lab-entry .lab-num{font-size:27px;color:#9b76c5;font-weight:800}.lab-entry div{flex:1}.lab-entry small{font-size:12px;color:#8a61b5}.lab-entry h2{font-size:20px;margin:7px 0}.lab-entry p{font-size:13px;color:var(--muted)}.entry-arrow{color:#8760b6}.article-header{padding-bottom:25px;border-bottom:1px solid var(--border);margin-bottom:40px}.article-header h1{font-size:43px;margin:12px 0}.article-header p{font-size:19px}.search-page{min-height:60vh}.search-form{display:grid;grid-template-columns:minmax(0,1fr) 165px auto;gap:12px;margin-bottom:44px}.search-form input{font-size:17px;background:white}.search-form select{background:white}.suggestions{background:#f7f2fc;padding:30px;border-radius:16px}.suggestions h2{font-size:20px}.suggestions a{display:inline-block;background:white;border:1px solid #e9e0f1;padding:8px 15px;border-radius:25px;margin:6px}.search-results{display:grid;gap:15px}.search-results article{padding:25px;border:1px solid var(--border);background:white;border-radius:15px}.search-results h3{margin:6px 0}.search-results p{color:var(--muted);font-size:14px}.about-layout{display:grid;grid-template-columns:210px minmax(0,800px);gap:60px}.about-toc{position:sticky;top:105px;align-self:start;background:#f5effa;padding:19px;border-radius:14px}.about-toc a{display:block;padding:7px 5px;font-size:14px}.about-layout .reading-content details{margin:10px 0;border-bottom:1px solid var(--border);padding:12px}.about-layout summary{cursor:pointer;font-weight:700}.about-layout details p{font-size:14px}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:13px}.container{width:min(1280px,calc(100% - 44px))}.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mood-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:20px}.hero-copy h1{font-size:40px}}
@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:block}.navline{height:70px}.hero-grid,.spotlight,.night-grid,.lab-preview,.story-hero-grid,.topic-detail-hero{grid-template-columns:1fr}.hero-grid{gap:20px}.hero-copy h1{font-size:clamp(30px,6vw,42px)}.hero-media{min-height:320px}.world-grid,.character-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}.clue-grid{grid-template-columns:repeat(2,1fr)}.spot-art{max-height:360px}.spot-copy{padding:32px}.night-feature>div{max-width:70%}.discover-layout{grid-template-columns:1fr}.filter-panel{position:static}.filter-panel form{display:grid;grid-template-columns:repeat(2,1fr);column-gap:14px}.filter-panel label{grid-column:span 2}.filter-panel select{grid-column:span 2}.filter-panel .button{grid-column:span 2}.clear-link{grid-column:span 2}.reading-grid,.article-layout,.about-layout{grid-template-columns:1fr;gap:20px}.reading-aside{display:none}.about-toc{position:static;display:flex;gap:8px;flex-wrap:wrap}.about-toc a{background:white;border-radius:8px;padding:7px 10px}.footgrid{grid-template-columns:repeat(2,1fr)}.lab-index{grid-template-columns:1fr}.story-hero-grid{gap:28px}.story-cover{width:230px}.story-hero h1{font-size:35px}}
@media(max-width:540px){.container{width:calc(100% - 34px)}.section{padding-block:48px}.section-head{align-items:start;flex-direction:column;gap:6px}.section-head .textlink{font-size:13px}.brand b{font-size:17px}.brand small{font-size:9px}.search-link span{display:none}.hero-grid{padding-block:35px}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:14px}.hero-media{min-height:290px}.hero-media-text{padding:22px}.hero-media-text h2{font-size:26px}.hero-number{gap:8px}.railinner{gap:7px}.railinner b{display:none}.posters-scroller{grid-auto-columns:minmax(180px,65vw)}.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-card .card-body{padding:12px}.story-card .card-body h3{font-size:16px}.card-body p{font-size:12px;min-height:75px}.spot-copy{padding:24px}.spot-copy h3{font-size:23px}.world-grid,.character-grid,.topic-grid,.universe-grid,.profile-grid{grid-template-columns:1fr}.night-feature{min-height:300px}.night-feature>div{max-width:92%}.night-side a{padding:20px}.clue-grid{grid-template-columns:1fr}.mood-grid{grid-template-columns:repeat(2,1fr)}.lab-image{min-height:220px}.footgrid{gap:20px;padding:40px 0}.footgrid>div:first-child{grid-column:span 2}.footer{padding-bottom:65px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#21172feF;backdrop-filter:blur(15px);color:white;z-index:69;padding:5px 0 max(5px,env(safe-area-inset-bottom));border-top:1px solid #ffffff29}.bottom-nav a{display:grid;place-items:center;line-height:1.15;font-size:21px;padding:4px 0;color:white}.bottom-nav small{font-size:11px;margin-top:4px}.back-top{bottom:85px}.story-hero{padding:35px 0}.story-cover{width:min(220px,75%)}.story-hero h1{font-size:32px}.story-lead{font-size:16px}.reading-grid,.article-layout{padding-block:36px}.reading-content section{margin-bottom:40px}.reading-content p{font-size:15px}.topic-detail-hero>div:first-child{padding:27px}.topic-selections article{grid-template-columns:96px 1fr;gap:16px}.topic-selections p{font-size:13px}.topic-selections h3{font-size:17px}.lab-landing{padding:32px 24px}.lab-entry{padding:18px}.article-header h1{font-size:32px}.search-form{grid-template-columns:1fr}.search-form .button{width:100%}.final-cta h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}