@charset "UTF-8";
:root{color-scheme:dark;--bg:#10151d;--panel:#1b222b;--panel2:#222b34;--text:#f5f1e9;--muted:#b0bac1;--soft:#cfd5d8;--accent:#e9ae70;--cream:#f1e8da;--line:#36404a;--dark:#10151d;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.1vw,5rem)}h2{font-size:clamp(1.9rem,3.5vw,3.2rem)}h3{font-size:1.3rem}p{color:var(--muted)}em{color:var(--accent);font-style:normal}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,52px)}.skip-link{position:absolute;z-index:30;top:-5rem;left:1rem;background:var(--cream);color:var(--dark);padding:10px 20px}.skip-link:focus{top:1rem}.site-header{position:relative;border-bottom:1px solid rgba(255,255,255,.1);z-index:10;background:#131920}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;min-height:90px}.wordmark{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:800;letter-spacing:-.025em;white-space:nowrap}.mark{display:grid;place-items:center;background:var(--accent);color:#111820;width:35px;height:35px;border-radius:11px;font-size:.85rem}.wordmark-sub{margin-left:3px;padding-left:13px;border-left:1px solid #53606b;font-size:.69rem;font-weight:400;letter-spacing:.09em;color:var(--muted)}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.site-nav a{font-size:.84rem;font-weight:600;color:#c7cdd0;white-space:nowrap;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:6px 12px}.landing{overflow:hidden;background:radial-gradient(ellipse at 80% 5%,#293943 0%,transparent 57%),linear-gradient(120deg,#10151d,#171e27)}.landing-grid{min-height:660px;display:grid;grid-template-columns:1.1fr .9fr;gap:4%;align-items:center}.landing-copy{position:relative;z-index:2;padding-block:85px}.landing h1{margin:23px 0 27px;font-weight:800;letter-spacing:-.065em}.eyebrow,.kicker{font-size:.7rem;font-weight:800;letter-spacing:.23em;color:var(--accent)}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #e9ae7020}.lead{font-size:1.08rem;max-width:520px;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:11px 23px;font-size:.88rem;font-weight:750;border:1px solid transparent;border-radius:4px;transition:transform .2s var(--ease),background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--accent);color:#192028}.button-primary:hover{background:#f8c38e}.button-muted{border-color:#56606b;color:var(--text);background:#28313a}.button-muted:hover{background:#38434d}.button-light{background:var(--cream);color:#18202a}.landing-pills{margin-top:46px;display:flex;flex-wrap:wrap;gap:9px}.landing-pills span{padding:6px 12px;border:1px solid #4a5360;border-radius:100px;color:#c3c9cb;font-size:.72rem}.hero-visual{position:relative;min-height:490px;display:grid;align-items:center}.visual-frame{position:relative;z-index:1;transform:rotate(3deg);box-shadow:0 30px 90px #0007;border:12px solid #2e3942;background:#2d3740;overflow:hidden;aspect-ratio:.84}.hero-image{width:100%;height:100%;object-fit:cover}.visual-caption{position:absolute;bottom:0;left:0;right:0;padding:36px 26px 23px;background:linear-gradient(transparent,#071015ef);display:flex;flex-direction:column;gap:6px}.visual-caption small{color:var(--accent);letter-spacing:.3em}.visual-caption strong{font-size:1.2rem}.visual-shape{position:absolute;inset:3% -15% 7% 15%;border:1px solid #6d625552;transform:rotate(-7deg)}.section{padding-top:100px;padding-bottom:18px}.space-top{padding-top:125px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:35px}.section-top h2{margin:10px 0 0}.section-top>p{max-width:330px;font-size:.88rem}.genre-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:13px}.genre{display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:33px 29px;transition:transform .25s;background:#223745}.genre:hover{transform:translateY(-6px)}.genre-main{background:linear-gradient(135deg,#34505b,#223640)}.genre-warm{background:linear-gradient(135deg,#694839,#3d2c31)}.genre-night{background:linear-gradient(135deg,#343350,#21273a)}.genre span{font-size:.7rem;color:#bfcdd3;letter-spacing:.1em}.genre strong{font-size:1.85rem;letter-spacing:-.04em;margin:28px 0 9px}.genre p{font-size:.87rem;color:#e2e3e4;max-width:270px}.genre b{margin-top:auto;font-size:.8rem;color:#f3c99d}.feature-band{display:grid;grid-template-columns:1.02fr .98fr;gap:9%;align-items:center}.feature-art{background:#24333c;min-height:390px}.feature-art img{width:100%;height:440px;object-fit:cover}.feature-copy{padding-block:10px}.feature-copy h2{margin:14px 0 28px}.feature-copy>p{max-width:470px}.arrow-link{display:flex;justify-content:space-between;align-items:center;max-width:470px;padding:17px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.86rem}.arrow-link:hover,.section-link:hover,.text-link:hover{color:var(--accent)}.arrow-link span{font-size:1.3rem}.section-link{color:var(--accent);font-weight:700;font-size:.88rem}.editorial-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.editorial-intro{background:#1c252e;padding:30px}.editorial-intro h3{font-size:1.75rem}.editorial-intro p{font-size:.88rem}.editorial-intro img{margin-top:26px;width:100%;height:220px;object-fit:cover}.story-list{border-top:1px solid var(--line)}.list-row{display:grid;grid-template-columns:115px 1fr 24px;align-items:center;gap:15px;min-height:103px;border-bottom:1px solid var(--line)}.list-label{font-size:.73rem;color:var(--accent)}.list-row strong{font-size:1.05rem}.list-arrow{color:var(--accent);font-size:1.35rem}.list-row:hover strong{color:var(--accent)}.bottom-spot{margin-top:105px;margin-bottom:95px;padding:65px;background:linear-gradient(130deg,#2e393c,#203039 57%,#252f35);display:grid;grid-template-columns:1fr .9fr;gap:10%}.spot-copy h2{margin-top:15px}.spot-copy p{max-width:450px}.spot-items{border-top:1px solid #56636a}.spot-items a{display:grid;grid-template-columns:30px 1fr;gap:3px 15px;border-bottom:1px solid #56636a;padding:25px 0}.spot-items span{grid-row:span 2;color:var(--accent);font-size:.7rem}.spot-items strong{font-size:1rem}.spot-items small{color:var(--muted)}.spot-items a:hover strong{color:var(--accent)}.site-footer{background:#0b1016;border-top:1px solid #2e3a43;padding-top:65px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr;gap:15%;padding-bottom:60px}.footer-brand{color:var(--text);font-weight:800;font-size:1.4rem}.footer-grid p{font-size:.84rem;max-width:350px;margin:13px 0}.footer-grid .foot-note{color:#8c989e;font-size:.74rem}.footer-grid strong{color:var(--text);font-size:.83rem}.footer-grid ul{list-style:none;margin:15px 0 0;padding:0}.footer-grid li{margin-bottom:9px}.footer-grid a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-grid nav a{font-size:.82rem}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #253039;padding-top:23px;padding-bottom:26px;font-size:.75rem}.page-heading{padding-top:48px;padding-bottom:75px}.crumb{display:flex;gap:12px;align-items:center;color:#98a7b0;font-size:.76rem;margin-bottom:75px;flex-wrap:wrap}.crumb a:hover{color:var(--accent)}.page-heading-grid{display:grid;grid-template-columns:1.2fr .7fr;align-items:center;gap:12%}.page-heading h1{margin:17px 0 24px}.page-heading p{font-size:1.03rem;max-width:680px}.heading-side img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:saturate(.75)}.compact-heading{padding-bottom:44px}.compact-heading h1{max-width:850px}.compact-heading>p{max-width:700px}.compact-heading .crumb{margin-bottom:55px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-card{background:#1d252e;border:1px solid #303b44;padding:30px;display:flex;flex-direction:column;min-height:280px;transition:border-color .2s,transform .2s}.story-card:hover{border-color:#7e6651;transform:translateY(-3px)}.story-category{font-size:.7rem;color:var(--accent);font-weight:700;letter-spacing:.12em}.story-card h3{font-size:1.27rem;margin:18px 0 12px}.story-card h3 a:hover{color:var(--accent)}.story-card p{font-size:.82rem;line-height:1.8}.text-link{color:var(--accent);font-size:.76rem;font-weight:700;margin-top:auto}.info-strip{padding-top:70px;padding-bottom:70px;margin-top:100px;margin-bottom:110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10%}.info-strip h2{font-size:1.8rem}.info-strip p{max-width:700px;margin-bottom:0;font-size:.9rem}.info-strip .button{flex-shrink:0}.series-hero{display:grid;grid-template-columns:.9fr 1.1fr;background:#25303a}.series-art img{height:100%;min-height:405px;width:100%;object-fit:cover}.series-panel{padding:55px 10%}.series-panel h2{font-size:2.2rem;margin:20px 0}.series-panel p{font-size:.9rem}.mini-links{margin-top:35px;display:grid;gap:12px}.mini-links a{display:block;border-bottom:1px solid #53606a;padding-bottom:14px;color:var(--accent);font-size:.87rem}.types-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.types-feature{background:#28343d}.types-feature>img{width:100%;height:340px;object-fit:cover}.types-text{padding:34px}.types-text span{color:var(--accent);font-size:.72rem;letter-spacing:.2em}.types-text h2{font-size:2rem;margin:12px 0}.types-text p{font-size:.88rem}.types-text a{display:inline-block;color:var(--accent);font-size:.85rem;margin-top:18px;font-weight:700}.types-list{display:grid;gap:15px}.types-list a{padding:28px;background:#1e2730;display:flex;flex-direction:column}.types-list a:hover{background:#2a3540}.types-list span{color:var(--accent);font-size:.7rem}.types-list h3{margin:7px 0}.types-list p{font-size:.8rem;margin:0}.types-list b{margin-top:auto;color:var(--accent);font-size:.77rem;padding-top:15px}.viewing-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.viewing-image img{width:100%;height:470px;object-fit:cover}.viewing-split h2{margin-top:18px}.viewing-split p{font-size:.89rem}.linked-list{list-style:none;padding:0;margin:27px 0 0;border-top:1px solid var(--line)}.linked-list a{padding:19px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-weight:600;font-size:.88rem}.linked-list a:hover{color:var(--accent)}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.safety-grid>a{background:#243038;padding:36px}.safety-grid>a:nth-child(2){background:#2b2a30}.safety-grid span{font-size:.72rem;color:var(--accent)}.safety-grid h3{margin:17px 0}.safety-grid p{font-size:.88rem}.safety-grid strong{display:block;color:var(--accent);font-size:.81rem;margin-top:27px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:10%;padding-top:52px;padding-bottom:130px}.article-layout .crumb{margin-bottom:75px}.article-heading h1{font-size:clamp(2.6rem,4vw,4.15rem);margin:20px 0 26px}.article-heading>p{font-size:1.13rem;line-height:2;color:#d2d9dc;border-bottom:1px solid var(--line);padding-bottom:42px}.article-body{padding-top:20px}.article-body section{margin:42px 0 55px}.article-body h2{font-size:1.52rem;letter-spacing:-.025em;margin-bottom:22px}.article-body p{font-size:1rem;line-height:2.15;color:#bfc9cc}.article-next{margin-top:80px;padding:28px;background:#202b34;display:flex;flex-wrap:wrap;gap:15px 25px}.article-next span{color:var(--muted);width:100%;font-size:.76rem}.article-next a{color:var(--accent);font-size:.85rem}.article-aside{padding-top:130px}.aside-inner{position:sticky;top:40px;border-top:2px solid var(--accent)}.aside-inner h2{font-size:1.32rem;margin:19px 0 10px}.aside-inner>a{display:grid;grid-template-columns:1fr 20px;gap:6px;border-bottom:1px solid var(--line);padding:21px 0}.aside-inner small{color:var(--accent);grid-column:span 2}.aside-inner strong{font-size:.9rem}.aside-inner>a:hover strong{color:var(--accent)}.aside-inner span{color:var(--accent)}.not-found{padding-top:130px;padding-bottom:180px}.not-found h1{margin:25px 0}.not-found p{max-width:500px}
@media(max-width:1050px){.wordmark-sub{display:none}.site-nav ul{gap:18px}.landing-grid{min-height:570px}.visual-frame{aspect-ratio:.75}.bottom-spot{padding:45px}.article-layout{gap:5%;grid-template-columns:minmax(0,1fr) 240px}.genre{padding:25px}.feature-band{gap:6%}}
@media(max-width:820px){.header-inner{min-height:72px}.nav-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.site-nav{position:absolute;top:100%;left:0;right:0;display:none;background:#1c2630;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #0006}.site-nav.is-open{display:block}.site-nav ul{max-width:680px;margin:auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px}.site-nav li a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}.landing-grid{grid-template-columns:1fr 1fr;gap:15px;min-height:560px}.landing h1{font-size:clamp(2.4rem,5.8vw,3.7rem)}.landing-copy{padding-block:60px}.hero-visual{min-height:410px}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre:first-child{grid-column:span 2;min-height:230px}.feature-band{grid-template-columns:1fr 1fr}.feature-art img{height:390px}.editorial-grid{grid-template-columns:1fr 1fr;gap:5%}.list-row{grid-template-columns:1fr 20px;min-height:110px}.list-label{grid-column:span 2}.footer-grid{gap:8%}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.types-layout{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-aside{padding-top:10px}.aside-inner{position:static}.aside-inner>a{display:inline-grid;width:31%;margin-right:2%;vertical-align:top}.article-heading>p{max-width:700px}.viewing-split{gap:5%}}
@media(max-width:640px){h1{font-size:2.65rem}.shell{padding-inline:20px}.landing-grid{grid-template-columns:1fr;padding-bottom:55px}.landing-copy{padding-top:60px;padding-bottom:35px}.landing h1{font-size:clamp(2.55rem,10vw,3.45rem)}.hero-visual{min-height:330px;width:min(86%,400px);margin:auto}.visual-frame{aspect-ratio:1.35;transform:rotate(1deg);border-width:7px}.visual-caption{padding:32px 15px 15px}.visual-caption strong{font-size:1rem}.landing-pills{margin-top:30px}.section,.space-top{padding-top:72px}.section-top{align-items:start;flex-direction:column;gap:12px;margin-bottom:25px}.genre-grid{grid-template-columns:1fr}.genre:first-child{grid-column:auto}.genre{min-height:220px}.feature-band,.editorial-grid,.bottom-spot,.page-heading-grid,.series-hero,.types-layout,.viewing-split,.safety-grid{grid-template-columns:1fr}.feature-art{min-height:0}.feature-art img{height:265px}.feature-copy{padding-top:30px}.editorial-intro img{height:190px}.bottom-spot{margin-block:70px;padding:35px 25px;gap:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}.page-heading{padding-top:30px;padding-bottom:20px}.page-heading .crumb,.compact-heading .crumb{margin-bottom:45px}.page-heading h1{font-size:clamp(2.3rem,9vw,3rem)}.heading-side{display:none}.cards-grid{grid-template-columns:1fr}.story-card{min-height:0}.info-strip{margin-top:75px;margin-bottom:75px;flex-direction:column;align-items:start;gap:25px}.series-art img{min-height:0;height:240px}.series-panel{padding:35px 25px}.types-feature>img{height:240px}.viewing-image img{height:260px}.viewing-split>div:nth-child(2){padding-top:25px}.article-layout{padding-top:30px;padding-bottom:80px}.article-layout .crumb{margin-bottom:50px}.article-heading h1{font-size:2.6rem}.article-body section{margin:38px 0}.aside-inner>a{display:grid;width:100%;margin:0}.not-found{padding-top:95px;padding-bottom:110px}}
@media(max-width:380px){.wordmark{font-size:1.1rem}.mark{width:30px;height:30px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}