:root{--paper:#f2ede2;--paper2:#e9e2d2;--ink:#191714;--ink2:#3d3a34;--muted:#77705f;--rule:#191714;--soft:#cfc6b2;--red:#b3261e;--serif:"PT Serif",Georgia,serif;--display:"Playfair Display",Georgia,serif;--mono:"PT Mono",ui-monospace,monospace;--wrap:1240px;--pad:clamp(16px,3.4vw,40px);--cg:clamp(16px,2.4vw,32px);--s1:6px;--s2:12px;--s3:20px;--s4:32px;--s5:clamp(32px,4.4vw,56px);--fs:clamp(16px,1.05vw + 12px,17px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:#d9d1bf;color:var(--ink);font-family:var(--serif);font-size:var(--fs);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ol,ul{list-style:none}
.paper{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad) var(--s4);background:var(--paper);background-image:radial-gradient(rgba(25,23,20,.035) 1px,transparent 1px);background-size:4px 4px;box-shadow:0 0 60px rgba(0,0,0,.18);min-height:100vh}
.tag{font-family:var(--mono);font-size:12px;line-height:1.4;text-transform:uppercase;color:var(--red)}
.mast{padding-top:var(--s3);text-align:center;border-bottom:6px double var(--rule)}
.mast__top{display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s1) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--ink2)}
.mast__title{display:block;margin:var(--s3) 0 var(--s2);font-family:var(--display);font-weight:900;font-size:clamp(44px,9.5vw,128px);line-height:.95}
.mast__sub{display:block;margin-top:var(--s1);font-family:var(--mono);font-weight:400;font-size:clamp(13px,1.4vw,16px);line-height:1.2;text-transform:uppercase;color:var(--red)}
.mast--sm .mast__title{margin:var(--s2) 0 var(--s1);font-size:clamp(34px,5.4vw,64px)}
.mast__nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s1) var(--s4);padding:var(--s2) 0;border-top:1px solid var(--rule);font-family:var(--mono);font-size:13px;text-transform:uppercase}
.mast__nav a:hover,.mast__nav a[aria-current]{color:var(--red)}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s1);padding:var(--s2) 0;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.crumbs a{color:var(--ink2);border-bottom:1px solid var(--soft)}
.crumbs a:hover{color:var(--red)}
.crumbs span+span:before,.crumbs a+span:before,.crumbs a+a:before{content:"/";margin-right:var(--s1);color:var(--soft)}
.sec{padding:var(--s5) 0 0}
main>.sec:last-of-type{padding-bottom:var(--s5)}
.sec__rule{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3);margin-bottom:var(--s4);padding-top:var(--s1);border-top:4px solid var(--rule)}
.sec__rule h2{font-family:var(--display);font-weight:900;font-size:clamp(26px,3.4vw,44px);line-height:1.1}
.sec__rule span{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.bw{filter:grayscale(1) contrast(1.12) sepia(.1);transition:filter .3s}
a:hover .bw,.bw:hover{filter:none}
.dropcap{columns:2;column-gap:var(--cg);column-rule:1px solid var(--soft);hyphens:auto}
.dropcap::first-letter{float:left;margin:6px 8px 0 0;font-family:var(--display);font-weight:900;font-size:64px;line-height:.8;color:var(--red)}
.dropcap--one{columns:1}
.dropcap p+p{margin-top:.75em;text-indent:0}
.front{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s4) var(--cg);padding:var(--s4) 0 var(--s5)}
.front__h{margin:var(--s1) 0 var(--s3);font-family:var(--display);font-weight:900;font-size:clamp(28px,4.4vw,56px);line-height:1.04}
.front__pic{margin-bottom:var(--s3)}
.front__pic img{width:100%;aspect-ratio:21/9;object-fit:cover;filter:grayscale(1) contrast(1.15) sepia(.12)}
.front__pic figcaption,.cap{margin-top:var(--s1);font-size:13px;font-style:italic;color:var(--muted)}
.front__go{display:inline-block;margin-top:var(--s3);font-family:var(--mono);font-size:14px;text-transform:uppercase;border-bottom:2px solid var(--red)}
.front__go:hover{color:var(--red)}
.front__side{border-left:1px solid var(--rule);padding-left:var(--cg)}
.contents{margin-top:var(--s2)}
.contents a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:baseline;gap:var(--s2);padding:var(--s2) 0;border-bottom:1px dotted var(--ink2)}
.contents a:hover{color:var(--red)}
.contents b{font-family:var(--display);font-weight:900;font-size:30px;line-height:1}
.contents i{font-family:var(--mono);font-style:normal;font-size:13px;color:var(--muted)}
.stamp{display:inline-flex;flex-direction:column;align-items:center;margin-top:var(--s4);padding:14px 20px;border:3px solid var(--red);border-radius:6px;color:var(--red);transform:rotate(-6deg)}
.stamp b{font-family:var(--display);font-weight:900;font-size:44px;line-height:1}
.stamp span{font-family:var(--mono);font-size:11px;text-transform:uppercase;text-align:center}
.chart{width:100%;height:auto;overflow:visible}
.band{fill:transparent}
.band.b1{fill:rgba(25,23,20,.05)}
.gl{stroke:var(--soft);stroke-dasharray:3 4}
.gt{font-family:var(--mono);font-size:12px;fill:var(--muted);text-anchor:end}
.line{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.dot{fill:var(--paper);stroke:var(--ink);stroke-width:2;cursor:pointer;transition:r .15s}
.dot:hover{r:7;fill:var(--ink)}
.dot.hot{fill:var(--red);stroke:var(--red)}
.lbl{font-family:var(--mono);font-size:12px;fill:var(--ink2);text-anchor:middle;text-transform:uppercase}
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}
.chart__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--cg);margin-top:var(--s3);font-size:16px}
.chart__notes a{border-bottom:1px solid var(--red)}
.chart__notes b{font-family:var(--mono);font-weight:400;font-size:12px;text-transform:uppercase;color:var(--red);margin-right:var(--s1)}
.calc__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--cg);align-items:center}
.calc__big b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(40px,6vw,80px);line-height:1}
.calc__big span{display:block;margin-top:var(--s2);color:var(--ink2)}
.calc__tool{padding:var(--s3);border:1px solid var(--rule);background:var(--paper2)}
.calc__tool label{display:block;font-family:var(--mono);font-size:13px;text-transform:uppercase}
.calc__tool output{font-size:18px;color:var(--red)}
.calc__tool input{width:100%;margin:var(--s3) 0;accent-color:var(--red)}
.calc__res{font-size:20px}
.calc__res b{font-family:var(--display);font-weight:900;font-size:28px}
.issues{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid var(--soft)}
.issue{padding:0 var(--s3);border-right:1px solid var(--soft)}
.issue__head{display:block;padding-bottom:var(--s2);margin-bottom:var(--s2);border-bottom:2px solid var(--rule)}
.issue__head img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top;filter:grayscale(1) contrast(1.1);margin-bottom:var(--s2)}
.issue__head h3{font-family:var(--display);font-weight:900;font-size:26px;line-height:1.1}
.issue__head span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.issue__head:hover h3{color:var(--red)}
.issue li a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px;padding:var(--s1) 0;border-bottom:1px dotted var(--soft);font-size:15px;line-height:1.3}
.issue li a:hover{color:var(--red)}
.issue li i{font-family:var(--mono);font-style:normal;font-size:12px;color:var(--muted);padding-top:2px}
.crew{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--cg)}
.crew h3,.h-mono{font-family:var(--mono);font-weight:400;font-size:13px;text-transform:uppercase;color:var(--red);margin-bottom:var(--s2)}
.crew table{width:100%;border-collapse:collapse}
.crew td{padding:9px 0;border-bottom:1px dotted var(--ink2)}
.crew td:first-child{font-weight:700;width:46%}
.crew .dots span{display:block;height:8px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 9px)}
.crew .num{width:40px;text-align:right;font-family:var(--mono)}
.w0{width:3%}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}
.frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3) var(--s2)}
.fr{display:block}
.fr img{width:100%;aspect-ratio:16/10;object-fit:cover}
.fr span{display:block;margin-top:var(--s1);font-size:13px;font-style:italic;color:var(--ink2)}
.ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--cg)}
.ad{display:block;padding:var(--s3);border:2px solid var(--rule);background:var(--paper2);transition:background .2s,color .2s}
.ad:hover{background:var(--ink);color:var(--paper)}
.ad b{display:block;margin-top:var(--s1);font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,34px);line-height:1.05}
.ad span{display:block;margin-top:var(--s2)}
.ad i{display:inline-block;margin-top:var(--s2);font-family:var(--mono);font-style:normal;font-size:13px;text-transform:uppercase;color:var(--red)}
.ad--film{border-style:dashed}
.ads--one{grid-template-columns:minmax(0,1fr)}
.cover{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4) var(--cg);padding:var(--s4) 0 var(--s5)}
.cover__poster{grid-column:span 3}
.cover__poster img{width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid var(--rule)}
.cover__main{grid-column:span 9;min-width:0}
.cover__h{margin:var(--s1) 0 var(--s2);font-family:var(--display);font-weight:900;font-size:clamp(34px,5.6vw,76px);line-height:1}
.cover__deck{margin-bottom:var(--s3);font-size:clamp(17px,1.6vw,20px);font-style:italic;color:var(--ink2)}
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:var(--s4);border-top:2px solid var(--rule);border-bottom:1px solid var(--rule)}
.facts div{padding:var(--s2) var(--s2) var(--s2) 0;border-right:1px dotted var(--ink2)}
.facts div+div{padding-left:var(--s2)}
.facts div:last-child{border-right:0}
.facts dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.facts dd{font-family:var(--display);font-weight:700;font-size:clamp(18px,1.9vw,24px);line-height:1.15}
.toc{border-top:2px solid var(--rule)}
.toc__row{display:grid;grid-template-columns:72px 240px minmax(0,1fr) 92px;gap:var(--s3) var(--cg);align-items:start;padding:var(--s3) 0;border-bottom:1px solid var(--soft)}
.toc__num{font-family:var(--display);font-weight:900;font-size:56px;line-height:.9;color:var(--soft);transition:color .2s}
.toc__row:hover .toc__num{color:var(--red)}
.toc__pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
.toc__txt h3{font-family:var(--display);font-weight:900;font-size:clamp(22px,2.2vw,28px);line-height:1.1}
.toc__row:hover h3{color:var(--red)}
.toc__meta{margin:var(--s1) 0 var(--s2);font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted)}
.toc__lead{font-size:16px;color:var(--ink2)}
.toc__score{text-align:right}
.toc__score b{display:block;font-family:var(--display);font-weight:900;font-size:32px;line-height:1}
.toc__score span{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--muted)}
.toc__score.hot b{color:var(--red)}
.bars{display:grid;gap:var(--s1)}
.bars a{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 48px;gap:var(--s2);align-items:center;font-size:15px}
.bars a:hover{color:var(--red)}
.bars em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bars i{display:block;height:14px;background:var(--paper2);border:1px solid var(--ink)}
.bars i span{display:block;height:100%;background:var(--ink)}
.bars a.hot i span{background:var(--red)}
.bars b{font-family:var(--mono);font-weight:400;text-align:right}
.lead-cast{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s3) var(--s2);margin-bottom:var(--s4)}
.lead-cast img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;margin-bottom:var(--s1)}
.lead-cast b{display:block;font-family:var(--display);font-size:17px;line-height:1.15}
.lead-cast span{display:block;font-size:14px;font-style:italic;color:var(--ink2)}
.prog{columns:2;column-gap:var(--cg);column-rule:1px solid var(--soft)}
.prog li{display:flex;align-items:baseline;gap:var(--s1);padding:5px 0;break-inside:avoid;font-size:16px}
.prog li:after{content:"";order:2;flex:1 1 20px;border-bottom:1px dotted var(--ink2);transform:translateY(-4px)}
.prog em{order:1;font-style:italic}
.prog b{order:3;font-weight:700;text-align:right}
.prog i{order:4;font-family:var(--mono);font-style:normal;font-size:12px;color:var(--muted)}
.imprint{width:100%;border-collapse:collapse;font-size:16px}
.imprint th{padding:0 var(--s2) var(--s1) 0;font-family:var(--mono);font-weight:400;font-size:12px;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:2px solid var(--rule)}
.imprint td{padding:var(--s1) var(--s2) var(--s1) 0;border-bottom:1px dotted var(--ink2);vertical-align:top}
.imprint td:first-child{width:56px;font-family:var(--mono);color:var(--muted)}
.imprint a:hover{color:var(--red)}
.pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.pager a{display:block;padding:var(--s4) 0}
.pager a+a,.pager span+a{padding-left:var(--cg);border-left:1px solid var(--rule);text-align:right}
.pager span{display:block}
.pager b{display:block;margin-top:var(--s1);font-family:var(--display);font-weight:900;font-size:clamp(22px,2.8vw,34px);line-height:1.1}
.pager a:hover b{color:var(--red)}
.story{padding:var(--s4) 0 var(--s5)}
.story__head{max-width:900px;margin:0 auto var(--s4);text-align:center}
.story__h{text-wrap:balance;margin:var(--s2) 0;font-family:var(--display);font-weight:900;font-size:clamp(34px,5.6vw,76px);line-height:1}
.story__name{margin-bottom:var(--s1);font-family:var(--display);font-style:italic;font-weight:700;font-size:clamp(24px,3vw,38px);line-height:1.1;color:var(--red)}
.story__orig{font-family:var(--mono);font-size:13px;text-transform:uppercase;color:var(--muted)}
.story__deck{margin-top:var(--s2);font-size:clamp(17px,1.6vw,20px);font-style:italic;color:var(--ink2)}
.story__pic{margin-bottom:var(--s4)}
.story__pic img{width:100%;aspect-ratio:16/9;object-fit:cover}
.story__body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4) var(--cg)}
.story__text{grid-column:span 8;min-width:0}
.story__side{grid-column:span 4;min-width:0;display:grid;align-content:start;gap:var(--s4);padding-left:var(--cg);border-left:1px solid var(--rule)}
.dl{margin:0}
.dl div{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:var(--s2);padding:var(--s1) 0;border-bottom:1px dotted var(--ink2);font-size:16px}
.dl dt{font-family:var(--mono);font-size:12px;text-transform:uppercase;color:var(--muted);padding-top:3px}
.dl dd{font-weight:700}
.spark{width:100%;height:auto;margin-top:var(--s2)}
.spark .line{stroke-width:1.5}
.spark .dot{stroke-width:1.5}
.spark .cur{fill:var(--red);stroke:var(--red)}
.spark__lbl{font-family:var(--mono);font-size:12px;color:var(--muted)}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:var(--s2);overflow-x:auto;padding-bottom:var(--s2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.strip a{display:block;scroll-snap-align:start}
.strip img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:var(--s1)}
.strip span{display:block;font-size:14px;line-height:1.3}
.strip i{display:block;font-family:var(--mono);font-style:normal;font-size:12px;color:var(--muted)}
.strip a[aria-current] img{outline:3px solid var(--red);outline-offset:-3px;filter:none}
.strip a[aria-current] i{color:var(--red)}
.strip a:hover span{color:var(--red)}
.note{max-width:760px;font-size:18px}
.note a{border-bottom:2px solid var(--red)}
.nf{padding:var(--s5) 0;max-width:760px}
.nf p{margin-top:var(--s3)}
.foot{padding-top:var(--s3);font-family:var(--mono);font-size:12px;color:var(--muted)}
.foot p+p{margin-top:var(--s1)}
.foot__counter{margin-top:var(--s3)}
.foot__counter a{border:0}
.foot a{border-bottom:1px solid var(--muted)}
@media (max-width:1100px){.front{grid-template-columns:minmax(0,1fr)}.front__side{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:var(--s3)}.issues{grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto}.frames{grid-template-columns:repeat(3,minmax(0,1fr))}.cover__poster{grid-column:span 4}.cover__main{grid-column:span 8}.cover .dropcap{columns:1}.facts{grid-template-columns:repeat(3,minmax(0,1fr))}.facts div:nth-child(3){border-right:0}.facts div:nth-child(4){padding-left:0}.facts div:nth-child(n+4){border-top:1px dotted var(--ink2)}.toc__row{grid-template-columns:56px 200px minmax(0,1fr) 72px}.lead-cast{grid-template-columns:repeat(3,minmax(0,1fr))}.story__text{grid-column:span 12}.story__side{grid-column:span 12;padding-left:0;border-left:0;border-top:1px solid var(--rule);padding-top:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--cg)}}
@media (max-width:760px){.mast__top span:nth-child(3){display:none}.mast__nav{gap:var(--s1) var(--s3);font-size:12px}.dropcap{columns:1;text-align:left;hyphens:manual}.calc__in,.crew,.ads,.chart__notes{grid-template-columns:minmax(0,1fr)}.calc__in{gap:var(--s3)}.chart{min-width:640px}.frames{grid-template-columns:repeat(2,minmax(0,1fr))}.cover__poster{grid-column:span 12;max-width:180px}.cover__main{grid-column:span 12}.toc__row{grid-template-columns:44px minmax(0,1fr) 52px;gap:var(--s2)}.toc__pic{grid-column:1/4;grid-row:1}.toc__num{grid-row:2;font-size:36px}.toc__txt{grid-column:2/3;grid-row:2}.toc__score{grid-column:3/4;grid-row:2}.toc__score b{font-size:26px}.bars a{grid-template-columns:minmax(0,1fr) 44px}.bars i{grid-column:1/3;grid-row:2}.prog{columns:1}.story__side{grid-template-columns:minmax(0,1fr)}.pager b{font-size:20px}}
@media (max-width:480px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div{padding-left:0!important;border-right:0}.facts div:nth-child(odd){padding-right:var(--s2);border-right:1px dotted var(--ink2)}.facts div:nth-child(even){padding-left:var(--s2)!important}.facts div:nth-child(n+3){border-top:1px dotted var(--ink2)}.facts div:last-child:nth-child(odd){grid-column:1/3;border-right:0}.lead-cast{grid-template-columns:repeat(2,minmax(0,1fr))}.frames{grid-template-columns:minmax(0,1fr)}.mast__top{justify-content:center}.mast__top span:first-child{display:none}.strip{grid-auto-columns:70%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bw{transition:none}}
