/* Commercials and shows: distinct compositions within the newsroom identity. */
.branded-service-page .page-hero h1 { max-width:none; }
.branded-service-page h2 { font-size:var(--section-title); }
.branded-service-page .page-hero { padding-bottom:34px; }
.commercial-heading { display:grid; grid-template-columns:1.15fr 1fr; align-items:end; gap:72px; margin-bottom:46px; }
.commercial-heading h1 { margin-bottom:0; }
.commercial-intro { max-width:45ch; padding-bottom:5px; }
.commercial-intro>p:not(.lead) { font-size:16px; color:var(--muted); }
.commercial-screen { background:var(--ink); color:var(--paper); }
.branded-screen-label { display:flex; justify-content:space-between; gap:20px; padding:14px 22px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.branded-film { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:var(--ink); color:white; text-decoration:none; }
.branded-film img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.branded-film::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.75)); pointer-events:none; }
.branded-watch { position:absolute; z-index:1; left:22px; bottom:22px; display:flex; gap:13px; align-items:center; font-size:13px; font-weight:700; }
.branded-watch>span { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.8); border-radius:50%; font-size:12px; }
.branded-runtime { position:absolute; z-index:1; right:22px; bottom:29px; font-size:12px; font-variant-numeric:tabular-nums; }
.branded-film:hover img { transform:scale(1.025); }
.branded-film:hover .branded-watch>span { background:var(--paper); color:var(--ink); }
.commercial-screen .branded-film { aspect-ratio:2.25/1; }
.commercial-screen .branded-film img { object-position:center 44%; }
.commercial-screen figcaption { display:flex; justify-content:space-between; gap:25px; padding:18px 22px; font-size:13px; }
.commercial-screen figcaption>span { color:#c8c8bd; font-size:11px; }
.branded-jumps { margin-top:20px; }
.branded-idea { display:grid; grid-template-columns:1fr 1fr; gap:100px; }
.branded-idea>div>p:not(.eyebrow) { max-width:42ch; }
.commercial-storyline { list-style:none; margin:0; padding:0; }
.commercial-storyline li { border-top:1px solid var(--rule); padding:21px 0 25px; }
.commercial-storyline li:last-child { padding-bottom:0; }
.commercial-storyline li>span { color:var(--red); font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.commercial-storyline h3 { margin:12px 0; font-size:31px; }
.commercial-storyline p { font-size:16px; color:var(--muted); margin:0; }
.branded-dark { color:var(--paper); background:var(--ink); }
.branded-dark a:focus-visible { outline-color:var(--paper); }
.branded-dark .eyebrow { color:#cccfc2; }
.branded-section-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:end; margin-bottom:48px; }
.branded-section-heading h2 { margin:0; }
.branded-section-heading>p { font-size:17px; max-width:43ch; margin:0 0 5px; }
.branded-dark .branded-section-heading>p { color:#d4d5cd; }
.commercial-formats { display:grid; grid-template-columns:1.55fr 1fr; gap:64px; align-items:start; }
.commercial-landscape { padding-top:42px; }
.commercial-landscape>.eyebrow { margin:24px 0 12px; }
.commercial-formats h3 { font-size:31px; margin:0 0 14px; }
.commercial-formats p:not(.eyebrow) { font-size:16px; color:#d4d5cd; margin-bottom:0; max-width:45ch; }
.commercial-portrait { display:grid; grid-template-columns:1fr; gap:22px; }
.commercial-portrait .branded-film { aspect-ratio:9/12; max-width:300px; margin-left:auto; }
.commercial-portrait .branded-film img { object-position:center; }
.commercial-portrait .eyebrow { margin-bottom:12px; }
.commercial-delivery { border-top:1px solid #66695f; margin-top:52px; padding-top:26px; }
.commercial-delivery>p:not(.eyebrow):not(.branded-note) { font-size:clamp(20px,2.2vw,28px); line-height:1.5; max-width:none; margin-bottom:15px; letter-spacing:-.02em; }
.commercial-delivery>p>span { display:inline-block; margin-inline:12px; color:#a8ac9d; }
.branded-note { color:var(--muted); font-size:13px; max-width:90ch; margin:24px 0 0; }
.branded-dark .branded-note { color:#c8c8bd; }
.branded-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; padding:0; margin:0; list-style:none; }
.branded-process li { border-top:1px solid var(--rule); padding-top:22px; }
.branded-process h3 { font-size:25px; margin:28px 0 14px; line-height:1.15; }
.branded-process p { font-size:15px; color:var(--muted); margin:0; }
.podcast-hero-layout { display:grid; grid-template-columns:1.03fr 1fr; gap:60px; align-items:center; padding-bottom:24px; }
.podcast-hero .podcast-hero-copy h1 { font-size:clamp(48px,5.2vw,76px); }
.podcast-hero-copy>p:not(.eyebrow):not(.lead) { color:var(--muted); font-size:16px; max-width:43ch; }
.podcast-studio { align-self:stretch; }
.podcast-photo { position:relative; min-height:560px; height:calc(100% - 36px); background:var(--ink); overflow:hidden; }
.podcast-photo>img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:51% center; }
.podcast-photo::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.88)); }
.podcast-photo-caption { position:absolute; bottom:32px; left:30px; right:24px; color:var(--paper); z-index:1; }
.podcast-photo-caption .eyebrow { color:var(--paper); }
.podcast-photo-caption>p { font-size:clamp(31px,3.2vw,44px); line-height:1.08; letter-spacing:-.035em; margin:12px 0 0; }
.podcast-studio figcaption { font-size:10px; color:var(--muted); margin-top:11px; }
.podcast-format-section { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.podcast-format-intro p:not(.eyebrow) { max-width:40ch; }
.podcast-format-list article { display:grid; grid-template-columns:56px 1fr; gap:22px; padding-block:26px; border-top:1px solid var(--rule); }
.podcast-format-list article:first-child { padding-top:0; border-top:0; }
.podcast-format-list article:last-child { padding-bottom:0; }
.podcast-format-number { color:var(--red); font-family:Georgia,serif; font-size:38px; font-style:italic; line-height:1.2; }
.podcast-format-list .eyebrow { color:var(--muted); margin-bottom:8px; }
.podcast-format-list h3 { font-size:28px; margin-bottom:14px; }
.podcast-format-list p:not(.eyebrow) { color:var(--muted); font-size:16px; margin:0; }
.podcast-episode-map { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid #66695f; }
.podcast-master { background:#30332b; display:flex; flex-direction:column; justify-content:center; padding:45px; border-right:1px solid #66695f; }
.podcast-master>p { font-size:clamp(31px,3.6vw,49px); line-height:1.1; letter-spacing:-.035em; margin:20px 0 32px; }
.podcast-wave { display:flex; gap:7px; align-items:center; height:62px; max-width:340px; }
.podcast-wave i { display:block; flex:1; height:24%; background:#d4d6c5; }
.podcast-wave i:nth-child(4n) { height:70%; }
.podcast-wave i:nth-child(3n) { height:45%; }
.podcast-wave i:nth-child(5n) { height:100%; }
.podcast-outputs { list-style:none; margin:0; padding:15px 32px; }
.podcast-outputs li { display:grid; grid-template-columns:24px 1fr; gap:22px; padding:22px 0; border-bottom:1px solid #66695f; }
.podcast-outputs li:last-child { border:0; }
.podcast-outputs li>span { font-size:11px; color:#c8c8bd; padding-top:3px; }
.podcast-outputs h3 { font-size:25px; margin:0 0 12px; }
.podcast-outputs p { font-size:15px; color:#d4d5cd; margin:0; }
.podcast-proof { display:grid; grid-template-columns:1.12fr 1fr; gap:70px; align-items:center; }
.podcast-proof figcaption { font-size:12px; color:var(--muted); margin-top:14px; }
.podcast-proof p:not(.eyebrow) { font-size:16px; color:var(--muted); }
.podcast-plan { background:var(--sage); }
@media(max-width:1100px) {
  .commercial-heading { gap:45px; }
  .branded-idea,.podcast-format-section { gap:55px; }
  .branded-section-heading,.podcast-proof { gap:45px; }
  .commercial-formats { gap:40px; }
  .podcast-hero-layout { gap:35px; }
  .podcast-photo { min-height:550px; }
  .podcast-master { padding:32px; }
  .branded-process { gap:24px; }
}
@media(max-width:800px) {
  .commercial-heading,.branded-idea,.branded-section-heading,.podcast-hero-layout,.podcast-format-section,.podcast-proof { grid-template-columns:1fr; gap:32px; }
  .commercial-heading { margin-bottom:30px; }
  .commercial-heading h1 br { display:none; }
  .commercial-heading h1 { max-width:13ch; }
  .commercial-intro { max-width:58ch; }
  .commercial-screen .branded-film { aspect-ratio:16/9; }
  .commercial-screen figcaption { flex-direction:column; gap:6px; }
  .branded-screen-label { flex-wrap:wrap; gap:5px 20px; }
  .branded-idea>div>p:not(.eyebrow),.podcast-format-intro p:not(.eyebrow) { max-width:58ch; }
  .branded-section-heading>p { max-width:60ch; }
  .commercial-formats { grid-template-columns:1.2fr 1fr; gap:28px; }
  .commercial-landscape { padding-top:0; }
  .commercial-portrait .branded-film { max-width:none; }
  .commercial-formats h3 { font-size:26px; }
  .branded-process { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
  .branded-process h3 { margin-top:18px; }
  .podcast-photo { min-height:480px; }
  .podcast-hero-layout { padding-bottom:4px; }
  .podcast-hero .podcast-hero-copy h1 { font-size:clamp(48px,8vw,68px); }
  .podcast-hero-copy .lead { max-width:40ch; }
  .podcast-hero-copy>p:not(.eyebrow):not(.lead) { max-width:55ch; }
  .podcast-photo-caption>p { font-size:44px; }
  .podcast-episode-map { grid-template-columns:1fr; }
  .podcast-master { border-right:0; border-bottom:1px solid #66695f; padding:32px; }
  .podcast-master>p { font-size:42px; }
  .podcast-proof figure { max-width:none; }
}
@media(max-width:540px) {
  .commercial-heading h1 { max-width:11ch; }
  .commercial-intro .button { width:100%; }
  .commercial-screen figcaption { padding:16px; font-size:12px; }
  .branded-screen-label { padding:12px 16px; font-size:10px; }
  .branded-watch { left:14px; bottom:14px; gap:9px; font-size:12px; }
  .branded-watch>span { width:32px; height:32px; }
  .branded-runtime { right:14px; bottom:20px; font-size:11px; }
  .commercial-storyline h3 { font-size:28px; }
  .branded-section-heading { margin-bottom:32px; }
  .commercial-formats { grid-template-columns:1fr; gap:40px; }
  .commercial-portrait { grid-template-columns:.95fr 1fr; gap:18px; align-items:center; }
  .commercial-portrait .branded-film { aspect-ratio:9/16; }
  .commercial-portrait .branded-watch { font-size:0; }
  .commercial-portrait .branded-watch>span { font-size:12px; }
  .commercial-portrait .branded-runtime { right:11px; }
  .commercial-formats h3 { font-size:26px; }
  .commercial-portrait p:not(.eyebrow) { font-size:14px; }
  .commercial-portrait .eyebrow { font-size:10px; }
  .commercial-delivery { margin-top:35px; }
  .commercial-delivery>p>span { margin-inline:5px; }
  .branded-process { grid-template-columns:1fr; gap:25px; }
  .branded-process h3 { font-size:26px; margin:13px 0; }
  .podcast-photo { min-height:430px; }
  .podcast-photo-caption { bottom:24px; left:22px; }
  .podcast-photo-caption>p { font-size:37px; }
  .podcast-photo-caption .eyebrow { font-size:10px; }
  .podcast-format-list article { grid-template-columns:36px 1fr; gap:18px; }
  .podcast-format-number { font-size:31px; }
  .podcast-format-list h3 { font-size:26px; }
  .podcast-master { padding:26px; }
  .podcast-master>p { font-size:36px; }
  .podcast-outputs { padding:5px 24px; }
  .podcast-outputs li { gap:12px; }
  .podcast-outputs h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .branded-film img { transition:none; }
  .branded-film:hover img { transform:none; }
}
@media print {
  .branded-dark,.podcast-master,.commercial-screen { background:white; color:black; }
  .branded-dark .eyebrow,.branded-dark p,.commercial-formats p:not(.eyebrow),.podcast-outputs p,.branded-dark .branded-note { color:black; }
}