/* Screening room: page-scoped treatment, using the original logo artwork. */
.media-page{--paper:#0d1c22;--ink:#f8f7f0;--muted:#b5c1c6;--line:#35454b;--media-accent:#fd7846;--link-hover:var(--orange);background:var(--paper);color:var(--ink);min-height:100vh}
.media-page .preview-bar{background:#192b32;color:#c6d1d3}
.media-page .site-header{box-shadow:0 4px 14px #0002}
.media-page .mobile-menu nav a{color:var(--ink)}
.media-page .mobile-menu nav a:hover,.media-page .mobile-menu nav a[aria-current="page"]{color:var(--media-accent)}
.media-page .site-header>.button{background:#efeee6;color:#172326}
.media-page .site-header>.button:hover{background:#fff}
.media-page .skip-link{background:#efeee6;color:#172326}
.media-page .brand--on-dark{position:relative;background:#f4f2ea}
@supports (mask-image:url('assets/logo-one-line.png')) or (-webkit-mask-image:url('assets/logo-one-line.png')){
 .media-page .brand--on-dark{background:transparent}
 .media-page .brand--on-dark img{clip-path:inset(0 81.6% 0 0)}
 .media-page .brand--on-dark::after{content:'';position:absolute;inset:0;background:#f4f2ea;-webkit-mask:url('assets/logo-one-line.png') center/contain no-repeat;mask:url('assets/logo-one-line.png') center/contain no-repeat;mask-mode:alpha;clip-path:inset(0 0 0 18.4%);pointer-events:none}
}
.media-main{max-width:var(--max);margin:0 auto;padding:48px 3.5% 76px}
.media-topline{display:flex;align-items:center;justify-content:space-between;gap:24px}
.media-crosslink{display:inline-flex;align-items:center;gap:16px;min-height:44px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.5}
.media-crosslink:hover{color:var(--media-accent)}
.media-intro h1{font-size:clamp(3.25rem,5.6vw,5.6rem);line-height:1.08;letter-spacing:0;margin:24px 0 20px}
.media-intro h1 span{color:var(--media-accent)}
.media-intro>p{color:var(--muted);font-size:1.125rem;margin-bottom:40px;max-width:650px}
.screening-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto auto;gap:18px}
.screening-card{display:flex;flex-direction:column;position:relative;min-width:0;border:1px solid var(--line);padding:32px;transition:border-color .18s,background .18s}
.screening-card:hover{border-color:var(--media-accent)}
.screening-card h2,.screening-card h3{letter-spacing:0;line-height:1.2;font-weight:500}
.screening-card h2{font-size:clamp(1.9rem,3.2vw,3rem);margin:24px 0}
.screening-card h3{font-size:1.65rem;margin:20px 0}
.media-meta{font-size:.75rem;font-weight:600;letter-spacing:.085em;line-height:1.65;text-transform:uppercase;color:var(--muted)}
.media-source{font-size:3.7rem;font-weight:600;line-height:1.05;letter-spacing:0}
.media-source small{display:inline-block;font-size:.875rem;font-weight:400;margin-left:10px;letter-spacing:0}
.media-action{display:flex;gap:14px;align-items:center;min-height:44px;margin-top:auto;padding-top:18px;font-size:.9375rem;line-height:1.5}
.screening-card:hover .media-action{text-decoration:underline;text-underline-offset:5px}
.media-lead{background:#efeee6;color:#172326;border-color:#efeee6;min-height:315px}
.media-lead h2{max-width:550px}
.media-lead .media-meta{color:#536060;margin-top:16px}
.media-interview{grid-column:2;grid-row:1/span 2;background:linear-gradient(130deg,#213941,#0b191f);min-height:525px}
.media-interview h2{font-size:clamp(2rem,3.7vw,3.5rem)}
.media-lines{position:relative;height:120px;margin:32px 0 22px;overflow:hidden;border-top:1px solid #627b86;border-bottom:1px solid #627b86;background:repeating-linear-gradient(112deg,transparent 0 18px,#627b86 19px 20px,transparent 21px 42px)}
.media-lines::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d333c,transparent 50%,#102229)}
.media-play{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #899ca3;border-radius:50%;color:var(--ink)}
.media-play svg{width:22px;height:22px;margin-left:3px;fill:currentColor}
.media-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.media-mini .screening-card{padding:25px;min-height:215px}
.media-mini h3{font-size:1.6rem}
.media-hls{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.media-hls p{font-size:1.1rem}
.media-hls .media-divider{color:var(--media-accent);margin:0 12px}
.media-hls small{display:block;color:var(--muted);font-size:.875rem;margin-top:5px}
.media-additional{margin-top:58px}
.media-additional>h2,.media-research h2{font-size:2rem;line-height:1.2;letter-spacing:0}
.media-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.media-secondary-grid .screening-card{padding:26px;min-height:280px}
.media-secondary-grid .screening-card p{color:var(--muted);font-size:.9375rem;margin-bottom:12px}
.media-secondary-grid h3{font-size:1.65rem;margin:22px 0 16px}
.media-research{border-top:1px solid var(--line);padding-top:36px;margin-top:60px}
.media-research-heading{display:flex;justify-content:space-between;gap:36px;align-items:flex-start}
.media-research-heading p{max-width:640px;font-size:1rem;color:var(--muted);margin-top:15px}
.media-research-heading>.media-crosslink{flex-shrink:0}
.research-list{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.research-list li{display:flex;min-width:0}
.research-list a{display:flex;flex:1;flex-direction:column;border-top:2px solid #68818b;padding-top:24px}
.research-list a:hover{border-color:var(--media-accent)}
.research-list h3{font-size:1.25rem;line-height:1.4;margin:14px 0;font-weight:500;letter-spacing:0}
.research-list p{color:var(--muted);font-size:.9375rem;margin-bottom:14px}
.research-list a:hover .media-action{color:var(--media-accent)}
.media-page footer{border-color:var(--line)}
.media-page footer a:hover{color:var(--media-accent)}
@media(max-width:1000px){.screening-card{padding:25px}.media-source{font-size:3rem}.media-secondary-grid{gap:14px}.media-secondary-grid .screening-card{padding:22px}.media-research-heading{flex-wrap:wrap;gap:18px}}
@media(max-width:680px){
 .media-main{padding:28px 6% 52px}
 .media-topline{align-items:flex-start;flex-direction:column;gap:8px}
 .media-topline .eyebrow{font-size:.75rem}
 .media-intro h1{font-size:clamp(2.8rem,11vw,4rem);line-height:1.12;margin:24px 0 18px}
 .media-intro>p{font-size:1.0625rem;margin-bottom:28px}
 .screening-grid{display:flex;flex-direction:column;gap:14px}
 .screening-card{padding:25px}
 .media-lead{min-height:290px}
 .media-lead h2{font-size:2.1rem}
 .media-interview{min-height:330px}
 .media-interview h2{font-size:2.25rem}
 .media-lines{height:70px;margin:24px 0 18px}
 .media-play{width:48px;height:48px}
 .media-mini{grid-template-columns:1fr;gap:14px}
 .media-mini .screening-card{min-height:200px}
 .media-hls{align-items:flex-start;flex-direction:column;gap:10px;padding:26px 0}
 .media-secondary-grid,.research-list{grid-template-columns:1fr;gap:16px}
 .media-secondary-grid .screening-card{min-height:240px;padding:25px}
 .media-additional{margin-top:40px}
 .media-research{margin-top:40px;padding-top:30px}
 .media-research-heading{display:block}
 .media-research-heading>.media-crosslink{margin-top:18px}
 .research-list{gap:28px}
 .research-list h3{font-size:1.3rem}
}

/* The shared skip link has a pale background on the dark Media page. */
.media-page .skip-link{color:var(--paper)}