.quarter-page{max-width:1050px;margin:auto;padding:0 25px}
.quarter-page .intro{display:grid;grid-template-columns: minmax(0,1.1fr) minmax(240px,.75fr);gap:55px;align-items:center;padding:75px 0 65px;border-bottom:1px solid var(--line)}
.quarter-page .eyebrow{font-size:11px;color:var(--gold);font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.quarter-page h1,.quarter-page h2{font-family:Georgia,serif;font-weight:400;line-height:1.13}
.quarter-page h1{font-size:clamp(60px,9vw,110px);margin:12px 0 18px;color:#f1b4bf}
.quarter-page h2{font-size:clamp(26px,4vw,43px);margin:15px 0}
.quarter-page .dek{font:italic 23px/1.5 Georgia,serif;color:var(--ink)}
.quarter-page .byline{color:var(--muted);font-size:13px;margin-top:25px}
.quarter-page .poster img{width:100%;display:block;box-shadow:0 22px 55px #0008}
.quarter-page .poster figcaption{color:var(--muted);font-size:11px;margin-top:9px}
.quarter-page .article{max-width:780px;margin:65px auto 100px;font:19px/1.95 Georgia,"Times New Roman",serif}
.quarter-page .article p{margin:0 0 28px}
.quarter-page .article strong{font-weight:700}
.quarter-page .still{margin:42px -70px 50px}
.quarter-page .still img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}
.quarter-page .still figcaption{font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--muted);margin-top:10px;letter-spacing:.03em}
.quarter-page .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:44px -70px 50px}
.quarter-page .pair .still{margin:0}
.quarter-page .pair img{aspect-ratio:16/10;object-fit:cover}
.quarter-page .pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 20px;margin:46px 0;color:var(--gold);text-align:center;font:italic 29px/1.45 Georgia,serif}
.quarter-page .ending{border-top:1px solid var(--line);padding-top:36px}
@media (max-width:800px){.quarter-page .intro{grid-template-columns:1fr;gap:35px;padding-top:40px}
.quarter-page .poster{max-width:390px;margin:0 auto}
.quarter-page .article{font-size:17px}
.quarter-page .still,.quarter-page .pair{margin-left:0;margin-right:0}
.quarter-page .pair{gap:10px}}
@media (max-width:520px){.quarter-page .pair{grid-template-columns:1fr}
.quarter-page .dek{font-size:20px}
.quarter-page .pull{font-size:24px}
.quarter-page h1{font-size:64px}}
/* Integration with existing Version 16 site navigation and footer */
.quarter-page{max-width:1050px;margin:0 auto;padding:0 25px}
.quarter-page .intro{padding:75px 0 65px}
.quarter-page .poster{margin:0}
.quarter-page .article{max-width:780px}
.quarter-page .quarter-rating{font-family:Georgia,serif;color:#d6b66d;font-size:22px;letter-spacing:.05em;margin:8px 0}
.quarter-page .quarter-article-links{border-top:1px solid #d6b66d40;padding:25px 0 70px;font-size:14px}
.quarter-page .quarter-article-links a{color:#d6b66d;text-decoration:none}
.quarter-page .quarter-article-links a:hover{text-decoration:underline}
.quarter-page .still img{width:100%;height:auto}
@media(max-width:800px){.quarter-page .intro{padding-top:40px}.quarter-page .still,.quarter-page .pair{margin-left:0;margin-right:0}}

/* Version 18: poster stays proportional and never covers the heading */
.quarter-page .intro{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:38px;align-items:center}
.quarter-page .intro>div{min-width:0;position:relative;z-index:1}
.quarter-page h1{font-size:clamp(52px,7vw,92px);overflow-wrap:normal}
.quarter-page .poster{width:100%;max-width:300px;min-width:0;align-self:center;justify-self:center}
.quarter-page .poster img{display:block;width:100%;height:auto!important;max-height:540px;object-fit:contain;aspect-ratio:auto!important}
@media(max-width:800px){.quarter-page .intro{grid-template-columns:1fr}.quarter-page .poster{max-width:280px}}

/* Preserve the official poster proportions at every viewport width. */
.quarter-page .poster{min-width:0;margin:0}
.quarter-page .poster img{width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center;max-width:100%}
@media(max-width:800px){.quarter-page .poster{margin:0 auto}}