/* Story / Frame — responsive cinematic editorial interface */
:root{--night:#15141d;--bg:#191821;--panel:#25232f;--panel-hi:#302b3a;--berry:#a54568;--mist:#8994c6;--paper:#f2eff5;--muted:#b3aebd;--gold:#e7b877;--line:rgba(242,239,245,.14);--radius:5px;--max:1400px;--gutter:clamp(18px,4.4vw,72px);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--paper);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:300px;background:var(--bg);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}p{margin:0 0 1rem}h1,h2,h3{line-height:1.26;letter-spacing:-.035em;margin:0 0 .6em}h1{font-size:clamp(2.45rem,5.7vw,5.5rem)}h2{font-size:clamp(1.65rem,3.25vw,3rem)}h3{font-size:1.15rem}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.content-width{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:12px;top:-100px;z-index:1000;background:var(--paper);color:var(--night);padding:9px 17px}.skip-link:focus{top:12px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--mist);line-height:1.5}.eyebrow--accent{color:var(--gold)}.site-header{position:relative;z-index:30;background:rgba(21,20,29,.96);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;padding:15px var(--gutter);min-height:83px;display:flex;align-items:center;gap:clamp(14px,3vw,50px)}.brand{display:flex;align-items:center;flex-shrink:0;gap:11px;line-height:1.1}.brand img{width:40px;height:40px;object-fit:contain;border-radius:3px}.brand__name{font-size:1.12rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.brand__stamp{font-size:.55rem;letter-spacing:.16em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.primary-nav{display:flex;gap:clamp(14px,2.5vw,34px);align-items:center;margin-left:auto}.primary-nav a{font-size:.87rem;color:var(--muted);white-space:nowrap;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--paper)}.primary-nav a[aria-current]{box-shadow:0 2px var(--berry);padding-bottom:6px}.header-note{font-size:.68rem;white-space:nowrap;letter-spacing:.1em;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:8px}.nav-toggle{display:none}.opening{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(20px,4.3vw,66px);padding-top:clamp(35px,5vw,84px);padding-bottom:clamp(53px,6.4vw,100px);align-items:center}.opening-copy{padding-block:20px}.opening-copy h1{margin-top:22px;max-width:730px;font-weight:800;line-height:1.12}.opening-copy h1 em,.topic-hero h1 em{font-style:normal;font-weight:450;color:var(--paper)}.title-mark{color:var(--berry)}.opening-lead{max-width:575px;font-size:clamp(.95rem,1.25vw,1.1rem);color:var(--muted);line-height:2}.opening-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.opening-pills span,.work-tags span{font-size:.7rem;color:var(--muted);border:1px solid var(--line);padding:5px 11px;border-radius:2px;letter-spacing:.05em}.opening-feature{min-width:0}.cinema-frame{display:block;position:relative;overflow:hidden;background:var(--panel);aspect-ratio:1.12;border:1px solid var(--line)}.cinema-frame::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(10,9,15,.96))}.cinema-frame img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.cinema-frame:hover img,.poster-card:hover img{transform:scale(1.04)}.cinema-frame__overlay{position:absolute;z-index:2;left:6%;right:6%;bottom:6%;display:flex;flex-direction:column;gap:8px}.cinema-frame__overlay strong{font-size:clamp(1.4rem,2.3vw,2.5rem);letter-spacing:-.03em;line-height:1.3}.cinema-frame__overlay>span:last-child{font-size:.87rem;color:rgba(255,255,255,.83);display:flex;justify-content:space-between;gap:10px}.cinema-frame__overlay b{font-size:1.3rem;font-weight:400}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2{margin:8px 0 0;max-width:720px}.section-heading>p{max-width:410px;color:var(--muted);font-size:.85rem;margin:0}.main-collection{padding-bottom:clamp(65px,8vw,118px)}.poster-grid{display:grid;gap:clamp(13px,1.8vw,26px)}.poster-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.poster-card{min-width:0;border-top:1px solid var(--line);padding-top:12px}.poster-card__link{display:block;height:100%}.poster-card__art{position:relative;overflow:hidden;background:var(--panel);aspect-ratio:4/5.2;border-radius:var(--radius)}.poster-card__art img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.poster-card__type{position:absolute;left:10px;top:10px;background:rgba(21,20,29,.86);border:1px solid var(--line);padding:2px 8px;font-size:.68rem}.poster-card__meta{padding:16px 2px 0}.poster-card__meta .eyebrow{font-size:.65rem;letter-spacing:.1em}.poster-card__meta h3{font-size:clamp(1.03rem,1.5vw,1.48rem);margin:7px 0 7px}.poster-card__meta p{font-size:.82rem;line-height:1.83;color:var(--muted);margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-link{color:var(--gold);font-size:.76rem}.card-link span{margin-left:5px}.wide-band{background:linear-gradient(110deg,#22212f,#1b1b29 55%,#292236);border-block:1px solid var(--line);overflow:hidden}.wide-band__inner{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(30px,6vw,86px);align-items:center;padding-top:clamp(40px,6vw,90px);padding-bottom:clamp(40px,6vw,90px)}.wide-band__copy h2{max-width:530px;margin-top:18px}.wide-band__copy p{color:var(--muted);max-width:530px;line-height:2}.text-arrow{display:inline-flex;gap:16px;align-items:center;color:var(--gold);font-weight:650;font-size:.88rem;padding-bottom:7px;border-bottom:1px solid rgba(231,184,119,.45);transition:gap .2s}.text-arrow:hover{gap:24px}.wide-band__visual{display:grid;grid-template-columns:1fr .82fr;gap:13px;align-items:end}.wide-band__visual a{display:block;min-width:0}.wide-band__visual img{aspect-ratio:3/3.7;width:100%;height:auto;object-fit:cover;filter:saturate(.8)}.wide-band__visual a:nth-child(2){margin-bottom:35px}.wide-band__visual span{display:block;font-size:.72rem;color:var(--muted);padding-top:10px}.editorial-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding-top:clamp(60px,8vw,130px);padding-bottom:clamp(60px,8vw,130px)}.editorial-row__image img{width:100%;aspect-ratio:1.4;object-fit:cover}.editorial-row__body{max-width:550px}.editorial-row__body h2{margin-top:15px}.editorial-row__body p{color:var(--muted);line-height:2}.story-notes{padding-bottom:clamp(70px,8vw,130px)}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.note-grid article{border-top:1px solid var(--berry);padding-top:15px}.note-grid article>span{font-size:.69rem;color:var(--mist);letter-spacing:.14em}.note-grid h3{font-size:1.12rem;margin:15px 0}.note-grid p{font-size:.82rem;color:var(--muted)}.note-grid a{color:var(--gold);font-size:.75rem}.site-footer{background:var(--night);border-top:1px solid var(--line);padding:60px var(--gutter) 22px}.footer-grid,.footer-bottom{max-width:calc(var(--max) - 2 * var(--gutter));margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:55px}.footer-brand{font-weight:800;font-size:1.35rem}.footer-brand span{display:block;letter-spacing:.15em;color:var(--mist);font-weight:400;font-size:.65rem}.footer-grid p{max-width:380px;font-size:.8rem;margin-top:18px;color:var(--muted)}.footer-grid h2{font-size:.85rem;margin:4px 0 17px}.footer-grid>div:not(:first-child) a{display:block;color:var(--muted);font-size:.79rem;margin-bottom:9px}.footer-grid a:hover{color:var(--paper)}.footer-bottom{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.7rem}.internal-main{padding-top:25px;padding-bottom:100px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted);font-size:.75rem;margin-bottom:35px}.breadcrumbs a:hover{color:var(--paper)}.topic-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center;margin-bottom:90px}.topic-hero h1{margin:20px 0}.topic-hero p{max-width:610px;color:var(--muted);font-size:1.02rem;line-height:2}.topic-hero__art{min-width:0;max-height:510px;overflow:hidden}.topic-hero__art img{width:100%;height:500px;object-fit:cover}.topic-hero--ai .eyebrow{color:var(--mist)}.ai-feature{border-top:1px solid var(--line);padding:32px 0 80px}.ai-feature__grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;margin-top:17px}.ai-feature h2{margin-bottom:26px}.ai-feature p{color:var(--muted);line-height:2}.ai-feature__image{overflow:hidden}.ai-feature__image img{aspect-ratio:1.3;width:100%;object-fit:cover}.ai-feature--reverse .ai-feature__grid>div{order:2}.ai-feature--reverse .ai-feature__image{order:1}.ai-context{background:var(--panel);padding:clamp(30px,5vw,65px);border-left:2px solid var(--mist);max-width:1000px}.ai-context h2{margin-top:12px}.ai-context p{color:var(--muted);line-height:2}.ai-context a,.about-main .work-details a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.work-intro{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(32px,7vw,108px);align-items:center;margin:18px 0 90px}.work-cover{position:relative;overflow:hidden;background:var(--panel)}.work-cover img{width:100%;aspect-ratio:4/5;object-fit:cover}.work-cover__label{position:absolute;bottom:18px;left:18px;background:rgba(21,20,29,.88);padding:6px 12px;font-size:.74rem}.work-intro h1{margin:16px 0 20px;font-size:clamp(2.5rem,5vw,5rem)}.work-intro blockquote{font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.65;padding:0 0 0 18px;border-left:3px solid var(--berry);margin:22px 0 26px}.work-intro__summary{color:var(--muted);line-height:2;max-width:670px}.work-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.work-note{margin:30px 0 20px;padding:16px 20px;background:var(--panel);border-left:2px solid var(--gold);display:grid;gap:4px;max-width:620px}.work-note strong{font-size:.78rem}.work-note span{font-size:.78rem;color:var(--muted)}.work-details{display:grid;grid-template-columns:25% 1fr;gap:5%;border-top:1px solid var(--line);padding:38px 0 65px}.work-section-label{font-size:.72rem;letter-spacing:.14em;color:var(--mist);padding-top:9px}.work-section-body{max-width:810px}.work-section-body h2{margin-bottom:30px}.work-section-body>p{font-size:1rem;line-height:2.1;color:var(--muted)}.character-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.character-list article{background:var(--panel);padding:25px 20px;min-width:0;border-top:2px solid var(--berry)}.character-list h3{font-size:1.2rem}.character-list p{color:var(--muted);font-size:.84rem;margin-bottom:0}.episode-list{border-bottom:1px solid var(--line)}.episode{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.episode__number{font-size:1.7rem;font-weight:250;color:var(--berry);line-height:1.2}.episode h3{margin:2px 0 10px;font-size:1.13rem}.episode p{color:var(--muted);font-size:.89rem;line-height:1.95;margin:0}.related-work{margin-top:50px;border-top:1px solid var(--line);padding-top:50px}.about-main .about-hero{padding:55px 0 85px;max-width:1000px}.about-main .about-hero h1{margin:20px 0}.about-main .about-hero p{max-width:880px;color:var(--muted);font-size:1.08rem;line-height:2.1}.not-found{min-height:62vh;padding-top:100px;padding-bottom:100px}.not-found h1{margin-top:20px}.not-found p{color:var(--muted)}
@media(max-width:1180px){.header-note{display:none}.brand__stamp{display:none}.poster-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opening{grid-template-columns:1fr 1fr}.opening-copy h1{font-size:clamp(2.3rem,5.2vw,4.2rem)}}
@media(max-width:800px){.header-inner{min-height:72px}.nav-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--paper);cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;background:currentColor}.primary-nav{display:flex;flex-wrap:wrap;position:absolute;top:100%;left:0;right:0;margin:0;background:var(--night);border-bottom:1px solid var(--line);padding:0 var(--gutter) 18px;gap:16px 25px}.js-nav .primary-nav:not(.is-open){display:none}.opening{grid-template-columns:1fr;padding-top:36px}.opening-copy{padding:0}.opening-copy h1{max-width:680px}.opening-feature .cinema-frame{aspect-ratio:1.7}.wide-band__inner,.editorial-row,.topic-hero,.ai-feature__grid,.work-intro{grid-template-columns:1fr}.wide-band__visual{max-width:570px}.editorial-row__body{max-width:650px}.topic-hero__art img{height:330px}.topic-hero{margin-bottom:60px}.ai-feature--reverse .ai-feature__grid>div,.ai-feature--reverse .ai-feature__image{order:initial}.work-intro{gap:30px}.work-cover{max-width:490px}.work-details{grid-template-columns:1fr;gap:10px}.character-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){body{font-size:14px}.opening-copy h1{font-size:clamp(2.3rem,10vw,3.6rem)}.opening-feature .cinema-frame{aspect-ratio:1.05}.section-heading{display:block}.section-heading>p{margin-top:14px}.poster-grid--four,.poster-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-grid{gap:18px 12px}.poster-card__meta h3{font-size:1.1rem}.poster-card__meta p{font-size:.77rem}.poster-card__type{font-size:.55rem;left:5px;top:5px}.note-grid{grid-template-columns:1fr}.wide-band__visual{grid-template-columns:1fr 1fr;gap:10px}.wide-band__visual a:nth-child(2){margin-bottom:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.character-list{grid-template-columns:1fr}.episode{grid-template-columns:36px 1fr;gap:12px}.episode__number{font-size:1.35rem}.work-details{padding-bottom:45px}.work-intro{margin-bottom:55px}.site-footer{padding-top:40px}.internal-main{padding-bottom:65px}}
@media(max-width:370px){.poster-grid--four,.poster-grid--three{grid-template-columns:1fr}.poster-card__art{aspect-ratio:1.1}.poster-card__meta h3{font-size:1.3rem}.opening-pills span{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}