.hero h1{font-size:clamp(52px,5.2vw,88px);line-height:1.04}
.longform-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid rgba(23,63,99,.14);border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(22,47,72,.08)}
.longform-cover{display:block;min-width:0;background:#0b1d30}
.longform-cover img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.longform-copy{min-width:0;padding:38px;display:flex;flex-direction:column;align-items:flex-start}
.longform-meta{display:flex;flex-wrap:wrap;gap:10px;color:#426888;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.longform-copy h3{margin:20px 0 18px;color:#102b43;font-size:clamp(26px,2.4vw,38px);line-height:1.16;letter-spacing:-.035em;overflow-wrap:break-word}
.longform-copy>p{margin:0 0 24px;color:#597086;font-size:15px;line-height:1.75}
.longform-copy .btn{margin-top:auto;background:#102b43;color:#fff}
.longform-copy .longform-subject{margin:0 0 10px;color:#3b7198;font-size:12px;font-weight:800}
@media(max-width:900px){.longform-card{grid-template-columns:1fr}.longform-cover img{aspect-ratio:16/9}.longform-copy{padding:30px}}
@media(max-width:760px){.hero h1{font-size:clamp(38px,10.6vw,62px)}.longform-copy{padding:26px}.longform-copy h3{font-size:28px}}

.perspective-main,.perspective-cards,.perspective-card{min-width:0;overflow-wrap:break-word}

/* Match the visible carousel surround to its section background. */
#the-shift .carousel-shell,#the-shift .issues{background:var(--light)}
#the-shift .issue{box-shadow:none}