/* ========================================================
   ELEVATE — site.css (v6 · "The Climb")
   Conceito: a crista da montanha do símbolo é a linha que recorta e liga as seções.
   Cor: preto, vermelho oficial, off-white; dourado só em conquistas.
   Tipo: Big Shoulders Display (títulos) · Bai Jamjuree (texto, a do mídia kit) · IBM Plex Mono (rótulos)
   ======================================================== */
:root{
  --ink:#0A0A0B; --ink2:#141417; --char:#1B1C20; --slate:#202228;
  --red:#D62027; --red2:#EF3540; --red-d:#7F0F15;
  --paper:#F2F1EE; --paper2:#E4E2DD; --gold:#C9A24B;
  --tx:#F5F4F1; --mute:rgba(245,244,241,.66); --mute-d:rgba(10,10,11,.62);
  --line:rgba(245,244,241,.14); --line-d:rgba(10,10,11,.14);
  --gut:clamp(20px,4vw,64px); --hdr:68px;
  --f-d:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --f-t:"Bai Jamjuree","Segoe UI",system-ui,sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.75,.15,1);
  --rh:clamp(46px,7vw,128px);
  --ridge:polygon(0 100%,0 64%,13% 34%,21% 52%,37% 0,51% 44%,60% 24%,77% 70%,89% 40%,100% 60%,100% 100%);
  --ridge-flat:polygon(0 100%,0 100%,13% 100%,21% 100%,37% 100%,51% 100%,60% 100%,77% 100%,89% 100%,100% 100%,100% 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--tx);font:400 17px/1.6 var(--f-t);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;padding:0}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p,figure{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--red);color:#fff;padding:10px 16px;z-index:300}
.skip:focus{left:8px}
main{display:block}
section{position:relative}

.k{font:500 12px/1.35 var(--f-m);letter-spacing:.16em;text-transform:uppercase}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:12px;vertical-align:1px;animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(214,32,39,.7)}70%{box-shadow:0 0 0 10px rgba(214,32,39,0)}100%{box-shadow:0 0 0 0 rgba(214,32,39,0)}}
.fine{font-size:14px;opacity:.7}
.link{display:inline-flex;gap:10px;align-items:center;font-weight:600;border-bottom:1.5px solid currentColor;padding-bottom:3px;transition:gap .3s var(--ease),color .2s}
.link:hover{gap:16px;color:var(--red2)}
.chip{display:inline-block;font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border:1px solid currentColor}
.ar{flex:none;transition:transform .3s var(--ease)}

/* ---------- botões: preenchimento sobe ao passar ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 26px;font:700 14px/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid currentColor;overflow:hidden;isolation:isolate;transition:color .35s var(--ease),border-color .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:none}
.btn:hover .ar{transform:translateX(4px)}
.btn--red{background:var(--red);border-color:var(--red);color:#fff}
.btn--red::before{background:var(--ink)}
.btn--line::before{background:var(--tx)}
.btn--line:hover{color:var(--ink)}
.btn--white{background:#fff;border-color:#fff;color:var(--ink)}
.btn--white::before{background:var(--red)}
.btn--white:hover{color:#fff;border-color:var(--red)}
.btn--wide{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn[disabled]::before{display:none}

/* ---------- crista (transição entre seções) ---------- */
.ridge{position:absolute;left:0;right:0;bottom:-1px;height:var(--rh);clip-path:var(--ridge);z-index:6;pointer-events:none}
.ridge--ink{background:var(--ink)}
.ridge--paper{background:var(--paper)}
.ridge--top{top:calc(-1 * var(--rh) + 1px);bottom:auto}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .ridge{animation:ridgeUp linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
}}
@keyframes ridgeUp{from{clip-path:var(--ridge-flat)}to{clip-path:var(--ridge)}}

.rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0ms)}
.rv.in{opacity:1;transform:none}

