:root {
  color-scheme: dark;
  --black: #050505;
  --yellow: #ffc400;
  --white: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 76px; overflow-x: clip; }
main > section[id], .site-footer, #footer-contact { scroll-margin-top: 76px; }
body { overflow-x: clip; }
body { margin: 0; min-width: 320px; background: var(--black); color: var(--white); }
a { color: inherit; text-decoration: none; }

.site-header {
  position: sticky;
  z-index: 10;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 52px;
  padding: 0 clamp(16px, 3.2vw, 34px);
  background: var(--black);
}
.brand { flex: 0 0 18%; display: flex; align-items: center; min-width: 106px; }
.brand img { display: block; width: 104px; max-width: 100%; height: auto; }
.site-nav { display: flex; align-items: center; justify-content: space-between; gap: clamp(9px, 1.5vw, 22px); width: 100%; height: 100%; }
.nav-link { position: relative; display: inline-flex; align-items: center; height: 100%; color: #f4f4f4; font-size: 10px; font-weight: 400; white-space: nowrap; transition: color .2s ease; }
.nav-link::after { position: absolute; right: 0; bottom: 9px; left: 0; height: 2px; background: var(--yellow); content: ""; transform: scaleX(0); transform-origin: center; transition: transform .22s ease; }
.nav-link:hover, .nav-link.is-active { color: var(--yellow); }
.nav-link:hover::after, .nav-link.is-active::after { transform: scaleX(1); }
.header-cta { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; min-height: 32px; padding: 0 12px; border-radius: 5px; background: var(--yellow); color: #090909; font-size: 10px; font-weight: 800; white-space: nowrap; transition: background .22s ease, transform .22s ease; }
.header-cta svg, .button svg { width: 11px; height: 11px; }
.header-cta:hover { background: #ffda46; transform: translateY(-1px); }
.cta-arrow { margin-left: 2px; font-size: 12px; }
.menu-toggle { display: none; }

.hero {
  position: relative;
  display: grid;
  min-height: clamp(420px, calc(100svh - 52px), 720px);
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: #18202a url("../imagens/section01/Sunset%20Waterfront%20Skyline%20with%20Mountain%20and%20Museum.png") center 53% / cover no-repeat;
}
.hero::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 12%) 43%, rgb(0 0 0 / 34%) 100%); content: ""; }
.hero-content { width: min(94%, 920px); padding: 25px 0 20px; text-align: center; }
.eyebrow { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 7px; color: var(--yellow); }
.eyebrow span { width: 29px; height: 2px; background: var(--yellow); }
.eyebrow p { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: .42em; }
h1 { display: flex; flex-direction: column; margin: 0; font-size: clamp(38px, 5.4vw, 72px); font-weight: 800; letter-spacing: -.035em; line-height: 1.02; text-shadow: 0 2px 12px rgb(0 0 0 / 42%); }
h1 .accent { color: var(--yellow); }
.hero-subtitle { margin: 14px 0 20px; color: #f6f6f6; font-size: clamp(16px, 2vw, 21px); font-weight: 400; text-shadow: 0 1px 8px rgb(0 0 0 / 70%); }
.hero-subtitle i { color: var(--yellow); font-style: normal; padding: 0 2px; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 16px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 0 23px; border: 1px solid transparent; border-radius: 6px; font-size: 15px; font-weight: 800; transition: background .24s ease, color .24s ease, border-color .24s ease, transform .24s ease; }
.button:hover { transform: scale(1.035); }
.button-primary { background: var(--yellow); color: #090909; }
.button-primary:hover { background: #ffda46; }
.button-secondary { min-width: 230px; border-color: rgb(255 255 255 / 86%); background: rgb(0 0 0 / 15%); color: var(--white); font-weight: 600; }
.button-secondary span { margin-left: 5px; font-size: 16px; transition: transform .24s ease; }
.button-secondary:hover { border-color: var(--yellow); background: var(--yellow); color: #090909; }
.button-secondary:hover span { transform: translateX(3px); }

.news-section { display: grid; min-height: 88vh; min-height: 88svh; padding: 16px clamp(8px, 1vw, 14px); place-items: center; background: #f7f7f7; }
.news-grid { display: grid; grid-template-columns: 1.36fr 1fr; gap: 8px; width: 100%; height: min(74vh, 720px); height: min(74svh, 720px); min-height: clamp(220px, 31vw, 430px); margin-inline: auto; }
.news-feature, .news-story { position: relative; display: block; overflow: hidden; border: 1px solid rgb(0 0 0 / 9%); border-radius: 9px; background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 10%); color: inherit; }
.news-feature { min-height: 0; isolation: isolate; color: #fff; }
.news-feature > img, .news-story > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.news-feature > img { z-index: 0; object-position: center 54%; }
.news-feature:hover > img, .news-story:hover > img { transform: scale(1.035); }
.feature-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg, rgb(0 0 0 / 83%) 0%, rgb(0 0 0 / 38%) 43%, rgb(0 0 0 / 2%) 100%); }
.feature-copy { position: absolute; z-index: 2; right: 26px; bottom: 24px; left: 26px; display: flex; flex-direction: column; align-items: flex-start; }
.news-tag { display: inline-flex; align-items: center; width: fit-content; min-height: 25px; padding: 0 12px; border-radius: 4px; background: var(--yellow); color: #111; font-size: 14px; font-weight: 800; line-height: 1; }
.feature-title { margin-top: 9px; font-size: clamp(32px, 4.2vw, 60px); font-weight: 800; letter-spacing: -.035em; line-height: .99; }
.feature-description { margin-top: 10px; font-size: clamp(15px, 1.6vw, 19px); line-height: 1.28; }
.feature-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; color: var(--yellow); font-size: 15px; font-weight: 800; }
.feature-link span { font-size: 21px; transition: transform .22s ease; }
.news-feature:hover .feature-link span { transform: translateX(4px); }
.news-stack { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 5px; min-height: 0; }
.news-story { display: grid; grid-template-columns: 49% minmax(0, 1fr) 34px; align-items: center; gap: 8px; min-height: 0; padding-right: 10px; background: #050505; color: #fff; }
.news-story > img { position: static; grid-row: 1; width: 100%; height: 100%; min-height: 0; object-position: center; }
.story-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.story-copy .news-tag { min-height: 21px; padding-inline: 9px; font-size: 11px; }
.story-title { color: #fff; font-size: clamp(14px, 1.45vw, 19px); font-weight: 750; line-height: 1.08; }
.story-arrow { display: grid; width: 32px; height: 32px; place-items: center; justify-self: end; border: 1px solid rgb(255 255 255 / 82%); border-radius: 50%; color: #fff; font-size: 19px; transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease; }
.news-story:hover .story-arrow { transform: translateX(2px); border-color: var(--yellow); background: var(--yellow); }
.news-feature, .news-story { transition: box-shadow .25s ease, transform .25s ease; }
.news-feature:hover, .news-story:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgb(0 0 0 / 15%); }
.js-enabled .news-section:not(.is-visible) .news-feature,
.js-enabled .news-section:not(.is-visible) .news-story { opacity: 0; translate: 0 12px; }
.news-section.is-visible .news-feature { animation: news-reveal .55s both ease-out; }
.news-section.is-visible .news-story { animation: news-reveal .5s both ease-out; }
.news-section.is-visible .news-story:nth-child(1) { animation-delay: .14s; }
.news-section.is-visible .news-story:nth-child(2) { animation-delay: .27s; }
.news-section.is-visible .news-story:nth-child(3) { animation-delay: .4s; }
@keyframes news-reveal { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }

.latest-section { display: grid; min-height: 88vh; min-height: 88svh; align-items: center; padding: clamp(24px, 3.5vh, 42px) clamp(12px, 2vw, 28px); background: #fafafa; color: #080808; }
.latest-container { width: min(100%, 1600px); margin-inline: auto; }
.latest-heading { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0 0 22px; color: #080808; font-size: clamp(28px, 2.5vw, 36px); font-weight: 900; letter-spacing: .015em; line-height: 1.1; text-align: center; }
.latest-heading > span { width: 48px; height: 5px; flex: 0 0 48px; border-radius: 4px; background: var(--yellow); transform: scaleX(1); }
.latest-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 14px; }
.latest-card { display: flex; min-width: 0; min-height: min(62svh, 680px); flex-direction: column; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; box-shadow: 0 2px 6px rgb(0 0 0 / 8%); transition: box-shadow .24s ease, transform .24s ease; }
.latest-card:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgb(0 0 0 / 13%); }
.latest-image { position: relative; display: block; flex: 0 0 auto; overflow: hidden; aspect-ratio: 16 / 9; background: #ddd; }
.latest-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.latest-card:hover .latest-image img { transform: scale(1.035); }
.latest-tag { position: absolute; bottom: 9px; left: 11px; padding: 6px 10px; border-radius: 4px; background: var(--yellow); color: #111; font-size: 12px; font-weight: 800; line-height: 1; }
.latest-card-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 16px 17px 17px; }
.latest-title { display: -webkit-box; overflow: hidden; color: #111; font-size: clamp(12px, 1.25vw, 19px); font-weight: 800; line-height: 1.16; text-decoration: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.latest-title:hover { text-decoration: underline; text-decoration-color: var(--yellow); text-decoration-thickness: 2px; text-underline-offset: 2px; }
.latest-description { display: -webkit-box; overflow: hidden; margin: 9px 0 12px; color: #252525; font-size: clamp(11px, 1.05vw, 16px); line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.latest-meta { display: flex; align-items: center; gap: 8px; width: 100%; margin-top: auto; color: #333; font-size: clamp(9px, .85vw, 12px); line-height: 1.25; white-space: nowrap; }
.latest-date { display: inline-flex; align-items: center; gap: 3px; }
.latest-date svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.latest-author { padding-left: 7px; border-left: 1px solid #aaa; }
.latest-read { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; color: #111; font-size: 14px; font-weight: 800; text-decoration: none; }
.latest-read span { color: #dda900; font-size: 14px; line-height: 1; transition: color .2s ease, translate .2s ease; }
.latest-read:hover span { color: #111; translate: 3px 0; }
.latest-all { display: flex; width: fit-content; min-height: 62px; align-items: center; justify-content: center; gap: 16px; margin: 24px auto 0; padding: 0 34px; border-radius: 7px; background: var(--yellow); color: #111; font-size: 17px; font-weight: 800; text-decoration: none; transition: background .22s ease, scale .22s ease; }
.latest-all:hover { background: #ffda46; scale: 1.035; }
.latest-all span { font-size: 15px; transition: translate .2s ease; }
.latest-all:hover span { translate: 3px 0; }
.js-enabled .latest-section:not(.is-visible) .latest-heading,
.js-enabled .latest-section:not(.is-visible) .latest-card,
.js-enabled .latest-section:not(.is-visible) .latest-all { opacity: 0; translate: 0 12px; }
.latest-section.is-visible .latest-heading { animation: news-reveal .45s both ease-out; }
.latest-section.is-visible .latest-heading > span { animation: line-reveal .38s both ease-out; }
.latest-section.is-visible .latest-heading > span:last-child { animation-delay: .08s; }
.latest-section.is-visible .latest-card { animation: news-reveal .46s both ease-out; }
.latest-section.is-visible .latest-card:nth-child(1) { animation-delay: .1s; }
.latest-section.is-visible .latest-card:nth-child(2) { animation-delay: .2s; }
.latest-section.is-visible .latest-card:nth-child(3) { animation-delay: .3s; }
.latest-section.is-visible .latest-card:nth-child(4) { animation-delay: .4s; }
.latest-section.is-visible .latest-all { animation: news-reveal .42s .54s both ease-out; }
@keyframes line-reveal { from { scale: 0 1; } to { scale: 1 1; } }

@media (min-width: 700px) and (max-width: 1000px) { .latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .latest-card { min-height: 36svh; } .latest-card-content { padding: 14px 16px 15px; } .latest-title { font-size: 17px; } .latest-description { font-size: 15px; } .latest-meta { font-size: 11px; } }
@media (min-width: 521px) and (max-width: 699px) { .latest-card-content { padding: 9px 8px 10px; } .latest-image { aspect-ratio: 1.55; } .latest-tag { bottom: 5px; left: 6px; padding: 4px 6px; font-size: 10px; } .latest-title { font-size: 12px; } .latest-description { margin: 5px 0 7px; font-size: 9px; } .latest-meta { gap: 3px; font-size: 6px; } .latest-date svg { width: 9px; height: 9px; } .latest-author { padding-left: 3px; } .latest-read { margin-top: 7px; font-size: 10px; } }
@media (max-width: 520px) { .latest-section { padding: 22px 14px 26px; } .latest-heading { gap: 9px; margin-bottom: 16px; font-size: 24px; } .latest-heading > span { width: 30px; flex-basis: 30px; height: 4px; } .latest-grid { grid-template-columns: 1fr; gap: 14px; } .latest-card { min-height: 0; } .latest-image { aspect-ratio: 16 / 8.5; } .latest-tag { bottom: 7px; left: 9px; font-size: 12px; } .latest-card-content { padding: 14px 16px 15px; } .latest-title { font-size: 18px; } .latest-description { margin: 8px 0 10px; font-size: 15px; } .latest-meta { gap: 8px; font-size: 11px; } .latest-date svg { width: 14px; height: 14px; } .latest-read { margin-top: 10px; font-size: 14px; } .latest-all { min-height: 56px; margin-top: 18px; padding-inline: 26px; font-size: 15px; } }

.podcast-hero { position: relative; display: flex; min-height: 0; height: min(45vw, 760px); aspect-ratio: 2.25 / 1; align-items: center; overflow: hidden; isolation: isolate; background: #050505; color: #fff; }
.podcast-scene { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.podcast-scene-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 24%) 0%, rgb(0 0 0 / 8%) 47%, rgb(0 0 0 / 4%) 100%); }
.podcast-content { position: relative; z-index: 1; width: 70%; margin-left: 5.4%; padding-block: 26px; }
.podcast-credit { margin: 0 0 15px calc(clamp(84px, 11vw, 160px) + clamp(18px, 2vw, 30px)); color: #f4f0e9; font-size: clamp(11px, 1.05vw, 15px); font-weight: 400; letter-spacing: .06em; line-height: 1.2; }
.podcast-brand-lockup { display: flex; align-items: center; gap: clamp(18px, 2vw, 30px); }
.podcast-brand-icon { width: clamp(84px, 11vw, 160px); height: clamp(100px, 13vw, 190px); flex: 0 0 auto; color: var(--yellow); filter: drop-shadow(0 0 12px rgb(255 196 0 / 36%)); }
.podcast-brand-lockup h2 { display: flex; flex-direction: column; margin: 0; font-size: clamp(46px, 7vw, 104px); font-style: italic; font-weight: 900; letter-spacing: -.045em; line-height: .88; }
.podcast-brand-lockup h2 span { display: block; }
.podcast-yellow { margin-top: 10px; color: var(--yellow); font-size: 1.18em; }
.podcast-tagline { margin: 18px 0 22px; color: #f4f4f4; font-size: clamp(16px, 1.8vw, 26px); font-weight: 400; line-height: 1.25; }
.podcast-features { display: flex; width: min(100%, 820px); align-items: center; justify-content: space-between; gap: clamp(14px, 1.8vw, 26px); margin: 0 0 25px; padding: 0; list-style: none; }
.podcast-features li { display: inline-flex; align-items: center; gap: 8px; color: #f4f4f4; font-size: clamp(10px, 1.25vw, 17px); line-height: 1.2; white-space: nowrap; }
.podcast-features li + li { padding-left: clamp(12px, 1.5vw, 22px); border-left: 1px solid rgb(255 255 255 / 36%); }
.podcast-features svg { width: clamp(15px, 1.7vw, 23px); height: clamp(15px, 1.7vw, 23px); flex: 0 0 auto; fill: none; stroke: var(--yellow); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.podcast-features li:first-child svg path { fill: var(--yellow); stroke: var(--yellow); }
.podcast-actions { display: flex; width: min(100%, 820px); align-items: center; gap: clamp(14px, 1.8vw, 26px); }
.podcast-button { display: inline-flex; min-height: clamp(44px, 4.5vw, 64px); flex: 1 1 0; align-items: center; justify-content: center; gap: 10px; padding: 0 clamp(18px, 2.6vw, 36px); border: 1px solid transparent; border-radius: 9px; font-size: clamp(12px, 1.2vw, 18px); font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease; }
.podcast-button:hover { transform: scale(1.035); }
.podcast-button svg { width: clamp(12px, 1.25vw, 17px); height: clamp(12px, 1.25vw, 17px); flex: 0 0 auto; }
.podcast-primary { background: var(--yellow); color: #090909; }
.podcast-primary:hover { background: #ffda46; }
.podcast-secondary { border-color: rgb(255 255 255 / 86%); background: rgb(0 0 0 / 20%); color: #fff; font-weight: 600; }
.podcast-secondary:hover { border-color: var(--yellow); background: var(--yellow); color: #090909; }
.podcast-secondary span { font-size: 20px; transition: translate .22s ease; }
.podcast-secondary:hover span { translate: 3px 0; }
.js-enabled .podcast-hero:not(.is-visible) .podcast-scene,
.js-enabled .podcast-hero:not(.is-visible) .podcast-content > *,
.js-enabled .podcast-hero:not(.is-visible) .podcast-brand-lockup > * { opacity: 0; }
.podcast-hero.is-visible .podcast-scene { animation: podcast-scene-in .7s both ease-out; }
.podcast-hero.is-visible .podcast-credit { animation: news-reveal .4s .15s both ease-out; }
.podcast-hero.is-visible .podcast-brand-icon { animation: podcast-fade-in .45s .28s both ease-out; }
.podcast-hero.is-visible .podcast-brand-lockup h2 span:first-child { animation: news-reveal .48s .34s both ease-out; }
.podcast-hero.is-visible .podcast-brand-lockup h2 span:last-child { animation: news-reveal .48s .46s both ease-out; }
.podcast-hero.is-visible .podcast-tagline { animation: news-reveal .42s .58s both ease-out; }
.podcast-hero.is-visible .podcast-features li { animation: news-reveal .38s both ease-out; }
.podcast-hero.is-visible .podcast-features li:nth-child(1) { animation-delay: .67s; }
.podcast-hero.is-visible .podcast-features li:nth-child(2) { animation-delay: .75s; }
.podcast-hero.is-visible .podcast-features li:nth-child(3) { animation-delay: .83s; }
.podcast-hero.is-visible .podcast-actions { animation: news-reveal .42s .92s both ease-out; }
@keyframes podcast-scene-in { from { opacity: 0; scale: 1.025; } to { opacity: 1; scale: 1; } }
@keyframes podcast-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 521px) and (max-width: 700px) {
  .podcast-hero { height: auto; min-height: 300px; aspect-ratio: auto; }
  .podcast-content { width: 72%; margin-left: 4%; }
  .podcast-credit { margin-left: 100px; }
  .podcast-brand-icon { width: 82px; height: 100px; }
  .podcast-brand-lockup h2 { font-size: clamp(36px, 6.5vw, 46px); }
  .podcast-tagline { font-size: 12px; }
  .podcast-features { gap: 7px; margin-bottom: 13px; }
  .podcast-features li { gap: 4px; font-size: 8px; }
  .podcast-features li + li { padding-left: 7px; }
  .podcast-features svg { width: 11px; height: 11px; }
  .podcast-button { min-height: 34px; gap: 5px; padding-inline: 10px; font-size: 8px; }
}
@media (max-width: 520px) {
  .podcast-hero { height: auto; min-height: 820px; aspect-ratio: auto; align-items: flex-end; }
  .podcast-scene { object-position: 72% center; }
  .podcast-scene-shade { background: linear-gradient(180deg, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 10%) 38%, rgb(0 0 0 / 87%) 61%, #050505 100%); }
  .podcast-content { width: 100%; margin: 0; padding: 0 22px 34px; }
  .podcast-credit { margin: 0 0 16px calc(clamp(64px, 22vw, 100px) + 18px); font-size: 11px; }
  .podcast-brand-icon { width: clamp(64px, 22vw, 100px); height: clamp(78px, 26vw, 118px); }
  .podcast-brand-lockup h2 { font-size: clamp(46px, 10vw, 72px); }
  .podcast-tagline { margin: 16px 0 20px; font-size: 17px; }
  .podcast-features { flex-wrap: wrap; gap: 12px 16px; margin-bottom: 22px; }
  .podcast-features li { gap: 8px; font-size: 13px; }
  .podcast-features li + li { padding-left: 12px; }
  .podcast-features svg { width: 16px; height: 16px; }
  .podcast-actions { flex-wrap: wrap; gap: 12px; }
  .podcast-button { min-height: 54px; padding-inline: 20px; font-size: 13px; }
}

/* Section 07 — Revista Realize */
.magazine-section {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(14px, 1.5vw, 22px);
  padding: clamp(20px, 3.5vw, 46px) clamp(14px, 3.5vw, 52px);
  background: #fafafa;
  color: #050505;
}
.magazine-feature {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 1.29 / 1;
  overflow: hidden;
  isolation: isolate;
  border-radius: 10px;
  background: #132633;
  box-shadow: 0 2px 8px rgb(0 0 0 / 13%);
}
.magazine-feature-landscape,
.magazine-feature-person,
.magazine-feature-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.magazine-feature-landscape { z-index: -3; object-fit: cover; object-position: center; transition: transform .35s ease; }
.magazine-feature-person { z-index: -2; left: auto; width: 69%; object-fit: contain; object-position: right bottom; }
.magazine-feature-shade { z-index: -1; background: linear-gradient(0deg, rgb(0 0 0 / 82%) 0%, rgb(0 0 0 / 47%) 32%, transparent 67%); }
.magazine-feature-copy { position: absolute; right: 20px; bottom: 18px; left: 20px; color: #fff; }
.magazine-tag { display: inline-flex; align-items: center; min-height: 20px; padding: 3px 9px; border-radius: 5px; background: #ffc400; color: #050505; font-size: 10px; font-weight: 800; line-height: 1; }
.magazine-feature-copy .magazine-tag { min-height: 23px; padding: 4px 11px; font-size: 11px; }
.magazine-feature-copy h2 { margin: 7px 0 6px; font-size: clamp(25px, 2.7vw, 39px); font-weight: 800; line-height: .99; letter-spacing: -.035em; }
.magazine-feature-copy p { margin: 0; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.2; }
.magazine-feature-link { display: inline-flex; align-items: center; gap: 11px; min-height: 38px; margin-top: 12px; padding: 0 16px; border-radius: 6px; background: #ffc400; color: #050505; font-size: 13px; font-weight: 800; transition: background .25s ease; }
.magazine-feature-link > span,
.magazine-card-link > span { display: inline-block; color: #e9ad00; transition: transform .25s ease; }
.magazine-feature-link > span { color: #050505; font-size: 16px; }
.magazine-side { display: grid; min-width: 0; grid-template-rows: auto 1fr; gap: clamp(12px, 1.4vw, 20px); }
.magazine-heading-title { display: flex; align-items: center; gap: 12px; }
.magazine-heading-title > span { width: 40px; height: 4px; flex: 0 0 40px; border-radius: 4px; background: #ffc400; }
.magazine-heading h2 { margin: 0; font-size: clamp(25px, 3vw, 42px); font-weight: 800; line-height: 1; letter-spacing: -.035em; white-space: nowrap; }
.magazine-heading h2 em { display: inline-block; color: inherit; font-size: 1.28em; font-style: italic; font-weight: 900; transform: skewX(-8deg); }
.magazine-heading p { margin: 8px 0 0; font-size: clamp(12px, 1.13vw, 16px); line-height: 1.2; }
.magazine-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: clamp(8px, 1vw, 14px); }
.magazine-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; box-shadow: 0 2px 7px rgb(0 0 0 / 8%); transition: transform .25s ease, box-shadow .25s ease; }
.magazine-card-image { position: relative; aspect-ratio: 1.03 / 1; overflow: hidden; }
.magazine-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.magazine-card-image .magazine-tag { position: absolute; bottom: 7px; left: 7px; min-height: 18px; padding-inline: 7px; font-size: 9px; }
.magazine-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: clamp(8px, 1vw, 13px); }
.magazine-card-copy h3 { margin: 0; font-size: clamp(11px, 1.08vw, 15px); font-weight: 800; line-height: 1.12; letter-spacing: -.015em; }
.magazine-card-description { margin: 7px 0 0; color: #353535; font-size: clamp(10px, .95vw, 13px); line-height: 1.25; }
.magazine-card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 12px; font-size: clamp(9px, .82vw, 11px); font-weight: 800; }
.magazine-card-link > span { font-size: 15px; }
.magazine-feature:hover .magazine-feature-landscape { transform: scale(1.035); }
.magazine-feature:hover .magazine-feature-link { background: #ffd333; }
.magazine-feature:hover .magazine-feature-link > span,
.magazine-card:hover .magazine-card-link > span { transform: translateX(3px); }
.magazine-card:hover { transform: translateY(-3px); box-shadow: 0 7px 16px rgb(0 0 0 / 12%); }
.magazine-card:hover img { transform: scale(1.045); }
.js-enabled .magazine-section:not(.is-visible) .magazine-feature,
.js-enabled .magazine-section:not(.is-visible) .magazine-heading,
.js-enabled .magazine-section:not(.is-visible) .magazine-cards { opacity: 0; translate: 0 12px; }
.magazine-section.is-visible .magazine-feature { animation: news-reveal .58s both ease-out; }
.magazine-section.is-visible .magazine-feature-person { animation: magazine-person-in .78s .16s both cubic-bezier(.2,.75,.25,1); }
.magazine-section.is-visible .magazine-heading { animation: news-reveal .48s .12s both ease-out; }
.magazine-section.is-visible .magazine-heading-title > span { animation: line-reveal .38s .23s both ease-out; }
.magazine-section.is-visible .magazine-card { animation: news-reveal .48s both ease-out; }
.magazine-section.is-visible .magazine-card:nth-child(1) { animation-delay: .25s; }
.magazine-section.is-visible .magazine-card:nth-child(2) { animation-delay: .36s; }
.magazine-section.is-visible .magazine-card:nth-child(3) { animation-delay: .47s; }
@keyframes magazine-person-in { from { opacity: 0; translate: 44px 0; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 900px) and (min-width: 601px) {
  .magazine-section { grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 12px; padding-inline: 18px; }
  .magazine-feature-copy { right: 14px; bottom: 13px; left: 14px; }
  .magazine-feature-copy h2 { font-size: clamp(22px, 3vw, 29px); }
  .magazine-heading-title { gap: 8px; }
  .magazine-heading-title > span { width: 26px; flex-basis: 26px; }
  .magazine-heading h2 { font-size: clamp(18px, 2.8vw, 25px); }
  .magazine-heading h2 em { font-size: 1.08em; }
  .magazine-heading p { font-size: 11px; }
  .magazine-cards { gap: 6px; }
  .magazine-card-copy { padding: 7px; }
  .magazine-card-copy h3 { font-size: 11px; }
  .magazine-card-description { font-size: 10px; }
  .magazine-card-link { font-size: 9px; }
}
@media (max-width: 600px) {
  .magazine-section { grid-template-columns: 1fr; gap: 20px; padding: 24px 14px 28px; }
  .magazine-feature { aspect-ratio: 1 / 1; }
  .magazine-feature-person { width: 74%; }
  .magazine-feature-copy { right: 16px; bottom: 15px; left: 16px; }
  .magazine-feature-copy h2 { font-size: clamp(29px, 8vw, 38px); }
  .magazine-feature-copy p { font-size: 15px; }
  .magazine-side { gap: 14px; }
  .magazine-heading h2 { font-size: clamp(25px, 7.5vw, 36px); }
  .magazine-heading h2 em { font-size: 1.12em; }
  .magazine-heading p { font-size: 14px; }
  .magazine-cards { grid-template-columns: 1fr; gap: 10px; }
  .magazine-card { display: grid; grid-template-columns: 38% minmax(0, 1fr); min-height: 112px; }
  .magazine-card-image { height: 100%; min-height: 112px; aspect-ratio: auto; }
  .magazine-card-image .magazine-tag { bottom: 6px; left: 6px; }
  .magazine-card-copy { justify-content: center; padding: 12px 14px; }
  .magazine-card-copy h3 { font-size: 16px; }
  .magazine-card-description { margin-top: 5px; font-size: 13px; }
  .magazine-card-link { padding-top: 11px; font-size: 11px; }
}

/* Section 08 — Realize TV */
.realize-tv-section {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr) minmax(0, .5fr);
  align-items: center;
  gap: clamp(14px, 2vw, 28px);
  min-height: clamp(430px, 40vw, 650px);
  padding: clamp(38px, 5vw, 72px) clamp(20px, 3.8vw, 56px);
  overflow: hidden;
  background: #050505;
  color: #fff;
}
.tv-intro { min-width: 0; }
.tv-brand-row { display: flex; align-items: center; gap: clamp(12px, 1.4vw, 20px); }
.tv-brand-play { display: grid; width: clamp(68px, 5.9vw, 84px); height: clamp(68px, 5.9vw, 84px); flex: 0 0 auto; place-items: center; border: 4px solid #ffc400; border-radius: 50%; color: #ffc400; }
.tv-brand-play span { width: 0; height: 0; margin-left: 6px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 26px solid currentColor; }
.tv-brand-row h2 { margin: 0; font-size: clamp(47px, 5vw, 74px); font-style: italic; font-weight: 900; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.tv-brand-row h2 span { display: inline-block; color: #fff; font-size: 1.1em; font-style: italic; transform: skewX(-9deg); }
.tv-brand-row h2 em { color: #ffc400; font-style: italic; }
.tv-tagline { margin: 13px 0 30px calc(clamp(68px, 5.9vw, 84px) + clamp(12px, 1.4vw, 20px)); color: #e5e5e5; font-size: clamp(18px, 1.8vw, 25px); line-height: 1.2; white-space: nowrap; }
.tv-categories { display: flex; flex-wrap: nowrap; gap: clamp(8px, .9vw, 13px); margin: 0 0 40px; }
.tv-category { min-height: 44px; padding: 0 clamp(12px, 1.3vw, 19px); border: 0; border-radius: 999px; background: #252525; color: #fff; font: 600 clamp(10px, 1vw, 14px)/1 Arial, Helvetica, sans-serif; white-space: nowrap; cursor: pointer; transition: background .22s ease, box-shadow .22s ease, color .22s ease; }
.tv-category:hover { background: #3a3a3a; }
.tv-category[aria-pressed="true"] { background: #383838; box-shadow: inset 0 0 0 1px #ffc400; }
.tv-watch-button { display: inline-flex; min-height: 64px; align-items: center; justify-content: center; gap: 14px; padding: 0 clamp(24px, 2.8vw, 42px); border-radius: 8px; background: #ffc400; color: #050505; font-size: clamp(16px, 1.3vw, 19px); font-weight: 800; white-space: nowrap; transition: background .22s ease, scale .22s ease; }
.tv-watch-button > span { font-size: 24px; }
.tv-watch-button:hover { scale: 1.025; background: #ffda46; }
.tv-main-column { display: flex; min-width: 0; flex-direction: column; align-items: center; transform: translateX(clamp(10px, 1.2vw, 17px)); }
.tv-main-video { position: relative; display: block; width: 100%; overflow: hidden; aspect-ratio: 1.78 / 1; border: 1px solid rgb(255 255 255 / 16%); border-radius: 9px; background: #181818; }
.tv-main-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .3s ease; }
.tv-main-play { position: absolute; inset: 50% auto auto 50%; display: grid; width: clamp(56px, 5.5vw, 70px); aspect-ratio: 1; translate: -50% -50%; place-items: center; border: 2px solid #fff; border-radius: 50%; background: rgb(0 0 0 / 80%); transition: background .25s ease, scale .25s ease; }
.tv-main-play span { width: 0; height: 0; margin-left: 6px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 23px solid #fff; }
.tv-main-video:hover .tv-main-image { transform: scale(1.035); filter: contrast(1.06); }
.tv-main-video:hover .tv-main-play { scale: 1.08; background: #050505; }
.tv-library-button { display: inline-flex; min-height: 40px; align-items: center; gap: 10px; margin-top: 16px; padding: 0 20px; border: 1px solid #e5e5e5; border-radius: 7px; color: #fff; font-size: clamp(10px, .9vw, 12px); font-weight: 600; white-space: nowrap; transition: background .22s ease, border-color .22s ease, color .22s ease; }
.tv-library-button > span { font-size: 17px; transition: translate .22s ease; }
.tv-library-button:hover { border-color: #ffc400; background: #ffc400; color: #050505; }
.tv-library-button:hover > span { translate: 3px 0; }
.tv-thumbnails { display: grid; width: 100%; gap: clamp(10px, 1vw, 14px); transform: translateX(clamp(14px, 1.6vw, 22px)); }
.tv-thumbnail { display: block; width: 100%; overflow: hidden; aspect-ratio: 1.6 / 1; padding: 0; border: 1px solid rgb(255 255 255 / 12%); border-radius: 9px; background: #181818; cursor: pointer; transition: opacity .22s ease, border-color .22s ease, filter .22s ease; }
.tv-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .25s ease; }
.tv-thumbnail:hover img { transform: scale(1.06); filter: brightness(1.12); }
.tv-thumbnail.is-active { border-color: #ffc400; }
.tv-thumbnail.is-dimmed { opacity: .48; }
.js-enabled .realize-tv-section:not(.is-visible) .tv-intro > *,
.js-enabled .realize-tv-section:not(.is-visible) .tv-main-column > *,
.js-enabled .realize-tv-section:not(.is-visible) .tv-thumbnail { opacity: 0; translate: 0 12px; }
.realize-tv-section.is-visible .tv-brand-play { animation: podcast-fade-in .42s both ease-out; }
.realize-tv-section.is-visible .tv-brand-row h2 { animation: news-reveal .45s .08s both ease-out; }
.realize-tv-section.is-visible .tv-tagline { animation: news-reveal .4s .17s both ease-out; }
.realize-tv-section.is-visible .tv-category { animation: news-reveal .38s both ease-out; }
.realize-tv-section.is-visible .tv-category:nth-child(1) { animation-delay: .25s; }
.realize-tv-section.is-visible .tv-category:nth-child(2) { animation-delay: .33s; }
.realize-tv-section.is-visible .tv-category:nth-child(3) { animation-delay: .41s; }
.realize-tv-section.is-visible .tv-category:nth-child(4) { animation-delay: .49s; }
.realize-tv-section.is-visible .tv-watch-button { animation: news-reveal .42s .58s both ease-out; }
.realize-tv-section.is-visible .tv-main-video { animation: podcast-scene-in .55s .14s both ease-out; }
.realize-tv-section.is-visible .tv-main-play { animation: podcast-fade-in .4s .32s both ease-out; }
.realize-tv-section.is-visible .tv-library-button { animation: news-reveal .42s .32s both ease-out; }
.realize-tv-section.is-visible .tv-thumbnail { animation: news-reveal .45s both ease-out; }
.realize-tv-section.is-visible .tv-thumbnail:nth-child(1) { animation-delay: .24s; }
.realize-tv-section.is-visible .tv-thumbnail:nth-child(2) { animation-delay: .34s; }
.realize-tv-section.is-visible .tv-thumbnail:nth-child(3) { animation-delay: .44s; }
@media (max-width: 980px) and (min-width: 601px) {
  .realize-tv-section { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); min-height: 0; gap: 16px; padding: 34px 24px; }
  .tv-intro { grid-column: 1 / -1; }
  .tv-categories { margin-bottom: 15px; }
  .tv-thumbnails { grid-column: 2; grid-row: 2; align-content: start; }
  .tv-main-column { grid-column: 1; grid-row: 2; }
  .tv-thumbnail { aspect-ratio: 1.85 / 1; }
}
@media (max-width: 600px) {
  .realize-tv-section { grid-template-columns: minmax(0, 1fr); min-height: 0; gap: 26px; padding: 34px 18px 40px; }
  .tv-brand-row { gap: 12px; }
  .tv-brand-play { width: 54px; height: 54px; }
  .tv-brand-row h2 { font-size: clamp(34px, 10vw, 46px); }
  .tv-tagline { margin: 7px 0 19px 66px; font-size: 15px; }
  .tv-categories { flex-wrap: wrap; gap: 8px; margin-bottom: 21px; }
  .tv-category { min-height: 35px; padding-inline: 12px; font-size: 11px; }
  .tv-watch-button { min-height: 50px; padding-inline: 22px; font-size: 13px; }
  .tv-main-play { width: 58px; }
  .tv-main-column { transform: none; }
  .tv-library-button { min-height: 42px; font-size: 12px; }
  .tv-thumbnails { grid-column: auto; grid-row: auto; gap: 11px; }
  .tv-thumbnail { aspect-ratio: 1.75 / 1; }
}

/* Section 09 — Realize Social */
.social-section {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: clamp(14px, 1.8vw, 24px);
  min-height: 92vh;
  min-height: 92svh;
  padding: clamp(24px, 3vw, 44px) clamp(14px, 1.8vw, 28px) clamp(24px, 2.5vw, 38px);
  overflow: hidden;
  background: #fff;
  color: #050505;
  isolation: isolate;
}
.social-ambient { position: absolute; z-index: -1; top: 0; right: 0; width: 58%; height: 34%; object-fit: cover; object-position: center 44%; opacity: .68; mask-image: linear-gradient(90deg, transparent 0%, #000 32%), linear-gradient(180deg, #000 48%, transparent 100%); mask-composite: intersect; }
.social-header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 20px; }
.social-heading { min-width: 0; }
.social-heading-title { display: flex; align-items: center; gap: clamp(10px, 1.2vw, 17px); }
.social-heading-title > span { width: 44px; height: 4px; flex: 0 0 44px; border-radius: 4px; background: #ffc400; }
.social-heading-title h2 { margin: 0; font-size: clamp(26px, 3vw, 42px); font-weight: 900; line-height: 1; letter-spacing: -.035em; white-space: nowrap; }
.social-heading-title h2 > span { display: inline-block; font-size: 1.22em; font-style: italic; transform: skewX(-9deg); }
.social-heading-title em { font-style: italic; }
.social-heading p { margin: 8px 0 0; font-size: clamp(14px, 1.35vw, 18px); line-height: 1.25; }
.social-view-more { display: inline-flex; min-width: 130px; min-height: 42px; align-items: center; justify-content: center; gap: 11px; margin-top: 1px; padding: 0 17px; border: 1px solid rgb(255 255 255 / 82%); border-radius: 999px; background: #050505; color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; transition: border-color .25s ease, background .25s ease; }
.social-view-more > span { font-size: 16px; transition: translate .25s ease; }
.social-view-more:hover { border-color: #ffc400; background: #1c1c1c; }
.social-view-more:hover > span { translate: 3px 0; }
.social-gallery { display: grid; min-width: 0; min-height: 0; grid-template-columns: .78fr .96fr 1.02fr .96fr .65fr; gap: clamp(8px, 1vw, 14px); }
.social-photo { position: relative; display: block; min-width: 0; min-height: 0; overflow: hidden; border-radius: 8px; background: #eee; }
.social-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .32s ease, filter .32s ease; }
.social-photo:hover img { transform: scale(1.045); filter: brightness(1.07); }
.social-view-more:focus-visible,
.social-photo:focus-visible { outline: 3px solid #ffc400; outline-offset: 3px; }
.js-enabled .social-section:not(.is-visible) .social-heading,
.js-enabled .social-section:not(.is-visible) .social-view-more,
.js-enabled .social-section:not(.is-visible) .social-photo { opacity: 0; translate: 0 12px; }
.social-section.is-visible .social-heading { animation: news-reveal .48s both ease-out; }
.social-section.is-visible .social-heading-title > span { animation: line-reveal .38s .1s both ease-out; }
.social-section.is-visible .social-view-more { animation: news-reveal .42s .17s both ease-out; }
.social-section.is-visible .social-photo { animation: news-reveal .5s both ease-out; }
.social-section.is-visible .social-photo:nth-child(1) { animation-delay: .2s; }
.social-section.is-visible .social-photo:nth-child(2) { animation-delay: .29s; }
.social-section.is-visible .social-photo:nth-child(3) { animation-delay: .38s; }
.social-section.is-visible .social-photo:nth-child(4) { animation-delay: .47s; }
.social-section.is-visible .social-photo:nth-child(5) { animation-delay: .56s; }
@media (max-width: 760px) {
  .social-section { min-height: 92svh; grid-template-rows: auto minmax(0, 1fr); gap: 16px; padding: 24px 16px 26px; }
  .social-ambient { width: 75%; height: 230px; opacity: .38; }
  .social-heading-title h2 { font-size: clamp(25px, 5.4vw, 34px); }
  .social-heading p { max-width: 52ch; font-size: 14px; }
  .social-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(150px, 1fr); align-content: stretch; gap: 10px; }
  .social-photo { aspect-ratio: .9 / 1; }
  .social-photo:nth-child(3) { grid-column: 1 / -1; aspect-ratio: 1.9 / 1; }
}
@media (max-width: 520px) {
  .social-section { padding: 22px 14px 24px; }
  .social-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .social-heading-title { gap: 9px; }
  .social-heading-title > span { width: 30px; flex-basis: 30px; height: 4px; }
  .social-heading-title h2 { font-size: clamp(23px, 7vw, 32px); }
  .social-heading-title h2 > span { font-size: 1.22em; }
  .social-heading p { max-width: 100%; font-size: 14px; }
  .social-view-more { justify-self: start; }
  .social-ambient { width: 100%; height: 245px; opacity: .28; }
}
@media (max-width: 380px) {
  .social-gallery { grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(150px, auto); }
  .social-photo,
  .social-photo:nth-child(3) { grid-column: auto; aspect-ratio: 1.65 / 1; }
}

/* Section 10 — Fotojornalismo */
.photojournalism-section { display: grid; grid-template-rows: auto auto; gap: clamp(12px, 1.5vw, 20px); padding: clamp(20px, 2.4vw, 34px) clamp(14px, 2.4vw, 36px) clamp(24px, 3vw, 42px); background: #fafafa; color: #050505; }
.photojournalism-header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 18px; }
.photojournalism-heading { min-width: 0; }
.photojournalism-title-row { display: flex; align-items: center; gap: 11px; }
.photojournalism-title-row > span { width: 34px; height: 4px; flex: 0 0 34px; border-radius: 4px; background: #ffc400; }
.photojournalism-title-row h2 { margin: 0; font-size: clamp(30px, 3.4vw, 47px); font-weight: 900; line-height: 1; letter-spacing: -.04em; }
.photojournalism-title-row h2 > span { display: inline-block; font-style: italic; transform: skewX(-11deg); }
.photojournalism-heading p { margin: 6px 0 0; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.2; }
.photojournalism-galleries-link { display: inline-flex; min-width: 126px; min-height: 40px; align-items: center; justify-content: center; gap: 10px; margin-top: 1px; padding: 0 15px; border: 1px solid #050505; border-radius: 8px; background: #fff; color: #050505; font-size: 12px; font-weight: 800; white-space: nowrap; transition: background .22s ease, color .22s ease, border-color .22s ease; }
.photojournalism-galleries-link > span { font-size: 16px; transition: translate .22s ease; }
.photojournalism-galleries-link:hover { border-color: #ffc400; background: #ffc400; }
.photojournalism-galleries-link:hover > span { translate: 3px 0; }
.photojournalism-gallery { display: grid; min-width: 0; height: clamp(290px, 36vw, 510px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(8px, 1vw, 14px); }
.photojournalism-feature { position: relative; display: block; min-width: 0; min-height: 0; overflow: hidden; border-radius: 9px; background: #242424; color: #fff; }
.photojournalism-feature > img,
.photojournalism-feature-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.photojournalism-feature > img { object-fit: cover; object-position: center; transition: transform .35s ease; }
.photojournalism-feature-shade { background: linear-gradient(0deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 34%) 36%, transparent 75%); transition: background .3s ease; }
.photojournalism-feature:hover > img { transform: scale(1.035); }
.photojournalism-feature:hover .photojournalism-feature-shade { background: linear-gradient(0deg, rgb(0 0 0 / 78%) 0%, rgb(0 0 0 / 40%) 40%, transparent 76%); }
.photojournalism-feature-copy { position: absolute; right: 18px; bottom: 18px; left: 18px; }
.photojournalism-tag { display: inline-flex; min-height: 28px; align-items: center; padding: 5px 14px; border-radius: 5px; background: #ffc400; color: #050505; font-size: 12px; font-weight: 800; line-height: 1; }
.photojournalism-feature-copy h3 { margin: 9px 0 7px; font-size: clamp(31px, 3vw, 45px); font-weight: 900; line-height: .98; letter-spacing: -.035em; }
.photojournalism-feature-copy p { margin: 0; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.2; }
.photojournalism-thumbnails { display: grid; min-width: 0; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(7px, .8vw, 11px); }
.photojournalism-photo { display: block; min-width: 0; min-height: 0; overflow: hidden; border-radius: 8px; background: #e5e5e5; }
.photojournalism-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .32s ease, filter .32s ease; }
.photojournalism-photo:hover img { transform: scale(1.045); filter: brightness(1.06); }
.photojournalism-feature:focus-visible,
.photojournalism-photo:focus-visible,
.photojournalism-galleries-link:focus-visible { outline: 3px solid #ffc400; outline-offset: 3px; }
.js-enabled .photojournalism-section:not(.is-visible) .photojournalism-heading,
.js-enabled .photojournalism-section:not(.is-visible) .photojournalism-galleries-link,
.js-enabled .photojournalism-section:not(.is-visible) .photojournalism-feature,
.js-enabled .photojournalism-section:not(.is-visible) .photojournalism-photo { opacity: 0; translate: 0 12px; }
.photojournalism-section.is-visible .photojournalism-heading { animation: news-reveal .46s both ease-out; }
.photojournalism-section.is-visible .photojournalism-title-row > span { animation: line-reveal .36s .1s both ease-out; }
.photojournalism-section.is-visible .photojournalism-galleries-link { animation: news-reveal .42s .14s both ease-out; }
.photojournalism-section.is-visible .photojournalism-feature { animation: podcast-scene-in .6s .16s both ease-out; }
.photojournalism-section.is-visible .photojournalism-photo { animation: news-reveal .46s both ease-out; }
.photojournalism-section.is-visible .photojournalism-photo:nth-child(1) { animation-delay: .26s; }
.photojournalism-section.is-visible .photojournalism-photo:nth-child(2) { animation-delay: .35s; }
.photojournalism-section.is-visible .photojournalism-photo:nth-child(3) { animation-delay: .44s; }
.photojournalism-section.is-visible .photojournalism-photo:nth-child(4) { animation-delay: .53s; }
@media (max-width: 720px) {
  .photojournalism-section { gap: 14px; padding: 22px 14px 26px; }
  .photojournalism-title-row h2 { font-size: clamp(25px, 5.6vw, 37px); }
  .photojournalism-heading p { font-size: 15px; }
  .photojournalism-gallery { height: auto; grid-template-columns: minmax(0, 1fr); }
  .photojournalism-feature { aspect-ratio: 1.55 / 1; }
  .photojournalism-thumbnails { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: clamp(155px, 38vw, 230px); }
}
@media (max-width: 480px) {
  .photojournalism-header { align-items: flex-start; gap: 10px; }
  .photojournalism-title-row { gap: 8px; }
  .photojournalism-title-row > span { width: 25px; flex-basis: 25px; height: 3px; }
  .photojournalism-title-row h2 { font-size: clamp(21px, 6vw, 30px); }
  .photojournalism-heading p { max-width: 30ch; font-size: 14px; }
  .photojournalism-galleries-link { min-width: 112px; min-height: 34px; gap: 7px; padding-inline: 10px; font-size: 10px; }
  .photojournalism-feature-copy { right: 14px; bottom: 14px; left: 14px; }
  .photojournalism-feature-copy h3 { font-size: clamp(28px, 7.7vw, 38px); }
  .photojournalism-feature-copy p { font-size: 15px; }
}

/* Section 11 — Agenda Realize and institutional metrics */
.agenda-section { padding: clamp(20px, 2.6vw, 34px) clamp(16px, 3vw, 44px) clamp(14px, 1.8vw, 24px); background: #fff; color: #050505; }
.agenda-header { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: clamp(14px, 1.7vw, 22px); }
.agenda-heading { flex: 0 0 auto; }
.agenda-title-row { display: flex; align-items: center; gap: 11px; }
.agenda-title-row > span { width: 44px; height: 4px; flex: 0 0 44px; border-radius: 4px; background: #ffc400; }
.agenda-title-row h2 { margin: 0; font-size: clamp(26px, 2.8vw, 39px); font-weight: 900; line-height: 1; letter-spacing: -.035em; }
.agenda-title-row h2 em { display: inline-block; margin-left: .04em; font-size: 1.2em; font-style: italic; font-weight: 900; transform: skewX(-8deg); }
.agenda-heading > p { margin: 6px 0 0; font-size: clamp(13px, 1.2vw, 16px); line-height: 1.2; }
.agenda-filters { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: clamp(4px, .6vw, 9px); }
.agenda-filter { min-height: 32px; padding: 0 clamp(9px, 1vw, 15px); border: 0; border-radius: 7px; background: transparent; color: #111; font: 600 clamp(10px, .9vw, 13px)/1 Arial, Helvetica, sans-serif; white-space: nowrap; cursor: pointer; transition: background .2s ease, color .2s ease; }
.agenda-filter:hover { background: #f0f0f0; }
.agenda-filter.is-active { background: #ffc400; color: #050505; }
.agenda-events { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: clamp(10px, 1.2vw, 17px); }
.agenda-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 9px; background: #fff; box-shadow: 0 2px 7px rgb(0 0 0 / 8%); transition: transform .24s ease, box-shadow .24s ease; }
.agenda-card:hover { transform: translateY(-3px); box-shadow: 0 8px 17px rgb(0 0 0 / 12%); }
.agenda-card[hidden] { display: none; }
.agenda-card-image { position: relative; aspect-ratio: 2.08 / 1; flex: 0 0 auto; }
.agenda-card-image > img { display: block; width: 100%; height: 100%; border-radius: 8px 8px 0 0; object-fit: cover; transition: transform .3s ease; }
.agenda-card:hover .agenda-card-image > img { transform: scale(1.035); }
.agenda-date { position: absolute; z-index: 1; bottom: -14px; left: 10px; display: flex; width: 38px; min-height: 49px; flex-direction: column; align-items: center; justify-content: center; gap: 1px; border-radius: 5px; background: #ffc400; color: #050505; line-height: 1; }
.agenda-date strong { font-size: 18px; font-weight: 900; }
.agenda-date > span { font-size: 10px; font-weight: 700; }
.agenda-card-body { display: grid; flex: 1; grid-template-columns: 42px minmax(0, 1fr); padding: 9px 10px 10px; }
.agenda-date-spacer { min-height: 38px; }
.agenda-event-info { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; }
.agenda-event-info h3 { min-height: 35px; margin: 0 0 4px; font-size: clamp(12px, 1.05vw, 15px); font-weight: 800; line-height: 1.13; }
.agenda-detail { display: flex; min-width: 0; align-items: center; gap: 5px; margin: 0 0 3px; color: #222; font-size: clamp(9px, .75vw, 11px); line-height: 1.15; }
.agenda-detail svg { width: 13px; height: 13px; flex: 0 0 13px; fill: none; stroke: #282828; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.agenda-more { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 8px; color: #111; font-size: 10px; font-weight: 800; }
.agenda-more > span { font-size: 15px; transition: translate .2s ease; }
.agenda-more:hover > span { translate: 3px 0; }
.js-enabled .agenda-section:not(.is-visible) .agenda-heading,
.js-enabled .agenda-section:not(.is-visible) .agenda-filters,
.js-enabled .agenda-section:not(.is-visible) .agenda-card { opacity: 0; translate: 0 12px; }
.agenda-section.is-visible .agenda-heading { animation: news-reveal .45s both ease-out; }
.agenda-section.is-visible .agenda-title-row > span { animation: line-reveal .36s .1s both ease-out; }
.agenda-section.is-visible .agenda-filters { animation: news-reveal .42s .14s both ease-out; }
.agenda-section.is-visible .agenda-card { animation: news-reveal .5s both ease-out; }
.agenda-section.is-visible .agenda-card:nth-child(1) { animation-delay: .2s; }
.agenda-section.is-visible .agenda-card:nth-child(2) { animation-delay: .29s; }
.agenda-section.is-visible .agenda-card:nth-child(3) { animation-delay: .38s; }
.agenda-section.is-visible .agenda-card:nth-child(4) { animation-delay: .47s; }
.realize-stats-section { position: relative; display: grid; min-height: 225px; align-items: center; overflow: hidden; isolation: isolate; padding: 22px clamp(20px, 4vw, 58px) 26px; background: #050505; color: #fff; }
.realize-stats-backdrop { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 38%; filter: grayscale(1) brightness(.72); }
.realize-stats-section::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgb(5 5 5 / 28%) 0%, rgb(5 5 5 / 72%) 57%, #050505 100%); content: ""; }
.realize-stats-content { width: 100%; max-width: 1500px; margin-inline: auto; }
.realize-stats-header { margin-bottom: 14px; }
.realize-stats-title-row { display: flex; align-items: center; gap: 13px; }
.realize-stats-title-row > span { width: 48px; height: 4px; flex: 0 0 48px; border-radius: 4px; background: #ffc400; }
.realize-stats-title-row h2 { margin: 0; font-size: clamp(20px, 2.2vw, 30px); font-weight: 900; line-height: 1; letter-spacing: -.025em; }
.realize-stats-title-row em { display: inline-block; color: #fff; font-size: 1.16em; font-style: italic; font-weight: 900; transform: skewX(-8deg); }
.realize-stats-title-row strong { color: #ffc400; font-style: italic; }
.realize-stats-header > p { margin: 6px 0 0; color: #f1f1f1; font-size: clamp(13px, 1.1vw, 15px); }
.realize-stats-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: stretch; }
.realize-stat { position: relative; display: flex; min-width: 0; flex-direction: column; align-items: center; justify-content: center; padding: 0 14px; text-align: center; transition: filter .25s ease; }
.realize-stat:not(:last-child)::after { position: absolute; top: 10%; right: 0; width: 1px; height: 80%; background: rgb(255 255 255 / 55%); content: ""; }
.realize-stat:hover { filter: brightness(1.2); }
.realize-stat > svg { width: 34px; height: 34px; margin-bottom: 2px; fill: none; stroke: #ffc400; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.realize-stat-value { color: #fff; font-size: clamp(20px, 2vw, 28px); font-weight: 900; line-height: 1.05; }
.realize-stat > span { margin-top: 3px; color: #f4f4f4; font-size: clamp(11px, 1vw, 14px); line-height: 1.15; }
.js-enabled .realize-stats-section:not(.is-visible) .realize-stats-header,
.js-enabled .realize-stats-section:not(.is-visible) .realize-stat { opacity: 0; translate: 0 12px; }
.realize-stats-section.is-visible .realize-stats-header { animation: news-reveal .45s both ease-out; }
.realize-stats-section.is-visible .realize-stat { animation: news-reveal .48s both ease-out; }
.realize-stats-section.is-visible .realize-stat:nth-child(1) { animation-delay: .16s; }
.realize-stats-section.is-visible .realize-stat:nth-child(2) { animation-delay: .26s; }
.realize-stats-section.is-visible .realize-stat:nth-child(3) { animation-delay: .36s; }
.realize-stats-section.is-visible .realize-stat:nth-child(4) { animation-delay: .46s; }
.realize-stats-section.is-visible .realize-stat:nth-child(5) { animation-delay: .56s; }
@media (max-width: 1000px) and (min-width: 601px) {
  .agenda-header { flex-wrap: wrap; row-gap: 12px; }
  .agenda-filters { flex-wrap: wrap; justify-content: flex-start; }
  .agenda-events { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agenda-card-image { aspect-ratio: 2.2 / 1; }
  .agenda-event-info h3 { font-size: 15px; }
  .agenda-detail { font-size: 11px; }
  .realize-stats-section { min-height: 280px; }
  .realize-stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
  .realize-stat:nth-child(3)::after { display: none; }
}
@media (max-width: 600px) {
  .agenda-section { padding: 22px 14px 24px; }
  .agenda-header { display: block; margin-bottom: 14px; }
  .agenda-title-row { gap: 8px; }
  .agenda-title-row > span { width: 30px; flex-basis: 30px; height: 3px; }
  .agenda-title-row h2 { font-size: clamp(24px, 6.5vw, 33px); }
  .agenda-heading > p { font-size: 13px; }
  .agenda-filters { justify-content: flex-start; gap: 5px; margin-top: 13px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
  .agenda-filter { min-height: 32px; padding-inline: 11px; font-size: 11px; }
  .agenda-events { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .agenda-card-image { aspect-ratio: 1.7 / 1; }
  .agenda-card-body { grid-template-columns: 34px minmax(0, 1fr); padding: 8px 7px 9px; }
  .agenda-date { left: 7px; width: 33px; min-height: 44px; }
  .agenda-date strong { font-size: 16px; }
  .agenda-date > span { font-size: 9px; }
  .agenda-date-spacer { min-height: 34px; }
  .agenda-event-info h3 { min-height: 34px; font-size: clamp(11px, 3.4vw, 14px); }
  .agenda-detail { align-items: flex-start; gap: 3px; font-size: 9px; }
  .agenda-detail svg { width: 11px; height: 11px; flex-basis: 11px; }
  .agenda-more { font-size: 9px; }
  .realize-stats-section { min-height: 360px; padding: 22px 14px 26px; }
  .realize-stats-header { margin-bottom: 18px; }
  .realize-stats-title-row { gap: 9px; }
  .realize-stats-title-row > span { width: 30px; flex-basis: 30px; height: 3px; }
  .realize-stats-title-row h2 { font-size: clamp(17px, 5vw, 24px); }
  .realize-stats-header > p { font-size: 12px; }
  .realize-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
  .realize-stat { min-height: 112px; padding-inline: 5px; }
  .realize-stat:nth-child(2)::after { display: none; }
  .realize-stat:nth-child(1)::after { top: auto; right: 12%; bottom: -10px; left: 12%; width: auto; height: 1px; background: rgb(255 255 255 / 38%); }
  .realize-stat:nth-child(2)::before { position: absolute; right: 0; bottom: -10px; left: -100%; height: 1px; background: rgb(255 255 255 / 38%); content: ""; }
  .realize-stat > svg { width: 31px; height: 31px; }
  .realize-stat-value { font-size: clamp(20px, 6vw, 26px); }
  .realize-stat > span { font-size: 11px; }
}
@media (max-width: 420px) {
  .agenda-events { grid-template-columns: minmax(0, 1fr); }
  .agenda-card-image { aspect-ratio: 2 / 1; }
}
.host-section { position: relative; display: flex; width: 100%; aspect-ratio: 2.25 / 1; align-items: center; overflow: hidden; isolation: isolate; border: 1px solid #725710; background: #050505; color: #fff; }
.host-studio { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.host-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(0 0 0 / 18%) 0%, rgb(0 0 0 / 5%) 42%, transparent 70%); }
.host-portrait { position: absolute; z-index: 0; right: 0; bottom: -4%; width: auto; height: 100%; max-width: 64%; object-fit: contain; object-position: right bottom; }
.host-mic { position: absolute; z-index: 1; bottom: -31%; left: -5%; width: 31%; height: 72%; object-fit: contain; object-position: left bottom; mix-blend-mode: screen; opacity: .8; pointer-events: none; }
.host-copy { position: relative; z-index: 3; width: 48%; margin-left: 7%; padding-block: 20px; }
.host-eyebrow { margin: 0 0 12px; color: #fff; font-size: clamp(15px, 1.3vw, 19px); font-weight: 400; letter-spacing: .025em; line-height: 1.2; }
.host-rule { display: block; width: 50px; height: 4px; margin-bottom: 18px; border-radius: 3px; background: var(--yellow); transform-origin: left center; }
.host-copy h2 { display: flex; flex-direction: column; margin: 0; color: #fff; font-size: clamp(52px, 7vw, 104px); font-weight: 850; letter-spacing: -.04em; line-height: .94; }
.host-name-accent { color: var(--yellow); }
.host-role { margin: 12px 0 19px; color: #f3f3f3; font-size: clamp(16px, 1.6vw, 22px); line-height: 1.25; }
.host-description { margin: 0 0 25px; color: #f4f4f4; font-size: clamp(17px, 1.75vw, 25px); line-height: 1.38; }
.host-cta { display: inline-flex; min-height: 58px; align-items: center; justify-content: center; gap: 17px; padding: 0 28px; border: 1px solid #d4aa25; border-radius: 11px; color: #fff; font-size: clamp(13px, 1.1vw, 16px); font-weight: 650; line-height: 1; text-decoration: none; transition: background .24s ease, color .24s ease, border-color .24s ease, transform .24s ease; }
.host-cta:hover { transform: scale(1.035); border-color: var(--yellow); background: var(--yellow); color: #111; }
.host-cta span { color: var(--yellow); font-size: 17px; transition: translate .22s ease, color .22s ease; }
.host-cta:hover span { translate: 3px 0; color: #111; }
.js-enabled .host-section:not(.is-visible) .host-studio,
.js-enabled .host-section:not(.is-visible) .host-portrait,
.js-enabled .host-section:not(.is-visible) .host-mic,
.js-enabled .host-section:not(.is-visible) .host-copy > * { opacity: 0; translate: 0 12px; }
.host-section.is-visible .host-studio { animation: podcast-scene-in .75s both ease-out; }
.host-section.is-visible .host-portrait { animation: guest-photo-in .72s .08s both ease-out; }
.host-section.is-visible .host-mic { animation: podcast-fade-in .55s .2s both ease-out; }
.host-section.is-visible .host-eyebrow { animation: news-reveal .38s .14s both ease-out; }
.host-section.is-visible .host-rule { animation: host-rule-in .32s .24s both ease-out; }
.host-section.is-visible .host-copy h2 span:first-child { animation: news-reveal .42s .32s both ease-out; }
.host-section.is-visible .host-copy h2 span:last-child { animation: news-reveal .42s .42s both ease-out; }
.host-section.is-visible .host-role { animation: news-reveal .38s .52s both ease-out; }
.host-section.is-visible .host-description { animation: news-reveal .42s .62s both ease-out; }
.host-section.is-visible .host-cta { animation: news-reveal .42s .74s both ease-out; }
@keyframes host-rule-in { from { opacity: 0; scale: 0 1; } to { opacity: 1; scale: 1 1; } }
@media (min-width: 641px) and (max-width: 900px) {
  .host-copy { width: 48%; margin-left: 5%; }
  .host-copy h2 { font-size: clamp(48px, 7.5vw, 76px); }
  .host-role { font-size: 17px; }
  .host-description { font-size: 18px; }
  .host-portrait { max-width: 60%; }
}
@media (max-width: 640px) {
  .host-section { display: block; aspect-ratio: auto; padding: clamp(290px, 66vw, 380px) 22px 22px; }
  .host-studio { object-position: 72% top; }
  .host-shade { background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 4%) 34%, rgb(0 0 0 / 78%) 54%, #050505 100%); }
  .host-portrait { top: 0; right: 0; bottom: auto; height: clamp(310px, 78vw, 410px); max-width: 100%; object-position: right bottom; }
  .host-mic { top: 230px; bottom: auto; left: -5%; width: 35%; height: 170px; }
  .host-copy { width: 100%; margin: 0; padding: 0; }
  .host-eyebrow { margin-bottom: 8px; font-size: 12px; }
  .host-rule { margin-bottom: 12px; }
  .host-copy h2 { font-size: clamp(50px, 12.8vw, 82px); }
  .host-role { margin: 10px 0 14px; font-size: 18px; }
  .host-description { margin-bottom: 17px; font-size: 19px; }
  .host-cta { min-height: 56px; padding-inline: 23px; font-size: 14px; }
}
@media (max-width: 420px) {
  .podcast-hero { min-height: 900px; }
  .podcast-content { padding-inline: 18px; padding-bottom: 30px; }
  .podcast-actions { flex-direction: column; align-items: stretch; }
  .podcast-button { width: 100%; }
}

.guests-section { padding: 14px clamp(16px, 3.6vw, 54px) 9px; background: #050505; color: #fff; }
.guests-container { width: min(100%, 1320px); margin-inline: auto; }
.episode-feature { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); align-items: center; gap: clamp(14px, 2vw, 28px); }
.episode-photo { position: relative; display: block; overflow: hidden; aspect-ratio: 2.16 / 1; border: 1px solid rgb(255 255 255 / 20%); border-radius: 11px; background: #16100d; isolation: isolate; }
.episode-studio { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.episode-guest-cutout { position: absolute; right: 1%; bottom: -4%; width: 100%; height: 110%; object-fit: contain; object-position: center bottom; }
.episode-details { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.episode-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: #fff; font-size: clamp(10px, 1vw, 14px); font-weight: 500; line-height: 1.2; }
.episode-kicker::before, .guests-heading::before { display: block; width: 4px; height: 18px; flex: 0 0 4px; background: var(--yellow); content: ""; }
.episode-details h2 { margin: 0 0 14px; color: #fff; font-size: clamp(22px, 2.7vw, 38px); font-weight: 850; letter-spacing: -.025em; line-height: 1.02; }
.episode-person { display: flex; flex-direction: column; gap: 4px; margin-bottom: 15px; color: #f5f5f5; font-size: clamp(11px, 1vw, 14px); line-height: 1.2; }
.episode-person-name { display: inline-flex; align-items: center; gap: 7px; }
.episode-person-name svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.3; }
.episode-person-role { padding-left: 27px; color: #ddd; font-size: .92em; }
.episode-watch { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 9px; padding: 0 19px; border-radius: 8px; background: var(--yellow); color: #090909; font-size: clamp(10px, 1vw, 14px); font-weight: 850; line-height: 1; text-decoration: none; transition: background .22s ease, transform .22s ease; }
.episode-watch:hover { transform: scale(1.035); background: #ffda46; }
.episode-watch svg { width: 12px; height: 12px; }
.episode-watch > span { margin-left: 5px; font-size: 17px; transition: translate .2s ease; }
.episode-watch:hover > span { translate: 3px 0; }
.guests-heading { display: flex; align-items: center; gap: 9px; margin: clamp(12px, 1.4vw, 18px) 0 7px; color: #f6f6f6; font-size: clamp(12px, 1.2vw, 17px); font-weight: 650; line-height: 1.2; }
.guests-heading::before { height: 15px; }
.guest-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(10px, 1.4vw, 20px); }
.guest-profile { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; color: #fff; text-decoration: none; transition: filter .22s ease, transform .22s ease; }
.guest-profile:hover { transform: translateY(-2px); filter: brightness(1.12); }
.guest-photo { display: block; width: 100%; overflow: hidden; aspect-ratio: 1.2 / 1; border: 1px solid rgb(255 255 255 / 15%); border-radius: 11px; background: #17120f; }
.guest-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 36%; transition: transform .32s ease; }
.guest-photo .couple-portrait { object-position: center center; }
.guest-profile:hover .guest-photo img { transform: scale(1.055); }
.guest-name { margin-top: 6px; color: #fff; font-size: clamp(9px, .92vw, 13px); font-weight: 700; line-height: 1.15; }
.guest-role { margin-top: 2px; color: #e2e2e2; font-size: clamp(8px, .78vw, 11px); font-weight: 400; line-height: 1.15; }
.guest-shortcuts { display: flex; align-items: center; justify-content: center; gap: clamp(12px, 2vw, 28px); margin: clamp(8px, 1.2vw, 15px) 0 8px; }
.shortcut-line { width: clamp(35px, 8vw, 100px); height: 1px; flex: 1 1 auto; background: linear-gradient(90deg, transparent, #9a7410); }
.shortcut-line:last-child { background: linear-gradient(90deg, #9a7410, transparent); }
.guest-shortcut { display: inline-flex; align-items: center; gap: 8px; color: #f4f4f4; font-size: clamp(8px, .82vw, 12px); font-weight: 650; text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.guest-shortcut:hover { color: var(--yellow); }
.guest-shortcut svg { width: 17px; height: 17px; flex: 0 0 auto; fill: none; stroke: var(--yellow); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.guest-shortcut:first-of-type svg path { fill: var(--yellow); stroke: var(--yellow); }
.guest-shortcut > span { font-size: 15px; transition: translate .2s ease; }
.guest-shortcut:hover > span { translate: 3px 0; }
.shortcut-divider { width: 1px; height: 18px; flex: 0 0 1px; background: #b28a14; }
.guests-bottom-rule { width: 100%; height: 1px; background: linear-gradient(90deg, #59420b, #b58b18 50%, #59420b); }
.episode-photo, .episode-details > *, .guests-heading, .guest-profile, .guest-shortcuts, .guests-bottom-rule { will-change: opacity, translate; }
.js-enabled .guests-section:not(.is-visible) .episode-photo,
.js-enabled .guests-section:not(.is-visible) .episode-details > *,
.js-enabled .guests-section:not(.is-visible) .guests-heading,
.js-enabled .guests-section:not(.is-visible) .guest-profile,
.js-enabled .guests-section:not(.is-visible) .guest-shortcuts,
.js-enabled .guests-section:not(.is-visible) .guests-bottom-rule { opacity: 0; translate: 0 12px; }
.guests-section.is-visible .episode-photo { animation: guest-photo-in .65s both ease-out; }
.guests-section.is-visible .episode-kicker { animation: news-reveal .4s .12s both ease-out; }
.guests-section.is-visible .episode-details h2 { animation: news-reveal .48s .22s both ease-out; }
.guests-section.is-visible .episode-person { animation: news-reveal .42s .34s both ease-out; }
.guests-section.is-visible .episode-watch { animation: news-reveal .42s .46s both ease-out; }
.guests-section.is-visible .guests-heading { animation: news-reveal .42s .5s both ease-out; }
.guests-section.is-visible .guest-profile { animation: news-reveal .45s both ease-out; }
.guests-section.is-visible .guest-profile:nth-child(1) { animation-delay: .6s; }
.guests-section.is-visible .guest-profile:nth-child(2) { animation-delay: .69s; }
.guests-section.is-visible .guest-profile:nth-child(3) { animation-delay: .78s; }
.guests-section.is-visible .guest-profile:nth-child(4) { animation-delay: .87s; }
.guests-section.is-visible .guest-profile:nth-child(5) { animation-delay: .96s; }
.guests-section.is-visible .guest-shortcuts { animation: news-reveal .42s 1.06s both ease-out; }
.guests-section.is-visible .guests-bottom-rule { animation: news-reveal .4s 1.16s both ease-out; }
@keyframes guest-photo-in { from { opacity: 0; scale: 1.025; } to { opacity: 1; scale: 1; } }
@media (min-width: 521px) and (max-width: 760px) { .guests-section { padding-inline: 18px; } .episode-feature { grid-template-columns: minmax(0, 57fr) minmax(0, 43fr); gap: 10px; } .episode-details h2 { font-size: 20px; } .episode-watch { min-height: 36px; padding-inline: 11px; font-size: 9px; } .guest-grid { gap: 8px; } .guest-name { font-size: 9px; } .guest-role { font-size: 7px; } .guest-shortcuts { gap: 9px; } .guest-shortcut { gap: 5px; font-size: 8px; } .shortcut-line { width: 20px; } }
@media (max-width: 520px) {
  .guests-section { padding: 16px 16px 10px; }
  .episode-feature { grid-template-columns: 1fr; gap: 15px; }
  .episode-photo { aspect-ratio: 1.85 / 1; }
  .episode-guest-cutout { height: 112%; }
  .episode-details h2 { font-size: clamp(26px, 7.4vw, 35px); }
  .episode-watch { min-height: 50px; padding-inline: 19px; font-size: 12px; }
  .guests-heading { margin-top: 20px; margin-bottom: 10px; font-size: 15px; }
  .guest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px 12px; }
  .guest-profile:last-child { grid-column: 1 / -1; width: calc((100% - 12px) / 2); justify-self: center; }
  .guest-photo { aspect-ratio: 1.25 / 1; }
  .guest-name { margin-top: 7px; font-size: 12px; }
  .guest-role { font-size: 10px; }
  .guest-shortcuts { flex-wrap: wrap; gap: 12px 16px; margin-block: 18px 12px; }
  .shortcut-line { width: 20px; flex: 1 1 20px; }
}
@media (max-width: 360px) {
  .podcast-brand-lockup { gap: 12px; }
  .podcast-brand-icon { width: 64px; height: 80px; }
  .podcast-brand-lockup h2 { font-size: 40px; }
}

@keyframes rise-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.brand { animation: rise-in .5s both ease-out; }
.site-nav > .nav-link,
.site-nav > .header-cta { animation: rise-in .42s both ease-out; }
.site-nav > .nav-link:nth-child(1) { animation-delay: .04s; }
.site-nav > .nav-link:nth-child(2) { animation-delay: .08s; }
.site-nav > .nav-link:nth-child(3) { animation-delay: .12s; }
.site-nav > .nav-link:nth-child(4) { animation-delay: .16s; }
.site-nav > .nav-link:nth-child(5) { animation-delay: .20s; }
.site-nav > .nav-link:nth-child(6) { animation-delay: .24s; }
.site-nav > .nav-link:nth-child(7) { animation-delay: .28s; }
.site-nav > .nav-link:nth-child(8) { animation-delay: .32s; }
.site-nav > .nav-link:nth-child(9) { animation-delay: .36s; }
.site-nav > .header-cta { animation-delay: .4s; }
.hero { animation: hero-image-in .72s .5s both ease-out; }
.hero-content > * { animation: rise-in .58s both ease-out; }
.hero-content > :nth-child(1) { animation-delay: 1.25s; }
.hero-content > :nth-child(2) { animation-delay: 1.4s; }
.hero-content > :nth-child(3) { animation-delay: 1.55s; }
.hero-content > :nth-child(4) { animation-delay: 1.7s; }
@keyframes hero-image-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* Section 12 — official sponsors */
.sponsors-section {
  position: relative;
  display: grid;
  min-height: 600px;
  max-height: 760px;
  aspect-ratio: 2.08 / 1;
  place-items: start center;
  overflow: hidden;
  isolation: isolate;
  background: #030303 url("../imagens/section12/Golden%20Ribbons%20on%20Black.png") center / cover no-repeat;
  color: #fff;
}
.sponsors-content { width: 100%; padding: clamp(112px, 10.9vw, 154px) 24px 50px; text-align: center; }
.sponsors-heading { display: flex; width: min(74%, 1000px); align-items: center; justify-content: center; gap: clamp(18px, 2.5vw, 34px); margin: 0 auto; }
.sponsors-heading h2 { flex: 0 0 auto; margin: 0; color: #f8f8fa; font-size: clamp(12px, 1.15vw, 16px); font-weight: 500; letter-spacing: clamp(.38em, .58vw, .62em); line-height: 1; white-space: nowrap; }
.sponsors-heading-rule { height: 2px; flex: 1 1 0; background: linear-gradient(90deg, #8b5b05, #ffd341 70%, #d6a51c); box-shadow: 0 0 5px rgb(255 195 38 / 35%); }
.sponsors-brands { display: grid; width: min(74%, 1000px); min-height: clamp(184px, 15.5vw, 210px); grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); align-items: center; gap: clamp(42px, 7.4vw, 100px); margin: clamp(38px, 3.5vw, 49px) auto 0; }
.sponsor-brand { display: grid; min-width: 0; height: 100%; place-items: center; transition: filter .28s ease, opacity .28s ease; }
.sponsor-brand:hover { filter: brightness(1.12); }
.sponsor-brand img { display: block; width: 100%; max-width: 410px; max-height: 100%; object-fit: contain; }
.sponsor-brand-physiom img { filter: none; }
.sponsor-brand-kingdom img { max-width: 370px; }
.sponsors-divider { width: 1px; height: 92%; background: linear-gradient(180deg, transparent, #8b650e 13%, #f5bd34 50%, #8b650e 87%, transparent); box-shadow: 0 0 8px rgb(255 192 36 / 32%); }
.sponsors-message { margin: clamp(21px, 2.2vw, 29px) auto 0; color: #d2d2d5; font-size: clamp(16px, 1.75vw, 23px); font-weight: 400; letter-spacing: .015em; line-height: 1.35; }
.sponsors-actions { display: flex; align-items: center; justify-content: center; gap: clamp(25px, 2.8vw, 38px); margin: clamp(22px, 2.2vw, 30px) auto 0; }
.sponsor-link { display: inline-flex; width: clamp(260px, 23.2vw, 360px); min-height: clamp(50px, 4.2vw, 58px); align-items: center; justify-content: space-between; gap: 16px; padding: 0 clamp(22px, 3.4vw, 45px); border: 2px solid #c99b18; border-radius: 999px; color: #e4b931; font-size: clamp(15px, 1.45vw, 20px); font-weight: 500; white-space: nowrap; transition: background .28s ease, border-color .28s ease, color .28s ease, box-shadow .28s ease; }
.sponsor-link > span { flex: 0 0 auto; font-size: 1.35em; font-weight: 300; line-height: 1; transition: translate .24s ease; }
.sponsor-link:hover { border-color: #f2c537; background: rgb(227 178 29 / 9%); color: #ffd54a; box-shadow: 0 0 13px rgb(220 169 26 / 18%); }
.sponsor-link:hover > span { translate: 4px 0; }
.sponsor-link:focus-visible { outline: 2px solid #ffe282; outline-offset: 4px; }
.sponsors-action-divider { width: 1px; height: 54px; flex: 0 0 1px; background: linear-gradient(180deg, transparent, rgb(255 255 255 / 42%), transparent); }
.js-enabled .sponsors-section:not(.is-visible) .sponsors-heading,
.js-enabled .sponsors-section:not(.is-visible) .sponsor-brand,
.js-enabled .sponsors-section:not(.is-visible) .sponsors-message,
.js-enabled .sponsors-section:not(.is-visible) .sponsors-actions { opacity: 0; translate: 0 14px; }
.js-enabled .sponsors-section:not(.is-visible) .sponsors-divider { scale: 1 .45; opacity: 0; }
.sponsors-section.is-visible .sponsors-heading { animation: sponsors-arrive .65s both ease-out; }
.sponsors-section.is-visible .sponsors-heading-rule { animation: sponsors-rule-arrive .58s .1s both ease-out; }
.sponsors-section.is-visible .sponsor-brand-physiom { animation: sponsors-arrive .7s .18s both ease-out; }
.sponsors-section.is-visible .sponsors-divider { animation: sponsors-divider-arrive .55s .27s both ease-out; }
.sponsors-section.is-visible .sponsor-brand-kingdom { animation: sponsors-arrive .7s .34s both ease-out; }
.sponsors-section.is-visible .sponsors-message { animation: sponsors-arrive .65s .46s both ease-out; }
.sponsors-section.is-visible .sponsors-actions { animation: sponsors-arrive .65s .56s both ease-out; }
@keyframes sponsors-arrive { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@keyframes sponsors-rule-arrive { from { scale: 0 1; opacity: .35; } to { scale: 1 1; opacity: 1; } }
@keyframes sponsors-divider-arrive { from { scale: 1 .45; opacity: 0; } to { scale: 1 1; opacity: 1; } }
@media (max-width: 900px) and (min-width: 601px) {
  .sponsors-section { min-height: 620px; max-height: none; aspect-ratio: auto; }
  .sponsors-content { padding: 112px 24px 64px; }
  .sponsors-heading, .sponsors-brands { width: min(86%, 760px); }
  .sponsors-brands { min-height: 190px; gap: clamp(30px, 6vw, 60px); }
  .sponsor-link { width: min(34vw, 320px); padding-inline: 24px; }
}
@media (max-width: 600px) {
  .sponsors-section { min-height: 900px; max-height: none; aspect-ratio: auto; background-position: center; }
  .sponsors-content { padding: 96px 20px 54px; }
  .sponsors-heading { width: 100%; gap: 10px; }
  .sponsors-heading h2 { font-size: clamp(10px, 3.1vw, 13px); letter-spacing: clamp(.2em, .45vw, .34em); }
  .sponsors-heading-rule { min-width: 20px; height: 1px; }
  .sponsors-brands { width: min(100%, 390px); min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 44px; }
  .sponsor-brand { width: 100%; height: 146px; }
  .sponsor-brand img { width: min(88%, 350px); max-height: 100%; }
  .sponsor-brand-kingdom img { width: min(82%, 330px); }
  .sponsors-divider { width: 44%; height: 1px; justify-self: center; background: linear-gradient(90deg, transparent, #c99b18 25%, #f5bd34 50%, #c99b18 75%, transparent); }
  .sponsors-message { max-width: 420px; margin-top: 28px; font-size: clamp(15px, 4.2vw, 18px); line-height: 1.45; }
  .sponsors-desktop-break { display: none; }
  .sponsors-actions { flex-direction: column; gap: 14px; margin-top: 25px; }
  .sponsor-link { width: min(100%, 360px); min-height: 54px; justify-content: center; gap: 17px; padding-inline: 22px; font-size: 16px; }
  .sponsors-action-divider { display: none; }
}

@media (max-width: 900px) {
  .sponsors-content > .sponsors-brands + .sponsors-message {
    position: relative;
    inset: auto;
    display: block;
    align-self: center;
    width: min(100%, 760px);
    height: auto;
    margin: 52px auto 0;
    transform: none;
    clear: both;
  }
}

@media (min-width: 1500px) { .site-header { height: 60px; } .brand img { width: 112px; } .nav-link { font-size: 12px; } .header-cta { min-height: 36px; font-size: 11px; } }
@media (max-width: 850px) and (min-width: 701px) { .site-header { padding-inline: 18px; } .brand { flex-basis: 13%; min-width: 84px; } .brand img { width: 92px; } .site-nav { gap: 9px; } .nav-link { font-size: 9px; } .header-cta { min-height: 30px; padding-inline: 9px; font-size: 9px; } }
@media (max-width: 700px) {
  html { scroll-padding-top: 72px; }
  main > section[id], .site-footer, #footer-contact { scroll-margin-top: 72px; }
  .site-header { height: 58px; padding-inline: 18px; }
  .brand { flex: 1; }
  .brand img { width: 112px; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 9px; border: 0; background: transparent; cursor: pointer; }
  .menu-toggle span { display: block; width: 24px; height: 2px; background: var(--yellow); transition: transform .2s ease, opacity .2s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
  .site-nav { position: absolute; top: 58px; right: 0; left: 0; display: none; height: auto; padding: 10px 18px 18px; background: var(--black); }
  .site-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .site-nav.is-open > .nav-link,
  .site-nav.is-open > .header-cta { animation: rise-in .32s both ease-out; }
  .site-nav.is-open > .nav-link:nth-child(1) { animation-delay: .03s; }
  .site-nav.is-open > .nav-link:nth-child(2) { animation-delay: .07s; }
  .site-nav.is-open > .nav-link:nth-child(3) { animation-delay: .11s; }
  .site-nav.is-open > .nav-link:nth-child(4) { animation-delay: .15s; }
  .site-nav.is-open > .nav-link:nth-child(5) { animation-delay: .19s; }
  .site-nav.is-open > .nav-link:nth-child(6) { animation-delay: .23s; }
  .site-nav.is-open > .nav-link:nth-child(7) { animation-delay: .27s; }
  .site-nav.is-open > .nav-link:nth-child(8) { animation-delay: .31s; }
  .site-nav.is-open > .nav-link:nth-child(9) { animation-delay: .35s; }
  .site-nav.is-open > .header-cta { animation-delay: .4s; }
  .nav-link { min-height: 40px; font-size: 14px; }
  .nav-link::after { right: auto; bottom: 4px; width: 28px; }
  .header-cta { justify-content: center; min-height: 42px; margin-top: 8px; font-size: 11px; }
  .hero { min-height: clamp(430px, calc(100svh - 58px), 650px); background-position: 57% center; }
  .hero::before { background: linear-gradient(180deg, rgb(0 0 0 / 12%) 0%, rgb(0 0 0 / 24%) 45%, rgb(0 0 0 / 45%) 100%); }
  .hero-content { width: min(92%, 560px); padding-block: 20px; }
  .eyebrow { gap: 8px; margin-bottom: 10px; }
  .eyebrow span { width: 22px; }
  .eyebrow p { font-size: 13px; letter-spacing: .34em; }
  h1 { font-size: clamp(34px, 8.3vw, 48px); line-height: 1.08; }
  .hero-subtitle { margin: 16px 0 22px; font-size: 17px; }
  .hero-actions { gap: 10px; }
  .button { min-height: 50px; padding-inline: 16px; font-size: 13px; }
  .button-secondary { min-width: 0; }
}
@media (max-width: 390px) { .hero-actions { flex-direction: column; gap: 9px; } .button { width: min(100%, 230px); } .hero { background-position: 58% center; } }

@media (max-width: 520px) {
  .news-section { padding: 16px 8px; }
  .news-grid { grid-template-columns: 1fr; gap: 8px; height: auto; }
  .news-feature { min-height: 330px; }
  .feature-copy { right: 16px; bottom: 15px; left: 16px; }
  .feature-title { font-size: clamp(32px, 8.5vw, 44px); }
  .feature-description { font-size: 15px; }
  .desktop-break { display: none; }
  .news-stack { grid-template-rows: repeat(3, 112px); gap: 5px; }
  .news-story { grid-template-columns: 38% minmax(0, 1fr) 30px; gap: 9px; padding-right: 9px; }
  .story-title { font-size: 14px; }
  .story-arrow { width: 27px; height: 27px; }
  .wide-only { display: none; }
}

/* Section 13 — community and Pix support */
.community-section {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 490px;
  max-height: 670px;
  aspect-ratio: 2.25 / 1;
  align-items: stretch;
  overflow: hidden;
  isolation: isolate;
  background: #030303 url("../imagens/section13/Golden%20Glow%20on%20Dark%20Background.png") center / 100% 100% no-repeat;
  color: #fff;
}
.community-section::before { position: absolute; z-index: 2; inset: 0; border: 2px solid rgb(255 196 0 / 92%); box-shadow: inset 0 0 9px rgb(255 196 0 / 24%), 0 0 9px rgb(255 196 0 / 32%); content: ""; pointer-events: none; }
.community-microphone { position: absolute; z-index: 0; top: -20%; right: 0; width: 30%; height: 140%; max-width: 36%; object-fit: contain; object-position: right center; pointer-events: none; mask-image: linear-gradient(90deg, transparent 0%, #000 30%); }
.community-inner { position: relative; z-index: 1; display: grid; width: min(96%, 1540px); min-height: inherit; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.12fr); align-items: center; column-gap: clamp(25px, 3.4vw, 50px); margin-inline: auto; padding-block: 24px; }
.community-signup { min-width: 0; }
.community-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; color: #ffc400; font-size: clamp(14px, 1.35vw, 18px); font-weight: 700; letter-spacing: .34em; line-height: 1; }
.community-eyebrow > span { width: clamp(48px, 5vw, 78px); height: 5px; flex: 0 0 auto; border-radius: 3px; background: #ffc400; }
.community-signup h2 { margin: 0; font-size: clamp(40px, 4.2vw, 60px); font-weight: 800; letter-spacing: -.04em; line-height: .99; }
.community-signup h2 > span { color: #ffc400; }
.community-signup-copy, .community-support-copy { margin: 14px 0 0; color: #e4e4e4; font-size: clamp(17px, 1.75vw, 23px); font-weight: 400; line-height: 1.22; }
.community-signup-button { display: grid; width: min(100%, 540px); min-height: clamp(54px, 6vw, 82px); grid-template-columns: 50px 1fr 20%; align-items: center; gap: 12px; overflow: hidden; margin-top: 17px; border: 2px solid #d2a800; border-radius: 15px; background: #050505; color: #f6f6f6; font-size: clamp(17px, 1.8vw, 24px); font-weight: 700; line-height: 1; text-align: center; transition: border-color .25s ease, box-shadow .25s ease, background .25s ease; }
.community-signup-button > svg { width: 42px; height: 42px; justify-self: end; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.community-signup-button > span:nth-child(2) { white-space: nowrap; }
.community-signup-arrow { display: grid; width: 100%; height: 100%; place-items: center; border-radius: 0 10px 10px 0; background: #ffc400; color: #080808; font-size: clamp(26px, 2.6vw, 38px); font-weight: 400; transition: filter .25s ease, translate .25s ease; }
.community-signup-button:hover { border-color: #ffd842; box-shadow: 0 0 13px rgb(255 196 0 / 22%); }
.community-signup-button:hover .community-signup-arrow { filter: brightness(1.12); }
.community-signup-button:hover .community-signup-arrow { translate: 2px 0; }
.community-signup-button:focus-visible, .community-pix-copy:focus-visible { outline: 2px solid #ffe68a; outline-offset: 4px; }
.community-divider { width: 1px; height: 72%; justify-self: center; background: linear-gradient(180deg, transparent, rgb(221 221 221 / 65%) 12%, rgb(221 221 221 / 65%) 88%, transparent); }
.community-support { position: relative; min-width: 0; padding-right: clamp(58px, 7vw, 112px); }
.community-support-heading { display: flex; align-items: center; gap: clamp(14px, 1.6vw, 23px); }
.community-support-heading > img { display: block; width: clamp(72px, 8.6vw, 124px); height: clamp(72px, 8.6vw, 124px); flex: 0 0 auto; object-fit: contain; }
.community-support-heading h2 { margin: 0; color: #f7f7f7; font-size: clamp(24px, 2.5vw, 35px); font-weight: 800; letter-spacing: -.025em; line-height: 1.08; white-space: nowrap; }
.community-support-heading h2 > span { display: inline-block; margin-top: 2px; font-size: 1.3em; }
.community-support-heading strong { color: #ffc400; font-weight: 800; }
.community-support-copy { margin-top: 12px; }
.community-pix-copy { display: flex; width: 100%; min-width: 0; min-height: clamp(58px, 6vw, 80px); align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; padding: 0 clamp(14px, 1.6vw, 23px); border: 2px solid #d4aa14; border-radius: 14px; background: rgb(4 4 4 / 88%); color: #e9e9e9; font: 400 clamp(17px, 1.75vw, 22px)/1.1 Arial, Helvetica, sans-serif; text-align: left; white-space: nowrap; cursor: pointer; transition: border-color .24s ease, box-shadow .24s ease; }
.community-pix-copy:hover, .community-pix-copy.is-copied { border-color: #ffda42; box-shadow: 0 0 12px rgb(255 196 0 / 22%); }
.community-pix-copy > svg { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: #ffc400; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; transition: scale .2s ease; }
.community-pix-copy:hover > svg { scale: 1.08; }
.community-copy-status { position: absolute; top: 100%; left: 0; margin-top: 4px; color: #ffd33e; font-size: 12px; line-height: 1.1; }
.js-enabled .community-section:not(.is-visible) .community-eyebrow,
.js-enabled .community-section:not(.is-visible) .community-signup h2,
.js-enabled .community-section:not(.is-visible) .community-signup-copy,
.js-enabled .community-section:not(.is-visible) .community-signup-button,
.js-enabled .community-section:not(.is-visible) .community-support-heading,
.js-enabled .community-section:not(.is-visible) .community-support-copy,
.js-enabled .community-section:not(.is-visible) .community-pix-copy { opacity: 0; translate: 0 12px; }
.js-enabled .community-section:not(.is-visible) .community-microphone { opacity: 0; scale: 1.035; }
.js-enabled .community-section:not(.is-visible) .community-divider { scale: 1 .5; opacity: 0; }
.community-section.is-visible .community-eyebrow { animation: community-reveal .5s both ease-out; }
.community-section.is-visible .community-signup h2 { animation: community-reveal .55s .08s both ease-out; }
.community-section.is-visible .community-signup-copy { animation: community-reveal .55s .16s both ease-out; }
.community-section.is-visible .community-signup-button { animation: community-reveal .58s .25s both ease-out; }
.community-section.is-visible .community-divider { animation: community-divider-reveal .55s .12s both ease-out; }
.community-section.is-visible .community-support-heading { animation: community-reveal .55s .12s both ease-out; }
.community-section.is-visible .community-support-copy { animation: community-reveal .55s .2s both ease-out; }
.community-section.is-visible .community-pix-copy { animation: community-reveal .58s .3s both ease-out; }
.community-section.is-visible .community-microphone { animation: community-mic-reveal .8s .08s both ease-out; }
@keyframes community-reveal { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes community-divider-reveal { from { opacity: 0; scale: 1 .5; } to { opacity: 1; scale: 1 1; } }
@keyframes community-mic-reveal { from { opacity: 0; scale: 1.035; } to { opacity: 1; scale: 1; } }
@media (max-width: 900px) and (min-width: 601px) {
  .community-section { min-height: 740px; max-height: none; aspect-ratio: auto; }
  .community-inner { width: min(92%, 720px); grid-template-columns: minmax(0, 1fr); gap: 26px; padding-block: 38px; }
  .community-divider { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgb(221 221 221 / 60%) 12%, rgb(221 221 221 / 60%) 88%, transparent); }
  .community-support { padding-right: 100px; }
  .community-support-heading > img { width: 80px; height: 80px; }
  .community-support-copy { margin-left: 76px; }
  .community-pix-copy { width: min(100%, 470px); margin-left: 76px; }
  .community-microphone { top: auto; bottom: 0; width: 30%; height: 54%; max-width: 240px; }
}
@media (max-width: 600px) {
  .community-section { min-height: 920px; max-height: none; aspect-ratio: auto; background-position: center; background-size: cover; }
  .community-inner { width: min(92%, 540px); grid-template-columns: minmax(0, 1fr); gap: 25px; padding-block: 32px 46px; }
  .community-eyebrow { margin-bottom: 14px; font-size: 14px; }
  .community-signup h2 { font-size: clamp(32px, 9vw, 46px); }
  .community-signup-copy, .community-support-copy { font-size: 18px; }
  .community-signup-button { width: 100%; min-height: 62px; grid-template-columns: 46px 1fr 18%; margin-top: 19px; font-size: 18px; }
  .community-signup-button > svg { width: 38px; height: 38px; }
  .community-divider { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgb(221 221 221 / 58%) 12%, rgb(221 221 221 / 58%) 88%, transparent); }
  .community-support { padding-right: 0; }
  .community-support-heading { gap: 13px; }
  .community-support-heading > img { width: 74px; height: 74px; }
  .community-support-heading h2 { font-size: clamp(23px, 5.6vw, 29px); }
  .community-support-copy { margin-top: 13px; }
  .community-pix-copy { width: 100%; min-height: 62px; margin-top: 20px; padding-inline: 13px; font-size: clamp(13px, 3.7vw, 16px); }
  .community-pix-copy > svg { width: 22px; height: 22px; }
  .community-microphone { z-index: 0; top: auto; right: 0; bottom: 0; width: 40%; height: 45%; max-width: 220px; opacity: .72; }
  .community-support, .community-signup { position: relative; z-index: 1; }
  .community-support-copy { max-width: 90%; }
}

/* Section 14 — institutional introduction */
.group-about-section {
  position: relative;
  display: grid;
  min-height: 92vh;
  min-height: 92svh;
  max-height: none;
  aspect-ratio: auto;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid rgb(255 196 0 / 65%);
  background: #030303;
  color: #fff;
}
.group-about-section::after { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; height: 1px; background: rgb(235 235 235 / 72%); content: ""; }
.group-about-scene { position: absolute; z-index: 0; inset: 0; overflow: hidden; isolation: isolate; pointer-events: none; }
.group-about-scene::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, transparent 56%, rgb(93 55 12 / 7%) 76%, rgb(135 78 18 / 19%) 100%), radial-gradient(ellipse at 99% 48%, rgb(184 112 28 / 23%), transparent 29%); content: ""; pointer-events: none; }
.group-about-studio { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; filter: brightness(1.12) saturate(1.08); }
.group-about-chair { position: absolute; bottom: 0; left: 0; display: block; width: 44%; height: 91%; object-fit: cover; object-position: 50% 44%; }
.group-about-microphone { position: absolute; z-index: 2; top: 0; bottom: auto; left: 32%; display: block; width: min(34vw, 56vh); height: 100%; object-fit: contain; object-position: center; }
.group-about-flare { position: absolute; z-index: 3; right: 0; bottom: -1px; left: 0; display: block; width: 100%; height: 9px; object-fit: cover; object-position: center; opacity: .72; }
.group-about-content { position: relative; z-index: 2; display: flex; grid-column: 2; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: 28px clamp(28px, 4vw, 60px); }
.group-about-rule { display: block; width: clamp(66px, 5vw, 120px); height: 6px; flex: 0 0 auto; margin-bottom: clamp(13px, 1.6vw, 22px); border-radius: 4px; background: #ffc400; }
.group-about-eyebrow { margin: 0 0 2px; color: #f7f7f7; font-size: clamp(20px, 2.4vw, 32px); font-weight: 400; letter-spacing: .24em; line-height: 1.1; }
.group-about-content h2 { display: flex; flex-wrap: nowrap; align-items: baseline; gap: .16em; margin: 0; font-size: clamp(38px, 5.1vw, 70px); font-weight: 900; letter-spacing: -.045em; line-height: 1; white-space: nowrap; }
.group-about-content h2 > span { color: #fff; font-style: italic; }
.group-about-content h2 > em { display: inline-block; color: #ffc400; font-size: 1.12em; font-style: italic; font-weight: 900; transform: skewX(-18deg); }
.group-about-description { margin: clamp(9px, 1.1vw, 15px) 0 0; color: #e5e5e5; font-size: clamp(19px, 2.2vw, 27px); font-weight: 400; line-height: 1.18; }
.group-about-button { display: inline-flex; width: min(100%, clamp(290px, 34vw, 520px)); min-height: clamp(48px, 5.5vw, 80px); align-items: center; justify-content: space-between; gap: 14px; margin-top: clamp(18px, 2.3vw, 31px); padding: 0 clamp(20px, 2.6vw, 38px); border-radius: 999px; background: #ffc400; color: #090909; font-size: clamp(17px, 1.8vw, 24px); font-weight: 800; line-height: 1; white-space: nowrap; transition: background .25s ease, box-shadow .25s ease; }
.group-about-button > svg { width: 25px; height: 25px; flex: 0 0 auto; }
.group-about-arrow { flex: 0 0 auto; font-size: 1.55em; font-weight: 400; line-height: 1; transition: translate .22s ease; }
.group-about-button:hover { background: #ffda38; box-shadow: 0 0 18px rgb(255 196 0 / 24%); }
.group-about-button:hover .group-about-arrow { translate: 5px 0; }
.group-about-button:focus-visible { outline: 3px solid #fff0a5; outline-offset: 4px; }
.js-enabled .group-about-section:not(.is-visible) .group-about-studio,
.js-enabled .group-about-section:not(.is-visible) .group-about-chair,
.js-enabled .group-about-section:not(.is-visible) .group-about-microphone,
.js-enabled .group-about-section:not(.is-visible) .group-about-content > * { opacity: 0; }
.js-enabled .group-about-section:not(.is-visible) .group-about-studio { scale: 1.025; }
.js-enabled .group-about-section:not(.is-visible) .group-about-chair { translate: -18px 0; }
.js-enabled .group-about-section:not(.is-visible) .group-about-microphone { translate: 0 14px; }
.group-about-section.is-visible .group-about-studio { animation: group-about-photo-in .75s both ease-out; }
.group-about-section.is-visible .group-about-chair { animation: group-about-chair-in .72s .08s both ease-out; }
.group-about-section.is-visible .group-about-microphone { animation: group-about-mic-in .7s .16s both ease-out; }
.group-about-section.is-visible .group-about-rule { animation: group-about-rule-in .48s .12s both ease-out; }
.group-about-section.is-visible .group-about-eyebrow { animation: group-about-copy-in .5s .18s both ease-out; }
.group-about-section.is-visible .group-about-content h2 { animation: group-about-copy-in .52s .25s both ease-out; }
.group-about-section.is-visible .group-about-description { animation: group-about-copy-in .52s .34s both ease-out; }
.group-about-section.is-visible .group-about-button { animation: group-about-copy-in .56s .43s both ease-out; }
@keyframes group-about-photo-in { from { opacity: 0; scale: 1.025; } to { opacity: 1; scale: 1; } }
@keyframes group-about-chair-in { from { opacity: 0; translate: -18px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes group-about-mic-in { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
@keyframes group-about-rule-in { from { opacity: 0; scale: 0 1; } to { opacity: 1; scale: 1 1; } }
@keyframes group-about-copy-in { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 800px) {
  .group-about-section { display: flex; min-height: 92vh; min-height: 92svh; max-height: none; aspect-ratio: auto; flex-direction: column; }
  .group-about-scene { position: relative; flex: 0 0 auto; width: 100%; height: clamp(270px, 64vw, 410px); }
  .group-about-studio { object-position: 22% center; }
  .group-about-chair { width: 88%; height: 88%; object-position: center 44%; }
  .group-about-microphone { top: 4%; bottom: auto; left: 42%; width: min(50vw, 43vh); height: 92%; object-position: center; }
  .group-about-flare { height: 7px; }
  .group-about-content { width: min(100%, 740px); flex: 1 0 auto; align-self: center; padding: 34px clamp(24px, 6vw, 48px) 44px; }
  .group-about-rule { width: 68px; height: 5px; margin-bottom: 14px; }
  .group-about-eyebrow { font-size: clamp(18px, 3vw, 24px); }
  .group-about-content h2 { font-size: clamp(34px, 7vw, 54px); }
  .group-about-description { font-size: clamp(17px, 3vw, 21px); }
  .group-about-button { width: min(100%, 480px); min-height: 58px; margin-top: 20px; font-size: 17px; }
}
@media (max-width: 420px) {
  .group-about-scene { height: 265px; }
  .group-about-content { padding-inline: 20px; }
  .group-about-content h2 { font-size: clamp(30px, 8vw, 36px); }
  .group-about-break { display: none; }
  .group-about-description { max-width: 360px; }
}

/* Section 15 — institutional footer */
.site-footer { position: relative; overflow: hidden; padding: clamp(32px, 4.2vw, 58px) 5.5% 24px; background: #030303; color: #fff; }
.site-footer::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, transparent 8%, rgb(255 196 0 / 14%) 14%, #dca821 19%, rgb(255 196 0 / 20%) 25%, transparent 31%); box-shadow: 0 0 12px rgb(236 174 31 / 28%); content: ""; }
.footer-main { display: grid; min-height: clamp(170px, 21vw, 280px); grid-template-columns: minmax(0, 1.05fr) 1px minmax(0, .95fr) 1px minmax(0, 1.12fr); align-items: center; gap: clamp(14px, 2.5vw, 35px); }
.footer-brand-column, .footer-navigation, .footer-contact { min-width: 0; align-self: center; }
.footer-brand { display: inline-flex; max-width: 100%; align-items: center; }
.footer-brand img { display: block; width: min(100%, clamp(200px, 25vw, 365px)); height: auto; object-fit: contain; }
.footer-brand-copy { margin: 12px 0 0; color: #e5e5e5; font-size: clamp(13px, 1.2vw, 17px); line-height: 1.25; }
.footer-socials { display: flex; align-items: center; gap: clamp(15px, 1.9vw, 26px); margin-top: 17px; }
.footer-socials a { display: grid; width: 29px; height: 29px; place-items: center; color: #f5f5f5; transition: color .22s ease, opacity .22s ease; }
.footer-socials a:hover { color: #ffc400; opacity: .92; }
.footer-socials svg { display: block; width: 27px; height: 27px; fill: currentColor; }
.footer-socials a:nth-child(2) svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.footer-column-divider { width: 1px; height: clamp(145px, 18vw, 220px); justify-self: center; background: rgb(205 205 205 / 72%); }
.footer-navigation h2, .footer-contact h2 { margin: 0; color: #f8f8f8; font-size: clamp(16px, 1.45vw, 20px); font-weight: 700; line-height: 1.2; }
.footer-title-rule { display: block; width: 30px; height: 3px; margin-top: 9px; border-radius: 3px; background: #ffc400; }
.footer-link-lists { display: grid; grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); gap: clamp(10px, 1.5vw, 20px); margin-top: 9px; }
.footer-link-lists ul { display: flex; flex-direction: column; gap: 3px; margin: 0; padding: 0; list-style: none; }
.footer-link-lists a { color: #e5e5e5; font-size: clamp(13px, 1.15vw, 16px); line-height: 1.3; transition: color .2s ease, opacity .2s ease; }
.footer-link-lists a:hover { color: #ffc400; }
.footer-list-divider { width: 1px; height: 96px; align-self: center; background: rgb(186 186 186 / 55%); }
.footer-contact address { display: flex; flex-direction: column; gap: clamp(13px, 1.6vw, 21px); margin-top: 14px; font-style: normal; }
.footer-contact address a { display: grid; min-width: 0; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 11px; color: #e8e8e8; font-size: clamp(12px, 1.1vw, 15px); line-height: 1.25; transition: color .2s ease; }
.footer-contact address a:hover { color: #ffc400; }
.footer-contact address svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.footer-contact address a:first-child svg { stroke-width: 1.5; }
.footer-bottom-rule { width: 100%; height: 1px; margin-top: 17px; background: rgb(197 197 197 / 76%); transform-origin: left center; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 13px; }
.footer-bottom p { margin: 0; color: #e0e0e0; font-size: clamp(12px, 1.1vw, 15px); line-height: 1.3; }
.footer-bottom > div { display: flex; align-items: center; gap: 14px; }
.footer-bottom > div > span { display: block; width: clamp(32px, 3.6vw, 54px); height: 4px; flex: 0 0 auto; border-radius: 4px; background: #ffc400; }
.footer-socials a:focus-visible, .footer-navigation a:focus-visible, .footer-contact a:focus-visible { outline: 2px solid #ffc400; outline-offset: 3px; }
.js-enabled .site-footer:not(.is-visible) .footer-main > *,
.js-enabled .site-footer:not(.is-visible) .footer-bottom-rule,
.js-enabled .site-footer:not(.is-visible) .footer-bottom { opacity: 0; translate: 0 12px; }
.site-footer.is-visible .footer-brand-column { animation: footer-arrive .58s both ease-out; }
.site-footer.is-visible .footer-navigation { animation: footer-arrive .58s .1s both ease-out; }
.site-footer.is-visible .footer-contact { animation: footer-arrive .58s .2s both ease-out; }
.site-footer.is-visible .footer-column-divider { animation: footer-divider-arrive .5s .12s both ease-out; }
.site-footer.is-visible .footer-bottom-rule { animation: footer-rule-arrive .55s .25s both ease-out; }
.site-footer.is-visible .footer-bottom { animation: footer-arrive .55s .34s both ease-out; }
@keyframes footer-arrive { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@keyframes footer-divider-arrive { from { opacity: 0; scale: 1 .55; } to { opacity: 1; scale: 1 1; } }
@keyframes footer-rule-arrive { from { opacity: 0; scale: 0 1; } to { opacity: 1; scale: 1 1; } }
@media (max-width: 760px) {
  .site-footer { padding: 34px 6% 24px; }
  .footer-main { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .footer-brand-column, .footer-navigation, .footer-contact { width: 100%; }
  .footer-brand img { width: min(230px, 70vw); }
  .footer-brand-copy { font-size: 15px; }
  .footer-socials { margin-top: 15px; }
  .footer-column-divider { width: 100%; height: 1px; background: rgb(180 180 180 / 44%); }
  .footer-navigation h2, .footer-contact h2 { font-size: 18px; }
  .footer-link-lists { width: min(100%, 380px); grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr); gap: 18px; }
  .footer-link-lists a { font-size: 15px; }
  .footer-list-divider { height: 112px; }
  .footer-contact address { gap: 16px; }
  .footer-contact address a { max-width: 100%; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; font-size: 14px; }
  .footer-contact address svg { width: 26px; height: 26px; }
  .footer-bottom-rule { margin-top: 24px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 10px; padding-top: 14px; }
  .footer-bottom p { font-size: 13px; }
  .footer-bottom > div { justify-content: flex-start; gap: 10px; }
}
@media (max-width: 380px) {
  .footer-link-lists { gap: 12px; }
  .footer-contact address a { font-size: 13px; }
  .footer-bottom > div { flex-wrap: wrap; }
}

/* Responsive refinements across all sections */
@media (min-width: 601px) and (max-width: 760px) {
  .magazine-section { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .magazine-feature { aspect-ratio: 1.65 / 1; }
  .magazine-side { grid-template-rows: auto auto; }
  .magazine-heading h2 { font-size: clamp(28px, 4vw, 36px); }
  .magazine-heading p { font-size: 14px; }
  .magazine-cards { gap: 10px; }
  .magazine-card-copy { padding: 10px; }
  .magazine-card-copy h3 { font-size: 14px; }
  .magazine-card-description { font-size: 12px; }
  .magazine-card-link { font-size: 10px; }

  .guests-section { padding-inline: 22px; }
  .guest-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .guest-name { font-size: 12px; }
  .guest-role { font-size: 10px; }
  .guest-shortcuts { gap: 14px; }
  .guest-shortcut { font-size: 10px; }
  .shortcut-line { width: 28px; }
}

@media (min-width: 601px) and (max-width: 640px) {
  .episode-feature { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .episode-photo { aspect-ratio: 1.85 / 1; }
  .episode-details h2 { font-size: 30px; }
  .episode-watch { min-height: 46px; font-size: 12px; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  main > section[id], .site-footer, #footer-contact { scroll-margin-top: 72px; }
  .site-header { height: 58px; padding-inline: 18px; }
  .brand { flex: 1; }
  .brand img { width: 112px; }
  .menu-toggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 42px; padding: 9px; border: 0; background: transparent; cursor: pointer; }
  .menu-toggle span { display: block; width: 24px; height: 2px; background: var(--yellow); transition: transform .2s ease, opacity .2s ease; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
  .site-nav { position: absolute; top: 58px; right: 0; left: 0; display: none; height: auto; padding: 10px 18px 18px; background: var(--black); }
  .site-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .nav-link { min-height: 40px; font-size: 14px; }
  .nav-link::after { right: auto; bottom: 4px; width: 28px; }
  .header-cta { justify-content: center; min-height: 42px; margin-top: 8px; font-size: 11px; }

  .podcast-hero { height: auto; min-height: clamp(700px, 150vw, 820px); aspect-ratio: auto; align-items: flex-end; }
  .podcast-scene { object-position: 72% center; }
  .podcast-scene-shade { background: linear-gradient(180deg, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 10%) 38%, rgb(0 0 0 / 87%) 61%, #050505 100%); }
  .podcast-content { width: min(100%, 560px); margin-inline: auto; padding: 0 22px 34px; }
  .podcast-credit { margin-left: calc(clamp(64px, 15vw, 100px) + 14px); }
  .podcast-brand-icon { width: clamp(64px, 15vw, 100px); height: clamp(78px, 18vw, 118px); }
  .podcast-features { flex-wrap: wrap; justify-content: flex-start; }
  .podcast-features li { white-space: normal; }
  .podcast-actions { flex-wrap: wrap; }

  .host-section { min-height: 0; }
  .host-copy { max-width: 560px; }

  .site-footer { padding: 34px 6% 24px; }
  .footer-main { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .footer-brand-column, .footer-navigation, .footer-contact { width: 100%; }
  .footer-column-divider { width: 100%; height: 1px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
}

@media (max-width: 600px) {
  .podcast-hero { min-height: clamp(700px, 150vw, 800px); }
  .podcast-content { padding-inline: 18px; }
  .podcast-credit { max-width: calc(100% - 84px); margin-left: 84px; }
  .podcast-brand-lockup { gap: 12px; }
  .podcast-brand-lockup h2 { font-size: clamp(40px, 10vw, 62px); }
  .podcast-tagline { font-size: clamp(15px, 4vw, 17px); }
  .podcast-features { gap: 10px 12px; }
  .podcast-features li { font-size: 12px; }
  .podcast-features li + li { padding-left: 9px; }
  .podcast-actions { flex-direction: column; align-items: stretch; }
  .podcast-button { width: 100%; }

  .sponsors-section { min-height: 0; aspect-ratio: auto; }
  .sponsors-content { padding: 62px 18px 36px; }
  .sponsors-brands { margin-top: 28px; gap: 18px; }
  .sponsor-brand { height: 120px; }
  .sponsors-message { margin-top: 22px; }
  .sponsors-actions { gap: 12px; margin-top: 20px; }
  .sponsor-link { min-height: 50px; }

  .photojournalism-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .photojournalism-galleries-link { justify-self: end; }

  .community-pix-copy { white-space: normal; overflow-wrap: anywhere; line-height: 1.25; }
  .community-support-heading h2 { white-space: normal; }
}

@media (min-width: 521px) and (max-width: 699px) {
  .latest-section { min-height: 0; padding: 24px 18px 30px; }
  .latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .latest-card { min-height: 0; }
  .latest-image { aspect-ratio: 16 / 9; }
  .latest-card-content { padding: 12px; }
  .latest-title { font-size: 15px; }
  .latest-description { margin: 7px 0 9px; font-size: 13px; }
  .latest-meta { gap: 6px; font-size: 9px; }
  .latest-read { margin-top: 9px; font-size: 12px; }
}

@media (max-width: 380px) {
  .podcast-hero { min-height: 700px; }
  .podcast-content { padding-inline: 16px; }
  .podcast-credit { max-width: calc(100% - 76px); margin-left: 76px; font-size: 10px; }
  .podcast-brand-icon { width: 60px; height: 74px; }
  .podcast-brand-lockup h2 { font-size: clamp(36px, 10vw, 42px); }
  .podcast-tagline { margin-block: 12px 16px; }
  .podcast-features li { font-size: 11px; }
  .podcast-button { min-height: 48px; padding-inline: 14px; font-size: 12px; }

  .social-heading-title h2 { font-size: 22px; }
  .agenda-title-row h2 { font-size: 23px; }
  .realize-stats-title-row h2 { font-size: 16px; }
  .community-support-heading { gap: 9px; }
  .community-support-heading > img { width: 58px; height: 58px; }
  .community-support-heading h2 { font-size: 20px; }
  .group-about-content h2 { font-size: 29px; }
}

/* Section 12 — prevent sponsor content from being clipped at tablet/mobile widths */
@media (min-width: 601px) and (max-width: 900px) {
  .sponsors-section { height: auto; min-height: 0; max-height: none; aspect-ratio: auto; }
  .sponsors-content { display: flex; flex-direction: column; align-items: center; padding: clamp(76px, 9vw, 96px) 24px 44px; }
  .sponsors-heading, .sponsors-brands { width: min(92%, 760px); }
  .sponsors-heading { gap: clamp(14px, 2vw, 24px); }
  .sponsors-brands { position: relative; display: grid; flex: 0 0 auto; height: clamp(150px, 24vw, 190px); min-height: 0; gap: clamp(20px, 4vw, 38px); margin: clamp(22px, 3vw, 32px) auto 0; }
  .sponsor-brand { display: flex; align-items: center; justify-content: center; overflow: visible; }
  .sponsor-brand img { width: auto; height: auto; max-width: min(100%, 350px); max-height: 100%; object-fit: contain; }
  .sponsor-brand-physiom img { max-width: 350px; }
  .sponsor-brand-kingdom img { max-width: 330px; }
  .sponsors-message { position: static; display: block; align-self: center; clear: none; width: min(100%, 760px); flex: 0 0 auto; margin: 28px auto 0; font-size: clamp(16px, 2vw, 20px); }
  .sponsors-actions { width: min(100%, 680px); gap: clamp(14px, 2.5vw, 26px); margin-top: 22px; }
  .sponsor-link { width: auto; min-width: 0; flex: 1 1 0; gap: clamp(8px, 1.5vw, 14px); padding-inline: clamp(14px, 2.6vw, 24px); font-size: clamp(14px, 1.8vw, 18px); }
}

@media (max-width: 600px) {
  .sponsors-section { height: auto; min-height: 0; max-height: none; aspect-ratio: auto; }
  .sponsors-content { display: flex; flex-direction: column; align-items: center; padding: clamp(48px, 13vw, 62px) 18px 32px; }
  .sponsors-heading { gap: 8px; }
  .sponsors-heading h2 { font-size: clamp(9px, 3vw, 12px); letter-spacing: clamp(.12em, .35vw, .22em); }
  .sponsors-heading-rule { min-width: 14px; }
  .sponsors-brands { position: relative; display: flex; width: min(100%, 390px); height: auto; min-height: 0; flex: 0 0 auto; flex-direction: column; align-items: center; gap: 16px; margin: 28px auto 0; }
  .sponsor-brand { position: relative; display: flex; width: 100%; height: clamp(180px, 48vw, 230px); flex: 0 0 auto; align-items: center; justify-content: center; overflow: visible; }
  .sponsor-brand img { width: auto; height: auto; max-width: min(100%, 350px); max-height: 100%; object-fit: contain; }
  .sponsor-brand-physiom img { max-width: min(88%, 350px); }
  .sponsor-brand-kingdom img { max-width: min(88%, 330px); }
  .sponsors-divider { width: 44%; height: 1px; }
  .sponsors-message { position: static; display: block; align-self: center; clear: none; width: min(100%, 420px); flex: 0 0 auto; margin: 40px auto 0; transform: none; font-size: clamp(14px, 4vw, 17px); line-height: 1.4; }
  .sponsors-actions { position: relative; width: min(100%, 360px); flex-direction: column; gap: 11px; margin: 19px auto 0; }
  .sponsor-link { width: 100%; min-height: 50px; flex: 0 0 auto; justify-content: center; gap: 14px; padding-inline: 16px; font-size: clamp(14px, 4vw, 16px); }
  .sponsors-action-divider { display: none; }
}