.media-page { background: var(--paper); }
.media-hero { display: grid; min-height: min(100vh, 920px); padding-top: var(--header-height); grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr); }
.media-hero-copy { display: flex; padding: clamp(64px, 9vw, 140px) clamp(34px, 7vw, 110px); flex-direction: column; justify-content: center; }
.media-hero-copy h1 { max-width: 720px; margin-bottom: 28px; font-size: clamp(3.6rem, 6.7vw, 7.4rem); line-height: .9; }
.media-hero-copy>p:not(.hero-kicker) { max-width: 650px; color: var(--ink-soft); font: 500 clamp(1.15rem, 1.7vw, 1.48rem)/1.55 var(--display); }
.media-hero-image { position: relative; min-height: 670px; margin: 0; overflow: hidden; background: var(--night); }
.media-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.media-hero-image figcaption { position: absolute; right: 0; bottom: 0; width: min(520px, 82%); padding: 23px 28px; color: var(--white); background: rgba(49,8,15,.92); font-size: .83rem; font-weight: 700; line-height: 1.5; letter-spacing: .045em; }
.media-proof { display: grid; grid-template-columns: repeat(3,1fr); color: var(--white); background: var(--wine); }
.media-proof div { min-height: 155px; padding: 35px clamp(24px,4vw,58px); border-right: 1px solid rgba(255,255,255,.2); }
.media-proof strong,.media-proof span { display: block; }.media-proof strong { font: 500 clamp(1.65rem,3vw,2.8rem)/1.05 var(--display); }.media-proof span { margin-top: 12px; color: rgba(255,255,255,.68); font-size: .73rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.tv-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }.tv-grid a,.radio-card-grid a { color: var(--ink); text-decoration: none; background: var(--white); transition: transform 220ms ease,box-shadow 220ms ease; }.tv-grid a:hover,.tv-grid a:focus-visible,.radio-card-grid a:hover,.radio-card-grid a:focus-visible { transform: translateY(-5px); box-shadow: 0 24px 62px rgba(36,26,20,.14); }
.tv-grid figure { position: relative; margin: 0; overflow: hidden; }.tv-grid img,.radio-card-grid img { display: block; width: 100%; object-fit: cover; }.tv-feature { display: grid; grid-column: 1/-1; grid-template-columns: minmax(0,1.28fr) minmax(310px,.72fr); }.tv-feature figure img { height: 100%; min-height: 470px; }.tv-feature>div,.tv-card>div,.radio-card-grid a>div { padding: clamp(28px,4vw,48px); }
.tv-grid h3,.radio-card-grid h3 { margin: 15px 0; font-size: clamp(1.65rem,2.6vw,2.65rem); }.tv-grid p:not(.media-label),.radio-card-grid p:not(.media-label) { color: var(--ink-soft); }.tv-grid a span:last-child,.radio-card-grid a span:last-child { color: var(--wine); font-weight: 800; }.tv-card img { aspect-ratio: 16/9; }.media-label { margin: 0; color: var(--wine); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.media-play { position: absolute; left: 28px; bottom: 28px; display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: var(--wine); background: var(--white); box-shadow: 0 10px 30px rgba(0,0,0,.24); }
.television-podcasts { margin-top: clamp(72px,9vw,120px); padding-top: clamp(42px,6vw,72px); border-top: 1px solid var(--line); }.podcast-section-heading { max-width: 780px; margin-bottom: 34px; }.podcast-section-heading h2 { margin-top: 10px; }.television-podcast-grid .tv-card { display: flex; flex-direction: column; }.television-podcast-grid .tv-card>div { display: flex; flex: 1; flex-direction: column; }.television-podcast-grid .tv-card>div>p:not(.media-label) { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.television-podcast-grid .tv-card>div>span:last-child { margin-top: auto; padding-top: 18px; }
.radio-lead { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.72fr); gap: clamp(54px,8vw,110px); align-items: center; }.radio-copy>p:not(.eyebrow) { color: rgba(255,255,255,.7); }.radio-copy .large-copy { color: var(--white); }.radio-copy em { color: var(--gold-light); }.radio-image { margin: 0; }.radio-image img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.podcast-grid { display: grid; margin-top: clamp(65px,8vw,105px); grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }.podcast-grid a { display: flex; min-height: 360px; padding: 30px 28px; flex-direction: column; color: var(--white); border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); text-decoration: none; transition: background 220ms ease,transform 220ms ease; }.podcast-grid a:hover,.podcast-grid a:focus-visible { background: rgba(255,255,255,.07); transform: translateY(-4px); }.podcast-grid span { color: var(--gold-light); font-size: .69rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.podcast-grid h3 { margin: 34px 0 16px; font-size: clamp(1.55rem,2.2vw,2.2rem); }.podcast-grid p { color: rgba(255,255,255,.64); font-size: .94rem; }.podcast-grid em { margin-top: auto; padding-top: 24px; color: var(--white); font-style: normal; font-weight: 800; }
.radio-card-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }.radio-card-grid img { aspect-ratio: 16/9; }.documentary-section { background: var(--white); }.documentary-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(340px,.72fr); gap: clamp(54px,8vw,112px); align-items: center; }.documentary-grid figure { margin: 0; }.documentary-grid img { display: block; width: 100%; }.documentary-grid h2 { margin-bottom: 24px; }.documentary-grid .large-copy { color: var(--ink); }.documentary-grid .button { margin-top: 20px; }.media-contact .contact-grid p { color: rgba(255,255,255,.72); }
@media (max-width:1080px) { .media-hero { min-height: 0; grid-template-columns: 1fr; }.media-hero-copy { padding-top: 90px; }.media-hero-image { min-height: 600px; }.podcast-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width:850px) { .tv-feature,.radio-lead,.documentary-grid { grid-template-columns: 1fr; }.tv-feature figure img { min-height: 0; aspect-ratio: 16/9; } }
@media (max-width:700px) { .media-hero-copy { padding: 70px 22px 54px; }.media-hero-copy h1 { font-size: clamp(3.25rem,15vw,5.2rem); }.media-hero-image { min-height: 430px; }.media-proof,.tv-grid,.radio-card-grid,.podcast-grid { grid-template-columns: 1fr; }.media-proof div { min-height: 120px; }.tv-feature { grid-column: auto; }.podcast-grid a { min-height: 285px; } }