/* HERO */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;padding:calc(var(--header-h) + 48px) 0 40px}
.hero__bg{position:absolute;inset:0;z-index:-1;background:#000}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform-origin:50% 60%}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,17,16,.6) 0%,rgba(18,17,16,0) 30%,rgba(18,17,16,.2) 55%,rgba(18,17,16,.96) 100%),linear-gradient(90deg,rgba(18,17,16,.7) 0%,rgba(18,17,16,0) 60%)}
.hero__in{position:relative}
.hero .label{margin-bottom:28px}
.hero__foot{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:end;margin-top:40px}
.hero__copy{grid-column:1/7}
.hero__copy .btns{margin-top:28px}
.np{grid-column:9/13;background:rgba(18,17,16,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.np__top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.np__t{font-size:.72rem}
.np__title{font:600 1.02rem/1.35 var(--f-display);letter-spacing:-.02em;margin:14px 0 16px}
.np__row{display:flex;align-items:center;gap:14px}
.np .play{width:44px;height:44px}
.np .wave{height:34px}
.hero__stats{margin-top:56px}
.hero__scroll{position:absolute;right:var(--gutter);bottom:40px;display:none}
@media (max-width:1080px){.hero__copy{grid-column:1/-1}.np{grid-column:1/-1;max-width:520px}}
@media (max-width:600px){.hero__bg::after{background:linear-gradient(180deg,rgba(18,17,16,.55) 0%,rgba(18,17,16,.35) 30%,rgba(18,17,16,.85) 62%,rgba(18,17,16,.97) 100%)}.hero__bg img{object-position:62% 60%}.hero{padding-bottom:28px}.hero__stats{margin-top:36px}.hero .display{font-size:clamp(2.7rem,12.5vw,4rem)}}

/* MANIFESTO */
.manifesto{position:relative;background:var(--bg)}
.manifesto__pin{min-height:100svh;display:flex;align-items:center;padding:calc(var(--header-h) + 40px) 0 80px}
.manifesto__in{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.manifesto .label{grid-column:1/4;align-self:start;padding-top:1em}
.manifesto__text{grid-column:4/13;margin:0;font:500 clamp(1.7rem,3.6vw,3.35rem)/1.14 var(--f-display);letter-spacing:-.035em}
.manifesto__text strong{font-weight:600}
.manifesto__text .w{opacity:.14;transition:none}
.manifesto__end{grid-column:4/13;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--line);font:500 clamp(1.05rem,1.4vw,1.25rem)/1.4 var(--f-text);color:var(--muted)}
.manifesto__end .hl{font-weight:700}
@media (max-width:900px){.manifesto__in{grid-template-columns:1fr}.manifesto__in>*{grid-column:1/-1!important}}

/* PILARES */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.pillar{display:flex;flex-direction:column;border-top:1px solid var(--line-2);padding-top:20px}
.pillar .ph{aspect-ratio:4/5;border-radius:var(--r)}
.pillar .ph img{transition:transform 1.2s var(--ease),filter .8s;filter:grayscale(.35) brightness(.9)}
.pillar:hover .ph img{transform:scale(1.05);filter:none}
.pillar__body{padding-top:22px;display:grid;gap:10px}
.pillar__body .num{font-size:.72rem;color:var(--yt)}
.pillar__body p{margin:0;max-width:34ch}
.pillar__body .link{justify-self:start;margin-top:8px}
.pillar:nth-child(2){margin-top:72px}.pillar:nth-child(3){margin-top:144px}
@media (max-width:900px){.pillars{grid-template-columns:1fr;gap:56px}.pillar:nth-child(n){margin-top:0}.pillar .ph{aspect-ratio:4/3}}

/* EPISÓDIO */
.ep{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}
.ep__img{grid-column:1/6;margin:0}
.ep__img .ph{aspect-ratio:4/5;border-radius:var(--r)}
.ep__txt{grid-column:7/13}
.ep__txt .label{margin-bottom:24px}
.ep__title{font:500 clamp(1.4rem,2.2vw,2rem)/1.2 var(--f-display);letter-spacing:-.03em;margin:18px 0 32px;max-width:26ch}
.meta{display:grid;grid-template-columns:1fr 1fr;margin:0 0 28px;border-top:1px solid var(--line)}
.meta div{padding:14px 16px 14px 0;border-bottom:1px solid var(--line)}
.meta div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.meta dt{font:500 .66rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.meta dd{margin:0;font-weight:600}
.player{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);margin:28px 0}
.player__w{flex:1;min-width:0}
.player .wave{height:46px;cursor:pointer}
.player__t{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:8px}
@media (max-width:900px){.ep{grid-template-columns:minmax(0,1fr);gap:40px}.ep>*{grid-column:1/-1!important}.ep__img .ph{aspect-ratio:4/3}}
@media (max-width:480px){.meta{grid-template-columns:1fr}.meta div:nth-child(even){padding-left:0;border-left:0}}

/* CAMISETAS */
.shirts__rail{display:flex;gap:20px;overflow-x:auto;padding:0 var(--gutter) 8px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.shirts__rail::-webkit-scrollbar{display:none}
.shirts__rail.is-drag{cursor:grabbing;scroll-snap-type:none}
.shirt{flex:0 0 clamp(240px,27vw,380px);scroll-snap-align:start}
.shirt .ph{aspect-ratio:4/5;border-radius:var(--r)}
.shirt .ph img{transition:transform 1.2s var(--ease);pointer-events:none}
.shirt:hover .ph img{transform:scale(1.04)}
.shirt__m{display:flex;justify-content:space-between;gap:12px;padding:14px 2px 0;font-weight:600}
.shirt__m .num{font-size:.85rem;color:#5E5C56}
@media (min-width:1400px){.shirts__rail{padding-left:calc((100vw - var(--container))/2 + var(--gutter))}}

/* VOZES */
.voices{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.voice{margin:0;padding:36px 32px 8px 0;display:flex;flex-direction:column;justify-content:space-between;gap:36px}
.voice+.voice{padding-left:32px;border-left:1px solid var(--line)}
.voice blockquote{margin:0;font:500 clamp(1.3rem,1.9vw,1.7rem)/1.25 var(--f-display);letter-spacing:-.025em}
.voice figcaption{display:grid;gap:4px}
.voice figcaption span{font:500 .68rem/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.voices{grid-template-columns:1fr}.voice+.voice{padding-left:0;border-left:0;border-top:1px solid var(--line)}.voice{padding-right:0}}

/* KM CERTO */
.kmc__in{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:center}
.kmc__txt{grid-column:1/6}
.kmc__txt .label{margin-bottom:24px}
.kmc__txt .lead{margin-top:24px}
.kmc__img{grid-column:7/13;margin:0;position:relative}
.kmc__img .ph{aspect-ratio:5/6;border-radius:var(--r)}
.kmc__img .ph img{height:120%}
.chat{position:absolute;left:-48px;bottom:64px;width:min(300px,78%);background:#0E0D0C;border:1px solid var(--line-2);border-radius:18px;padding:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);display:grid;gap:8px;font-size:.86rem;line-height:1.35}
.chat__h{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.chat__h b{display:block;font-size:.88rem}.chat__h span{font-size:.72rem;color:var(--green)}
.chat__av{width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--ink);font:700 .7rem/30px var(--f-display);text-align:center}
.msg{max-width:86%;padding:8px 11px;border-radius:12px 12px 12px 3px;background:var(--surface-2)}
.msg.me{justify-self:end;background:#1F3A14;border-radius:12px 12px 3px 12px}
@media (max-width:900px){.kmc__in{grid-template-columns:minmax(0,1fr);gap:48px}.kmc__in>*{grid-column:1/-1!important}.chat{left:16px;bottom:56px}}