:root{color-scheme:light;--paper:#f1f5f1;--white:#fffefb;--ink:#202322;--muted:#56615c;--copper:#603f30;--blue:#214eb6;--line:#ced5d0;--nav-h:76px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:16px;line-height:1.75}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}h1,h2,h3,p,figure,dl{margin:0}a{color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}section:focus{outline:none}img{display:block;width:100%;height:auto}picture{display:block}ul,ol{margin:0;padding:0;list-style:none}.frame{width:min(1280px,calc(100% - 80px));margin-inline:auto}.section{padding:90px 0;scroll-margin-top:calc(var(--nav-h) + 24px)}.eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}h2{font-size:clamp(1.75rem,2.7vw,2.4rem);line-height:1.4;letter-spacing:-.035em}h3{font-size:1.3rem;line-height:1.5}.intro{color:var(--muted);max-width:40em}.section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.section-head p{color:var(--muted)}.skip{position:absolute;left:12px;top:-90px;background:var(--white);padding:12px 20px;z-index:20}.skip:focus{top:12px}
.site-header{background:var(--white);border-bottom:1px solid var(--line);z-index:10}.nav-enhanced .site-header{position:sticky;top:0}.bar-inner{min-height:76px;display:flex;gap:36px;align-items:center;padding-block:12px}.small-brand{font-size:1.2rem;font-weight:750;line-height:1.5;flex-shrink:0}.menu{margin-left:auto;min-width:0}.menu summary{display:none;min-height:44px;cursor:pointer;font-weight:600;padding:8px 0;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu:not([open]) summary{display:block}.main-nav{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end}.main-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 10px;text-decoration:none;border-radius:5px;font-size:.875rem;position:relative;white-space:nowrap;border:1px solid transparent}.main-nav a:hover,.main-nav a:active{background:#edf1f6;color:var(--blue)}.main-nav a[aria-current]{color:var(--blue);background:#eaf0fb;font-weight:650}.main-nav a[aria-current]::after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;background:currentColor}.menu-icon{display:inline-block;width:16px;height:2px;background:currentColor;box-shadow:0 5px currentColor;vertical-align:middle;margin:0 10px 4px}.menu[open] .menu-icon{box-shadow:none;transform:rotate(90deg)}
.hero{padding:96px 0 80px;text-align:center;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--nav-h) + 24px)}.hero .eyebrow{letter-spacing:.16em}.hero h1{font-weight:650}.hero-brand{display:block;font-size:clamp(2.45rem,6.7vw,6.25rem);line-height:1.28;letter-spacing:.04em}.hero-subtitle{display:block;font-size:1.25rem;font-weight:500;color:var(--muted);margin-top:20px;line-height:1.7}.hero-tagline{font-size:1.6rem;font-weight:500;color:var(--copper);margin-top:28px}.hero-copy{max-width:42em;color:var(--muted);margin:20px auto 0}.hero-bottom{display:flex;justify-content:center;gap:16px;margin-top:30px;font-size:.875rem;flex-wrap:wrap}.hero-bottom span{padding-inline:16px;border-left:1px solid var(--line)}.hero-bottom span:first-child{border-left:0}
.genre-section{background:var(--white)}.genre-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border-block:1px solid var(--line)}.genre-block{padding:34px 42px 34px 0}.genre-block+ .genre-block{padding:34px 0 34px 42px;border-left:1px solid var(--line)}.genre-block h3{font-size:1.7rem;margin-bottom:16px}.genre-block p{max-width:34em}.genre-examples{margin-top:22px;border-top:1px solid var(--line)}.genre-examples li{padding:14px 0;border-bottom:1px solid var(--line)}.genre-examples strong{display:block;font-size:1rem;font-weight:600;margin-bottom:4px}.genre-examples span{font-size:.9375rem;color:var(--muted)}
.selection-section{background:#e5dfd8;padding-bottom:82px}.selection-section .eyebrow{color:var(--copper)}.feature-figure{margin-bottom:32px}.poster-box{display:block;position:relative;border:2px solid transparent;background:#d6d4ce;padding:0;min-width:44px;min-height:44px}.poster-link{transition:border-color .15s,box-shadow .15s;text-decoration:none}.poster-link:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.poster-link:active{border-color:var(--copper);background:#c8c3bc}.episode-badge{position:absolute;bottom:10px;left:10px;background:#202322;color:#fffefb;font-size:.8125rem;line-height:1.4;padding:5px 9px;font-weight:650;font-variant-numeric:tabular-nums;pointer-events:none;border:1px solid rgba(255,255,255,.4);max-width:calc(100% - 20px)}.picture-caption{margin-top:14px}.picture-name{font-size:1.15rem;line-height:1.5;font-weight:650;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:.8125rem;margin-top:7px}.tags span{line-height:1.7}.feature-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;border-top:1px solid #bfb5aa;padding-top:28px}.feature-story{font-size:1.15rem;line-height:1.9}.feature-angle{margin-top:18px;color:var(--copper)}.feature-detail h3{font-size:1rem;color:var(--copper);margin-bottom:12px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;font-size:.875rem}.facts dt{color:var(--muted);font-size:.8125rem;margin-bottom:3px}.facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.feature-note{margin-top:20px;font-size:.875rem;color:var(--muted)}
.catalog-section{padding-bottom:80px}.catalog-group+ .catalog-group{margin-top:68px}.group-heading{display:flex;align-items:baseline;gap:24px;padding-bottom:18px;border-bottom:2px solid var(--ink)}.group-heading h3{font-size:1.7rem}.group-heading p{font-size:.875rem;color:var(--muted)}.catalog-entry{display:grid;grid-template-columns:150px minmax(0,1fr) 230px;gap:32px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.catalog-entry .picture-name{font-size:1rem}.catalog-copy{padding-top:5px;max-width:46em}.catalog-copy p{font-size:.9375rem}.catalog-copy .reading-angle{color:var(--muted);margin-top:10px;font-size:.875rem}.catalog-copy .cast-line{margin-top:15px;font-size:.8125rem;color:var(--muted)}.catalog-entry .facts{gap:14px 12px;padding-top:7px}.catalog-entry .facts .range{grid-column:1/-1}.scope-note{max-width:60em;color:var(--muted);font-size:.875rem;padding-top:24px}
.watch-section{background:#202322;color:var(--white)}.watch-section .eyebrow,.watch-section .intro{color:#b8c4bd}.watch-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.watch-lead{font-size:1.2rem;line-height:1.9;margin-top:24px;max-width:30em}.watch-text article{padding:20px 0;border-top:1px solid #5e6861}.watch-text h3{font-size:1.125rem;margin-bottom:9px}.watch-text p{color:#c7d1cb;font-size:.9375rem}.device-section{border-bottom:1px solid var(--line)}.device-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.device-list li{padding:18px 0;border-top:1px solid var(--line)}.device-list h3{font-size:1.1rem;margin-bottom:7px}.device-list p{color:var(--muted);font-size:.9375rem}.faq-section{background:var(--white)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:30px}.faq-list li{border-top:1px solid var(--line);padding:24px 0}.faq-list h3{font-size:1.1rem;margin-bottom:10px}.faq-list p{color:var(--muted);font-size:.9375rem}.about-section{padding-block:70px}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.about-layout h2{margin-bottom:18px}.about-layout h3{font-size:1.15rem;margin-bottom:15px}.about-layout p{color:var(--muted);font-size:.9375rem;max-width:44em}.page-footer{background:#202322;color:#c4cec8;padding:26px 0;font-size:.8125rem}.footer-inner{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;overflow-wrap:anywhere}
@media(max-width:1180px){.bar-inner{display:block;padding-block:12px}.small-brand{font-size:1.1rem}.menu{margin-left:0}.menu summary{display:flex;align-items:center;justify-content:space-between}.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:normal;padding-block:8px 4px}.main-nav a{justify-content:flex-start;white-space:normal}.nav-enhanced .site-header:has(.menu[open]){position:static}.frame{width:calc(100% - 56px)}.hero{padding-top:74px}.catalog-entry{grid-template-columns:144px minmax(0,1fr) 200px;gap:24px}.feature-layout,.watch-layout,.device-layout,.about-layout{gap:48px}}
@media(max-width:800px){.frame{width:calc(100% - 40px)}.section{padding-block:60px}.section-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.hero{padding:56px 0}.hero-subtitle{font-size:1.05rem}.hero-tagline{font-size:1.25rem}.hero-copy{font-size:.9375rem}.genre-layout{grid-template-columns:1fr}.genre-block,.genre-block+ .genre-block{padding:28px 0;border-left:0}.genre-block+ .genre-block{border-top:1px solid var(--line)}.feature-layout,.watch-layout,.device-layout,.about-layout{grid-template-columns:1fr;gap:32px}.catalog-entry{grid-template-columns:128px minmax(0,1fr);gap:20px}.catalog-entry .facts{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.catalog-entry .work-figure{grid-row:1/3}.catalog-copy p{font-size:.9375rem}.catalog-group+ .catalog-group{margin-top:48px}.faq-list{grid-template-columns:1fr}.feature-story{font-size:1rem}}
@media(max-width:480px){.frame{width:calc(100% - 32px)}.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-brand{font-size:clamp(2rem,10.6vw,3rem);letter-spacing:.02em;overflow-wrap:anywhere}.hero-subtitle{margin-top:14px}.hero-bottom{gap:10px;font-size:.8125rem}.hero-bottom span{padding-inline:8px}.catalog-entry{display:block;padding-block:28px}.catalog-entry .work-figure{max-width:176px;margin-bottom:20px}.catalog-entry .facts{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-copy{padding-top:0}.group-heading{display:block}.group-heading p{margin-top:8px}.feature-layout .facts{grid-template-columns:1fr 1fr}.episode-badge{font-size:.8125rem}.feature-figure .picture-name{font-size:1.3rem}.hero-copy{max-width:30em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster-link{transition:none}}