.story-teaser{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center;padding:38px 0 42px;border-bottom:1px solid #292929;margin-bottom:32px}.story-teaser img{width:100%;display:block}.eyebrow{font:700 11px Arial,sans-serif;letter-spacing:2px;color:#ef4146;text-transform:uppercase}.story-teaser h1{font:700 clamp(28px,4vw,42px)/1.12 Georgia,serif;margin:13px 0 16px;letter-spacing:-1px}.story-teaser p{color:#aaa;line-height:1.7}.story-link{display:inline-block;padding:13px 0 8px;border-bottom:2px solid #eed633;color:#eed633;text-decoration:none;font-size:13px;font-weight:bold}.story-link:hover{color:white}.story-page{max-width:1040px}.story-back{display:inline-block;margin:28px 0;color:#aaa;text-decoration:none;font-size:12px}.story-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:20px 0 40px;border-bottom:1px solid #333}.story-hero h1{font:700 clamp(42px,5.4vw,66px)/1.03 Georgia,serif;letter-spacing:-2px;margin:18px 0 22px}.story-hero h1 em{color:#efdb37;font-weight:normal}.story-deck{color:#bbb;font-size:17px;line-height:1.65}.story-hero figure{margin:0}.story-hero img{width:100%;height:auto;display:block;border-bottom:4px solid #ee383e}.story-hero figcaption,.story-photo figcaption{color:#888;font:11px/1.7 Arial,sans-serif;padding-top:10px}.byline{font:11px/1.8 Arial,sans-serif;color:#929292;letter-spacing:.3px;margin-top:24px}.story-body{max-width:690px;margin:0 auto;padding:12px 0 38px;font:18px/1.85 Georgia,serif;color:#ccc}.story-body section{padding:24px 0 0}.story-body h2{font:700 29px/1.2 Georgia,serif;letter-spacing:-.5px;color:#f2f0e7;margin:18px 0}.story-body p{margin:0 0 20px}.story-body .opening:first-letter{float:left;font:72px/.8 Georgia,serif;color:#eed633;margin:10px 10px 0 0}.story-quote{border-left:3px solid #ef383e;margin:38px 0;padding:5px 0 5px 28px;color:#efdb37;font:italic 32px/1.3 Georgia,serif}.story-quote cite{display:block;font:10px Arial,sans-serif;letter-spacing:2px;color:#888;margin-top:16px}.story-photo{margin:34px -70px}.story-photo img{width:100%;display:block}.story-interviews{border-top:1px solid #333;padding-top:28px;margin-bottom:25px}.story-interviews h2{font:700 30px Georgia,serif}.story-interviews>p{color:#aaa;line-height:1.7}.story-interviews .videos{margin-top:25px}.story-interviews .video{max-width:none}.story-ending{font-style:italic;color:#eee;border-top:1px solid #333;padding-top:25px;margin-top:28px}nav a[aria-current=page]{color:#eed633}@media(max-width:760px){nav{gap:20px;font-size:11px;flex-wrap:wrap}.story-teaser,.story-hero{grid-template-columns:1fr;gap:22px}.story-teaser{padding-top:28px}.story-teaser img{max-width:520px}.story-hero{padding-top:4px}.story-hero h1{font-size:43px;letter-spacing:-1px}.story-hero figure{max-width:520px}.story-body{font-size:17px;line-height:1.8}.story-body h2{font-size:26px}.story-photo{margin:28px 0}.story-quote{font-size:28px;margin:30px 0;padding-left:20px}}

.story-teaser img,.story-photo img{height:auto}

.story-body section{padding-top:12px}.story-body h2{margin-top:14px}.story-photo{margin-top:24px;margin-bottom:24px}.story-quote{margin-top:28px;margin-bottom:28px}

.story-body .opening:first-letter{float:none;font:inherit;color:inherit;margin:0}
@media(min-width:761px){.story-hero{align-items:start}.story-hero figure{align-self:stretch;display:flex;flex-direction:column}.story-hero figure img{height:480px;max-height:100%;object-fit:cover;object-position:center 42%}.story-hero figcaption{flex-shrink:0}}

.story-body .story-photo{width:100%;margin-left:0;margin-right:0}.story-body .story-photo img{width:100%;height:auto}

.station-directory p{color:#aaa;line-height:1.9;max-width:850px}

/* Softer charcoal canvas across the archive. */
body{background:#191a1c;color:#eee}
nav{border-color:#3a3b3e}
.story-teaser{border-bottom-color:#393a3d}
.video{background:#222326;border-color:#3a3b3e}
.video-label{color:#ccc}
.heading:after{background:linear-gradient(90deg,#853338,#3b3c3f)}
.story-hero,.story-interviews,.archive,footer{border-color:#3a3b3e}
.story-body{color:#d0d0d0}
.story-teaser p,.audio-intro,.station-directory p{color:#b8b8ba}
.story-back,.external{color:#b8b8ba}

.story-body{font-family:"Source Sans 3",Arial,sans-serif;font-size:19px;line-height:1.85}
.story-body h2{font-family:"Source Sans 3",Arial,sans-serif;font-size:30px;font-weight:700;line-height:1.22;letter-spacing:-.35px}
.story-body .story-deck{font-family:"Source Sans 3",Arial,sans-serif;font-size:21px;line-height:1.65}
.story-body .story-quote{font-family:Georgia,serif}
.story-teaser p{max-width:440px;text-wrap:pretty}
@media(max-width:760px){.story-body{font-size:18px;line-height:1.8}.story-body h2{font-size:27px}.story-body .story-deck{font-size:20px}}
/* Blend the black logo canvas into the charcoal page background. */
header .logo{mix-blend-mode:lighten}

/* Quiet masthead and native archive title */
header{padding-top:24px}header nav{margin-top:20px}.archive-title{flex:0 0 38%;margin:0;color:#eee;font-family:Georgia,serif;font-size:32px;line-height:1.18;font-weight:700}.archive-title span{color:#f3de37}.station-directory .station-gallery{margin:24px 0;gap:16px}.station-directory .station-five-four .station-logo{height:90px}@media(max-width:760px){.archive{align-items:flex-start}.archive-title{font-size:28px;flex-basis:auto}.station-directory .station-five-four figure{flex-basis:calc((100% - 32px)/3)}}@media(max-width:450px){.station-directory .station-five-four figure{flex-basis:calc((100% - 16px)/2)}}

/* Balanced interview opening */
.story-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:42px;align-items:center;padding:12px 0 42px}
.story-hero h1{font-size:clamp(34px,4.15vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:20px 0 26px}
.story-hero h1 span,.story-hero h1 em{display:block}.story-hero h1 em{margin-top:10px}
.story-hero .story-deck{font-size:17px;line-height:1.75;max-width:390px}
.story-hero figure{display:block;align-self:center}.story-hero figure img{height:590px;max-height:none;object-fit:cover;object-position:center 40%}.story-hero .byline{margin-top:30px}
@media(max-width:760px){.story-hero{grid-template-columns:1fr;gap:28px}.story-hero h1{font-size:clamp(30px,6.3vw,44px);letter-spacing:-1px}.story-hero figure{max-width:none;width:100%}.story-hero figure img{height:auto;max-height:none;object-fit:contain}.story-hero .story-deck{max-width:520px}}

/* Match the portrait to the full introduction, including the byline. */
@media(min-width:761px){
.story-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:40px}
.story-hero h1{font-size:clamp(40px,4.6vw,52px);line-height:1.12;letter-spacing:-1.5px}
.story-hero figure{position:relative;align-self:stretch;min-height:0}
.story-hero figure img{position:absolute;top:0;left:0;width:100%;height:calc(100% - 32px);object-fit:cover;object-position:center 40%}
.story-hero figcaption{position:absolute;bottom:0;left:0;width:100%;padding-top:8px;font-size:10px;line-height:1.5}
.story-hero .byline{margin-bottom:32px}
}