:root {
  color-scheme: dark;
  --bg: #191821;
  --dark: #15141D;
  --panel: #25232F;
  --panel-strong: #302C3A;
  --berry: #A54568;
  --berry-soft: #C56B8B;
  --mist: #8994C6;
  --gold: #E7B877;
  --ink: #F2EFF5;
  --muted: #B3AEBD;
  --faint: #8C8798;
  --line: rgba(218,209,230,.15);
  --focus: #E7B877;
  --max: 1380px;
  --gap: clamp(16px,2.2vw,30px);
  --ease: cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 95px; }
body { margin:0; min-width:320px; background:var(--bg); color:var(--ink); font-family: Inter, 'PingFang SC','Microsoft Yahei', 'Noto Sans CJK SC',system-ui,sans-serif; font-size:15px; line-height:1.75; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--gold); }
button { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
::selection { background:var(--berry); color:white; }
.skip-link { position:absolute; z-index:30; top:-100px; left:20px; padding:12px 18px; background:var(--ink); color:var(--dark); border-radius:4px; }
.skip-link:focus { top:12px; }
.site-shell { max-width:1920px; margin:0 auto; overflow:clip; }
.site-header { width:min(calc(100% - clamp(32px,5vw,100px)),var(--max)); margin:auto; min-height:90px; display:flex; align-items:center; justify-content:space-between; gap:40px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; flex-shrink:0; color:var(--ink); }
.brand:hover { color:var(--ink); }
.brand img { width:46px; height:46px; object-fit:contain; background:linear-gradient(130deg,#443041,#23202d); border-radius:5px; }
.brand strong { display:block; font-size:22px; font-weight:750; letter-spacing:.07em; line-height:1.15; }
.brand small { display:block; font-size:8px; font-weight:700; letter-spacing:.18em; margin-top:5px; color:var(--muted); white-space:nowrap; }
.primary-nav { display:flex; align-items:center; gap:clamp(17px,2.4vw,42px); }
.primary-nav a { position:relative; display:inline-flex; align-items:center; min-height:90px; font-size:13px; font-weight:600; color:var(--muted); white-space:nowrap; transition:color .2s; }
.primary-nav a:hover,.primary-nav a[aria-current="page"] { color:var(--ink); }
.primary-nav a[aria-current="page"]::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--berry-soft); }
.nav-toggle { display:none; }
main { width:min(calc(100% - clamp(32px,5vw,100px)),var(--max)); margin:auto; min-height:60vh; }
.eyebrow { margin:0 0 13px; font-size:10px; line-height:1.4; font-weight:750; letter-spacing:.22em; color:var(--gold); text-transform:uppercase; }
.line-dot { width:6px; height:6px; display:inline-block; margin-right:8px; vertical-align:2px; border-radius:50%; background:var(--berry-soft); box-shadow:0 0 0 4px rgba(165,69,104,.16); }
.micro { display:block; font-size:10px; line-height:1.5; text-transform:uppercase; font-weight:700; letter-spacing:.13em; color:var(--gold); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { line-height:1.22; letter-spacing:-.025em; }
h1 { font-size:clamp(34px,4.2vw,64px); font-weight:780; }
h2 { font-size:clamp(24px,2.55vw,38px); font-weight:750; }
h3 { font-size:clamp(18px,1.4vw,23px); font-weight:720; }
p { color:var(--muted); }
.lead { color:#D4CDD8; font-size:clamp(15px,1.15vw,17px); line-height:1.95; }
.home-intro { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.25fr); gap:clamp(26px,4.2vw,68px); padding:clamp(32px,4.6vw,72px) 0 52px; align-items:center; }
.intro-heading { padding:12px 0; }
.intro-heading h1 { max-width:550px; margin:0 0 28px; }
.intro-heading h1 span { display:block; font-size:clamp(24px,2.5vw,41px); font-weight:600; line-height:1.42; letter-spacing:0; margin-top:14px; color:#DDCED7; }
.intro-heading .lead { max-width:540px; }
.intro-links { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding-top:12px; }
.intro-links a { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; padding:11px 16px; min-height:44px; border-radius:3px; border:1px solid var(--line); background:var(--panel); color:var(--ink); font-size:12px; font-weight:700; transition:background .2s,border-color .2s,transform .2s; }
.intro-links a:first-child { background:var(--berry); border-color:var(--berry); }
.intro-links a:hover { background:#71415c; border-color:var(--berry-soft); transform:translateY(-2px); }
.intro-links span { color:var(--gold); font-size:16px; }
.hero-pair { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.78fr); gap:12px; height:clamp(395px,40vw,580px); min-width:0; }
.hero-main,.hero-minor { position:relative; min-width:0; overflow:hidden; background:var(--panel); border-radius:4px; }
.hero-image,.hero-minor { display:block; width:100%; height:100%; }
.hero-main img,.hero-minor img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease),filter .4s; }
.hero-main:hover img,.hero-minor:hover img { transform:scale(1.045); filter:brightness(1.05); }
.hero-main img { object-position:center 30%; }
.hero-minor img { object-position:center; }
.hero-gradient,.hero-minor::after { position:absolute; inset:20% 0 0; content:""; pointer-events:none; background:linear-gradient(180deg,transparent 15%,rgba(11,10,17,.48) 55%,rgba(11,10,17,.94) 100%); }
.hero-overlay { position:absolute; z-index:1; bottom:20px; left:22px; right:22px; color:var(--ink); }
.hero-overlay strong,.mini-label strong { display:block; font-size:clamp(19px,2.1vw,29px); margin:6px 0 9px; line-height:1.35; }
.hero-overlay>span:last-child { display:block; font-size:12px; line-height:1.7; max-width:360px; color:#E3DCE4; }
.mini-label { position:absolute; z-index:1; bottom:20px; left:14px; right:14px; }
.mini-label strong { font-size:17px; margin-bottom:0; }
.content-section { padding:46px 0 58px; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:24px; }
.section-head h2 { margin-bottom:12px; }
.section-head p:not(.eyebrow) { margin:0; font-size:13px; line-height:1.8; max-width:780px; }
.head-caption { color:var(--faint); font-size:11px; white-space:nowrap; letter-spacing:.13em; padding-bottom:5px; }
.card-grid { display:grid; gap:var(--gap); }
.drama-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.work-card { min-width:0; position:relative; }
.work-art { position:relative; overflow:hidden; display:block; aspect-ratio:3/4; background:var(--panel); border:1px solid var(--line); border-radius:4px; }
.work-art img { height:100%; width:100%; object-fit:cover; object-position:center 30%; transition:transform .45s var(--ease),filter .3s; }
.work-art:hover img { transform:scale(1.045); filter:saturate(1.12); }
.work-art::after { content:"↗"; position:absolute; top:12px; right:12px; width:32px; height:32px; display:grid; place-items:center; background:rgba(21,20,29,.72); border:1px solid rgba(255,255,255,.25); border-radius:3px; color:white; opacity:0; transform:translateY(4px); transition:opacity .2s,transform .2s; }
.work-art:hover::after,.work-art:focus-visible::after { opacity:1; transform:none; }
.work-copy { padding:15px 2px 0; }
.work-copy .micro { color:var(--mist); margin:0 0 7px; }
.work-copy h3 { margin:0 0 9px; overflow-wrap:anywhere; }
.work-copy h3 a { color:var(--ink); }
.work-copy h3 a:hover { color:var(--gold); }
.work-copy p:not(.micro) { margin:0; font-size:12px; line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.detail-link { display:inline-flex; gap:12px; align-items:center; margin-top:13px; font-size:11px; color:var(--gold); font-weight:700; letter-spacing:.05em; }
.detail-link span { font-size:14px; }
.interlude { margin:38px 0 42px; padding:clamp(28px,4vw,54px); background:linear-gradient(115deg,rgba(165,69,104,.20),rgba(37,35,47,.88) 54%,rgba(137,148,198,.11)); border-left:2px solid var(--berry); display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.interlude h2 { max-width:520px; margin:0; }
.interlude>p { font-size:14px; line-height:2; margin:0; }
.ai-section { padding-top:56px; border-top:1px solid var(--line); }
.section-more { color:var(--gold); font-size:12px; font-weight:700; white-space:nowrap; border-bottom:1px solid rgba(231,184,119,.4); padding-bottom:7px; }
.ai-layout { display:grid; grid-template-columns:1.12fr 1fr; gap:var(--gap); }
.ai-feature>.work-card { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.85fr); height:100%; min-height:400px; background:var(--panel); border:1px solid var(--line); border-radius:4px; overflow:hidden; }
.ai-feature .work-art { height:100%; aspect-ratio:auto; border:0; border-radius:0; }
.ai-feature .work-copy { padding:clamp(20px,3vw,40px); display:flex; flex-direction:column; justify-content:center; }
.ai-feature .work-copy h3 { font-size:clamp(23px,2.15vw,32px); }
.ai-feature .work-copy p:not(.micro) { font-size:14px; -webkit-line-clamp:6; }
.ai-stack { display:grid; gap:var(--gap); }
.ai-stack .work-card { display:grid; grid-template-columns:minmax(110px,.6fr) minmax(0,1fr); gap:20px; align-items:center; }
.ai-stack .work-art { aspect-ratio:1.18; }
.ai-stack .work-copy { padding:0; }
.ai-stack .work-copy h3 { font-size:20px; }
.compact-end { border-top:1px solid var(--line); }
.format-links { display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); }
.format-links>a { display:flex; min-height:210px; flex-direction:column; gap:12px; padding:26px 28px; background:var(--panel); border:1px solid var(--line); border-radius:4px; transition:border-color .2s,background .2s; }
.format-links>a:hover { background:var(--panel-strong); border-color:rgba(137,148,198,.55); }
.format-links strong { color:var(--ink); font-size:23px; line-height:1.3; }
.format-links a>span:nth-of-type(2) { color:var(--muted); font-size:13px; line-height:1.8; max-width:550px; }
.format-links em { color:var(--gold); font-size:12px; font-style:normal; margin-top:auto; font-weight:700; }
.breadcrumb { display:flex; gap:11px; align-items:center; flex-wrap:wrap; padding:25px 0 18px; color:var(--muted); font-size:12px; }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb [aria-current="page"] { color:var(--ink); }
.breadcrumb>span[aria-hidden] { color:var(--faint); }
.topic-lead { position:relative; background:linear-gradient(120deg,rgba(165,69,104,.23),rgba(21,20,29,.5) 50%,rgba(137,148,198,.10)); border:1px solid var(--line); border-radius:4px; padding:clamp(32px,5vw,76px); overflow:hidden; }
.topic-lead::after { content:""; position:absolute; pointer-events:none; width:290px; height:290px; top:-210px; right:-70px; border-radius:50%; box-shadow:0 0 150px 55px rgba(165,69,104,.15); }
.topic-lead h1 { margin:0 0 18px; }
.topic-lead .lead { max-width:760px; margin:0; }
.topic-tags { display:flex; gap:9px; flex-wrap:wrap; margin-top:25px; }
.topic-tags span,.tag-cloud span { padding:5px 12px; border:1px solid var(--line); background:rgba(21,20,29,.35); border-radius:2px; color:#CFC9D5; font-size:11px; }
.ai-topic { background:linear-gradient(115deg,rgba(137,148,198,.2),rgba(21,20,29,.6) 60%,rgba(165,69,104,.15)); }
.motion-topic { background:linear-gradient(120deg,rgba(137,148,198,.23),rgba(37,35,47,.6) 44%,rgba(165,69,104,.17)); }
.feature-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.feature-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.feature-two .work-card.large { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,.82fr); gap:20px; align-items:center; background:var(--panel); border:1px solid var(--line); border-radius:4px; overflow:hidden; }
.feature-two .work-art { border:0; border-radius:0; height:100%; aspect-ratio:3/4; }
.feature-two .work-copy { padding:25px 20px 25px 0; }
.feature-two .work-copy h3 { font-size:clamp(19px,1.8vw,27px); }
.feature-two .work-copy p:not(.micro) { -webkit-line-clamp:5; }
.editorial-panel { display:grid; grid-template-columns:.76fr 1fr; gap:clamp(25px,5vw,88px); margin:18px 0 90px; padding:38px 0 10px; border-top:1px solid var(--line); }
.editorial-panel h2 { max-width:400px; }
.editorial-copy p { max-width:720px; margin-bottom:18px; line-height:2; }
.inline-link { display:inline-flex; margin:7px 0 15px; color:var(--gold); border-bottom:1px solid rgba(231,184,119,.3); font-size:13px; font-weight:700; }
.detail-article { padding-bottom:80px; }
.detail-hero { display:grid; grid-template-columns:minmax(270px,.68fr) minmax(0,1fr); gap:clamp(30px,6vw,90px); margin:8px 0 65px; align-items:center; }
.detail-cover { width:100%; max-height:650px; overflow:hidden; border-radius:4px; background:var(--panel); box-shadow:24px 24px 0 rgba(37,35,47,.6); }
.detail-cover img { display:block; width:100%; max-height:650px; aspect-ratio:3/4; object-fit:cover; object-position:center 25%; }
.detail-main { padding:15px 0; }
.detail-category { color:var(--mist); font-size:12px; font-weight:700; margin:30px 0 10px; }
.detail-main h1 { margin:0 0 30px; max-width:680px; }
.detail-summary { font-size:clamp(17px,1.5vw,22px); color:var(--ink); line-height:1.8; max-width:660px; margin-bottom:22px; }
.tag-cloud { display:flex; flex-wrap:wrap; gap:9px; }
.detail-note { margin-top:40px; border-top:1px solid var(--line); padding-top:21px; max-width:620px; }
.detail-note strong { display:block; font-size:12px; color:var(--gold); margin-bottom:8px; }
.detail-note p { font-size:12px; line-height:1.8; }
.detail-story,.detail-scenes { max-width:980px; margin:0 auto 60px; border-top:1px solid var(--line); padding:34px 0 0; }
.detail-story>.section-head,.detail-scenes>.section-head { margin-bottom:22px; }
.detail-story>p { font-size:17px; line-height:2.15; color:#D5CED9; }
.detail-scenes ol { list-style:none; padding:0; margin:0; }
.detail-scenes li { display:flex; align-items:start; gap:25px; border-bottom:1px solid var(--line); padding:20px 0; }
.detail-scenes li span { font-size:20px; font-weight:800; color:var(--berry-soft); line-height:1.6; letter-spacing:.06em; }
.detail-scenes li p { color:#D5CED9; margin:0; line-height:1.9; }
.related { margin-top:60px; }
.not-found { padding:clamp(75px,10vw,140px) 0; max-width:850px; }
.not-found h1 { margin:0 0 24px; }
.not-found p { max-width:580px; font-size:16px; line-height:2; }
.not-found a { display:inline-flex; color:var(--gold); border-bottom:1px solid var(--line); padding:8px 0; margin:15px 22px 0 0; }
.site-footer { background:var(--dark); border-top:1px solid var(--line); padding:clamp(35px,5vw,70px) max(calc((100% - var(--max))/2),clamp(16px,2.5vw,50px)) 20px; }
.footer-primary { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:40px; align-items:start; padding-bottom:50px; }
.footer-primary p { max-width:570px; font-size:13px; line-height:1.85; margin-top:18px; }
.footer-mark { display:inline-flex; align-items:center; gap:14px; font-weight:750; font-size:23px; }
.footer-mark span { font-size:9px; letter-spacing:.2em; color:var(--mist); }
.footer-primary nav { display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; padding-top:12px; }
.footer-primary nav a { font-size:13px; color:#D7D0DD; }
.footer-primary nav a:hover { color:var(--gold); }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:18px; color:var(--faint); font-size:11px; letter-spacing:.04em; }
@media (max-width: 1150px) {
  .home-intro { grid-template-columns:.78fr 1fr; gap:26px; }
  .hero-pair { height:460px; }
  .drama-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ai-feature>.work-card { grid-template-columns:1fr; }
  .ai-feature .work-art { height:340px; }
  .ai-feature .work-copy { padding:23px; }
  .ai-layout { grid-template-columns:1fr 1fr; }
  .ai-stack .work-card { grid-template-columns:.52fr 1fr; gap:16px; }
  .ai-stack .work-copy h3 { font-size:18px; }
  .ai-stack .work-copy p:not(.micro) { -webkit-line-clamp:2; }
  .feature-two .work-card.large { grid-template-columns:1fr; }
  .feature-two .work-art { height:300px; aspect-ratio:auto; }
  .feature-two .work-copy { padding:4px 23px 24px; }
}
@media (max-width: 900px) {
  .site-header { min-height:76px; }
  .primary-nav { gap:18px; }
  .primary-nav a { min-height:76px; font-size:12px; }
  .brand strong { font-size:19px; }
  .brand img { width:39px; height:39px; }
  .home-intro { display:block; padding-top:35px; }
  .intro-heading { padding:0 0 30px; }
  .intro-heading h1 { max-width:850px; margin-bottom:15px; }
  .intro-heading .lead { max-width:720px; }
  .hero-pair { height:440px; }
  .drama-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .interlude { grid-template-columns:1fr; gap:18px; }
  .ai-feature .work-art { height:300px; }
  .editorial-panel { gap:35px; }
  .detail-hero { grid-template-columns:.77fr 1fr; gap:35px; }
}
@media (max-width: 800px) {
  .site-header { position:relative; z-index:10; }
  .nav-toggle { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; background:var(--panel); border:1px solid var(--line); width:46px; height:42px; border-radius:3px; cursor:pointer; }
  .nav-toggle span { display:block; width:19px; height:2px; border-radius:2px; background:var(--ink); transition:transform .2s,opacity .2s; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .primary-nav { display:none; position:absolute; top:calc(100% + 2px); left:0; right:0; padding:10px 15px; flex-direction:column; align-items:stretch; gap:0; background:#25232F; border:1px solid var(--line); box-shadow:0 15px 30px rgba(0,0,0,.25); }
  .primary-nav.is-open { display:flex; }
  .primary-nav a { min-height:44px; padding:10px 4px; font-size:13px; }
  .primary-nav a[aria-current="page"]::after { bottom:8px; left:auto; right:2px; height:calc(100% - 16px); width:2px; }
  .drama-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-layout { grid-template-columns:1fr; }
  .ai-feature>.work-card { grid-template-columns:1fr 1fr; min-height:300px; }
  .ai-feature .work-art { height:100%; }
  .ai-stack { grid-template-columns:1fr 1fr; }
  .ai-stack .work-card { grid-template-columns:1fr; align-items:start; }
  .ai-stack .work-art { aspect-ratio:3/2; }
  .ai-stack .work-copy p:not(.micro) { -webkit-line-clamp:3; }
  .format-links { gap:14px; }
  .format-links>a { padding:20px; }
  .format-links strong { font-size:20px; }
  .feature-three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .detail-hero { grid-template-columns:1fr 1fr; }
  .detail-cover img { aspect-ratio:3/4; }
  .detail-summary { font-size:16px; }
}
@media (max-width: 600px) {
  .site-header,main { width:calc(100% - 32px); }
  .site-header { min-height:72px; }
  .brand small { letter-spacing:.10em; font-size:7px; }
  .home-intro { padding-top:29px; padding-bottom:24px; }
  .intro-heading h1 span { margin-top:11px; }
  .intro-links { gap:10px; }
  .intro-links a { padding:10px 12px; gap:12px; }
  .hero-pair { height:390px; gap:8px; grid-template-columns:1.2fr .72fr; }
  .hero-overlay { left:13px; right:12px; bottom:15px; }
  .hero-overlay strong { font-size:20px; }
  .hero-overlay>span:last-child { font-size:11px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .mini-label { left:9px; right:8px; bottom:14px; }
  .mini-label strong { font-size:14px; }
  .micro { font-size:9px; }
  .content-section { padding:32px 0 40px; }
  .section-head { align-items:start; flex-direction:column; gap:10px; margin-bottom:21px; }
  .section-head h2 { margin-bottom:8px; }
  .head-caption { display:none; }
  .drama-grid { gap:24px 14px; }
  .work-copy { padding-top:11px; }
  .work-copy h3 { font-size:17px; }
  .work-copy p:not(.micro) { font-size:11px; }
  .detail-link { font-size:10px; }
  .interlude { margin:18px 0 26px; padding:25px 20px; }
  .interlude>p { font-size:12px; }
  .ai-feature>.work-card { grid-template-columns:1fr; }
  .ai-feature .work-art { height:330px; }
  .ai-feature .work-copy { padding:20px; }
  .ai-feature .work-copy h3 { font-size:23px; }
  .ai-stack { gap:14px; }
  .ai-stack .work-card { display:block; }
  .ai-stack .work-art { aspect-ratio:3/3.4; }
  .ai-stack .work-copy { padding-top:12px; }
  .ai-stack .work-copy h3 { font-size:17px; }
  .format-links { grid-template-columns:1fr; gap:12px; }
  .format-links>a { min-height:175px; }
  .breadcrumb { padding-top:18px; font-size:11px; }
  .topic-lead { padding:30px 23px; }
  .topic-lead h1 { font-size:36px; }
  .topic-lead .lead { font-size:14px; }
  .feature-three { gap:24px 14px; }
  .feature-two { grid-template-columns:1fr; }
  .feature-two .work-card.large { grid-template-columns:0.9fr 1fr; gap:10px; }
  .feature-two .work-art { height:100%; aspect-ratio:3/4; }
  .feature-two .work-copy { padding:16px 13px 16px 0; }
  .feature-two .work-copy h3 { font-size:18px; }
  .feature-two .work-copy p:not(.micro) { -webkit-line-clamp:4; }
  .editorial-panel { grid-template-columns:1fr; gap:10px; padding-top:30px; margin-bottom:50px; }
  .editorial-copy p { font-size:13px; }
  .detail-hero { grid-template-columns:1fr; gap:30px; margin-bottom:40px; }
  .detail-cover { max-width:420px; width:100%; box-shadow:12px 12px 0 rgba(37,35,47,.6); }
  .detail-cover img { max-height:450px; aspect-ratio:4/4.5; }
  .detail-main { padding:0; }
  .detail-category { margin-top:13px; }
  .detail-main h1 { margin-bottom:18px; }
  .detail-note { margin-top:23px; }
  .detail-story,.detail-scenes { margin-bottom:44px; }
  .detail-story>p { font-size:14px; }
  .detail-scenes li { gap:16px; }
  .detail-scenes li p { font-size:13px; }
  .related { margin-top:20px; }
  .footer-primary { grid-template-columns:1fr; gap:5px; padding-bottom:30px; }
  .footer-primary nav { padding-top:8px; }
  .footer-bottom { font-size:10px; }
}
@media (max-width: 390px) {
  .brand strong { font-size:17px; }
  .hero-pair { height:325px; }
  .hero-overlay strong { font-size:17px; }
  .hero-overlay>span:last-child { -webkit-line-clamp:2; }
  .intro-links a { font-size:11px; }
  .feature-two .work-card.large { grid-template-columns:1fr; }
  .feature-two .work-art { height:290px; aspect-ratio:auto; }
  .feature-two .work-copy { padding:15px 19px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}
@media print {
  :root { color-scheme:light; --bg:#fff; --ink:#121212; --muted:#353535; --line:#ddd; }
  body { background:#fff; color:#111; }
  .site-header,.site-footer,.nav-toggle,.intro-links,.detail-link,.section-more { display:none!important; }
  main { width:100%; }
  .work-art,.detail-cover { max-height:260px; }
  .work-art img,.detail-cover img { object-fit:contain; }
  .topic-lead,.editorial-panel,.interlude { background:#fff; color:#111; border-color:#ddd; }
}