/* V3: mobile composition and reliable static content. */
figure { margin: 0; }
main, section, article, figure, header, footer, nav, .editorial-grid > *, .episode-row > *, .archive-grid > * { min-width: 0; }
h1, h2, h3, blockquote { overflow-wrap: anywhere; }
p { overflow-wrap: break-word; }
html { scroll-padding-top: calc(var(--header-h) + 1rem); }
:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; }
.site-header { mix-blend-mode: normal; background: rgba(5,5,5,.96); border-bottom: 1px solid #ffffff18; }
.brand img { width: 116px; height: auto; }
.footer__logo { width: 180px; }
.home-hero__bird, .manifesto-hero__bird, .ecosystem-hero__bird { filter: none; }
.reveal { opacity: 1; transform: none; }
.reveal.motion-ready { opacity: 1; transform: none; }
.reveal.motion-ready.is-visible { animation: enter-frame .7s ease both; }
@keyframes enter-frame { from { opacity: .35; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.display, .episode-card__title { text-wrap: pretty; }
.home-community__intro { grid-column: 1 / span 3; }
.episode-card > a { display: block; }
.episode-card__poster { aspect-ratio: auto; background: transparent; }
.episode-card__poster img { width: 100%; height: auto; object-fit: contain; }
.episode-card__link { display: flex; align-items: center; justify-content: space-between; min-height: 44px; margin-top: 1rem; border-bottom: 1px solid var(--line-light); }
.episode-card__link span { font-size: 1.2rem; }
.episode-card__title { font-size: clamp(2.2rem,3.4vw,4rem); }
.episode-hero { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); }
.episode-hero__copy { padding-top: 3rem; }
.episode-hero h1 { font-size: clamp(4rem,8.5vw,10rem); line-height: .96; }
.episode-hero__poster { align-self: start; padding: 2.5rem; }
.episode-hero__poster img { width: 100%; height: auto; object-fit: contain; }
.episode-hero__poster:hover img { transform: none; }
.episode-hero__index { margin: 3rem 0 1.5rem; }
.episode-back { position: relative; z-index: 1; align-self: flex-start; padding: 1rem 0; }
.cta-link { max-width: 100%; min-height: 48px; gap: 1.25rem; }
.cta-link span { flex-shrink: 0; }
.archive-preview__header > div { min-width: 0; }
.archive-preview__header > .cta-link { flex-shrink: 0; }
.pillar, .value { padding-inline: clamp(1rem,2vw,2rem); }
.pillar .display { font-size: clamp(2rem,3.6vw,4rem); }
.value .display { font-size: clamp(2rem,3.6vw,4rem); }
.movement__title { font-size: clamp(4rem,7.5vw,9rem); }
.episode-notes { gap: 3rem; }
.access-intro::after { background-image: url('/assets/images/logo/bird-v3.svg'); }
@media (min-width: 901px) {
  .home-hero__title { font-size: 26vw; }
  .archive-hero h1 { font-size: 18.3vw; }
  .manifesto-hero .display { font-size: 21vw; }
  .ecosystem-hero h1 { font-size: 18vw; }
}
@media (max-width: 900px) {
  :root { --page-x: clamp(20px,5vw,36px); --header-h: 72px; }
  .site-header { height: var(--header-h); }
  .brand img { width: 98px; }
  .menu-toggle { min-width: 64px; min-height: 44px; cursor: pointer; }
  .site-nav { height: 100dvh; overflow-y: auto; visibility: hidden; padding-top: calc(var(--header-h) + 2rem); padding-bottom: 2rem; gap: 1.25rem; }
  .site-nav.is-open { visibility: visible; }
  .site-nav a { font-size: clamp(2.4rem,10vw,4.5rem); line-height: 1.08; max-width: 100%; }
  .section { padding-block: clamp(64px,12vw,96px); }
  .section-label { margin-bottom: 1.5rem; }
  .meta, .section-label { font-size: 11px; line-height: 1.6; }
  .display { line-height: .98; letter-spacing: -.015em; }
  .display--lg { font-size: clamp(3.2rem,12vw,6rem); }
  .display--md { font-size: clamp(2.8rem,10.5vw,5rem); }
  .display--sm { font-size: clamp(2.25rem,8vw,3.5rem); }
  .home-hero { min-height: 620px; min-height: 85svh; padding-bottom: 1.25rem; }
  .home-hero__title { font-size: 38vw; line-height: .85; transform: none; }
  .home-hero__kicker { top: calc(var(--header-h) + 2rem); max-width: 12rem; }
  .home-hero__bird { top: 40%; right: 10%; width: 34vw; }
  .home-manifesto { min-height: auto; gap: 2.5rem; }
  .home-manifesto__left, .home-manifesto__right, .home-community__intro { grid-column: 1 / -1; }
  .home-manifesto__image { grid-column: 1 / -1; height: auto; aspect-ratio: 4/5; width: 82%; justify-self: end; }
  .home-manifesto__right { margin: 0; max-width: 80%; }
  .home-manifesto__right .display { text-align: left; }
  .home-manifesto__right .meta { margin-top: 1.5rem; }
  .home-documentary { height: 65svh; min-height: 360px; }
  .archive-preview__header { margin-bottom: 2.5rem; }
  .archive-preview__header .cta-link { margin-top: 1rem; padding-left: 0; }
  .episode-row, .archive-grid { gap: 2.5rem 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .episode-row .episode-card:nth-child(n), .archive-grid .episode-card:nth-child(n) { margin-top: 0; }
  .episode-card__title { font-size: clamp(1.8rem,5.7vw,3.2rem); line-height: 1.02; }
  .episode-card__number { font-size: 2.7rem; margin-top: 1rem; margin-bottom: .5rem; color: var(--red); }
  .episode-card__meta { font-size: 10px; }
  .red-band { min-height: auto; padding-block: 5rem; }
  .pillars { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pillar { min-height: auto; padding: 1.5rem 1rem; }
  .pillar .display { margin-top: 2.5rem; font-size: clamp(1.8rem,5.3vw,3rem); }
  .pillar p:last-child { font-size: .9rem; }
  .home-community { gap: 2.5rem; }
  .home-community__main { height: auto; aspect-ratio: 4/5; }
  .home-community__stack { gap: 1rem; }
  .home-access { min-height: auto; gap: 2rem; }
  .footer { gap: 1.5rem; padding-top: 3rem; }
  .footer__tagline { max-width: 24rem; letter-spacing: .14em; line-height: 1.8; }
  .manifesto-hero, .archive-hero, .ecosystem-hero { min-height: 70svh; padding-bottom: 2rem; }
  .manifesto-hero .display { font-size: 21vw; transform: none; }
  .archive-hero h1 { font-size: 18vw; transform: none; }
  .ecosystem-hero h1 { font-size: 18vw; transform: none; }
  .manifesto-hero__label, .archive-hero__label, .ecosystem-hero__label { top: calc(var(--header-h) + 2rem); }
  .manifesto-hero__bird, .ecosystem-hero__bird { top: 36%; right: 10%; width: 30vw; }
  .belief, .mindset { min-height: auto; gap: 2.5rem; }
  .belief__image { height: auto; aspect-ratio: 4/5; }
  .mindset__symbol { min-height: 14rem; }
  .mindset__symbol img { width: min(80%,380px); }
  .mindset__phrases p { font-size: clamp(2rem,7vw,3rem); margin-bottom: 1.5rem; }
  .values { padding-top: 0; }
  .value { min-height: auto; padding: 1.5rem 1rem; }
  .value .display { margin: 3rem 0 1rem; font-size: clamp(1.8rem,6vw,3rem); }
  .archive-intro, .archive-statement, .ecosystem-intro, .community-intro { gap: 2rem; min-height: auto; }
  .episode-hero { grid-template-columns: 1fr; }
  .episode-hero__copy { min-height: auto; padding: 1.5rem var(--page-x) 2.5rem; }
  .episode-hero__copy > .section-label { margin: 1rem 0 0; }
  .episode-hero__index { font-size: 5rem; margin: 1.5rem 0; }
  .episode-hero h1 { font-size: clamp(3.2rem,13vw,6rem); }
  .episode-hero__subtitle { margin-top: 1.5rem; }
  .episode-hero__poster { aspect-ratio: auto; padding: 0 var(--page-x) 2.5rem; }
  .episode-hero__poster img { max-width: 560px; margin: auto; }
  .episode-meta__item { padding: 1.5rem var(--page-x); }
  .episode-meta__item p:last-child { margin-top: .5rem; font-size: 1.25rem; }
  .episode-question { min-height: auto; gap: 2rem; }
  .episode-question blockquote { font-size: clamp(2.7rem,10vw,5rem); line-height: 1.04; }
  .episode-gallery { padding-top: 0; }
  .episode-gallery figure:nth-child(1) { height: auto; aspect-ratio: 4/5; }
  .episode-gallery figure:nth-child(2), .episode-gallery figure:nth-child(3) { height: auto; aspect-ratio: 3/4; }
  .episode-note { grid-template-columns: 2rem minmax(0,1fr); }
  .movement__title { font-size: clamp(3rem,12vw,6rem); }
  .movement--image .movement__content { padding-block: 4rem; }
  .movement--image .movement__visual { min-height: 0; aspect-ratio: 4/5; }
  .ecosystem-close { min-height: auto; }
  .community-hero { min-height: 80svh; }
  .community-hero h1 { font-size: clamp(4rem,17vw,8rem); line-height: 1; }
  .community-mosaic figure:nth-child(n) { height: auto; aspect-ratio: 3/4; }
  .community-mosaic figure:nth-child(1), .community-mosaic figure:nth-child(4) { height: auto; aspect-ratio: 4/5; }
  .community-quote { min-height: auto; }
  .community-quote blockquote { font-size: clamp(3rem,11vw,6rem); line-height: 1.04; }
  .community-principle { padding: 2rem 0; }
  .community-final { min-height: auto; }
  .community-final__image { height: auto; aspect-ratio: 4/5; }
  .access-intro { min-height: auto; gap: 3rem; padding-block: 3rem; }
  .access-intro h1 { font-size: clamp(3.5rem,15vw,7rem); }
  .access-form-wrap { padding-block: 3rem; }
  .access-form { margin-top: 2.5rem; }
  .field input, .field textarea, .field select { font-size: 16px; }
  .button { width: 100%; min-height: 48px; }
  [data-parallax] { transform: none !important; will-change: auto; }
}
@media (max-width: 360px) {
  .episode-row, .archive-grid { grid-template-columns: 1fr; }
  .episode-card__title { font-size: 2.6rem; }
  .pillars, .values { grid-template-columns: 1fr; }
  .pillar, .value { border-left: 0; border-top: 1px solid currentColor; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal.motion-ready { opacity: 1; transform: none; }
  [data-parallax] { transform: none !important; }
}
@media (min-width: 901px) {
  .home-community__intro { grid-column: 1 / span 4; }
  .home-community__intro .display { font-size: clamp(2.8rem,4.6vw,5.5rem); overflow-wrap: normal; }
  .home-community__main { grid-column: 5 / span 5; }
}
