/* KING: capa, capítulos, mídia e legendas compartilham uma única régua. */
:root{--case-measure:min(1200px,calc(100% - 2*clamp(24px,5vw,80px)));--vao-texto-foto:32px;--case-gap:clamp(64px,8vw,112px)}
.hero-inner{padding:90px 24px 120px}
.hero-block{display:flex;flex-direction:column;text-align:center;gap:24px;width:min(620px,100%)}
.hero-lockup{justify-content:center}
.hero-lockup img{width:clamp(240px,27vw,390px);height:auto}
.hero-role{display:block;width:100%;max-width:100%;padding:0;border:0;text-transform:none}
.hero-title{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.hero-role small{max-width:48ch;margin:14px auto 0;font-size:15px;line-height:1.6}
.content{padding-top:0}
.content>.bloco-abre,.content>.fotos,.content>.roda-series{grid-column:full-start/full-end;width:var(--case-measure);margin-inline:auto}
.content .bloco-abre:not(.lead-abre),.content .tela-cabeca{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,90px);text-align:left;width:var(--case-measure);align-items:start;margin:var(--case-gap) auto 0}
.content h2{margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-transform:none;text-align:left;text-wrap:balance;color:var(--ink)}
.content .editorial-copy{min-width:0;margin:0}
.content p{font-size:19px;line-height:1.6}
.content .editorial-copy p+p,.content .abre-texto p+p{margin-top:1em}
.content .lead-abre{grid-column:full-start/full-end;width:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 28px;padding:clamp(48px,7vw,96px) max(clamp(24px,6vw,96px),calc((100% - 1200px)/2));margin:0;background:#f7f6f2;color:#151515;text-align:left}
.content .lead-logo{grid-column:1/5;grid-row:1;width:min(100%,320px);height:auto;margin:auto 0}
.content .lead-abre>p{margin:0;color:#333}
.content .lead-abre>p:first-of-type{grid-column:5/13;font-size:clamp(24px,2.3vw,32px);line-height:1.35;letter-spacing:-.025em;font-weight:600;color:#151515}
.content .lead-abre>p:nth-of-type(2){grid-column:1/7}
.content .lead-abre>p:nth-of-type(3){grid-column:8/13}
.content .lead-abre b{color:#151515}
.content .tela-abre{min-height:0;margin:var(--case-gap) 0 0;padding:0}
.content .tela-abre .duo-abre{width:var(--case-measure);margin:0 auto;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,90px)}
.content .tela-abre .abre-foto img{width:min(100%,340px);height:auto;object-fit:contain;margin-inline:auto}
.content .abre-texto h2{margin:0 0 24px}
.content .tela{padding:0;margin-top:var(--case-gap);border:0}
.content .tela .tela-cabeca{margin-top:0}
.content .fotos{display:block;margin-top:32px;gap:0}
.content .tela>.fotos{width:var(--case-measure)!important;margin-inline:auto}
.content .fotos+.fotos{margin-top:28px}
.content .fotos .gal{display:flex;gap:12px;align-items:start;margin:0 auto;width:min(100%,calc(360px*var(--row-ratio,2.4) + 12px*var(--row-gaps,1)))}
.content .fotos .gal>img,.content .fotos .gal>video{min-width:0;height:auto;object-fit:contain}
.content .fotos .gal>video{aspect-ratio:9/16}
.content figcaption,.content .fotos figcaption{margin:14px auto 0;max-width:720px;font-size:14px;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--sec);text-align:center}
.tropa{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:24px}
.tropa span{padding:0;border:0;font-size:14px;line-height:1.5}
.tropa span b{display:none}
.tropa span i{display:block;font-size:13px}
.roda-play{position:relative;display:block;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;color:var(--ink)}
.roda-play img{display:block;width:100%;height:auto}
.roda-play-icon{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111}
.roda-play-icon:after{content:"";margin-left:4px;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.filme-lb video{width:min(100%,calc((100svh - 2*clamp(16px,4vw,56px))*var(--filme-ratio,1.777778)));height:auto;aspect-ratio:var(--filme-ratio,1.777778);object-fit:contain}
.content .roda-series{margin-top:32px}
.roda-episodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.roda-row{display:contents}
.roda-episode{display:flex;flex-direction:column;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.media-title{font-size:20px;font-weight:700;line-height:1.25;margin:0 0 12px}
.roda-poster{display:block;position:relative;width:100%;background:#101010;aspect-ratio:2/3}
.content .roda-poster img{display:block;width:100%;height:100%;object-fit:contain}
.roda-meta{font-size:14px;line-height:1.5;color:var(--sec);margin-top:12px}
.roda-episode:focus-visible,.roda-play:focus-visible{outline:2px solid var(--acento);outline-offset:6px}
.content .roda-abertura{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:24px;width:min(720px,100%);margin:40px auto 0}
.content .roda-abertura figcaption{margin:0;text-align:left}
.roda-abertura figcaption span{display:block;margin-top:8px}
.content .feed-duo{width:var(--case-measure);margin:var(--case-gap) auto 0!important;gap:clamp(32px,6vw,90px);align-items:center}
.content .feed-notas h2{margin-bottom:24px}
.content .feed-notas p{font-size:19px}
.content .igwrap{padding-bottom:12px}
.pagefoot{margin-top:var(--case-gap)}
#roda-periferica{scroll-margin-top:80px}
@media(max-width:860px){
 :root{--case-measure:calc(100% - 40px);--case-gap:64px}
 .hero{min-height:max(600px,100svh)}
 .hero-inner{padding:88px 24px 132px}
 .hero-block{gap:22px;width:min(350px,100%)}
 .hero-lockup img{width:min(74vw,300px)}
 .hero-role{border:0;padding:0;width:100%}
 .hero-title{font-size:28px}
 .hero-role small{font-size:14px;line-height:1.5;max-width:34ch}
 .content .lead-abre{display:flex;flex-direction:column;gap:28px;padding:48px 20px}
 .content .lead-logo{width:200px;align-self:center;margin:0 0 4px}
 .content .lead-abre>p:first-of-type{font-size:25px;line-height:1.35}
 .content .lead-abre>p{font-size:17px;line-height:1.6}
 .content .bloco-abre:not(.lead-abre),.content .tela-cabeca,.content .tela-abre .duo-abre{grid-template-columns:1fr;gap:24px}
 .content h2{font-size:34px;line-height:1.07}
 .content p,.content .feed-notas p{font-size:17px;line-height:1.6}
 .content .abre-texto{grid-row:1}
 .content .tela-abre .abre-foto img{width:min(100%,340px)}
 .content .fotos .gal{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 .content .fotos .gal>img,.content .fotos .gal>video{width:100%;height:auto}
 .content .fotos .gal>:only-child{grid-column:1/-1}
 /* A foto de abertura ocupa a largura; as duas seguintes formam o par. */
 .content .fotos .gal:has(>:nth-child(3):last-child)>:first-child{grid-column:1/-1;max-height:360px;object-fit:contain}
 .content figcaption,.content .fotos figcaption,.roda-meta{font-size:13px;line-height:1.5}
 .content .roda-encontros .gal{grid-template-columns:1fr}
 .content .roda-encontros .gal>img{max-height:400px;object-fit:contain}
 .roda-episodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
 .media-title{font-size:18px;min-height:2.5em;display:flex;align-items:end}
 .roda-play-icon{width:40px;height:40px}
 .content .roda-abertura{display:block;width:100%;margin-top:32px}
 .content .roda-abertura .roda-play{width:min(100%,400px);margin:auto}
 .content .roda-abertura figcaption{text-align:center;margin-top:14px}
 .content .feed-duo{grid-template-columns:1fr;gap:28px}
 .content .feed-notas{max-width:none}
 .tropa{gap:14px 18px}
}
@media(max-width:360px){.content h2{font-size:30px}.media-title{font-size:16px}}

.roda-poster .film-preview,.roda-play>.film-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#101010}
.roda-play-icon{z-index:2}
.content .roda-abertura{display:flex;flex-direction:column;gap:0}
.content .roda-abertura .media-title{font-size:20px;letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 14px;min-height:0}
.content .roda-abertura .roda-play{width:min(100%,440px)}
.content .roda-abertura figcaption{margin-top:14px;text-align:center}

/* Retratos identificados da Tropa. */
.content .tropa-retratos{width:var(--case-measure);margin:32px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1000px}
.content .tropa-retratos figure{margin:0;min-width:0}
.content .tropa-retratos img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#080808}
@media(max-width:600px){.content .tropa-retratos{grid-template-columns:1fr;max-width:340px;gap:28px}}

.content .roda-intro{grid-column:full-start/full-end;width:var(--case-measure);margin:var(--case-gap) auto 0;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,90px);align-items:center}
.roda-intro .editorial-copy{grid-column:2;grid-row:1}
.roda-intro h2{margin:0 0 24px}
.roda-intro-filme{grid-column:1;grid-row:1;margin:0 auto;width:min(100%,300px)}
.roda-intro-filme .roda-play{aspect-ratio:9/16}
.roda-poster .film-preview,.roda-play>.film-preview{background:transparent}
@media(max-width:860px){.content .roda-intro{grid-template-columns:1fr;gap:24px}.roda-intro .editorial-copy,.roda-intro-filme{grid-column:auto;grid-row:auto}.roda-intro-filme{width:min(100%,300px)}}

/* A fachada abre o capítulo da Estação; as demais imagens entram como sequência. */
@media(max-width:860px){
}

/* ---- 18/09/2026: revisão do Caiote ---- */
/* tropa: sem mono, uma lista corrida em sans; retratos no mesmo tamanho */
.tropa{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:22px}
.tropa span{font:500 15px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.tropa span i{display:inline;font-style:normal;font-size:15px;color:var(--sec)}
.content .tropa-retratos img{object-fit:cover}
/* Roda Periférica: o filme de abertura maior, ao lado do texto */
.roda-intro-filme{width:min(100%,420px)}
/* feed: só a metade de cima do celular, maior, com a timeline de verdade (Illustraweed, 3D, Eneri, Roda) */
.content .feed-duo{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:end}
.content .igwrap{padding-bottom:0;max-height:560px;overflow:hidden;align-self:end}
.iphone{width:min(440px,90vw);border-bottom:0;border-radius:44px 44px 0 0}
.ig-screen{border-radius:38px 38px 0 0}
.feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.feed-grid img,.feed-grid video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#111}
.feed-loop{animation-duration:48s}
@media(max-width:860px){.content .igwrap{max-height:440px}.iphone{width:min(340px,90vw)}}
/* Expocannabis: texto de um lado, a fachada da estação grandona do outro */
.content .expo-duo{grid-column:full-start/full-end;width:var(--case-measure);margin:var(--case-gap) auto 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,90px);align-items:center}
.content .expo-duo .bloco-abre{display:block;width:100%;margin:0}
.content .expo-duo .bloco-abre h2{margin:0 0 24px}
.content .expo-duo figure{margin:0}
.content .expo-duo img{display:block;width:100%;height:auto}
@media(max-width:860px){.content .expo-duo{grid-template-columns:1fr;gap:24px}}
/* tropa com quatro retratos; Panorama Rua com todos os episódios, quatro por linha */
.content .tropa-retratos{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.panorama-series .roda-episodes{grid-template-columns:repeat(4,minmax(0,1fr))}
.roda-episode-foto{cursor:default}
.roda-episode-foto .roda-poster{aspect-ratio:2/3}
.panorama-series .roda-poster img{object-fit:cover}
@media(max-width:860px){.panorama-series .roda-episodes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.content .tropa-retratos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:12px}}
@media(max-width:860px){.content .igwrap{justify-items:center;width:100%;max-height:440px}.iphone{width:min(320px,86vw)}}
/* ---- revisão 2 (18/09/2026) ---- */
/* filmes 3D e stills na mesma linha */
.content .stills .gal video{display:block;height:100%;object-fit:cover;background:#111}
/* retratos da tropa: sem a lista, os cargos ficam na legenda */
.content .tropa-retratos figcaption{margin-top:10px;text-align:center;font-size:14px;color:var(--sec)}
/* Panorama Rua: logo ao lado do título, vídeo da Eneri grande, mesmo desenho da Roda */
.panorama-intro .editorial-copy{grid-column:2;grid-row:1}
.panorama-intro .roda-intro-filme{grid-column:1;grid-row:1}
.panorama-intro .panorama-logo{display:block;width:min(100%,220px);height:auto;margin:0 0 20px}
.panorama-intro .roda-intro-filme figcaption{margin-top:12px;text-align:center;font-size:14px;color:var(--sec)}
.content .panorama-series{margin-top:40px}
/* feed: sem celular, a grade de nove ao lado do texto */
.content .feed-duo{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center}
.feed-grade{width:100%}
.feed-conta{margin:0 0 10px;font:600 14px/1.4 var(--sans);color:var(--ink)}
.feed-grade-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.feed-grade-tiles img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#111}
@media(max-width:860px){.content .feed-duo{grid-template-columns:1fr}.panorama-intro .panorama-logo{width:160px}}
/* a mesma régua de capa dos outros sete (a KING não carrega o case-hero.css) */
.hero .hero-year{font:600 13px/1.4 var(--sans)!important;letter-spacing:.06em!important;text-transform:none!important;color:#fff!important;margin:0!important}
.hero .hero-title{font:700 clamp(28px,3vw,40px)/1.1 var(--sans)!important;letter-spacing:-.03em!important;color:#fff!important}
.hero .hero-role small{font:400 15px/1.6 var(--sans)!important;color:rgba(255,255,255,.78)!important;max-width:48ch;margin:14px auto 0}
.hero .hero-lockup img{width:clamp(240px,27vw,390px)!important;height:auto!important;max-height:32svh!important}
@media(max-width:860px){.hero .hero-title{font-size:28px!important}.hero .hero-role small{font-size:14px!important;max-width:34ch}.hero .hero-lockup img{width:min(74vw,300px)!important;max-height:26svh!important}}
