.magazine-lead__image,.magazine-card__image{overflow:hidden}
.magazine-lead__image>img,.magazine-card__image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.magazine-lead__image:hover>img,.magazine-card__image:hover>img{transform:scale(1.018)}
.magazine-lead__image>span,.magazine-card__image>span{z-index:1}

/* Magazine masthead contribution card */
.magazine__title-row{grid-template-columns:minmax(0,1fr) 15rem;align-items:end}
.magazine-voice{width:100%;aspect-ratio:1;padding:1.35rem;display:flex;flex-direction:column;align-items:flex-start;background:#b8f044;color:#15263f;box-shadow:.65rem .65rem 0 #155eef}
.magazine-voice__label{margin:0 0 auto!important;color:#15263f!important;font-size:.68rem!important;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.magazine-voice h2{max-width:10ch;margin:1rem 0 .6rem;color:#15263f;font-family:"Prox Newsreader",Georgia,serif;font-size:1.75rem;line-height:1.02;letter-spacing:-.035em}
.magazine-voice>p:not(.magazine-voice__label){margin:0 0 1rem!important;color:#233a5c!important;font-size:.78rem!important;line-height:1.42}
.magazine-voice a{margin-top:auto;color:#15263f;font-size:.8rem;font-weight:900;text-decoration:none}
.magazine-voice a span{margin-left:.25rem}
.magazine__topics-label{padding-right:1rem;color:#8fa1ba;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* The COM story */
.com-story{background:#f7f4eb;color:#15263f}
.com-story__header{padding:1.5rem 0 3.25rem;border-bottom:0;background:#15263f;color:#fff}
.com-story__breadcrumbs{margin-bottom:2.4rem}
.com-story__breadcrumbs a,.com-story__breadcrumbs li{color:#cbd7e7}
.com-story__heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(24rem,.88fr);align-items:end;gap:clamp(2.5rem,5vw,5.5rem)}
.com-story__publication{margin:0 0 1rem;color:#b8f044;font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.com-story__publication span{margin:0 .35rem;color:#ff7452}
.com-story__heading h1{max-width:15ch;margin:0;color:#fff;font-family:"Prox Newsreader",Georgia,serif;font-size:clamp(3rem,5.8vw,5.6rem);font-weight:650;line-height:.94;letter-spacing:-.055em;text-wrap:balance}
.com-story__standfirst{max-width:48rem;margin:1.35rem 0 0;color:#dbe5f2;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.55}
.com-story__byline{margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-wrap:wrap;gap:1rem 2.2rem}
.com-story__byline p{margin:0;display:grid;gap:.15rem}
.com-story__byline span{color:#9fb0c6;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.com-story__byline strong,.com-story__byline time{color:#fff;font-size:.86rem;font-weight:750}
.com-story__hero{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#233a5c;box-shadow:1.25rem 1.25rem 0 #155eef}
.com-story__hero img{width:100%;height:100%;object-fit:cover}
.com-story__hero figcaption{position:absolute;right:1rem;bottom:1rem;padding:.4rem .6rem;background:#b8f044;color:#15263f;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.com-story__layout{padding-top:clamp(3rem,6vw,5rem);padding-bottom:5rem;display:grid;grid-template-columns:minmax(0,48rem) 17rem;align-items:start;justify-content:center;gap:clamp(3.5rem,7vw,7rem)}
.com-story__main{min-width:0}
.com-story__prose{color:#26384f;font-family:"Prox Newsreader",Georgia,serif;font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.78}
.com-story__prose>p:first-child::first-letter{float:left;margin:.08em .1em 0 0;color:#155eef;font-size:4.2em;font-weight:700;line-height:.72}
.com-story__prose p{margin:0 0 1.5rem}
.com-story__prose h2{margin:3.6rem 0 1rem;padding-top:0;border-top:0;color:#15263f;font-family:"Prox Newsreader",Georgia,serif;font-size:clamp(2rem,3.5vw,2.85rem);font-weight:650;line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.com-story__prose h2::before{display:block;width:3.2rem;height:.34rem;margin-bottom:1.1rem;background:#b8f044;content:""}
.com-story__prose h3{margin:2.5rem 0 .8rem;color:#15263f;font-family:"Prox Newsreader",Georgia,serif;font-size:1.55rem;line-height:1.15}
.com-story__prose a{color:#0d4ed8;text-decoration-thickness:.08em;text-underline-offset:.18em}
.com-story__prose ul,.com-story__prose ol{margin:1.4rem 0 2rem;padding-left:1.4rem}
.com-story__prose li{margin:.55rem 0;padding-left:.25rem}
.com-story__prose blockquote{margin:2.2rem 0;padding:1.4rem 1.6rem;border:0;border-left:.4rem solid #ff7452;background:#fff;color:#15263f;font-size:1.28rem;line-height:1.55}
.com-story__prose pre{margin:2rem 0;padding:1.25rem 1.4rem;border-radius:.25rem;background:#101d31;color:#f3f7fb;box-shadow:.45rem .45rem 0 #b8f044}
.com-story__prose code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.88em}
.com-story__prose :not(pre)>code{padding:.12rem .28rem;background:#e9e4d8;color:#15263f}
.com-story__prose img{display:block;width:auto;max-width:100%;max-height:none;margin:2.25rem auto;border:0;box-shadow:.75rem .75rem 0 #dfe8ff}
.com-story__rail{position:sticky;top:2rem;padding:1.5rem;border-top:.45rem solid #b8f044;background:#15263f;color:#fff}
.com-story__rail-mark{margin:0 0 1.8rem;color:#b8f044;font-family:"Prox Newsreader",Georgia,serif;font-size:1.35rem;font-weight:700}
.com-story__rail h2{margin:0;color:#fff;font-family:"Prox Newsreader",Georgia,serif;font-size:1.8rem;line-height:1.05}
.com-story__rail>p:not(.com-story__rail-mark){margin:.8rem 0 1.4rem;color:#cbd7e7;font-size:.9rem;line-height:1.6}
.com-story__rail nav{display:grid;border-top:1px solid rgba(255,255,255,.18)}
.com-story__rail nav a{padding:.72rem 0;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;font-size:.82rem;font-weight:800;text-decoration:none}
.com-story__rail nav a::after{float:right;color:#b8f044;content:"→"}
.com-story__end{margin-top:3.5rem;padding-top:1.2rem;border-top:2px solid #15263f;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.com-story__end>span{font-family:"Prox Newsreader",Georgia,serif;font-size:1.5rem;font-weight:750}
.com-story__end a{color:#155eef;font-weight:850;text-decoration:none}
.com-story .article-discussion{margin-top:3rem;border-top:.4rem solid #b8f044}

@media (max-width:900px){
  .magazine__title-row{grid-template-columns:minmax(0,1fr) 13rem}
  .magazine-voice{padding:1.1rem}
  .magazine-voice h2{font-size:1.45rem}
  .com-story__heading{grid-template-columns:1fr;align-items:start}
  .com-story__hero{max-width:42rem;aspect-ratio:16/9;box-shadow:.8rem .8rem 0 #155eef}
  .com-story__layout{grid-template-columns:minmax(0,1fr);gap:3rem}
  .com-story__rail{position:static;max-width:34rem}
}

@media (min-width:641px) and (max-width:720px){
  .magazine__title-row{grid-template-columns:1fr;gap:1.6rem}
  .magazine-voice{max-width:22rem;aspect-ratio:auto;min-height:13rem}
}

@media (max-width:640px){
  .magazine__title-row{grid-template-columns:1fr;gap:1.6rem}
  .magazine-voice{max-width:22rem;aspect-ratio:auto;min-height:13rem}
  .magazine__topics-label{position:sticky;left:0;z-index:1;background:#15263f}
  .com-story__header{padding-top:1rem;padding-bottom:2.4rem}
  .com-story__breadcrumbs{margin-bottom:1.6rem}
  .com-story__breadcrumbs li:last-child{display:none}
  .com-story__heading{gap:2rem}
  .com-story__heading h1{font-size:clamp(2.55rem,13vw,3.8rem)}
  .com-story__standfirst{font-size:1rem}
  .com-story__byline{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
  .com-story__byline p:first-child{grid-column:1/-1}
  .com-story__hero{aspect-ratio:4/3;box-shadow:.45rem .45rem 0 #155eef}
  .com-story__layout{padding-top:2.8rem;padding-bottom:3.5rem}
  .com-story__prose{font-size:1.06rem;line-height:1.72}
  .com-story__prose h2{margin-top:2.8rem;font-size:2rem}
  .com-story__end{align-items:flex-start;flex-direction:column}
}