:root {
  --paper:#FFFAEE;--cream:#FFF2CF;--white:#fff;--ink:#24282B;--ink2:#41484C;--muted:#626C70;
  --deep:#15191C;--gold:#FFCD38;--goldSoft:#FFE07A;--goldDeep:#C99018;--orange:#EF9A43;
  --sage:#7B9873;--mint:#85BBB1;--violet:#998BB7;--line:rgba(77,67,41,.13);
  --shade:0 14px 34px rgba(39,38,26,.09);--radius:16px;--container:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%}
body.drawer-open{overflow:hidden}
img,video{display:block;max-width:100%;height:auto}
img{object-fit:contain;object-position:center}
button,input{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
a,button,input,summary{-webkit-tap-highlight-color:transparent}
a:hover{text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #BF761A;outline-offset:3px}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{line-height:1.3;letter-spacing:-.025em}
h1{font-size:clamp(29px,3.2vw,42px)}
h2{font-size:clamp(22px,2.25vw,28px)}
h3{font-size:19px}
p{color:var(--ink2)}
small{font-size:13px}
::selection{background:var(--gold);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;z-index:9999;top:-100px;left:20px;background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px}.skip-link:focus{top:12px}
.content-container{width:min(var(--container),calc(100% - 56px));margin-inline:auto;min-width:0}
.section-wrap{width:min(var(--container),calc(100% - 56px));margin:64px auto;min-width:0}
.overline{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;letter-spacing:.145em;text-transform:uppercase;font-weight:800;color:#776535}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.section-head h2{margin:7px 0 8px;font-weight:800}
.section-head p{font-size:14px;margin:0;max-width:680px;color:var(--muted)}
.subtle-link{color:var(--ink);font-size:14px;font-weight:750;white-space:nowrap;padding-bottom:5px;border-bottom:1px solid #B59542;flex-shrink:0;transition:color .2s}
.subtle-link:hover,.text-arrow:hover{color:#A16D11}
.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:10px 20px;border-radius:11px;border:1px solid transparent;font-weight:760;font-size:14px;line-height:1.3;text-align:center;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--gold);color:#202428}.button-primary:hover{background:#F8BD20}
.button-dark{background:#252A2C;color:#fff}.button-dark:hover{background:#41484C}
.button-light{background:#fff;color:#2B2F32;border-color:rgba(80,61,27,.18)}.button-light:hover{background:#FFF7D8}
.button-outline{background:#fff;color:#252A2C;border-color:#D0B565}.button-outline:hover{background:#FFF9E8}
.button-minimal{color:var(--ink);background:transparent;padding-inline:8px}
.hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}
.text-arrow{font-weight:750;font-size:14px;color:#564B28}
.eyebrow-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.genre-pill{display:inline-block;background:#F9EFCF;color:#775E1C;padding:4px 10px;border-radius:40px;font-size:12px;font-weight:750;line-height:1.55}
.status-tiny{font-size:12px;color:#6B7574;font-weight:650}
.live-mark{width:7px;height:7px;border-radius:50%;background:#79996D;display:inline-block;box-shadow:0 0 0 4px rgba(121,153,109,.16)}
/* Header background deliberately spans the entire viewport, independently from the content grid. */
.site-header{position:relative;z-index:50;width:100%;background:#fff}
.header-main{background:#fff;border-bottom:1px solid rgba(47,43,32,.08);width:100%}
.header-layout{height:70px;display:flex;justify-content:space-between;gap:22px;align-items:center}
.brand-mark{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-width:118px;flex:0 0 auto;line-height:1}
.brand-wordmark{font-size:28px;font-weight:950;letter-spacing:-.08em;color:#232626;white-space:nowrap}
.brand-wordmark>span{color:#E7A71B;margin-left:2px}
.brand-english{color:#847750;font-size:8px;font-weight:850;letter-spacing:.19em;margin-top:6px;white-space:nowrap}
.brand-logo{width:auto;height:auto;max-width:140px;max-height:36px;border:0;background:transparent;object-fit:contain;object-position:left center}
.header-nav{display:flex;gap:5px;justify-content:center;align-items:center;min-width:0}
.header-nav a{padding:9px 12px;border-radius:8px;font-size:14px;color:#40474A;font-weight:720;white-space:nowrap}
.header-nav a:hover,.header-nav a.is-current{background:#FFF2CC;color:#282929}
.header-nav a.is-current{box-shadow:inset 0 -2px #DCA629}
.header-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-tool{border:0;background:transparent;color:var(--ink);display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:9px;font-size:13px;font-weight:700}
.header-tool:hover,.header-tool:focus-visible{background:#FFF3CB}
.header-app{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:9px 13px;background:#FFF1CA;border-radius:9px;font-size:13px;font-weight:750;color:#5C491B}
.header-app:hover{background:#FFE18A}
.magnify{position:relative;display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;transform:scale(.85);flex:0 0 auto;margin-right:3px}
.magnify::after{position:absolute;content:"";width:9px;height:2px;border-radius:2px;background:currentColor;transform:rotate(45deg);right:-7px;bottom:-3px}
.menu-bars{width:19px;display:flex;flex-direction:column;gap:4px}
.menu-bars i{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}
.menu-bars i:nth-child(2){width:13px}
.genre-navbar{height:43px;background:#FFF6DE;width:100%;border-bottom:1px solid rgba(129,90,26,.12)}
.genre-scroll{height:100%;display:flex;align-items:center;gap:28px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain}
.genre-scroll::-webkit-scrollbar{display:none}
.genre-scroll a{height:100%;display:inline-flex;align-items:center;border-bottom:2px solid transparent;font-size:13px;color:#5A5B50;font-weight:650;flex:0 0 auto}
.genre-scroll a:hover,.genre-scroll a.is-current{border-bottom-color:#E1A62D;color:#292D2E}
.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(8,11,11,.42);border:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .23s,visibility .23s;width:100%;height:100%;cursor:default}
.channel-drawer{position:fixed;right:0;top:0;bottom:0;z-index:90;width:min(390px,86vw);overflow-y:auto;background:#FFFBF1;box-shadow:-24px 0 65px rgba(0,0,0,.17);visibility:hidden;pointer-events:none;transform:translateX(101%);transition:transform .25s,visibility .25s;overscroll-behavior:contain}
.drawer-open .drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.drawer-open .channel-drawer{visibility:visible;pointer-events:auto;transform:translateX(0)}
.drawer-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#FFF7E4;padding:24px;border-bottom:1px solid var(--line)}
.drawer-heading h2{font-size:26px;margin:3px 0 0}
.drawer-close{width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:32px;line-height:1}
.drawer-links{padding:5px 24px 25px}
.drawer-group{padding:20px 0;border-bottom:1px solid var(--line)}
.drawer-group h3{font-size:13px;color:#A17E2A;letter-spacing:.12em;margin:0 0 14px}
.drawer-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.drawer-group-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #F0E6D4;border-radius:10px;padding:10px;font-weight:700;font-size:13px;min-height:44px}
.drawer-group-grid a span{color:#9D893F}.drawer-group-grid a:hover{background:#FFF0C2}
/* CSS-only editorial imagery; only real owner-supplied images are output in img tags. */
.feature-visual{--visual-a:#FFE49A;--visual-b:#F4AD4C;position:relative;display:block;width:100%;min-width:0;overflow:hidden;isolation:isolate;aspect-ratio:16/10;border-radius:20px;background:linear-gradient(138deg,var(--visual-a),var(--visual-b));color:#263036}
.feature-visual::before{content:"";position:absolute;z-index:-1;inset:-20% -13% auto auto;width:65%;aspect-ratio:1;background:rgba(255,255,255,.22);border-radius:50%}
.feature-visual::after{content:"";position:absolute;z-index:-1;width:48%;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;left:-20%;bottom:-55%;box-shadow:0 0 0 45px rgba(255,255,255,.06),0 0 0 90px rgba(255,255,255,.04)}
.feature-visual.has-real-image{background:transparent}
.feature-visual.has-real-image::before,.feature-visual.has-real-image::after{display:none}
.feature-visual.has-real-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.visual-portrait{aspect-ratio:3/4}.visual-square{aspect-ratio:1}.visual-wide{aspect-ratio:16/10}
.tone-gold{--visual-a:#FFE59A;--visual-b:#F5A93A}.tone-sage{--visual-a:#E8E7C1;--visual-b:#8CAC8C}
.tone-violet{--visual-a:#E8DFEF;--visual-b:#A49BC3}.tone-lavender{--visual-a:#E7E3F8;--visual-b:#998BB7}
.tone-mint{--visual-a:#D2F0E6;--visual-b:#7BAAA8}.tone-peach{--visual-a:#FCE7CA;--visual-b:#F0B489}.tone-amber{--visual-a:#FFE4B7;--visual-b:#D7A36A}
.visual-orbit{position:absolute;width:51%;aspect-ratio:1;border:1px solid rgba(43,52,50,.24);border-radius:50%;right:8%;top:7%;box-shadow:0 0 0 34px rgba(255,255,255,.08),0 0 0 75px rgba(255,255,255,.07)}
.visual-orbit::before{content:"";position:absolute;inset:22%;border:1px solid rgba(255,255,255,.65);border-radius:50%}
.visual-spark{position:absolute;top:11%;right:14%;font-size:clamp(34px,5vw,72px);line-height:1;color:rgba(55,52,39,.32)}
.visual-copy{position:absolute;inset:auto 9% 11%;display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.visual-kicker{font-size:10px;letter-spacing:.18em;font-weight:850;color:rgba(42,45,39,.72)}
.visual-copy strong{font-size:clamp(23px,3.3vw,45px);line-height:1.17;letter-spacing:-.05em;max-width:96%;font-weight:900;overflow-wrap:anywhere}
.visual-line{width:63px;height:5px;border-radius:3px;background:#fff;opacity:.8}
.feature-visual.visual-portrait .visual-copy strong{font-size:clamp(23px,3vw,40px)}
.feature-visual.visual-square .visual-copy strong{font-size:clamp(20px,2.2vw,29px)}
/* Home hero */
.home-hero{background:radial-gradient(circle at 73% 4%,rgba(255,222,128,.35),transparent 35%),linear-gradient(125deg,#FFF7E1,#FFF0BE 68%,#FFE8B3)}
.home-hero-grid{display:grid;grid-template-columns:.93fr 1fr;gap:48px;align-items:center;padding-top:33px;padding-bottom:40px}
.home-hero-text h1{font-size:clamp(33px,4.25vw,54px);letter-spacing:-.06em;line-height:1.18;margin:18px 0 14px;font-weight:950}
.hero-title-dot{color:#DD9A16}
.hero-lede{font-size:15.5px;line-height:1.82;max-width:560px;color:#4B4D41;margin-bottom:23px}
.home-hero .overline{color:#8B6720;letter-spacing:.12em}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:29px;color:#66624F;font-size:12px;font-weight:650}
.hero-meta b{font-size:15px;color:#282C29}.hero-meta i{width:4px;height:4px;border-radius:50%;background:#C2A35B}
.home-hero-visual{position:relative;min-width:0}
.hero-main-art{max-height:365px;aspect-ratio:16/10;border-radius:24px;box-shadow:0 21px 55px rgba(110,82,29,.16)}
.home-hero-visual .feature-visual .visual-copy strong{font-size:clamp(27px,4vw,54px)}
.visual-floating-label{position:absolute;right:-12px;bottom:-17px;background:#273031;color:#fff;padding:15px 18px;border-radius:14px;font-size:12px;line-height:1.55;font-weight:750;box-shadow:var(--shade)}
/* Home structured stories */
.fresh-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:18px;align-items:stretch}
.fresh-lead{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;min-width:0}
.fresh-lead-media{display:block;padding:12px 12px 0}.fresh-lead-media .feature-visual{border-radius:11px;aspect-ratio:16/7.1}
.fresh-lead-media .visual-copy strong{font-size:29px}
.fresh-lead-info{padding:20px 25px 22px}
.fresh-lead-info h3{font-size:24px;font-weight:850;margin:10px 0}
.fresh-lead-info p{font-size:14px;line-height:1.76;margin-bottom:13px}
.fresh-minis{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}
.mini-show{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 15px;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:13px;min-width:0}
.mini-index{display:grid;place-items:center;height:57px;border-radius:10px;background:#FFF0C7;color:#B28C42;font-weight:900;letter-spacing:.13em;font-size:15px}
.mini-show:nth-child(2) .mini-index{background:#ECE8F5;color:#9289B2}
.mini-show:nth-child(3) .mini-index{background:#F1E7D1;color:#AE9269}
.mini-show:nth-child(4) .mini-index{background:#E4F0E9;color:#70998B}
.mini-show small{font-size:11px;line-height:1.45;color:#75786C}.mini-show h3{font-size:16px;font-weight:800;margin:3px 0}
.mini-show p{font-size:12px;line-height:1.55;margin:0;color:#757B7D;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-link{align-self:center;font-size:19px;color:#8A722D}.mini-show:hover{border-color:#D6BE7B}
.genre-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.genre-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:146px;padding:24px;border-radius:15px;background:linear-gradient(130deg,var(--visual-a),rgba(255,255,255,.85));border:1px solid rgba(75,64,42,.07);overflow:hidden;transition:transform .2s,box-shadow .2s}
.genre-tile::before{content:"";position:absolute;right:-25px;top:-28px;width:110px;height:110px;border:20px solid rgba(255,255,255,.34);border-radius:50%}
.genre-tile:hover{transform:translateY(-3px);box-shadow:var(--shade)}
.genre-tile>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#777668}
.genre-tile strong{font-size:20px;font-weight:850;color:#292D2D;line-height:1.4}
.genre-tile small{font-size:12px;color:#4D5753;max-width:88%;line-height:1.7}
.genre-tile b{position:absolute;bottom:18px;right:21px;font-size:20px;font-weight:400}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.quick-item{position:relative;display:flex;flex-direction:column;min-height:288px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}
.quick-item::before{content:"";position:absolute;width:45px;height:4px;background:var(--gold);left:26px;top:0;border-radius:0 0 5px 5px}
.quick-number{font-size:37px;line-height:1;font-weight:850;color:#EBD8A6;margin-bottom:15px}
.quick-item h3{font-size:20px;margin:10px 0}.quick-item p{font-size:14px;line-height:1.85}
.quick-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;color:#7B7D73}
.dark-feature{background:#15191C;color:#FDFCF5}
.future-layout{display:grid;grid-template-columns:1fr .96fr;gap:72px;align-items:center;padding-top:72px;padding-bottom:72px}
.future-art .feature-visual{aspect-ratio:1.19;border-radius:20px}
.future-copy .overline{color:var(--goldSoft)}
.future-copy h2{font-size:clamp(27px,3.1vw,40px);line-height:1.32;margin:14px 0 19px;color:#fff}
.future-copy p{font-size:14px;color:#C4C8C2;line-height:1.9;margin-bottom:15px}
.feature-story-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.2)}
.feature-story-list a{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.2);font-weight:700;font-size:14px;color:#FDFCF4}
.feature-story-list a span{font-size:12px;color:#EED17B;white-space:nowrap}.feature-story-list a:hover{color:var(--goldSoft)}
.duo-wrap{display:grid;gap:16px}
.duo-feature{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:330px}
.duo-image{padding:13px;min-width:0}.duo-image .feature-visual{height:100%;aspect-ratio:auto;border-radius:11px;min-height:270px}
.duo-copy{align-self:center;padding:35px 42px}.duo-copy h3{font-size:clamp(24px,2.5vw,32px);margin:15px 0 15px;font-weight:870}
.duo-copy p{font-size:14px;line-height:1.85}.duo-link-list{display:flex;flex-wrap:wrap;gap:16px;padding-top:10px}
.duo-link-list a{font-size:13px;font-weight:750;color:#80601D;border-bottom:1px solid #D3B15E}
.duo-feature-costume{background:#F9F5ED}.duo-feature-costume .duo-copy{order:1}.duo-feature-costume .duo-image{order:2}
.home-cozy{background:#FFF2DA;padding:25px 0}
.cozy-layout{display:grid;grid-template-columns:.88fr 1fr 1fr;gap:16px;align-items:center}
.cozy-heading{padding-right:16px}.cozy-heading h2{font-size:30px;margin:14px 0 15px}.cozy-heading p{font-size:14px;line-height:1.9}
.cozy-card{background:#fff;border-radius:16px;padding:13px;box-shadow:0 6px 20px rgba(50,35,20,.035);min-width:0}
.cozy-card .feature-visual{aspect-ratio:16/8.5;border-radius:11px}
.cozy-card .visual-copy strong{font-size:23px}.cozy-card h3{font-size:17px;line-height:1.55;margin:17px 9px 6px}
.cozy-card p{font-size:13px;line-height:1.65;margin:0 9px 12px}
.cozy-card>a{display:inline-block;font-weight:750;color:#745C23;padding:7px 9px 10px;font-size:13px}
.home-update-list{border-top:1px solid var(--line)}
.home-update-row{display:flex;align-items:stretch;gap:22px;position:relative;min-height:79px;border-bottom:1px solid var(--line);padding:16px 18px 16px 9px}
.home-update-row:hover{background:#FFF5DB}
.update-node{position:relative;width:15px;height:15px;align-self:center;border:3px solid #DDAD38;border-radius:50%;background:#fff;flex:0 0 15px}
.update-node::after{position:absolute;content:"";width:1px;height:50px;background:#E2D1A7;top:12px;left:4px}.home-update-row:last-child .update-node::after{display:none}
.home-update-row>div{flex:1;display:grid;grid-template-columns:110px minmax(0,1fr) 210px;align-items:center;gap:15px;min-width:0}
.update-genre{font-size:12px;color:#817661}.home-update-row strong{font-size:15px;font-weight:770}
.home-update-row small{font-size:12px;color:#61716E}.update-arrow{align-self:center;font-size:18px;color:#AD8931}
.home-complete-empty{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:43px 30px;background:#FFF5DB;border:1px solid #E9D9AF;border-radius:18px}
.home-complete-empty h3{font-size:25px;margin:3px 0}.home-complete-empty p{font-size:14px;max-width:570px;margin:0 0 8px}
.complete-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-workshop{background:#F5F3E8;padding:7px 0}
.workshop-top{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center;margin-bottom:24px}
.workshop-top h2{margin:10px 0}.workshop-top p{max-width:650px;font-size:14px;line-height:1.85}
.workshop-thumbnail .feature-visual{max-height:160px;aspect-ratio:16/8}
.workflow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.workflow-step{display:flex;flex-direction:column;min-height:138px;background:#fff;border:1px solid #EEE7D4;border-radius:12px;padding:18px 15px;gap:12px;min-width:0}
.workflow-step>span{font-size:24px;line-height:1;font-weight:850;color:#D0B061}
.workflow-step strong{font-size:15px;color:#252D2C;line-height:1.45}
.workflow-step small{font-size:11px;line-height:1.55;color:#7C807B}
a.workflow-step:hover{transform:translateY(-3px);box-shadow:var(--shade)}
.workshop-link{display:flex;justify-content:flex-end;gap:30px;margin-top:24px;font-size:14px;font-weight:750;color:#715E2E}
.cast-home-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:55px;align-items:center}
.cast-home-art .feature-visual{aspect-ratio:4/4.4}
.cast-home-copy h2{font-size:33px;margin:15px 0}
.cast-home-copy>p{font-size:14px;line-height:1.88;max-width:620px}
.cast-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:23px 0}
.cast-name-grid a{background:#fff;border:1px solid var(--line);padding:12px 14px;border-radius:11px;display:flex;flex-direction:column;gap:4px}
.cast-name-grid strong{font-size:15px}.cast-name-grid span{font-size:12px;color:#718078}
.editorials-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}
.editorials-visual{background:#F6EEDB;padding:13px 13px 20px;border-radius:17px;display:flex;flex-direction:column;gap:14px}
.editorials-visual .feature-visual{flex:1;aspect-ratio:1.08;border-radius:12px;min-height:330px}
.editorials-visual>a{padding:0 12px;font-size:14px;font-weight:800;color:#755A22}
.editorials-notes{display:flex;flex-direction:column;justify-content:space-between}
.editorials-notes>a{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:12px 0;min-height:78px}
.editorials-notes>a>span{font-weight:850;font-size:20px;color:#CAAE71}
.editorials-notes>a>div{flex:1}.editorials-notes h3{font-size:18px;margin:0 0 3px}.editorials-notes p{font-size:13px;margin:0}
.editorials-notes>a>b{font-weight:450;color:#9C7928;font-size:19px}.editorials-notes>a:hover h3{color:#AC741B}
.editorials-more{display:grid;gap:8px;margin-top:12px}.editorials-more>a{background:#FFF1C8;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700}
.home-mobile{background:#FFE7A8;padding:18px 0}
.mobile-showcase{display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:95px}
.mobile-art{justify-self:center;width:min(100%,310px);position:relative}
.mobile-art>.feature-visual{box-shadow:0 20px 36px rgba(125,87,23,.16);aspect-ratio:3/4.1;border:7px solid rgba(255,255,255,.6);border-radius:26px}
.mobile-art .feature-visual.visual-portrait .visual-copy strong{font-size:26px}
.mobile-icon-holder{position:absolute;width:88px;right:-40px;bottom:16%;background:#fff;border:5px solid #fff;border-radius:20px;box-shadow:var(--shade)}
.mobile-icon-holder .feature-visual{border-radius:14px}
.mobile-icon-holder .visual-copy strong{font-size:14px}
.mobile-showcase-copy h2{font-size:clamp(27px,3.2vw,41px);margin:14px 0 17px;line-height:1.32}
.mobile-showcase-copy p{font-size:14px;line-height:1.95;max-width:560px}
.mobile-feature-tags{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}
.mobile-feature-tags span{border:1px solid #C7A961;border-radius:30px;padding:5px 12px;font-weight:700;font-size:12px;background:rgba(255,255,255,.35)}
.safety-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:start}
.safety-card{border-radius:17px;background:#202628;color:#fff;padding:34px}
.safety-card .overline{color:#FFDF7E}.safety-card h2{margin:13px 0;font-size:28px;color:#fff}.safety-card p{font-size:14px;line-height:1.95;color:#D4D7D3}
.safety-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.safety-links a{font-size:13px;padding:8px 11px;border:1px solid rgba(255,220,132,.5);border-radius:8px;color:#FFDF7E}
.faq-home{background:#fff;padding:24px 27px;border:1px solid var(--line);border-radius:16px}
.faq-home h2{margin:8px 0 10px}.faq-home-item{border-bottom:1px solid var(--line)}
.faq-home-item summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:14px;font-weight:730;list-style:none}
.faq-home-item summary::-webkit-details-marker{display:none}.faq-home-item summary span{font-weight:400;font-size:20px;color:#AA8130}
.faq-home-item[open] summary span{transform:rotate(45deg)}.faq-home-item p{font-size:13px;line-height:1.85;margin:0 0 13px}
.faq-home .subtle-link{display:inline-block;margin-top:15px}
/* Footer */
.site-footer{background:#181E20;color:#EEEDE5;padding:65px 0 22px}
.footer-top{display:grid;grid-template-columns:.82fr 1.55fr;gap:75px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.15)}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start}
.footer-logo{font-size:32px;line-height:1.2;font-weight:900;letter-spacing:-.075em}.footer-logo span{color:var(--gold)}
.footer-english{letter-spacing:.16em;font-size:10px;font-weight:800;color:#E8C877;margin-top:7px}
.footer-brand p{color:#C2C6BF;font-size:13px;line-height:1.9;margin:22px 0 20px}
.footer-cta{font-size:14px;font-weight:750;color:#FFDC7A;border-bottom:1px solid #E4BE5B;padding-bottom:4px}
.footer-menus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.footer-col{display:flex;flex-direction:column;gap:12px;min-width:0}.footer-col h2{color:#FFF6DB;font-size:15px;margin:0 0 9px}
.footer-col a{color:#BDC4C1;font-size:12px;font-weight:550;line-height:1.4}.footer-col a:hover{color:#FFE07A}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:23px;font-size:11px;color:#929F9F}
.footer-bottom a{color:#E5C772}
.mobile-bottom-nav{display:none}
/* Editorial and category pages */
.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#7B7E73;padding-top:20px;padding-bottom:19px}
.breadcrumbs a{color:#626A63}.breadcrumbs a:hover{color:#A67515}.breadcrumbs>span[aria-current]{color:#333839;font-weight:700}
.page-hero{background:linear-gradient(125deg,#FFF5DA,#FFF9EB);border-block:1px solid rgba(137,115,72,.08)}
.page-hero-inner{display:grid;grid-template-columns:1.2fr .82fr;gap:65px;align-items:center;padding-top:42px;padding-bottom:46px}
.page-hero-text h1{font-size:clamp(30px,3.8vw,47px);font-weight:900;line-height:1.25;margin:12px 0}
.page-hero-sub{font-size:19px;font-weight:650;color:#5A5B4F;margin:0 0 14px;letter-spacing:0}
.page-hero-text>p{font-size:14px;line-height:1.92;max-width:660px;color:#4F5954;margin-bottom:23px}
.page-hero-art{width:100%;max-width:520px;justify-self:end}
.page-hero-art .feature-visual{aspect-ratio:16/11;max-height:310px;box-shadow:0 15px 35px rgba(55,45,29,.06)}
.page-app .page-hero-art{max-width:245px;justify-self:center}
.page-app .page-hero-art .feature-visual{max-height:340px;aspect-ratio:3/4}
.page-layout-cinema .page-hero{background:#202629}
.page-layout-cinema .page-hero .overline{color:#FFE07A}.page-layout-cinema .page-hero-text h1{color:#fff}
.page-layout-cinema .page-hero-sub{color:#FFE0A2}.page-layout-cinema .page-hero-text>p{color:#D7DDDA}
.page-layout-cinema .page-hero .button-minimal{color:#fff}
.page-layout-gallery .page-hero{background:linear-gradient(125deg,#FFF5E4,#F5EFE9)}
.page-layout-timeline .page-hero{background:linear-gradient(125deg,#FFF8E4,#EFF2E7)}
.page-layout-ledger .page-hero{background:linear-gradient(125deg,#FFF9E6,#F7F2E5)}
.page-layout-split .page-hero{background:linear-gradient(120deg,#FFFAED,#F3F4E8)}
.editorial-chapters{border-top:1px solid var(--line)}
.editorial-chapter{display:grid;grid-template-columns:118px minmax(0,1fr) 265px;gap:33px;padding:35px 0 40px;border-bottom:1px solid var(--line);align-items:start}
.chapter-number{display:flex;flex-direction:column;gap:7px;min-width:0}
.chapter-number>span{font-size:52px;line-height:1;font-weight:850;color:#E4C870;letter-spacing:-.06em}
.chapter-number>small{font-size:9px;line-height:1.4;color:#A5A394;letter-spacing:.09em;overflow-wrap:anywhere}
.chapter-prose h2{font-size:23px;margin:4px 0 16px;font-weight:800}
.chapter-prose>p{font-size:15px;line-height:1.98;color:#464E4E;margin-bottom:0}
.chapter-aside{margin:2px 0 0;padding:22px;background:#fff;border:1px solid rgba(85,70,39,.09);border-radius:13px}
.aside-topline{font-size:10px;font-weight:850;letter-spacing:.07em;color:#B08D3D}
.chapter-aside ul{list-style:none;margin:14px 0 0;padding:0}
.chapter-aside li{position:relative;font-size:12px;line-height:1.8;padding:8px 0 8px 15px;border-top:1px solid rgba(77,67,41,.09);color:#5E6965}
.chapter-aside li::before{content:"";position:absolute;left:0;top:17px;background:#D8B95C;width:5px;height:5px;border-radius:50%}
.page-layout-timeline .editorial-chapter{position:relative}
.page-layout-timeline .chapter-number{border-left:3px solid #DFBF64;padding-left:17px}
.page-layout-gallery .editorial-chapter:nth-of-type(even){background:#FFF6E5;border-radius:13px;padding-left:22px;padding-right:22px}
.page-layout-gallery .chapter-aside{background:#F7F0DF}
.page-layout-split .editorial-chapter:nth-of-type(even) .chapter-aside{background:#EDF0E4}
.page-layout-cinema .editorial-chapter:nth-of-type(2){background:#22292A;color:#fff;border-radius:14px;padding-inline:24px}
.page-layout-cinema .editorial-chapter:nth-of-type(2) .chapter-prose h2{color:#fff}
.page-layout-cinema .editorial-chapter:nth-of-type(2) .chapter-prose p{color:#D7DEDA}
.page-layout-cinema .editorial-chapter:nth-of-type(2) .chapter-aside{background:#343B3A;border-color:rgba(255,255,255,.16)}
.page-layout-cinema .editorial-chapter:nth-of-type(2) .chapter-aside li{color:#DFE4DF}
.page-layout-ledger .chapter-number>span{font-variant-numeric:tabular-nums}
.chapter-collection{grid-column:1/-1;min-width:0}
.chapter-collection>.section-wrap{width:100%;margin-top:12px;margin-bottom:26px}
.related-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.related-links>span{font-size:13px;font-weight:750;margin-right:9px;color:#726A50}
.related-links a{padding:8px 13px;border:1px solid #D9C7A2;border-radius:28px;font-size:13px;color:#5A523C;background:#fff;font-weight:700}
.related-links a:hover{background:#FFF0C6}
.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.directory-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.directory-paired{grid-template-columns:repeat(2,minmax(0,1fr))}
.show-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0}
.show-card:hover{border-color:#D6B76F;box-shadow:0 9px 22px rgba(50,50,28,.06)}
.show-art-link{display:block;padding:10px 10px 0}.show-art-link .feature-visual{border-radius:10px;aspect-ratio:16/10}
.show-art-link .visual-copy strong{font-size:23px}
.show-card-copy{display:flex;flex-direction:column;gap:5px;flex:1;padding:22px 21px}
.show-card-copy h3{font-size:19px;margin:8px 0 2px}.show-card-copy h3 a:hover{color:#9D751D}
.show-card-copy p{font-size:13px;line-height:1.8;margin-bottom:18px;color:#616967}
.show-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}
.show-footer>span{font-size:11px;color:#7C817A}
.show-footer a{font-size:12px}
.show-wide{display:grid;grid-template-columns:.8fr 1.2fr}.show-wide .show-art-link{padding:10px 0 10px 10px}
.show-wide .show-art-link .feature-visual{height:100%;aspect-ratio:auto}
.show-wide .show-card-copy{padding:20px}.show-wide .show-card-copy h3{font-size:21px}
.premiere-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#FFF2CC;border:1px solid #ECDDBB;border-radius:19px;padding:12px;align-items:center}
.premiere-feature-art .feature-visual{aspect-ratio:16/10;border-radius:13px}
.premiere-feature-body{padding:36px 40px}.premiere-feature-body h2{margin:5px 0 13px}
.premiere-feature-body h3{font-size:23px}.premiere-feature-body p{font-size:14px;line-height:1.9}
.empty-shelf{display:grid;grid-template-columns:130px 1fr;gap:25px;align-items:center;background:#FFF4D9;padding:33px;border:1px solid #E8D8AE;border-radius:16px}
.empty-symbol{font-size:86px;line-height:1;color:#D6B655;text-align:center}
.empty-shelf h3{font-size:23px;margin:0 0 7px}.empty-shelf p{font-size:14px;line-height:1.9;margin-bottom:15px;max-width:690px}
.status-rows{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.status-row{display:grid;grid-template-columns:20px 1fr 130px 205px 20px;align-items:center;gap:15px;padding:16px 20px;min-height:62px;border-bottom:1px solid var(--line);font-size:14px}
.status-row:last-child{border:0}.status-row:hover{background:#FFF7E4}
.status-row-mark{width:9px;height:9px;background:#E7C977;border-radius:50%}
.status-row-title{font-weight:760}.status-row-caption{color:#6C7973;font-size:12px}
.status-row-state{color:#4D7666;font-size:12px;font-weight:700}.status-row>span:last-child{color:#A17D29}
.cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.cast-card{display:flex;align-items:flex-start;gap:17px;min-height:164px;background:#fff;border:1px solid var(--line);padding:19px;border-radius:14px}
.cast-initial{display:grid;place-items:center;flex:0 0 49px;height:52px;font-size:20px;font-weight:870;color:#A38744;background:#FFF0C6;border-radius:9px}
.cast-card small{color:#747B78}.cast-card h3{margin:4px 0;font-size:18px}.cast-card p{font-size:12px;line-height:1.7;margin-bottom:10px}
.cast-card .text-arrow{font-size:12px}
.pick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pick-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;display:flex;flex-direction:column;min-height:260px}
.pick-card>span{font-size:10px;font-weight:850;color:#B2954C;letter-spacing:.08em}
.pick-card h3{font-size:20px;margin:17px 0 8px}.pick-card p{font-size:13px;line-height:1.8}
.pick-card>strong{font-size:14px;margin-top:auto;margin-bottom:10px}.pick-card .text-arrow{font-size:12px}
.pick-card-1{background:#F6F5EA}.pick-card-2{background:#F7F0F8}.pick-card-3{background:#EDF3F0}
.mobile-facts{display:grid;grid-template-columns:1fr 115px;gap:30px;align-items:center;background:#FFF2C6;padding:22px 28px;border-radius:14px}
.mobile-facts h2{margin:8px 0}.mobile-facts p{font-size:14px;margin:0}
.mobile-facts .feature-visual{aspect-ratio:1;max-width:115px;border-radius:17px}
.mobile-facts .feature-visual .visual-copy strong{font-size:15px}
.faq-list{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}
.faq-item{padding:0 25px;border-bottom:1px solid var(--line)}.faq-item:last-child{border-bottom:0}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;padding:20px 0;min-height:65px;font-size:15px;font-weight:800}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span:nth-child(2){flex:1}.faq-num{color:#C3A257;font-size:13px;font-weight:800}
.faq-plus{font-size:23px;font-weight:400;color:#B79445;transition:transform .2s}
.faq-item[open] .faq-plus{transform:rotate(45deg)}
.faq-item p{font-size:14px;line-height:1.9;margin:0 40px 20px 38px;max-width:980px}
.editorial-select{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;background:#FFF2D0;padding:28px;border-radius:15px}
.editorial-select h2{margin:8px 0}.editorial-select p{font-size:13px;margin:0}
.editorial-select-list{display:grid;gap:10px}.editorial-select-list a{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:13px 17px;gap:3px}
.editorial-select-list strong{font-size:15px}.editorial-select-list span{font-size:12px;color:#6F756E}
/* Individual works / accessible player / server-rendered search */
.detail-hero{background:linear-gradient(120deg,#FFF1D3,#F6F2E7)}
.detail-hero-layout{display:grid;grid-template-columns:minmax(0,350px) minmax(0,1fr);gap:60px;align-items:start;padding:34px 0 54px}
.detail-art .feature-visual{aspect-ratio:3/3.7;box-shadow:0 17px 32px rgba(35,35,20,.11)}
.detail-head{padding-top:24px}
.detail-head h1{font-size:clamp(32px,3.4vw,45px);margin:17px 0}
.detail-head .overline{color:#8A7136}
.detail-head .eyebrow-row{margin-top:16px}
.status-label{background:rgba(255,255,255,.8);border:1px solid #E1D5BC;border-radius:50px;font-size:12px;color:#51756B;padding:5px 11px;font-weight:750}
.detail-logline{font-size:18px;line-height:1.8;color:#313A38;font-weight:620;max-width:700px}
.detail-story{font-size:14px;line-height:1.95;color:#505C57}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 24px}
.detail-tags span{font-size:12px;padding:5px 11px;border-radius:30px;border:1px solid rgba(78,67,41,.2);color:#6B6655}
.detail-cta{display:flex;flex-wrap:wrap;gap:10px}
.detail-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;align-items:start}
.detail-story-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px}
.detail-story-block h2{font-size:26px;margin:12px 0 14px}
.detail-story-block>p{font-size:14px;line-height:1.98}
.detail-story-block .large-quote{font-size:21px;line-height:1.75;font-weight:800;color:#6E581F;border-left:4px solid #EEC448;padding-left:20px;margin:15px 0 25px}
.detail-episode-list{scroll-margin-top:30px;margin-top:47px}.detail-episode-list .section-head{margin-bottom:14px}
.episode-row{display:grid;grid-template-columns:54px minmax(0,1fr) 114px;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0}
.episode-row:first-of-type{border-top:1px solid var(--line)}
.episode-index{font-size:29px;letter-spacing:-.04em;font-weight:850;color:#D9BD71}
.episode-info h3{font-size:17px;margin:0}.episode-info p{font-size:13px;line-height:1.75;margin:10px 0 0;color:#6B716D}
.episode-state{display:inline-flex;align-items:center;border-radius:50px;padding:3px 9px;font-size:11px;line-height:1.5;font-weight:750}
.episode-state.pending{background:#F0EEE7;color:#7C7563}.episode-state.ready{background:#DCEDE4;color:#326F57}
.episode-open{justify-self:end;font-size:12px;font-weight:780;border:1px solid #E0C890;padding:8px 10px;border-radius:8px;white-space:nowrap}
.episode-open:hover{background:#FFF3D0}
.detail-aside{display:grid;gap:20px}
.info-sheet,.character-sheet{background:#fff;border:1px solid var(--line);padding:24px;border-radius:15px}
.detail-aside h2{font-size:20px;margin:9px 0 17px}
.info-sheet dl{margin:0 0 20px}.info-sheet dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}
.info-sheet dt{color:#7B847C}.info-sheet dd{margin:0;text-align:right;font-weight:740;color:#35403D}
.info-sheet h3{font-size:14px;margin:15px 0 7px}.info-sheet p{font-size:13px;line-height:1.9;margin:0}
.character-line{padding:13px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.character-line:last-of-type{margin-bottom:16px}.character-line strong{font-size:16px}.character-line small{color:#637D75}
.character-line p{font-size:12px;line-height:1.8;margin:3px 0}
.watch-hero{background:#181E20;padding:34px 0 45px}
.watch-hero .overline{color:#FFDA75}.watch-hero h1{color:#fff;font-size:clamp(27px,3.2vw,36px);margin:15px 0 5px}
.watch-episode-number{color:#FFDE83;font-size:.6em;margin-left:11px;white-space:nowrap}
.watch-episode-title{color:#BECBC6;font-size:15px;margin:0 0 25px}
.watch-cinema{background:#0E1113;border:1px solid rgba(255,255,255,.1);border-radius:17px;overflow:hidden;min-height:330px;display:grid;place-items:center}
.watch-cinema video{width:100%;max-height:min(70vh,760px);height:auto;background:#060909;object-fit:contain}
.watch-not-ready{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:58px 35px;min-height:345px;max-width:580px}
.watch-not-ready-icon{font-size:49px;color:#DFBB65;margin-bottom:18px;line-height:1}
.watch-not-ready strong{font-size:22px;color:#fff;margin-bottom:11px}
.watch-not-ready p{font-size:14px;line-height:1.85;color:#C5C9C5;margin:0 0 21px}
.watch-copy-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:50px}
.watch-story h2{margin:10px 0 20px}.watch-story p{font-size:15px;line-height:1.95}
.watch-status{margin-top:26px;background:#EDF3EB;border-radius:12px;padding:17px 20px;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px}
.watch-status span{color:#6A7B6D}.watch-status strong{color:#345E4E}
.watch-navigation{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;align-self:start}
.watch-navigation h2{font-size:22px;margin:10px 0 18px}
.watch-navigation a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}
.watch-navigation a span{float:right}.watch-reading-note{font-size:12px;line-height:1.8;color:#7D7D70;margin:15px 0 0}
.simple-empty{text-align:center;background:#FFF4D4;border-radius:18px;padding:70px 20px}
.simple-empty h1{font-size:30px;margin:13px auto}.simple-empty p{max-width:620px;margin:10px auto 23px;line-height:1.9;font-size:14px}
.simple-empty .hero-actions{justify-content:center}
.search-header{background:linear-gradient(120deg,#FFFAED,#FFF0C5);padding:46px 0 60px}
.search-header h1{font-size:clamp(28px,3.3vw,40px);margin:11px 0 12px}
.search-header p{font-size:14px;margin:0 0 24px}
.search-form{width:min(100%,850px);display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #D8C594;box-shadow:0 10px 25px rgba(52,46,23,.06);padding:8px 8px 8px 19px;border-radius:14px}
.search-form>.magnify{color:#726B5A}
.search-form input{min-width:0;flex:1;background:transparent;border:0;outline:0;font-size:15px;color:#1F2827;padding:9px 0}
.search-form input:focus-visible{outline:0}.search-form:focus-within{outline:3px solid #C4A045;outline-offset:3px}
.search-form button{border:0;background:var(--gold);color:#292B25;padding:11px 19px;border-radius:9px;white-space:nowrap;font-weight:800;font-size:14px;min-height:44px}
.search-form button:hover{background:#FFD65C}
.search-noresult{padding:30px 0}.search-noresult h2{margin:10px 0}.search-noresult p{font-size:14px;max-width:660px;line-height:1.9}
.search-category-links{display:flex;flex-wrap:wrap;gap:12px}.search-category-links a{font-size:13px;border-radius:30px;padding:9px 16px;background:#fff;border:1px solid #DDCCA7;font-weight:750}
/* Laptop and tablet layouts */
@media(max-width:1110px){
 .header-layout{gap:14px}.header-nav{gap:1px}.header-nav a{padding:8px 9px;font-size:13px}.header-tools{gap:4px}
 .content-container,.section-wrap{width:min(var(--container),calc(100% - 44px))}
 .future-layout{gap:36px}.cozy-layout{grid-template-columns:.75fr 1fr 1fr}
 .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .editorial-chapter{grid-template-columns:78px minmax(0,1fr) 225px;gap:21px}
 .directory-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
 .header-nav{display:none}.header-layout{height:66px}
 .header-app{display:none}.tool-text{display:none}.header-tools{gap:2px}
 .page-hero-inner{gap:30px}
 .home-hero-grid{gap:28px}
 .fresh-grid{grid-template-columns:1fr}.fresh-minis{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .mini-show{min-height:105px}
 .cozy-layout{grid-template-columns:1fr 1fr}.cozy-heading{grid-column:1/-1}
 .footer-top{grid-template-columns:1fr;gap:38px}.footer-brand p{max-width:650px}
 .footer-menus{gap:17px}.future-layout{gap:28px}
 .cast-home-layout{gap:30px}
 .editorial-chapter{grid-template-columns:70px minmax(0,1fr)}
 .chapter-aside{grid-column:2}.detail-content-grid{grid-template-columns:minmax(0,1fr) 240px;gap:22px}
 .directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directory-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .status-row{grid-template-columns:20px 1fr 100px 150px 20px;gap:9px;padding-inline:12px}
}
@media(max-width:720px){
 .content-container,.section-wrap{width:calc(100% - 36px)}
 .section-wrap{margin-top:40px;margin-bottom:40px}
 .section-head{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:17px}
 .genre-navbar{height:41px}.genre-scroll{gap:21px}
 .home-hero-grid{grid-template-columns:1fr;padding-block:33px;gap:25px}
 .home-hero-visual{max-width:540px;width:100%}.hero-main-art{max-height:330px}
 .home-hero-text h1{font-size:34px;margin:13px 0}.home-hero-text .hero-lede{font-size:14px}
 .visual-floating-label{right:7px;bottom:-10px;padding:10px 14px}
 .fresh-grid{gap:12px}.fresh-minis{grid-template-columns:1fr 1fr}
 .genre-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quick-grid{grid-template-columns:1fr}.quick-item{min-height:205px}
 .future-layout{grid-template-columns:1fr;padding-block:43px}.future-art .feature-visual{aspect-ratio:16/9;max-height:320px}
 .duo-feature{grid-template-columns:1fr}.duo-feature .duo-image{order:0}.duo-feature .duo-copy{order:1}
 .duo-image .feature-visual{min-height:0;aspect-ratio:16/9}.duo-copy{padding:25px}
 .cozy-heading h2{font-size:27px}
 .home-update-row>div{grid-template-columns:1fr;gap:1px}.update-genre{font-size:11px}.home-update-row strong{font-size:15px}
 .home-update-row{min-height:74px}
 .workshop-top{grid-template-columns:1fr 180px;gap:20px}
 .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cast-home-layout{grid-template-columns:1fr}.cast-home-art .feature-visual{aspect-ratio:16/9;max-height:300px}
 .editorials-grid{grid-template-columns:1fr}.editorials-visual{max-height:340px}.editorials-visual .feature-visual{min-height:0;aspect-ratio:16/9}
 .mobile-showcase{grid-template-columns:220px 1fr;gap:55px}.mobile-icon-holder{width:67px;right:-26px}
 .safety-layout{grid-template-columns:1fr}
 .page-hero-inner{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:33px}
 .page-hero-art{max-width:580px;justify-self:start}.page-hero-art .feature-visual{aspect-ratio:16/8;max-height:290px}
 .page-hero-text h1{font-size:32px}.page-hero-sub{font-size:17px}
 .page-app .page-hero-art{justify-self:center}
 .editorial-chapter{grid-template-columns:60px minmax(0,1fr);gap:15px;padding-block:26px}
 .chapter-number>span{font-size:39px}.chapter-prose h2{font-size:21px}
 .chapter-prose>p{font-size:14px}.chapter-aside{padding:14px}
 .premiere-feature{grid-template-columns:1fr}.premiere-feature-body{padding:22px}
 .status-row{grid-template-columns:15px 1fr 130px 15px}.status-row-caption{display:none}.status-row-state{font-size:11px}
 .detail-hero-layout{grid-template-columns:250px minmax(0,1fr);gap:25px}
 .detail-head{padding-top:0}.detail-head h1{font-size:30px}.detail-story{display:none}
 .detail-content-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:1fr 1fr}
 .watch-copy-grid{grid-template-columns:1fr}.watch-navigation{max-width:100%}
 .footer-top{padding-bottom:30px}.site-footer{padding-top:43px}
}
@media(max-width:540px){
 body{padding-bottom:calc(63px + env(safe-area-inset-bottom))}
 .mobile-bottom-nav{display:flex;align-items:stretch;position:fixed;z-index:60;left:0;right:0;bottom:0;width:100%;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFFDF8;border-top:1px solid #E6DAC0;box-shadow:0 -4px 20px rgba(30,26,16,.045)}
 .mobile-bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;min-width:0;color:#73786E;font-size:20px;line-height:1.2;min-height:55px}
 .mobile-bottom-nav a span{font-size:23px;line-height:1.1}.mobile-bottom-nav a small{font-size:11px;font-weight:750;margin-top:4px}
 .mobile-bottom-nav a.is-current{color:#996F16}
 .content-container,.section-wrap{width:calc(100% - 32px)}
 .header-layout{height:62px;gap:8px}.brand-wordmark{font-size:25px}.brand-mark{min-width:0}
 .brand-logo{max-width:115px;max-height:32px}
 .genre-scroll{gap:20px}.genre-scroll a{font-size:12px}
 .home-hero-grid{padding-block:27px}.hero-meta{margin-top:20px}
 .home-hero-text h1{font-size:31px}.home-hero .overline{font-size:10px}
 .hero-main-art{max-height:285px}.visual-copy strong{font-size:25px}
 .fresh-minis{grid-template-columns:1fr}
 .fresh-lead-info{padding:18px}.fresh-lead-info h3{font-size:21px}
 .genre-tile{min-height:140px;padding:18px 15px}.genre-tile strong{font-size:18px}.genre-tile small{font-size:11px}
 .quick-item{padding:20px}.quick-item::before{left:20px}
 .duo-copy h3{font-size:25px}
 .cozy-layout{grid-template-columns:1fr}.cozy-heading{grid-column:auto}.cozy-card .feature-visual{aspect-ratio:16/8}
 .home-update-row{gap:14px}.home-update-row>div{min-width:0}.home-update-row strong{overflow-wrap:anywhere}
 .workshop-top{grid-template-columns:1fr}.workshop-thumbnail .feature-visual{aspect-ratio:16/7}
 .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step{min-height:120px;padding:14px}
 .workshop-link{justify-content:flex-start;flex-wrap:wrap;gap:14px}
 .cast-name-grid{grid-template-columns:1fr 1fr}
 .mobile-showcase{grid-template-columns:1fr;gap:30px}.mobile-art{max-width:225px}.mobile-icon-holder{right:-27px}
 .safety-card{padding:26px}.faq-home{padding:18px}
 .footer-menus{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .footer-bottom{flex-direction:column;align-items:flex-start}
 .page-hero .hero-actions{gap:7px}.page-hero .button{font-size:13px}
 .page-hero-text>p{font-size:14px;line-height:1.85}
 .editorial-chapter{grid-template-columns:1fr;gap:8px}
 .chapter-number{flex-direction:row;align-items:center;gap:14px}
 .chapter-number>span{font-size:31px}.chapter-number>small{font-size:9px}
 .chapter-prose h2{margin:4px 0 13px}.chapter-aside{grid-column:auto}
 .page-layout-gallery .editorial-chapter:nth-of-type(even){padding:15px}
 .page-layout-cinema .editorial-chapter:nth-of-type(2){padding:17px}
 .directory-grid,.directory-compact,.directory-paired{grid-template-columns:1fr}
 .cast-grid{grid-template-columns:1fr}.pick-grid{grid-template-columns:1fr 1fr}
 .pick-card{padding:15px;min-height:240px}.pick-card h3{font-size:18px}.pick-card p{font-size:12px}
 .status-row{grid-template-columns:12px minmax(0,1fr) 18px;min-height:68px;gap:10px}
 .status-row-state{grid-column:2;grid-row:2}.status-row>span:last-child{grid-column:3;grid-row:1/3}
 .status-row-title{grid-column:2}.status-row-mark{grid-row:1/3}
 .empty-shelf{grid-template-columns:1fr;gap:5px;text-align:center;padding:25px 18px}.empty-symbol{font-size:54px}
 .editorial-select{grid-template-columns:1fr;padding:20px}
 .mobile-facts{grid-template-columns:1fr 75px;gap:15px;padding:16px}
 .mobile-facts h2{font-size:19px}
 .faq-item{padding:0 14px}.faq-item summary{font-size:14px;padding:16px 0;gap:10px}
 .faq-item p{font-size:13px;margin:0 0 18px}
 .detail-hero-layout{grid-template-columns:1fr;gap:25px}
 .detail-art{width:min(85%,290px);justify-self:center}
 .detail-art .feature-visual{aspect-ratio:3/3.5}
 .detail-head h1{font-size:29px}.detail-story{display:block}
 .detail-aside{grid-template-columns:1fr}
 .detail-story-block{padding:23px}.detail-story-block h2{font-size:23px}
 .episode-row{grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start}
 .episode-index{font-size:24px;padding-top:5px}.episode-info h3{font-size:15px}
 .episode-open{grid-column:2;justify-self:start;font-size:12px;margin-top:5px}
 .watch-hero{padding:29px 0}.watch-hero h1{font-size:27px}
 .watch-cinema{min-height:240px;border-radius:12px}
 .watch-not-ready{min-height:245px;padding:31px 20px}.watch-not-ready strong{font-size:18px}
 .watch-not-ready p{font-size:12px}
 .search-header{padding:34px 0}.search-header h1{font-size:28px}
 .search-form{gap:8px;padding:6px 6px 6px 12px}
 .search-form input{font-size:13px}.search-form button{padding:9px 12px;font-size:12px}
 .show-card-copy{padding:18px}
}
@media(max-width:350px){
 .brand-english{font-size:7px;letter-spacing:.14em}
 .header-tools{gap:0}.header-tool{min-width:42px}
 .hero-actions .button{padding:10px 14px}
 .genre-tile{padding:15px 12px}.genre-tile strong{font-size:17px}.genre-tile small{max-width:100%;font-size:10.5px}
 .mini-show{grid-template-columns:45px minmax(0,1fr) 18px;padding:10px;gap:9px}.mini-index{height:50px}
 .pick-grid{grid-template-columns:1fr}
 .cast-name-grid{grid-template-columns:1fr}
 .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .workflow-step strong{font-size:13px}
 .mobile-facts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
