.posters-page { --fading-hope:#211a3b; }
.posters-intro { display:flex; flex-direction:column; justify-content:center; min-height:calc(80svh - var(--header-space)); padding:10vw 8vw; }
.posters-intro h1 { font-size:clamp(58px,10vw,160px); margin-bottom:42px; }
.posters-intro h1 em { color:#a78abc; }
.posters-intro > p:not(.eyebrow) { color:var(--muted); font-size:20px; max-width:430px; }
.posters-intro .arrow-link { margin-top:28px; }
.featured-poster { background:var(--fading-hope); display:grid; grid-template-columns:1.15fr .85fr; min-height:calc(100svh - var(--footer-space)); }
.featured-poster-image { align-items:center; background:#16132a; display:flex; justify-content:center; padding:clamp(36px,6vw,110px); }
.featured-poster-image img { display:block; max-height:calc(100svh - var(--header-space) - var(--footer-space) - 40px); max-width:100%; object-fit:contain; }
.featured-poster-copy { align-self:center; padding:clamp(45px,7vw,130px) clamp(28px,6vw,100px); }
.featured-poster-copy .eyebrow,.project-facts dt { color:#d6badf; }
.featured-poster h2,.more-posters h2 { font-size:clamp(45px,6vw,100px); margin-bottom:30px; }
.poster-intro-copy { font-family:"Playfair Display",serif; font-size:clamp(25px,3vw,42px); line-height:1.15; }
.project-facts { border-top:1px solid rgba(242,240,232,.32); margin:48px 0 0; }
.project-facts div { border-bottom:1px solid rgba(242,240,232,.32); display:grid; gap:18px; grid-template-columns:130px 1fr; padding:16px 0; }
.project-facts dt { font:11px "DM Mono",monospace; letter-spacing:.02em; text-transform:uppercase; }
.project-facts dd { color:#e2dce5; margin:0; }
.inline-link { border-bottom:1px solid currentColor; }
.inline-link:hover { color:#fff; }
.switchboard-poster { background:#123a31; }
.switchboard-poster .featured-poster-image { background:#09261f; }
.switchboard-poster .featured-poster-copy .eyebrow,.switchboard-poster .project-facts dt { color:#e6c671; }
.passion-poster { background:#1b4f91; }
.passion-poster .featured-poster-image { background:#10325c; }
.passion-poster .featured-poster-copy .eyebrow,.passion-poster .project-facts dt { color:#d5e8ff; }
.hallelujah-poster { background:#202a30; }
.hallelujah-poster .featured-poster-image { background:#11181d; }
.hallelujah-poster .featured-poster-copy .eyebrow,.hallelujah-poster .project-facts dt { color:#c5e6ef; }
.more-posters { padding:110px 8vw 130px; }
.poster-grid { display:grid; gap:34px; grid-template-columns:repeat(3,1fr); margin-top:65px; }
.poster-card { display:flex; flex-direction:column; gap:24px; }
.poster-card img { aspect-ratio:2 / 3; background:#0d0d0d; display:block; object-fit:contain; width:100%; }
.poster-card .eyebrow { margin-bottom:9px; }
.poster-card h3 { font-size:clamp(28px,3vw,45px); letter-spacing:-.055em; line-height:1; margin:0; }
@media (max-width:760px) {
  .posters-intro { min-height:72svh; padding:19vw 6vw 14vw; }
  .posters-intro h1 { font-size:clamp(52px,16vw,88px); }
  .featured-poster { display:block; }
  .featured-poster-image { min-height:75svh; padding:45px 9vw; }
  .featured-poster-image img { max-height:none; width:100%; }
  .featured-poster-copy { padding:65px 6vw 80px; }
  .more-posters { padding:75px 6vw 95px; }
  .poster-grid { grid-template-columns:1fr; margin-top:45px; }
  .poster-card { display:grid; gap:20px; grid-template-columns:.8fr 1fr; }
  .poster-card img { align-self:start; }
}