/* Hero-only layout study: landscape masthead above an asymmetric editorial spread. */
.opening{margin-bottom:54px;background:var(--paper);color:var(--ink)}
.opening .hero-cover{display:block;min-height:0;height:clamp(280px,26vw,390px);border-radius:0;background:var(--raised)}
.opening .hero-image{object-position:50% 48%;filter:sepia(.12) saturate(.92) contrast(1.04)}
.opening .hero-shade{background:linear-gradient(90deg,transparent 40%,rgba(25,23,22,.38)),linear-gradient(180deg,rgba(25,23,22,.34),transparent 62%,rgba(25,23,22,.35))}
.opening .site-header{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);grid-template-rows:1fr auto;gap:20px;padding:26px 28px;align-items:start}
.opening .site-header>.brand{grid-column:1;grid-row:2;width:360px;margin:0;align-self:end}
.opening .election-countdown{grid-column:2;grid-row:1;width:100%;justify-self:end}
.opening .editorial-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:30px;padding:26px 28px 20px}
.opening .editorial-title{grid-column:5/-1;grid-row:1;align-self:start;text-align:right}
.opening h1{font-size:clamp(40px,5.1vw,78px);font-weight:700;line-height:.97;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}
.opening .hero-deck{font-size:clamp(17px,1.6vw,23px);line-height:1.4;letter-spacing:-.035em;color:var(--red);margin-top:18px}
.opening .editorial-note{grid-column:1/4;grid-row:1;align-self:start;max-width:31ch;font-size:13px;line-height:1.65}
.opening .editorial-note .eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.5;color:var(--muted-ink);margin-bottom:18px}
.opening .editorial-note .intro-emphasis{font-size:17px;line-height:1.35;letter-spacing:-.035em;margin-top:18px;color:var(--red)}
.opening .editorial-main-image{grid-column:1/9;grid-row:2;min-width:0;align-self:stretch}
.opening .editorial-main-image img{width:100%;height:100%;min-height:440px;max-height:590px;object-fit:cover;object-position:52% 50%;filter:sepia(.16) saturate(.8) contrast(1.06)}
.opening .editorial-sidebar{grid-column:10/-1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-width:0}
.opening .editorial-body{font-size:14px;line-height:1.7;color:var(--ink)}
.opening .editorial-body .intro-emphasis{font-size:22px;line-height:1.18;letter-spacing:-.04em;margin-top:22px;padding-top:20px;border-top:1px solid rgba(101,76,44,.4)}
.opening .editorial-inset img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover;object-position:center;filter:sepia(.16) saturate(.8) contrast(1.06)}
.opening .editorial-footnote{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(101,76,44,.4);padding-top:10px;font-size:9px;line-height:1.5;color:var(--muted-ink)}
.opening .editorial-footnote>span{text-transform:uppercase;letter-spacing:.08em}
@media(min-width:1600px){.opening .editorial-note{font-size:14px}.opening .editorial-body{font-size:16px}}
@media(max-width:1100px){
  .opening .site-header{grid-template-columns:minmax(0,1fr) minmax(360px,500px);padding:24px}
  .opening .site-header>.brand{width:300px}
  .opening .editorial-spread{column-gap:22px;row-gap:26px;padding:24px}
  .opening .editorial-note{grid-column:1/5;max-width:29ch}
  .opening .editorial-title{grid-column:5/-1}
  .opening h1{font-size:clamp(39px,5.1vw,58px)}
  .opening .editorial-main-image{grid-column:1/8}
  .opening .editorial-sidebar{grid-column:8/-1;padding-left:8px}
  .opening .editorial-main-image img{min-height:460px;max-height:none}
}
@media(max-width:760px){
  .opening{margin-bottom:32px}
  .opening .hero-cover{height:300px}
  .opening .hero-shade{background:linear-gradient(180deg,rgba(25,23,22,.56),rgba(25,23,22,.23) 65%,rgba(25,23,22,.42))}
  .opening .site-header{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:20px;padding:20px}
  .opening .site-header>.brand{grid-column:1;grid-row:2;width:280px}
  .opening .election-countdown{grid-column:1;grid-row:1;justify-self:center;width:min(100%,500px)}
  .opening .editorial-spread{grid-template-columns:1fr 1fr;gap:24px 20px;padding:24px 20px 16px}
  .opening .editorial-title{grid-column:1/-1;grid-row:1;text-align:left}
  .opening h1{font-size:clamp(39px,7.6vw,58px);line-height:1;letter-spacing:-.06em;text-wrap:initial}
  .opening .hero-deck{font-size:19px;margin-top:16px;max-width:26ch}
  .opening .editorial-main-image{grid-column:1/-1;grid-row:2}
  .opening .editorial-main-image img{height:360px;min-height:0;max-height:none}
  .opening .editorial-note{grid-column:1;grid-row:3;max-width:none;font-size:15px;line-height:1.75}
  .opening .editorial-note .eyebrow{font-size:10px;margin-bottom:20px}
  .opening .editorial-note .intro-emphasis{font-size:20px;margin-top:20px}
  .opening .editorial-sidebar{grid-column:2;grid-row:3;padding:0;gap:24px}
  .opening .editorial-body{font-size:15px;line-height:1.75}
  .opening .editorial-body .intro-emphasis{font-size:21px}
  .opening .editorial-footnote{font-size:8px;gap:16px;align-items:start}
}
@media(max-width:520px){
  .opening .hero-cover{height:270px}
  .opening .site-header>.brand{width:260px}
  .opening .editorial-spread{display:flex;flex-direction:column;gap:26px;padding:22px 20px 16px}
  .opening .editorial-title{order:0}
  .opening h1{font-size:clamp(34px,8.9vw,46px);line-height:1.03}
  .opening .hero-deck{font-size:18px}
  .opening .editorial-main-image{order:1}
  .opening .editorial-main-image img{height:320px}
  .opening .editorial-note{order:2;font-size:16px}
  .opening .editorial-sidebar{order:3}
  .opening .editorial-body{font-size:16px}
  .opening .editorial-inset{width:76%;align-self:flex-end}
  .opening .editorial-inset img{aspect-ratio:1.2}
  .opening .editorial-footnote{order:4}
}
@media(max-width:380px){
  .opening .hero-cover{height:250px}
  .opening .site-header{padding:18px}
  .opening .site-header>.brand{width:230px}
  .opening .editorial-spread{padding:20px 16px 14px}
  .opening .editorial-main-image img{height:280px}
}