/* ======================= HEADER / MENU ======================= */
.hdr{position:fixed;inset:0 0 auto;height:var(--hdr);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--gut);transition:background .35s,border-color .35s;border-bottom:1px solid transparent}
.hdr.solid,body.menu-open .hdr,body:not([data-page="home"]) .hdr{background:rgba(10,10,11,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img:first-child{width:32px;height:32px}
.brand .wm{height:16px;width:auto}
.nav{display:flex;gap:clamp(18px,2.4vw,40px);align-items:center;font:600 13px/1 var(--f-t);letter-spacing:.12em;text-transform:uppercase}
.nav a{position:relative;padding:10px 0;display:inline-flex;gap:7px;align-items:center}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.nav-play{color:var(--gold)}
.hdr-r{display:flex;align-items:center;gap:clamp(12px,1.6vw,24px)}
.lang{display:flex;align-items:center;gap:7px;font:500 12px/1 var(--f-m);letter-spacing:.12em;white-space:nowrap}
.lang button{padding:8px 3px;opacity:.55;border-bottom:2px solid transparent;transition:opacity .2s}
.lang button[aria-pressed="true"]{opacity:1;border-bottom-color:var(--red)}
.lang button:hover{opacity:1}
.cartlink{position:relative;width:42px;height:42px;display:grid;place-items:center}
.cartn{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:700 11px/18px var(--f-t);text-align:center}
.burger{display:none;width:42px;height:42px;position:relative}
.burger span{position:absolute;left:9px;right:9px;height:2px;background:var(--tx);transition:transform .35s var(--ease),top .35s}
.burger span:first-child{top:16px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{top:20px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:20px;transform:rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:90;background:var(--ink);padding:calc(var(--hdr) + 28px) var(--gut) 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}
.menu:not([hidden]){animation:fadeIn .25s ease both}
.menu nav{display:flex;flex-direction:column}
.menu nav a{font:800 clamp(44px,12vw,80px)/1 var(--f-d);text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;animation:sheetIn .5s var(--ease) both}
.menu nav a:nth-child(2){animation-delay:.04s}.menu nav a:nth-child(3){animation-delay:.08s}.menu nav a:nth-child(4){animation-delay:.12s}.menu nav a:nth-child(5){animation-delay:.16s}.menu nav a:nth-child(6){animation-delay:.2s}.menu nav a:nth-child(7){animation-delay:.24s}
.menu nav a:hover{color:var(--red2)}
.menu-play{color:var(--gold)}
.menu-foot{display:flex;justify-content:space-between;align-items:center;padding-top:24px}
.menu-foot a{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:980px){.nav{display:none}.burger{display:block}.hdr-r .lang{display:none}.lang--menu{display:flex!important}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes sheetIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}

/* ======================= HOME · HERO (camadas: atletas atrás e na frente do wordmark) ======================= */
.hh{--mx:0;--my:0;position:relative;height:max(100svh,720px);overflow:hidden;isolation:isolate;background:var(--ink)}
.hh-sky{position:absolute;inset:0;z-index:-3;background:radial-gradient(60% 55% at 50% 92%,rgba(214,32,39,.55),transparent 70%)}
.hh-peak{position:absolute;left:50%;bottom:0;width:min(120vw,1800px);height:82%;transform:translate(calc(-50% + var(--mx) * -10px),0);z-index:-2;background:linear-gradient(180deg,#5c0b10,#1a0405 85%);clip-path:polygon(0 100%,22% 54%,31% 63%,50% 6%,63% 44%,71% 33%,100% 100%)}
.hh-back{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hh-back li{position:absolute;bottom:0;width:clamp(200px,21vw,380px);opacity:.42;transform:translateX(calc(var(--mx) * -16px))}
.hh-back li:first-child{left:5%}
.hh-back li:last-child{right:5%}
.hh-back img{width:100%;height:auto}
.hh-wm{position:absolute;left:50%;top:55%;width:min(90vw,1720px);transform:translate(calc(-50% + var(--mx) * 8px),-50%);z-index:1;margin:0;line-height:0}
.hh-wm img{width:100%;height:auto}
.hh-front{position:absolute;left:50%;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;transform:translateX(calc(-50% + var(--mx) * 18px))}
.hh-front li{flex:none;width:clamp(240px,min(28vw,50svh),520px);margin-inline:clamp(-70px,-4.4vw,-30px)}
.hh-front li:nth-child(2){z-index:2;width:clamp(280px,min(33vw,60svh),620px)}
.hh-front img{width:100%;height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.5))}
.hh-copy{position:absolute;left:var(--gut);top:calc(var(--hdr) + clamp(22px,4vh,52px));z-index:3;display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:min(36vw,520px)}
.hh-copy .k{color:var(--mute)}
.hh-claim{font:800 clamp(38px,4.2vw,74px)/.9 var(--f-d);text-transform:uppercase}
.hh-claim em{font-style:normal;color:var(--red2)}
.hh-sub{font:500 13px/1.4 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.hh-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.hh-cta .btn{padding:14px 20px;font-size:13px}
.hh-divs{position:absolute;right:var(--gut);top:calc(var(--hdr) + clamp(22px,4vh,52px));z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.hh-divs a{display:flex;gap:14px;align-items:baseline;font:800 clamp(18px,1.6vw,26px)/1.25 var(--f-d);text-transform:uppercase;transition:color .2s,transform .35s var(--ease)}
.hh-divs a b{font:500 11px var(--f-m);color:var(--red2);letter-spacing:.14em}
.hh-divs a:hover{color:var(--red2);transform:translateX(-6px)}
.intro .hh-wm img{animation:wmIn 1.3s var(--ease) backwards}
.intro .hh-front li{animation:rise 1s var(--ease) backwards}
.intro .hh-front li:nth-child(1){animation-delay:.35s}.intro .hh-front li:nth-child(2){animation-delay:.25s}.intro .hh-front li:nth-child(3){animation-delay:.45s}
.intro .hh-back img{animation:fadeIn 1.4s .4s ease backwards}
.intro .hh-copy>*,.intro .hh-divs a{animation:rise .8s var(--ease) backwards}
.intro .hh-copy>*:nth-child(2){animation-delay:.1s}.intro .hh-copy>*:nth-child(3){animation-delay:.18s}.intro .hh-copy>*:nth-child(4){animation-delay:.26s}
.intro .hh-divs a:nth-child(2){animation-delay:.08s}.intro .hh-divs a:nth-child(3){animation-delay:.16s}.intro .hh-divs a:nth-child(4){animation-delay:.24s}
@keyframes wmIn{from{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}
@media (max-width:1100px) and (min-width:861px){.hh-copy{max-width:44vw}.hh-divs{display:none}}
@media (max-width:860px){
  .hh{height:max(100svh,720px)}
  .hh-wm{top:calc(var(--hdr) + 22px);transform:translateX(-50%);width:92vw}
  .hh-copy{top:calc(var(--hdr) + 40px + 13vw);max-width:none;right:var(--gut)}
  .hh-claim{font-size:clamp(36px,10.4vw,60px)}
  .hh-divs,.hh-back{display:none}
  .hh-front li{width:clamp(150px,40vw,300px);margin-inline:-7vw}
  .hh-front li:nth-child(2){width:clamp(180px,50vw,360px)}
}

/* ======================= HOME · MUNDIAIS ("Two summits") ======================= */
.w2{background:var(--ink);padding:clamp(80px,10vw,170px) var(--gut) clamp(130px,15vw,230px)}
.w2-head{max-width:1100px;margin-bottom:clamp(40px,6vw,110px)}
.w2-head .k{color:var(--gold)}
.w2-head h2{font:900 clamp(72px,13vw,240px)/.82 var(--f-d);text-transform:uppercase;margin:16px 0 22px}
.w2-lede{font-size:clamp(18px,1.5vw,22px);color:var(--mute);max-width:48ch}
.sum{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,80px);padding:clamp(40px,6vw,96px) 0;border-top:1px solid var(--line)}
.sum-year span{position:sticky;top:calc(var(--hdr) + 6vh);display:block;font:900 clamp(120px,19vw,340px)/.8 var(--f-d);letter-spacing:-.03em;color:transparent;-webkit-text-stroke:2px var(--gold);background:linear-gradient(0deg,var(--gold) 50%,transparent 50%) 0 0/100% 200% no-repeat;-webkit-background-clip:text;background-clip:text}
.sum--2017 .sum-year span{-webkit-text-stroke-color:var(--red2);background-image:linear-gradient(0deg,var(--red2) 50%,transparent 50%)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .sum-year span{background-position:0 100%;animation:fillUp linear both;animation-timeline:view();animation-range:entry 20% cover 55%}
}}
@keyframes fillUp{from{background-position:0 100%}to{background-position:0 0}}
.sum-body{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.sum-body .k{color:var(--mute)}
.sum-body h3{font:900 clamp(44px,5.6vw,104px)/.88 var(--f-d);text-transform:uppercase}
.sum-meta{font-size:17px;color:var(--mute)}
.sum-meta b{font:500 12px var(--f-m);letter-spacing:.1em;color:var(--tx);padding:4px 8px;border:1px solid var(--line);margin-left:6px}
.sum-photo{position:relative;width:100%;max-width:960px;margin:14px 0 6px;overflow:hidden}
.sum-photo img{width:100%;height:auto}
.sum-photo.rv{opacity:1;transform:none;clip-path:var(--ridge-flat);transition:clip-path 1.2s var(--ease)}
.sum-photo.rv.in{clip-path:polygon(0 100%,0 0,13% 0,21% 0,37% 0,51% 0,60% 0,77% 0,89% 0,100% 0,100% 100%)}
.sum-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;font:500 11.5px/1.3 var(--f-m);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(0deg,rgba(10,10,11,.9),transparent)}
.sum-roster{display:flex;flex-direction:column;margin-top:10px;width:100%}
.sum-roster li{font:800 clamp(38px,4.6vw,84px)/1 var(--f-d);text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--line);transition:color .25s,padding .35s var(--ease),opacity .8s var(--ease),transform .8s var(--ease)}
.sum-roster li:hover{color:var(--red2);padding-left:14px}
.w2-more{padding-top:clamp(28px,4vw,56px)}
.w2-more .link{color:var(--gold)}
@media (max-width:860px){.sum{grid-template-columns:1fr}.sum-year span{position:static;font-size:clamp(110px,34vw,200px)}}

/* ======================= HOME · VITRINE DO KIT ======================= */
.kit{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--paper);color:var(--ink)}
.kit-stage{position:relative;overflow:hidden;min-height:clamp(560px,92svh,940px)}
.kit-wm{position:absolute;inset:7% 0 7% 0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.kit-wm img{width:118%;max-width:none;height:auto;margin-left:-4%}
.kit-wm img:nth-child(2){margin-left:-14%}
@media (prefers-reduced-motion:no-preference){.kit-wm img{animation:drift 24s linear infinite alternate}.kit-wm img:nth-child(2){animation-direction:alternate-reverse}}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-8%)}}
.ks{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;transform:translateY(28px);transition:opacity .6s var(--ease),transform .9s var(--ease);pointer-events:none}
.ks.on{opacity:1;transform:none;pointer-events:auto}
.ks-cast{display:flex;align-items:flex-end;justify-content:center;width:100%}
.ks-cast span{flex:none;width:clamp(200px,23vw,430px);margin-inline:clamp(-60px,-3.6vw,-24px)}
.ks-cast span:nth-child(2){z-index:2;width:clamp(230px,27vw,500px)}
.ks-cast img{width:100%;height:auto;filter:drop-shadow(0 24px 34px rgba(0,0,0,.35))}
.ks-flat{align-self:center;display:flex;gap:clamp(14px,2vw,32px);padding:0 6%}
.ks-flat img{width:clamp(180px,22vw,400px);height:auto;background:#fff;box-shadow:0 30px 60px rgba(10,10,11,.22);transition:transform .6s var(--ease)}
.ks-flat img:first-child{transform:rotate(-3deg)}
.ks-flat img:last-child{transform:rotate(3deg) translateY(30px)}
.ks-flat img:hover{transform:rotate(0) scale(1.03)}
.kit-panel{padding:clamp(56px,7vw,120px) clamp(24px,4vw,72px);display:flex;flex-direction:column;justify-content:center;gap:22px;border-left:1px solid var(--line-d)}
.kit-panel .k{color:var(--red)}
.kit-title{font:900 clamp(64px,8vw,150px)/.84 var(--f-d);text-transform:uppercase}
.kit-tabs{display:flex;flex-wrap:wrap;gap:8px}
.kit-tab{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border:1.5px solid var(--ink);font:600 14px/1 var(--f-t);letter-spacing:.04em;transition:background .25s,color .25s}
.kit-tab i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--ink)}
.kit-tab--jersey-red i{background:var(--red)}
.kit-tab--jersey-white i{background:#fff}
.kit-tab--training i{background:linear-gradient(90deg,var(--ink) 50%,var(--gold) 50%)}
.kit-tab[aria-selected="true"],.kit-tab:hover{background:var(--ink);color:var(--paper)}
.kit-tab[aria-selected="true"] i,.kit-tab:hover i{border-color:var(--paper)}
.kit-info{display:flex;flex-direction:column;gap:10px;align-items:flex-start;animation:fadeIn .5s ease}
.kit-info h3{font:800 clamp(28px,2.4vw,40px)/1 var(--f-d);text-transform:uppercase}
.kit-price{font:800 clamp(30px,2.6vw,44px)/1 var(--f-d)}
.kit-desc{color:var(--mute-d);max-width:46ch}
.kit-cast{font:500 12px/1.5 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-d)}
.kit-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.kit .btn--line,.ps-light .btn--line{color:var(--ink)}
.kit .btn--line::before{background:var(--ink)}
.kit .btn--line:hover{color:var(--paper)}
@media (max-width:980px){.kit{grid-template-columns:1fr}.kit-stage{min-height:clamp(440px,112vw,660px)}.kit-panel{border-left:0;border-top:1px solid var(--line-d)}.ks-cast span{width:38vw;margin-inline:-6vw}.ks-cast span:nth-child(2){width:46vw}.ks-flat img{width:38vw}}

/* ======================= TIMES (painéis expansíveis) ======================= */
.tw{background:var(--ink);padding:clamp(70px,9vw,150px) 0 0}
.tw-head{padding:0 var(--gut) clamp(28px,4vw,60px)}
.tw-head .k{color:var(--mute)}
.tw-head h2{font:900 clamp(64px,10vw,190px)/.84 var(--f-d);text-transform:uppercase;margin-top:14px}
.tw-row{display:flex;height:clamp(580px,88svh,900px)}
.tp{position:relative;flex:1;min-width:0;overflow:hidden;isolation:isolate;container-type:inline-size;transition:flex .9s var(--ease)}
.tp+.tp{border-left:1px solid rgba(0,0,0,.35)}
.tp--codm{flex:1.6;background:var(--red)}
.tp--valorant{background:radial-gradient(90% 60% at 60% 100%,rgba(214,32,39,.55),transparent 70%),var(--ink2)}
.tp--academy{background:var(--paper);color:var(--ink)}
.tp--r6{background:linear-gradient(180deg,var(--slate),#121317)}
.tp-word{position:absolute;left:-2%;top:-.06em;z-index:-1;font:900 clamp(140px,20vw,400px)/.8 var(--f-d);text-transform:uppercase;white-space:nowrap;opacity:.09;transition:transform 1.2s var(--ease)}
.tp-num{position:absolute;left:22px;top:22px;font:500 12px var(--f-m);letter-spacing:.14em;z-index:4}
.tp-name{position:absolute;left:12px;bottom:22px;z-index:4;writing-mode:vertical-rl;transform:rotate(180deg);font:900 clamp(54px,5.6vw,112px)/.82 var(--f-d);text-transform:uppercase;white-space:nowrap;max-height:calc(100% - 80px)}
.tp--codm .tp-name{color:var(--ink)}
.tp--academy .tp-name{color:var(--red)}
.tp-figs{position:absolute;bottom:0;left:clamp(70px,6vw,120px);right:0;display:flex;align-items:flex-end;justify-content:center;height:min(76%,calc((100cqw - 74px) * 2.1));z-index:2;transition:height .9s var(--ease)}
.tp-figs li{height:100%;flex:none;margin-left:-11%;transition:transform .9s var(--ease),opacity .6s}
.tp-figs li:first-child{margin-left:0}
.tp-figs img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.4))}
.tp-figs li:nth-child(n+2){opacity:0;transform:translateX(30px)}
.tp-more{position:absolute;z-index:5;left:clamp(76px,6.4vw,126px);top:56px;max-width:min(340px,calc(100% - 110px));display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .7s var(--ease)}
.tp-kick{font:500 11.5px/1.3 var(--f-m);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.tp-full{font:800 clamp(28px,2.4vw,42px)/.95 var(--f-d);text-transform:uppercase}
.tp-line{font-size:16px;line-height:1.45}
.tp-facts{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid;border-bottom:1px solid;border-color:rgba(127,127,127,.4)}
.tp-facts span{display:flex;gap:12px;align-items:baseline;font-size:14px}
.tp-facts b{font:900 22px/1 var(--f-d);min-width:2.4em;color:var(--gold)}
.tp--codm .tp-facts b,.tp--academy .tp-facts b{color:inherit}
.tp-roster{font:500 12px/1.6 var(--f-m);letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.tp-cta{display:inline-flex;gap:10px;align-items:center;font:700 13px/1 var(--f-t);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.tp:focus-visible{outline:3px solid var(--gold);outline-offset:-6px}
@media (min-width:861px) and (hover:hover){
  .tw-row:hover .tp,.tw-row:focus-within .tp{flex:1}
  .tw-row .tp:hover,.tw-row .tp:focus-visible{flex:2.9}
  .tp:hover .tp-more,.tp:focus-visible .tp-more{opacity:1;transform:none;transition-delay:.25s}
  .tp:hover .tp-figs li,.tp:focus-visible .tp-figs li{opacity:1;transform:none}
  .tp:hover .tp-word,.tp:focus-visible .tp-word{transform:translateX(-6%)}
  .tp:hover .tp-figs,.tp:focus-visible .tp-figs{left:42%;justify-content:flex-start}
}
@media (max-width:860px),(hover:none){
  .tw-row{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 var(--gut) 30px;scrollbar-width:none}
  .tw-row::-webkit-scrollbar{display:none}
  .tp,.tp--codm{flex:0 0 min(84vw,520px);height:clamp(620px,160vw,740px);scroll-snap-align:center;border:0}
  .tp+.tp{border-left:0}
  .tp-name{writing-mode:horizontal-tb;transform:none;left:22px;top:48px;bottom:auto;font-size:clamp(46px,13vw,84px);white-space:normal;max-height:none}
  .tp-more{opacity:1;transform:none;left:22px;right:22px;max-width:none;top:calc(56px + clamp(46px,13vw,84px) * 1.8)}
  .tp-full,.tp-facts{display:none}
  .tp-figs{left:0;right:0;height:46%;justify-content:center}
  .tp-figs li{margin-left:-14%}
  .tp-figs li:nth-child(n+2){opacity:1;transform:none}
}

/* ======================= HOME · LEGADO (trilho) ======================= */
.hall{background:var(--char);padding:clamp(70px,9vw,150px) 0 clamp(60px,8vw,120px)}
.hall-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:20px clamp(24px,4vw,64px);align-items:end;padding:0 var(--gut) clamp(28px,4vw,56px)}
.hall-head .k{color:var(--gold)}
.hall-head h2{font:900 clamp(56px,8vw,150px)/.84 var(--f-d);text-transform:uppercase;margin-top:14px}
.hall-lede{color:var(--mute);max-width:44ch}
.hall-nav{display:flex;gap:8px}
.hall-nav button{width:54px;height:54px;border:1.5px solid var(--line);font-size:20px;transition:background .25s,border-color .25s}
.hall-nav button:hover{background:var(--red);border-color:var(--red)}
.hall-rail{display:flex;gap:clamp(14px,1.8vw,28px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut) 18px;scroll-padding-inline:var(--gut);scrollbar-width:thin;scrollbar-color:var(--red) transparent}
.hc{flex:0 0 clamp(240px,23vw,380px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.hc:nth-child(even){margin-top:clamp(0px,4vw,70px)}
.hc-fig{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:linear-gradient(180deg,#26272c,#141518)}
.hc-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;transition:transform 1s var(--ease),filter .6s}
.hc--doc .hc-fig img{filter:grayscale(1) contrast(1.06)}
.hc:hover .hc-fig img{transform:scale(1.05);filter:none}
.hc--type .hc-fig{background:var(--red);display:flex;align-items:flex-end;padding:18px;container-type:inline-size}
.hc-type{font:900 22cqw/.86 var(--f-d);text-transform:uppercase;color:var(--ink);white-space:nowrap}
.hc-meta{display:flex;flex-direction:column;gap:2px}
.hc-g{font:500 11px/1.4 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.hc-name{font:900 clamp(36px,3.4vw,58px)/.95 var(--f-d);text-transform:uppercase;transition:color .25s}
.hc:hover .hc-name{color:var(--red2)}
.hc-line{color:var(--mute);font-size:15px}
.hc--all{justify-content:center;align-items:center;aspect-ratio:3/4;border:1.5px dashed var(--line);margin-top:0!important;font:800 clamp(26px,2.2vw,38px)/1.1 var(--f-d);text-transform:uppercase;text-align:center;padding:24px;transition:background .3s,border-color .3s}
.hc--all:hover{background:var(--red);border-color:var(--red)}
@media (max-width:860px){.hall-head{grid-template-columns:1fr}.hc{flex-basis:70vw}.hc:nth-child(even){margin-top:0}}

/* ======================= HOME · ELEVATE PLAY ======================= */
.ep{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--ink)}
.ep-mark{position:relative;background:var(--red);display:grid;place-items:center;overflow:hidden;min-height:clamp(380px,46vw,720px)}
.ep-mark::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 55%)}
.ep-mark img{position:relative;height:min(64%,560px);width:auto}
@media (prefers-reduced-motion:no-preference){.ep-mark img{animation:play 3.6s var(--ease) infinite}}
@keyframes play{0%,70%,100%{transform:none}80%{transform:translateX(10px) scale(1.04)}88%{transform:translateX(-4px)}}
.ep-copy{padding:clamp(56px,7vw,120px) var(--gut) clamp(56px,7vw,120px) clamp(28px,5vw,90px);display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ep-logo{width:clamp(220px,22vw,340px);height:auto}
.ep-copy .k{color:var(--red2)}
.ep-copy h2{font:900 clamp(42px,5vw,92px)/.88 var(--f-d);text-transform:uppercase;max-width:14ch}
.ep-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:760px;margin-top:8px;position:relative}
.ep-path::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}
.ep-path li{padding:24px 16px 0 0;position:relative;font-size:15px;line-height:1.4}
.ep-path li::before{content:"";position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid var(--red2)}
.ep-path b{display:block;font:500 11px var(--f-m);letter-spacing:.14em;color:var(--gold);margin-bottom:6px}
.ep-games{font:800 clamp(20px,1.8vw,28px)/1.2 var(--f-d);text-transform:uppercase}
.ep-games i{font-style:normal;color:var(--red2);margin:0 6px}
@media (max-width:900px){.ep{grid-template-columns:1fr}.ep-mark{min-height:300px}.ep-path{grid-template-columns:1fr 1fr;row-gap:20px}}

/* ======================= HOME · PARCEIROS + REDES ======================= */
.pr{background:var(--paper);color:var(--ink)}
.pr-band{background:var(--ink);color:var(--tx);padding:28px 0;display:flex;align-items:center;gap:32px;overflow:hidden}
.pr-band>.k{flex:none;padding-left:var(--gut);color:var(--gold)}
.pr-track{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pr-logos{display:flex;flex:none;gap:clamp(48px,6vw,110px);padding-right:clamp(48px,6vw,110px);align-items:center}
@media (prefers-reduced-motion:no-preference){.pr-logos{animation:marquee 34s linear infinite}.pr-band:hover .pr-logos{animation-play-state:paused}}
@keyframes marquee{to{transform:translateX(-100%)}}
.pr-logos li a,.pr-logos li span{display:grid;place-items:center;height:64px}
.pr-logos img{max-height:42px;width:auto;opacity:.92;transition:opacity .2s,transform .3s var(--ease)}
.pr-logos img[src*="voods"]{max-height:58px}
.pr-logos img[src*="atk"]{max-height:56px}
.pr-logos img[src*="epomaker"]{max-height:32px}
.pr-logos a:hover img{opacity:1;transform:scale(1.06)}
.pr-x{display:grid;grid-template-columns:1fr 1fr}
.px{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(40px,6vw,96px) var(--gut);overflow:hidden;isolation:isolate;transition:color .45s var(--ease)}
.px::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .55s var(--ease)}
.px:hover{color:var(--tx)}
.px:hover::before{transform:none}
.px+.px{border-left:1px solid var(--line-d)}
.px strong{font:900 clamp(40px,6vw,112px)/.9 var(--f-d);word-break:break-word}
.px--br strong{color:var(--red)}
.px span:last-child{opacity:.7}
.pr-social{display:flex;flex-wrap:wrap;gap:6px 28px;padding:26px var(--gut) calc(var(--rh) + 70px);border-top:1px solid var(--line-d);font-weight:600}
.pr-social a{display:inline-flex;gap:8px;align-items:center;border-bottom:1.5px solid transparent;transition:border-color .2s,color .2s}
.pr-social a:hover{color:var(--red);border-color:var(--red)}
@media (max-width:760px){.pr-x{grid-template-columns:1fr}.px+.px{border-left:0;border-top:1px solid var(--line-d)}.pr-band{flex-direction:column;align-items:flex-start;gap:16px}}

/* ======================= RODAPÉ ======================= */
.ftr{position:relative;background:var(--ink);padding-top:clamp(70px,9vw,150px)}
.ftr-ridge{position:absolute;left:0;right:0;top:calc(-1 * var(--rh) + 1px);height:var(--rh);background:var(--ink);clip-path:var(--ridge)}
.ftr-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(30px,5vw,90px);padding:0 var(--gut) clamp(40px,6vw,90px)}
.ftr-claim{font:900 clamp(40px,5vw,92px)/.88 var(--f-d);text-transform:uppercase}
.ftr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ftr-col{display:flex;flex-direction:column;gap:10px}
.ftr-col h4{font:500 11.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.ftr-col a{opacity:.86;transition:opacity .2s,color .2s;word-break:break-word}
.ftr-col a:hover{opacity:1;color:var(--red2)}
.ftr-play{display:inline-flex;gap:8px;align-items:center;color:var(--gold);margin-top:8px}
.ftr-wm{width:calc(100% - 2 * var(--gut));margin:0 auto;height:auto}
.ftr-base{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px var(--gut) 28px;font-size:13.5px;color:var(--mute)}
@media (max-width:900px){.ftr-top{grid-template-columns:1fr}.ftr-cols{grid-template-columns:1fr 1fr}}

/* ======================= PÁGINAS INTERNAS ======================= */
.phead{background:var(--ink);padding:calc(var(--hdr) + clamp(48px,8vw,130px)) var(--gut) clamp(40px,6vw,90px);display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.phead .k{color:var(--gold)}
.phead h1{font:900 clamp(80px,14vw,260px)/.8 var(--f-d);text-transform:uppercase}
.phead p:not(.k){font-size:clamp(17px,1.4vw,21px);color:var(--mute);max-width:56ch}
.crumbs{font:500 11.5px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;opacity:.75;display:flex;gap:8px;margin-bottom:18px}
.crumbs a:hover{color:var(--red2)}
.legend{display:flex;flex-wrap:wrap;gap:12px 26px;font:500 11.5px var(--f-m);letter-spacing:.12em;text-transform:uppercase}
.legend span{display:inline-flex;align-items:center;gap:10px}
.kk{display:inline-block;width:12px;height:12px}
.kk--g{border:2px solid var(--tx)}.kk--b{background:var(--red)}.kk--w{background:var(--gold);transform:rotate(45deg)}

/* ---------- loja ---------- */
.sh-hero{position:relative;min-height:max(96svh,720px);background:var(--red);overflow:hidden;isolation:isolate}
.sh-wm{position:absolute;left:50%;top:50%;width:96vw;transform:translate(-50%,-30%);z-index:-1}
.sh-wm img{width:100%;height:auto}
.sh-cast{position:absolute;bottom:0;left:56%;transform:translateX(-50%);display:flex;align-items:flex-end;z-index:1}
.sh-cast li{flex:none;width:clamp(170px,min(20vw,38svh),380px);margin-inline:clamp(-56px,-3.2vw,-20px)}
.sh-cast li:nth-child(2),.sh-cast li:nth-child(3){z-index:2;width:clamp(190px,min(23vw,44svh),430px)}
.sh-cast img{width:100%;height:auto;filter:drop-shadow(0 22px 34px rgba(0,0,0,.45))}
.intro .sh-cast li{animation:rise 1s calc(.2s + var(--j) * .1s) var(--ease) backwards}
.sh-copy{position:absolute;left:var(--gut);top:calc(var(--hdr) + clamp(28px,4vh,60px));z-index:3;max-width:min(30vw,440px);display:flex;flex-direction:column;gap:14px}
.sh-copy .k{color:#fff;opacity:.88}
.sh-copy h1{font:900 clamp(56px,6vw,110px)/.84 var(--f-d);text-transform:uppercase;color:var(--ink)}
.sh-copy p:not(.k){font-size:16px}
.sh-jump{display:flex;flex-direction:column;margin-top:6px;border-top:1px solid rgba(0,0,0,.3)}
.sh-jump a{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.3);font:800 20px/1 var(--f-d);text-transform:uppercase;transition:padding .3s var(--ease)}
.sh-jump a span{font:500 13px var(--f-m)}
.sh-jump a:hover{padding-left:10px}
@media (max-width:1100px){.sh-copy{max-width:40vw}}
@media (max-width:860px){.sh-hero{min-height:max(100svh,780px)}.sh-copy{max-width:none;right:var(--gut)}.sh-cast{left:50%}.sh-cast li{width:30vw;margin-inline:-5vw}.sh-cast li:nth-child(2),.sh-cast li:nth-child(3){width:34vw}.sh-wm{top:62%}}
.looks{background:var(--paper);color:var(--ink)}
.look{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:min(92svh,900px);border-bottom:1px solid var(--line-d)}
.look--flip .look-art{order:2}
.look-art{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.look--jersey-red .look-art{background:radial-gradient(70% 70% at 50% 100%,#f0414b,var(--red) 60%,var(--red-d))}
.look--jersey-white .look-art,.look--training .look-art{background:#fff;align-items:center}
.look-cast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;align-items:end;padding:0 4%}
.look-cast figure{position:relative;margin-inline:-9%}
.look-cast figure:nth-child(even){z-index:2}
.look-cast img{width:100%;height:auto}
.look-cast figcaption{position:absolute;left:22%;bottom:14px;font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(10,10,11,.7);padding:5px 8px}
.look-flat{display:flex;gap:clamp(12px,2vw,28px);padding:clamp(30px,5vw,80px);width:100%;justify-content:center}
.look-flat figure{flex:1;max-width:440px}
.look-flat img{width:100%;height:auto;transition:transform .8s var(--ease)}
.look-flat figure:hover img{transform:scale(1.04)}
.look-flat figcaption{font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-d);margin-top:10px;text-align:center}
.look-info{padding:clamp(48px,6vw,110px) clamp(24px,4vw,80px);display:flex;flex-direction:column;justify-content:center;gap:16px;align-items:flex-start}
.look-info .k{color:var(--red)}
.look-info h2{font:900 clamp(48px,5.6vw,100px)/.86 var(--f-d);text-transform:uppercase}
.look-price{font:800 clamp(30px,2.6vw,44px)/1 var(--f-d)}
.look-desc{color:var(--mute-d);max-width:46ch}
.look-points{width:100%;border-top:1.5px solid var(--ink);margin:6px 0 10px}
.look-points li{padding:10px 0;border-bottom:1px solid var(--line-d);font-size:15.5px;display:flex;gap:12px}
.look-points li::before,.points li::before,.lc-meta li::before{content:"";flex:none;width:10px;height:6px;margin-top:9px;background:var(--red);clip-path:polygon(0 100%,50% 0,100% 100%)}
@media (max-width:900px){.look{grid-template-columns:1fr;min-height:0}.look--flip .look-art{order:0}.look-art{min-height:72vw}}
.sh-notes{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:var(--mute-d);padding:clamp(28px,4vw,56px) var(--gut);gap:24px;font-size:15px}
.sh-notes b{display:block;color:var(--ink);font:800 22px/1.1 var(--f-d);text-transform:uppercase;margin-bottom:6px}
@media (max-width:760px){.sh-notes{grid-template-columns:1fr}}
.ps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(56px,8vw,130px) var(--gut);background:var(--ink)}
.ps-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ps-copy .k{color:var(--gold)}
.ps-copy h2{font:900 clamp(44px,5vw,90px)/.88 var(--f-d);text-transform:uppercase}
.ps-copy p:not(.k){color:var(--mute)}
.ps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ps-grid li{aspect-ratio:3/5;overflow:hidden;background:var(--char)}
.ps-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ps-grid li:hover img{transform:scale(1.05)}
@media (max-width:900px){.ps{grid-template-columns:1fr}.ps-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- produto ---------- */
.pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);min-height:100svh;padding-top:var(--hdr)}
.pdp-gallery{position:relative;padding:clamp(24px,3vw,44px) var(--gut) 30px;display:flex;flex-direction:column;gap:14px}
.pdp--cut .pdp-gallery{background:radial-gradient(70% 60% at 50% 100%,#f0414b,var(--red) 60%,var(--red-d))}
.pdp--flat .pdp-gallery{background:#fff;color:var(--ink)}
.pdp-main{position:relative;display:block;width:100%;max-width:720px;margin:0 auto;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in}
.pdp-main img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;animation:fadeIn .45s ease both}
.pdp--flat .pdp-main img{object-position:50% 50%}
.zoomhint{position:absolute;right:10px;bottom:10px;background:var(--ink);color:#fff;padding:8px 12px;font:500 11px var(--f-m);letter-spacing:.12em;text-transform:uppercase}
.pdp-thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.pdp-thumbs button{width:clamp(62px,6.4vw,90px);aspect-ratio:4/5;overflow:hidden;border:2px solid transparent;opacity:.65;transition:opacity .2s,border-color .2s}
.pdp-thumbs .t-cut{background:rgba(10,10,11,.25)}
.pdp-thumbs .t-flat{background:#fff;border-color:var(--paper2)}
.pdp-thumbs button[aria-current="true"],.pdp-thumbs button:hover{opacity:1;border-color:var(--ink)}
.pdp-thumbs img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.pdp-cap{text-align:center;font:500 11px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.88}
.pdp-info{background:var(--paper);color:var(--ink);padding:clamp(40px,5vw,80px) clamp(24px,4vw,72px) 60px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.pdp-info .k{color:var(--red)}
.pdp-info h1{font:900 clamp(52px,5.6vw,104px)/.84 var(--f-d);text-transform:uppercase}
.pdp-price{font:800 clamp(34px,3vw,50px)/1 var(--f-d)}
.pdp-desc{color:var(--mute-d);max-width:48ch}
.sizes{border:0;padding:0;margin:4px 0 0;width:100%}
.sizes legend{padding:0;margin-bottom:12px;font:500 11.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase}
.size-row{display:flex;flex-wrap:wrap;gap:8px}
.size{min-width:58px;height:52px;padding:0 14px;border:1.5px solid var(--ink);font:700 15px var(--f-t);transition:background .2s,color .2s,transform .2s}
.size:hover{transform:translateY(-2px)}
.size.on{background:var(--ink);color:var(--paper)}
.sizes.err .size{border-color:var(--red)}
.size-msg{min-height:20px;color:var(--red);font-weight:600;font-size:15px;margin-top:8px}
.buy{display:flex;gap:12px;width:100%;align-items:stretch}
.buy .btn{flex:1}
.qty{display:flex;align-items:center;border:1.5px solid currentColor}
.qty button{width:46px;height:54px;font-size:22px}
.qty button:hover{background:rgba(127,127,127,.16)}
.qty output{min-width:36px;text-align:center;font-weight:700;font-size:17px}
.points{border-top:1.5px solid var(--ink);width:100%}
.points li{padding:11px 0;border-bottom:1px solid var(--line-d);display:flex;gap:12px}
.more{background:var(--ink);padding:clamp(48px,6vw,100px) var(--gut)}
.more .k{color:var(--gold);margin-bottom:20px}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);max-width:1000px}
.mo{display:flex;flex-direction:column;gap:12px}
.mo-fig{display:block;aspect-ratio:4/5;overflow:hidden}
.mo--cut .mo-fig{background:var(--red)}
.mo--flat .mo-fig{background:#fff}
.mo-fig img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;transition:transform .8s var(--ease)}
.mo--flat .mo-fig img{object-position:50% 50%}
.mo:hover .mo-fig img{transform:scale(1.04)}
.mo-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.mo-meta b{font:800 clamp(20px,1.8vw,28px)/1.05 var(--f-d);text-transform:uppercase}
@media (max-width:980px){.pdp{grid-template-columns:1fr}}
@media (max-width:560px){.more-grid{grid-template-columns:1fr}}

/* ---------- carrinho ---------- */
.phead--cart{padding-bottom:clamp(28px,4vw,48px)}
.cart{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,56px) var(--gut) clamp(60px,8vw,120px);background:var(--paper);color:var(--ink);align-items:start}
.cl{display:grid;grid-template-columns:clamp(84px,10vw,128px) minmax(0,1fr) auto auto;gap:6px clamp(14px,2vw,26px);align-items:center;padding:22px 0;border-top:1px solid var(--line-d)}
.cl:last-child{border-bottom:1px solid var(--line-d)}
.cl-img{aspect-ratio:4/5;background:#fff;overflow:hidden;grid-row:span 2}
.cl-img--cut{background:var(--red)}
.cl-img img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.cl-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.cl-info h3{font:800 clamp(22px,2vw,32px)/1 var(--f-d);text-transform:uppercase}
.cl-kind{color:var(--mute-d);font-size:14px}
.cl-size{display:flex;gap:10px;align-items:center;font-weight:600;font-size:14px}
.cl-size select{background:#fff;border:1.5px solid var(--ink);padding:8px 10px;font-weight:600}
.cl-price{font:800 clamp(20px,2vw,28px) var(--f-d);text-align:right;min-width:104px}
.cl-remove{grid-column:2/-1;justify-self:start;font-size:14px;text-decoration:underline;opacity:.7}
.cl-remove:hover{opacity:1;color:var(--red)}
.qty--sm button{width:40px;height:44px;font-size:20px}
.cart-sum{background:var(--ink);color:var(--tx);padding:28px;display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--hdr) + 20px)}
.cart-sum .k{color:var(--gold)}
.sumrow{display:flex;justify-content:space-between;gap:16px}
.sumrow--total{border-top:1px solid var(--line);padding-top:14px;font-size:20px}
.sumrow--total strong{font:800 32px var(--f-d)}
.cart-sum .size-msg{color:var(--red2)}
.notice{background:rgba(255,255,255,.06);border-left:3px solid var(--red2);padding:12px 14px;font-size:15px;color:var(--mute)}
.cart-empty{background:var(--paper);color:var(--ink);padding:clamp(40px,5vw,72px) var(--gut) clamp(80px,9vw,140px);display:flex;flex-direction:column;gap:22px;align-items:flex-start;font-size:20px}
@media (max-width:900px){.cart{grid-template-columns:minmax(0,1fr)}.cart-sum{position:static}.cl{grid-template-columns:84px minmax(0,1fr);align-items:start}.cl-img{grid-row:1/5}.cl-info,.cl .qty,.cl-price,.cl-remove{grid-column:2}.cl-price{text-align:left;min-width:0;margin-top:6px}.cl .qty{justify-self:start;margin-top:6px}}

/* ---------- time (página) ---------- */
.tw--page{padding-top:0}
.th{position:relative;min-height:max(94svh,720px);overflow:hidden;isolation:isolate;padding-top:var(--hdr)}
.th--codm{background:var(--red)}
.th--valorant{background:radial-gradient(70% 60% at 60% 100%,rgba(214,32,39,.6),transparent 70%),var(--ink2)}
.th--academy{background:var(--paper);color:var(--ink)}
.th--r6{background:linear-gradient(180deg,var(--slate),#121317)}
.th-word{position:absolute;left:-1%;bottom:-.08em;z-index:-1;font:900 clamp(160px,26vw,520px)/.8 var(--f-d);text-transform:uppercase;white-space:nowrap;opacity:.1}
.th-copy{position:relative;z-index:3;padding:clamp(28px,4vw,56px) var(--gut) 0;max-width:min(44vw,660px);display:flex;flex-direction:column;gap:14px}
.th-copy .k{color:var(--gold)}
.th--codm .th-copy .k{color:#fff}
.th--academy .th-copy .k{color:var(--red)}
.th-copy h1{font:900 clamp(56px,7vw,132px)/.84 var(--f-d);text-transform:uppercase}
.th--codm .th-copy h1{color:var(--ink)}
.th-copy p:not(.k){font-size:clamp(16px,1.3vw,19px);opacity:.88;max-width:46ch}
.th-line{position:absolute;right:calc(var(--gut) * .3);bottom:0;z-index:2;display:flex;align-items:flex-end;height:min(76%,calc(100% - var(--hdr) - 40px))}
.th-line li{height:100%;margin-left:clamp(-90px,-5.4vw,-40px);flex:none}
.th-line li:first-child{margin-left:0}
.th-line li:nth-child(odd){height:95%}
.th-line img{height:100%;width:auto;max-width:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
.intro .th-line li{animation:rise .9s calc(.15s + var(--i) * .08s) var(--ease) backwards}
@media (max-width:1180px){.th-line{height:min(60%,calc(100% - var(--hdr) - 40px))}}
@media (max-width:980px){.th-copy{max-width:none}.th{min-height:auto;display:flex;flex-direction:column}.th-line{position:relative;right:auto;align-self:center;height:clamp(300px,90vw,520px);margin-top:20px}.th-line li{margin-left:-11vw}}
@media (max-width:560px){.th-line li:nth-child(n+5){display:none}}
.tf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:var(--ink);border-bottom:1px solid var(--line)}
.tf div{padding:clamp(26px,3vw,48px) var(--gut);display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--line)}
.tf div:first-child{border-left:0}
.tf b{font:900 clamp(56px,6vw,110px)/.85 var(--f-d);color:var(--gold);text-transform:uppercase}
.tf span{color:var(--mute);max-width:26ch}
.t-event{background:var(--ink);padding:clamp(40px,5vw,80px) var(--gut) 0}
.t-event figure{position:relative;max-width:960px;margin:0 auto}
.t-event img,.lg-event img,.tl-photo img{width:100%;height:auto}
.t-event figcaption,.lg-event figcaption,.tl-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;font:500 11.5px/1.3 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(0deg,rgba(10,10,11,.88),transparent)}
.roster{background:var(--ink);padding:clamp(56px,7vw,120px) var(--gut)}
.roster header{margin-bottom:clamp(28px,4vw,56px)}
.roster header .k{color:var(--gold)}
.roster h2{font:900 clamp(56px,8vw,150px)/.84 var(--f-d);text-transform:uppercase;margin-top:12px}
.pgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.pgrid--staff{margin-top:18px}
.roster-sub{margin:clamp(40px,5vw,70px) 0 0;color:var(--mute)}
.pc-fig{aspect-ratio:4/5;overflow:hidden;background:linear-gradient(180deg,#1f2025,#101114);position:relative}
.pc-fig::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.pc:hover .pc-fig::after{transform:none}
.pc-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transition:transform .8s var(--ease)}
.pc:hover .pc-fig img{transform:scale(1.05)}
.pc-name{font:900 clamp(28px,2.6vw,44px)/1 var(--f-d);text-transform:uppercase;margin-top:12px}
.pc-role{font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
@media (max-width:1100px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tnav{display:grid;grid-template-columns:1fr 1fr;background:var(--char);border-top:1px solid var(--line)}
.tnav a{padding:clamp(28px,4vw,60px) var(--gut);display:flex;flex-direction:column;gap:8px;transition:background .3s}
.tnav a+a{border-left:1px solid var(--line);text-align:right;align-items:flex-end}
.tnav a:hover{background:var(--red)}
.tnav span{font:500 11.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tnav strong{font:900 clamp(30px,4.4vw,80px)/.9 var(--f-d);text-transform:uppercase}

/* ---------- história ---------- */
.tl{background:var(--paper);color:var(--ink);padding:clamp(20px,3vw,40px) var(--gut) clamp(60px,8vw,120px)}
.tl-i{display:grid;grid-template-columns:minmax(120px,22%) minmax(0,1fr) minmax(0,.9fr);gap:clamp(18px,3vw,56px);padding:clamp(28px,3.4vw,56px) 0;border-top:1px solid var(--line-d);align-items:start}
.tl-year{font:900 clamp(56px,7.6vw,140px)/.82 var(--f-d)}
.tl-i--brazil .tl-year{color:var(--red)}
.tl-body{display:flex;flex-direction:column;gap:10px;max-width:64ch}
.tl-tag{font:500 11.5px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mute-d)}
.tl-i--brazil .tl-tag{color:var(--red)}
.tl-body h2{font:800 clamp(28px,3vw,52px)/.95 var(--f-d);text-transform:uppercase}
.tl-body p:not(.tl-tag){color:var(--mute-d)}
.tl-i--major{background:var(--ink);color:var(--tx);margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);border-top:0}
.tl-i--major .tl-year,.tl-i--major .tl-tag{color:var(--gold)}
.tl-i--major .tl-body p:not(.tl-tag){color:var(--mute)}
.tl-i--major .tl-body h2{font-size:clamp(38px,4.6vw,84px)}
.tl-photo{position:relative;margin:0}
@media (max-width:860px){.tl-i{grid-template-columns:1fr;gap:12px}}
.sources{background:var(--ink);padding:clamp(40px,6vw,90px) var(--gut);display:flex;flex-direction:column;gap:16px}
.sources .k{color:var(--gold)}
.sources li a,.sources li span{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);max-width:760px}
.sources li a:hover{color:var(--red2)}

/* ---------- legado (página) ---------- */
.phead--legacy{background:var(--char)}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.jump a{display:inline-block;padding:12px 16px;border:1px solid var(--line);font:500 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;transition:background .2s,border-color .2s}
.jump a:hover{background:var(--red);border-color:var(--red)}
.lg{padding:clamp(56px,8vw,130px) var(--gut)}
.lg--codm{background:var(--red)}
.lg--r6{background:var(--slate)}
.lg--val{background:var(--ink)}
.lg-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(28px,4vw,60px)}
.lg-head .k{grid-column:1/-1;color:var(--gold)}
.lg--codm .lg-head .k{color:#fff}
.lg-head h2{font:900 clamp(56px,8vw,150px)/.84 var(--f-d);text-transform:uppercase}
.lg--codm .lg-head h2{color:var(--ink)}
.lg-head p:not(.k){opacity:.88;max-width:52ch}
.lg-event{position:relative;max-width:960px;margin:0 0 clamp(24px,3vw,44px)}
.lgrid{display:grid;gap:clamp(14px,2vw,28px)}
.lgrid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lc-fig{aspect-ratio:4/5;overflow:hidden;position:relative;background:linear-gradient(180deg,#26272c,#141518)}
.lc-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 10%;transition:transform .9s var(--ease)}
.lc:hover .lc-fig img{transform:scale(1.04)}
.lc-fig--doc img{filter:grayscale(1) contrast(1.05)}
.lc-fig--type{display:flex;align-items:flex-end;padding:16px;background:var(--red);container-type:inline-size}
.lg--codm .lc-fig--type{background:var(--ink)}
.lc-fig--type span{font:900 21cqw/.86 var(--f-d);text-transform:uppercase;color:var(--ink);white-space:nowrap}
.lc-meta{padding-top:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.lc-meta h3{font:900 clamp(30px,2.8vw,50px)/1 var(--f-d);text-transform:uppercase}
.lc-sub{font:500 11px/1.4 var(--f-m);letter-spacing:.12em;text-transform:uppercase;opacity:.78}
.lc-meta ul{display:flex;flex-direction:column;gap:6px;font-size:15px;opacity:.9}
.lc-meta li{display:flex;gap:10px}
.lc-meta li::before{background:var(--gold)}
.lg--codm .lc-meta li::before{background:var(--ink)}
.lstat{display:flex;align-items:flex-end;gap:14px}
.lstat b{font:900 clamp(90px,10vw,170px)/.78 var(--f-d);color:var(--gold)}
.lstat span{font:500 12px/1.4 var(--f-m);letter-spacing:.1em;text-transform:uppercase;max-width:22ch;padding-bottom:6px}
.champs{border:1.5px solid var(--gold);padding:clamp(20px,3vw,40px);margin-bottom:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:12px}
.champs .k{color:var(--gold)}
.champs-names{display:flex;flex-wrap:wrap;gap:0 .5em}
.champs-names li{font:900 clamp(40px,6vw,112px)/1 var(--f-d);text-transform:uppercase}
.champs-names a:hover{color:var(--gold)}
.chapter{margin-top:clamp(40px,6vw,90px)}
.lc--wide{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(20px,4vw,64px);align-items:start;max-width:1100px}
.lc--wide .lc-meta{padding-top:0}
.lc--wide .lc-meta h3{font-size:clamp(56px,7vw,130px)}
@media (max-width:980px){.lgrid--5{grid-template-columns:repeat(3,minmax(0,1fr))}.lgrid--3{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.lg-head{grid-template-columns:1fr}.lgrid--5,.lgrid--3{grid-template-columns:1fr 1fr}.lc--wide{grid-template-columns:1fr}}

/* ---------- parceiros / contato ---------- */
.pp{background:var(--paper);color:var(--ink);padding:clamp(40px,5vw,80px) var(--gut)}
.pp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.pp-list li{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pp-logo{width:100%;height:clamp(140px,13vw,190px);background:var(--ink);display:grid;place-items:center;margin-bottom:8px;transition:background .3s}
.pp-list li:hover .pp-logo{background:var(--red)}
.pp-logo a,.pp-logo span{display:grid;place-items:center;width:100%;height:100%;padding:24px}
.pp-logo img{max-height:56px;max-width:66%;width:auto;object-fit:contain}
.pp-logo img[src*="voods"]{max-height:90px}
.pp-logo img[src*="atk"]{max-height:84px}
.pp-logo img[src*="epomaker"]{max-height:44px}
.pp-list h2{font:900 clamp(30px,3vw,48px)/1 var(--f-d);text-transform:uppercase}
.pp-list p{color:var(--mute-d)}
@media (max-width:900px){.pp-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pp-list{grid-template-columns:1fr}}
.contact{background:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,5vw,90px);padding:clamp(56px,8vw,130px) var(--gut)}
.contact .k{color:var(--gold)}
.contact h2{font:900 clamp(48px,6vw,110px)/.86 var(--f-d);text-transform:uppercase;margin:14px 0 22px}
.people-contacts li{display:flex;flex-direction:column;gap:3px;padding:18px 0;border-top:1px solid var(--line)}
.people-contacts li:last-child{border-bottom:1px solid var(--line)}
.people-contacts strong{font:800 clamp(24px,2.2vw,34px)/1.1 var(--f-d);text-transform:uppercase}
.people-contacts span{color:var(--mute)}
.people-contacts a{font-weight:700;color:var(--red2)}
.chan a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:16px 0;border-top:1px solid var(--line);transition:padding .3s var(--ease),color .2s}
.chan li:last-child a{border-bottom:1px solid var(--line)}
.chan a:hover{color:var(--red2);padding-left:12px}
.chan span{grid-column:1;font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.chan strong{grid-column:1;font:800 clamp(22px,2vw,30px)/1.1 var(--f-d)}
.chan .ar{grid-column:2;grid-row:1/3}
@media (max-width:900px){.contact{grid-template-columns:1fr}}

/* ---------- zoom + toast ---------- */
.zoom{position:fixed;inset:0;z-index:200;background:rgba(10,10,11,.97);display:flex;align-items:center;justify-content:center}
.zoom:not([hidden]){animation:fadeIn .25s ease both}
.zoom-stage{width:min(92vw,900px);height:min(86svh,1125px);overflow:hidden;cursor:zoom-in;display:grid;place-items:center;animation:popIn .4s var(--ease) both}
.zoom-stage.on{cursor:zoom-out}
.zoom-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s var(--ease)}
@keyframes popIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.zoom-x{position:absolute;top:18px;right:22px;font-size:24px;width:48px;height:48px;border:1px solid var(--line);color:#fff}
.zoom-n{position:absolute;top:50%;transform:translateY(-50%);font-size:44px;width:56px;height:80px;color:#fff}
.zoom-n--p{left:10px}.zoom-n--n{right:10px}
.zoom-x:hover,.zoom-n:hover{color:var(--gold)}
.zoom-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;opacity:.6;font:500 11px var(--f-m);letter-spacing:.12em;text-transform:uppercase}
.toasts{position:fixed;right:var(--gut);bottom:24px;z-index:150;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.toast{background:var(--paper);color:var(--ink);padding:14px 18px;max-width:min(420px,90vw);font-size:15.5px;box-shadow:0 12px 40px rgba(0,0,0,.45);border-left:4px solid var(--red);transform:translateY(16px);opacity:0;transition:transform .35s var(--ease),opacity .35s}
.toast.show{transform:none;opacity:1}
.toast a{text-decoration:underline;font-weight:700}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
  .sum-photo.rv{clip-path:none}
}

/* ajuste: fotos centralizadas no painel recolhido; nome por cima só do torso */
.tp-figs{left:0;right:0;justify-content:center;height:min(74%,calc(100cqw * 1.9))}
.tp-word{opacity:.06}
.tp-name{z-index:4;text-shadow:0 2px 18px rgba(0,0,0,.25)}
@media (min-width:861px) and (hover:hover){
  .tp-figs li:nth-child(n+2){width:0;margin:0;overflow:visible}
  .tp-figs li:nth-child(n+2) img{position:relative}
  .tp:hover .tp-figs li:nth-child(n+2),.tp:focus-visible .tp-figs li:nth-child(n+2){width:auto;margin-left:-11%}
}
.look-flat{flex:1;align-self:stretch;align-items:center}
.look-flat figure{flex:1 1 0;min-width:0;max-width:460px}
.look-flat img{width:100%}

@media (max-width:560px){.pdp-info h1{font-size:clamp(40px,11.5vw,56px);overflow-wrap:anywhere;hyphens:auto}}

/* ======================= v7 · revisão: produto único, camadas, hierarquia ======================= */
.hh-sky,.hh-peak,.hh-wm,.hh-front,.kit-wm,.kit-stage,.sh-art,.ridge,.tp-word,.th-word{pointer-events:none}
.hh-front li{width:clamp(250px,min(27vw,52svh),520px);margin-inline:clamp(-60px,-3.4vw,-24px)}
.hh-front li:nth-child(2){width:clamp(300px,min(34vw,64svh),640px)}
.btn--ink{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--ink::before{background:#fff}.btn--ink:hover{color:var(--ink)}
/* home · camisa */
.kit-title{font:900 clamp(44px,4.4vw,80px)/.9 var(--f-d)}
.kit-price{margin-top:-6px}
/* loja · abertura: área segura de texto à esquerda, marca + elenco à direita */
.sh-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);min-height:min(max(88svh,640px),940px);padding-top:var(--hdr)}
.sh-copy{position:relative;left:auto;top:auto;right:auto;max-width:520px;align-self:center;padding:clamp(32px,4vw,64px) var(--gut) clamp(90px,8vw,130px);gap:16px;align-items:flex-start}
.sh-copy h1{font:900 clamp(50px,5vw,96px)/.88 var(--f-d)}
.sh-price{font:800 clamp(32px,2.8vw,48px)/1 var(--f-d);color:#fff}
.sh-copy .sh-lede{font-size:17px;line-height:1.5;max-width:34ch;color:#fff}
.sh-art{position:relative;overflow:hidden;min-height:clamp(420px,72svh,820px)}
.sh-wm{position:absolute;left:3%;right:3%;top:7%;width:auto;transform:none;z-index:0}
.sh-cast{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:1}
.sh-cast li,.sh-cast li:nth-child(2),.sh-cast li:nth-child(3){width:clamp(150px,min(14.5vw,30svh),290px);margin-inline:clamp(-36px,-1.9vw,-14px)}
.sh-cast li:nth-child(3){z-index:3;width:clamp(170px,min(16.5vw,34svh),330px)}
.sh-cast li:nth-child(2),.sh-cast li:nth-child(4){z-index:2}
.sh-cast figure{position:relative;margin:0}
.sh-cast figcaption{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(10,10,11,.82);color:#fff;font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;white-space:nowrap}
@media (max-width:860px){
  .sh-hero{grid-template-columns:1fr;min-height:0}
  .sh-copy{padding:28px var(--gut) 24px;max-width:none}
  .sh-art{min-height:clamp(300px,92vw,520px)}
  .sh-wm{top:4%}
  .sh-cast li,.sh-cast li:nth-child(2),.sh-cast li:nth-child(4){width:27vw;margin-inline:-4.2vw}
  .sh-cast li:nth-child(3){width:31vw}
  .sh-cast figcaption{font-size:9px;bottom:8px;padding:3px 5px}
}
/* bloco de compra (loja e página de produto) */
#buy.pdp{padding-top:0;min-height:0}
.pdp-info h1,.pdp-name{font:900 clamp(44px,4.4vw,84px)/.88 var(--f-d);text-transform:uppercase}
.pdp--flat .pdp-gallery,.pdp-thumbs .t-flat{background:#e9e7e3}
.pdp--flat .pdp-cap{color:var(--mute-d)}
.pdp-main{display:flex;align-items:center;justify-content:center}
.pdp--flat .pdp-main img{width:auto;height:auto;max-width:100%;max-height:100%}
.pdp-thumbs .t-flat img{object-position:50% 50%}
/* carrinho · itens fora de venda */
.cart-gone{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:0 var(--gut) 20px;padding:16px 20px;border:1.5px solid var(--gold);color:var(--paper)}
.cart-gone .btn--line{padding:11px 16px;font-size:12px}
@media (max-width:560px){.pdp-info h1,.pdp-name{font-size:clamp(40px,11vw,56px)}}
.sh-copy p.sh-price{font:800 clamp(32px,2.8vw,48px)/1 var(--f-d);color:#fff}
.sh-hero{min-height:min(max(80svh,620px),880px)}
.sh-wm{top:9%}
.sh-cast li,.sh-cast li:nth-child(2),.sh-cast li:nth-child(4){width:clamp(160px,min(17vw,36svh),330px);margin-inline:clamp(-60px,-3vw,-18px)}
.sh-cast li:nth-child(3){width:clamp(180px,min(19vw,40svh),370px)}
.pdp--flat .pdp-main{aspect-ratio:auto;height:min(64svh,680px)}
.pdp-thumbs button{width:clamp(52px,4.8vw,74px)}
@media (max-width:860px){.pdp--flat .pdp-main{height:auto;aspect-ratio:5/4}.sh-cast li,.sh-cast li:nth-child(2),.sh-cast li:nth-child(4){width:27vw;margin-inline:-4.2vw}.sh-cast li:nth-child(3){width:31vw}}
.sh-cast figcaption{display:none}
.pdp-thumbs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:thin}
.pdp-thumbs li{flex:none}
@media (min-width:861px){.pdp-thumbs{justify-content:center}}
@media (max-width:860px){
  .hh-front li{width:34vw;margin-inline:-4vw}
  .hh-front li:nth-child(2){width:44vw}
  .sh-art{min-height:0;height:calc(18vw + 58vw)}
  .sh-cast li:nth-child(1),.sh-cast li:nth-child(5){display:none}
  .sh-cast li,.sh-cast li:nth-child(2),.sh-cast li:nth-child(4){width:38vw;margin-inline:-5vw}
  .sh-cast li:nth-child(3){width:45vw}
}
.pdp>*{min-width:0}.pdp-thumbs{max-width:100%}

/* ======================= v7 · hero das divisões: coluna editorial + coluna do elenco ======================= */
/* causa anterior: .th-line era absoluta, ancorada à direita e dimensionada pela ALTURA do hero → em telas largas
   a largura somada dos 5 retratos excedia o espaço livre e passava por baixo do título/parágrafo. Agora o elenco
   é dimensionado pela LARGURA da própria coluna e nunca invade a área do texto. */
.th{display:grid;grid-template-columns:minmax(340px,3.7fr) minmax(0,8.3fr);align-items:end;min-height:max(90svh,700px)}
.th-copy{grid-column:1;grid-row:1;align-self:center;max-width:620px;padding:clamp(28px,4vw,56px) clamp(16px,2vw,32px) calc(var(--rh) + 48px) var(--gut)}
.th-copy h1{font-size:clamp(54px,5.7vw,124px);line-height:.86}
.th--academy .th-copy h1{font-size:clamp(50px,5vw,108px)}
.th-copy p:not(.k){max-width:40ch}
.th-line{position:relative;grid-column:2;grid-row:1;right:auto;bottom:auto;align-self:end;height:auto;width:100%;justify-content:center;padding-right:calc(var(--gut) * .4);margin-bottom:calc(var(--rh) * -.25)}
.th-line li,.th-line li:nth-child(odd){height:auto;flex:0 0 auto;width:30%;margin-left:-13%}
.th-line li:first-child{margin-left:0}
.th-line li:nth-child(even){z-index:1}
.th-line li:nth-child(odd) img{transform:scale(.95);transform-origin:50% 100%}
.th-line img{width:100%;height:auto;max-width:100%}
@media (max-width:1180px){
  .th{grid-template-columns:1fr;min-height:0;align-items:start}
  .th-copy{grid-column:1;grid-row:1;max-width:820px;padding-bottom:12px}
  .th-copy h1,.th--academy .th-copy h1{font-size:clamp(52px,8.4vw,104px)}
  .th-copy p:not(.k){max-width:56ch}
  .th-line{grid-column:1;grid-row:2;align-self:end;height:auto;margin-top:8px;padding-right:0;max-width:1000px;justify-self:center}
}
@media (max-width:980px){.th{display:grid}.th-line{height:auto;margin-top:8px}.th-line li,.th-line li:nth-child(odd){margin-left:-13%}.th-line li:first-child{margin-left:0}}
@media (max-width:560px){
  .th-copy h1,.th--academy .th-copy h1{font-size:clamp(44px,12.4vw,64px)}
  .th-line li:nth-child(n+4){display:none}
  .th-line li,.th-line li:nth-child(odd){width:44%;margin-left:-16%}
  .th-line li:first-child{margin-left:0}
}
/* navegação anterior/próximo: a crista do rodapé ganha região própria abaixo dos nomes */
.tnav a{padding-bottom:calc(var(--rh) + clamp(24px,3vw,48px))}
.ftr{padding-top:clamp(36px,4.5vw,80px)}
@media (min-width:1181px){
  .th{min-height:min(max(80svh,660px),920px);grid-template-columns:minmax(340px,3.5fr) minmax(0,8.5fr)}
  .th-line li,.th-line li:nth-child(odd){width:33.5%;margin-left:-17%}
  .th-line li:first-child{margin-left:0}
}

/* ======================= v8 · hero das divisões: faixa editorial + fileira oficial do elenco ======================= */
/* Cada retrato vem de um quadro padronizado (800×1100, olhos a 300 px, rosto ~188 px) gerado dos originais,
   então a fileira usa colunas iguais — sem escada de cabeças, sem camadas escondendo jogadores. */
.th{display:flex;flex-direction:column;min-height:0;padding-top:var(--hdr)}
.th-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);column-gap:clamp(24px,4vw,80px);align-items:end;max-width:none;width:100%;padding:clamp(28px,3.4vw,52px) var(--gut) clamp(10px,1.6vw,24px);align-self:stretch}
.th-copy>*{grid-column:1}
.th-copy>p:not(.k){grid-column:2;grid-row:1 / span 3;align-self:end;margin:0;max-width:46ch}
.th-copy h1,.th--academy .th-copy h1{font-size:clamp(54px,6.4vw,124px);line-height:.86}
.th-line{position:relative;inset:auto;display:flex;align-items:flex-end;justify-content:center;width:100%;height:auto;margin:0;padding:0 calc(var(--gut) * .5);align-self:stretch;max-width:none}
.th-line li,.th-line li:nth-child(odd),.th-line li:nth-child(even),.th-line li:first-child{flex:1 1 0;min-width:0;width:auto;height:auto;margin:0;z-index:auto}
.th-line li img,.th-line li:nth-child(odd) img{display:block;width:107%;max-width:none;height:auto;margin-left:-3.5%;transform:none;filter:drop-shadow(0 18px 26px rgba(0,0,0,.35))}
.th--academy .th-line li img{filter:drop-shadow(0 18px 26px rgba(0,0,0,.18))}
.th-hint{display:none}
.th-word{bottom:auto;top:calc(var(--hdr) + 40%);opacity:.07}
@media (max-width:1100px){
  .th-copy{grid-template-columns:1fr}
  .th-copy>p:not(.k){grid-column:1;grid-row:auto;margin-top:6px;max-width:58ch}
  .th-copy h1,.th--academy .th-copy h1{font-size:clamp(46px,9vw,100px)}
  .th-line{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding:0 var(--gut);gap:clamp(8px,2vw,16px);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent)}
  .th-line::-webkit-scrollbar{display:none}
  .th-line li,.th-line li:nth-child(odd),.th-line li:nth-child(even),.th-line li:first-child,.th-line li:nth-child(n+4),.th-line li:nth-child(n+5){display:block;flex:0 0 clamp(230px,62vw,380px);scroll-snap-align:start}
  .th-line li img,.th-line li:nth-child(odd) img{width:100%;margin:0}
  .th-hint{display:block;order:-1;align-self:flex-end;margin:0 var(--gut) 6px;font:500 11px var(--f-m);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
}
.th-line:focus-visible{outline:2px solid var(--red2);outline-offset:-4px}
.th-copy{order:0}.th-hint{order:1}.th-line{order:2}
.th{padding-bottom:calc(var(--rh) * .55)}
.th-line li img{-webkit-mask-image:linear-gradient(180deg,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 86%,transparent 100%)}
@media (max-width:640px){.th-line{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}}
.th--codm .th-line li img{filter:drop-shadow(0 18px 30px rgba(60,0,0,.55))}