/* Golfkicks: concept landing. Poppins (do site) + Anton (troca da american_captain, OFL). Sem degradê. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/poppins-800.woff2) format('woff2')}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/anton-400.woff2) format('woff2')}

:root{
  --ink:#151515;--black:#000;--navy:#030d1d;--red:#e01d40;--red-d:#c71636;--coral:#fc4c4b;--lime:#d0de34;
  --paper:#fff;--mist:#f2f2ef;--tx:#3b3b3b;--tx-soft:#555;--sobre-escuro:#fff;
  --px:clamp(1.1rem,5vw,4.5rem);--max:1240px;
  --ease:cubic-bezier(.23,1,.32,1);
  --font:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--num:'Anton','Impact','Arial Narrow',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--paper);color:var(--tx);font:400 1.0625rem/1.6 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.defs{position:absolute;width:0;height:0}
main>section{position:relative;overflow-x:clip}
.pular{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:99}
.pular:focus{left:0}

/* ===== casca do pacote ===== */
.rascunho{background:var(--lime);color:var(--ink);text-align:center;font-size:.8125rem;font-weight:600;padding:.35rem 1rem;line-height:1.35}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--black);padding:.55rem var(--px);min-height:64px}
.pacote-abas{display:flex;gap:clamp(.9rem,2.4vw,2.2rem);flex-wrap:wrap}
.pacote-abas a{color:#fff;text-decoration:none;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.02em;padding:.7rem .1rem;min-height:44px;display:inline-flex;align-items:center;border-bottom:3px solid transparent;transition:border-color .15s ease-out}
.pacote-abas a[aria-current=page]{border-bottom-color:var(--coral)}
.pacote-abas .curto{display:none}
@media (hover:hover) and (pointer:fine){.pacote-abas a:hover{border-bottom-color:#fff}}
.chat{background:var(--red);color:#fff;text-decoration:none;font-weight:700;font-size:.875rem;text-transform:uppercase;padding:.7rem 1.5rem;min-height:44px;display:inline-flex;align-items:center;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transition:background-color .15s ease-out}
@media (hover:hover) and (pointer:fine){.chat:hover{background:var(--red-d)}}
@media (max-width:860px){
  .pacote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 8px;align-items:stretch}
  .pacote-abas{display:contents}
  .pacote-abas a,.pacote>a.chat{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 2px;font-size:13px;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;text-align:center;border-bottom:0;clip-path:none}
  .pacote-abas a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--coral)}
  .pacote-abas .longo{display:inline}.pacote-abas .curto{display:none}
  [id]{scroll-margin-top:112px}
}
.rodape{background:var(--paper);color:#444;border-top:1px solid #151515;padding:2rem var(--px) 2.4rem;font-size:.875rem;display:grid;gap:.7rem}
.rodape p{max-width:70ch}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;background:var(--red);color:#fff;font-weight:700;text-decoration:none;text-transform:uppercase;padding:0 1.8rem;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%)}
.rodape-fontes{color:#444}

/* ===== tipografia ===== */
.tit{position:relative;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.9rem,5.2vw,4.3rem);line-height:1.02;letter-spacing:-.01em;color:var(--black);padding-left:.4em;text-wrap:balance;overflow-wrap:break-word}
.tit::before{content:"";position:absolute;left:0;top:.05em;bottom:.05em;width:.13em;background:var(--coral);transform-origin:top}
.tit-w{color:#fff}
.tit .bar{display:none}
.tit-s{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.1;color:var(--black);text-wrap:balance}
.lab{font-weight:700;font-style:italic;color:var(--tx-soft);font-size:1rem}
.go{display:inline-flex;align-items:center;justify-content:center;min-height:50px;min-width:11rem;padding:.85rem 2.6rem;background:var(--red);color:#fff;font:700 1rem/1 var(--font);text-transform:uppercase;letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);transition:translate .15s ease-out,scale .15s ease-out,background-color .15s ease-out}
.go-ink{background:var(--ink)}
.go-ghost{background:#fff;color:var(--ink)}
.go-btn[aria-pressed=false]{background:#fff;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.go:hover{translate:0 -2px;background:var(--red-d)}.go-ink:hover{background:#000}.go-ghost:hover,.go-btn[aria-pressed=false]:hover{background:var(--lime)}}
.go:active{scale:.97}

/* ===== revelação (estado escondido só sob .com-js) ===== */
.com-js .rv{transition:opacity .8s var(--ease) calc(var(--i,0)*80ms),transform .8s var(--ease) calc(var(--i,0)*80ms),clip-path .95s var(--ease) calc(var(--i,0)*90ms)}
.com-js .go.rv{transition:opacity .8s var(--ease) calc(var(--i,0)*80ms),transform .8s var(--ease) calc(var(--i,0)*80ms),translate .15s ease-out,scale .15s ease-out,background-color .15s ease-out}
.com-js .rv-up:not(.in){opacity:0;transform:translateY(26px)}
.com-js .rv-left:not(.in){opacity:0;transform:translateX(-48px)}
.com-js .rv-scale:not(.in){opacity:0;transform:scale(.92)}
.com-js .rv-pop:not(.in){opacity:0;transform:translateY(22px) scale(.88)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 100% 0 0)}
.com-js .rv-grow:not(.in){clip-path:inset(100% 0 0 0)}
.com-js .rv-bar:not(.in){opacity:0;transform:translateX(-18px)}
.com-js .rv-bar:not(.in)::before{transform:scaleY(0)}
.tit::before{transition:transform .7s var(--ease) .15s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv{transition:opacity .5s ease}
  .com-js .rv-up:not(.in),.com-js .rv-left:not(.in),.com-js .rv-scale:not(.in),.com-js .rv-pop:not(.in),.com-js .rv-bar:not(.in){opacity:0;transform:none}
  .com-js .rv-wipe:not(.in),.com-js .rv-grow:not(.in){clip-path:none;opacity:0}
  .com-js .rv-bar:not(.in)::before,.com-js .draw:not(.in)::before{transform:none}
  .com-js .mega .ln>span{animation:none!important}
}

/* ===== 1. teebox (hero preto topográfico) ===== */
.veil{position:absolute;inset:0;background-color:rgba(21,21,21,.78)}
.veil-navy{background-color:rgba(3,13,29,.9)}
.veil-hard{background-color:rgba(21,21,21,.9)}
.topo{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.solemap .sm-in,.gates .gt-in,.closing .cl-in,.closing .cl-pic{position:relative;z-index:1}
.teebox{background-color:#151515;color:#fff;text-align:center;padding:clamp(2.6rem,7vw,5.5rem) var(--px) clamp(11rem,26vw,17rem);min-height:min(100svh,920px);display:flex;justify-content:center;align-items:flex-start;z-index:1}
.teebox-in{position:relative;z-index:2;max-width:1100px;display:grid;justify-items:center;gap:1.1rem}
.kicker{font-weight:700;font-size:clamp(.82rem,1.6vw,1rem);color:var(--lime);font-style:italic}
.mega{font-weight:800;font-style:italic;text-transform:uppercase;line-height:.98;letter-spacing:-.015em;font-size:clamp(2rem,8.2vw,7.2rem);color:#fff;text-wrap:balance}
.mega .ln{display:block;padding:.02em .12em;margin:0 -.12em}
.com-js .mega .ln{overflow:hidden}
.com-js .mega .ln>span{display:inline-block;animation:lift 1.05s var(--ease) both}
.com-js .mega .ln:nth-child(2)>span{animation-delay:.14s}
@keyframes lift{from{transform:translateY(108%)}to{transform:none}}
.sub{font-weight:700;font-size:clamp(1rem,2vw,1.45rem);color:#fff;max-width:34ch;text-wrap:balance}
.teebox .go{margin-top:.8rem}
.tb-soles{position:absolute;z-index:2;left:clamp(1rem,4vw,4.5rem);bottom:clamp(5.5rem,13vw,10rem);width:clamp(150px,21vw,320px);height:auto;border:clamp(4px,.6vw,8px) solid #fff;rotate:-7deg;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.tb-kit{position:absolute;z-index:3;right:clamp(.8rem,5vw,5rem);bottom:clamp(-5.5rem,-6vw,-2.5rem);width:clamp(150px,24vw,360px);background:#fff;padding:clamp(.4rem,1vw,.9rem);rotate:5deg;box-shadow:0 20px 44px rgba(0,0,0,.35)}
.tb-kit img{width:100%;aspect-ratio:1;object-fit:contain}
.cut{position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:clamp(90px,17vw,250px);background:var(--paper);clip-path:polygon(100% 0,100% 100%,0 100%)}
.cut-top{top:-1px;bottom:auto;background:var(--coral);clip-path:polygon(0 0,100% 0,0 100%)}

/* ===== 2. fairway-strip ===== */
.strip-sec{background-color:var(--paper);padding:clamp(6rem,13vw,10rem) 0 clamp(2rem,5vw,4rem)}
.press{width:min(860px,86vw);height:auto;margin:0 auto clamp(2.2rem,5vw,4rem)}
.strip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:0 var(--px) 1.6rem;max-width:calc(var(--max) + 2*var(--px));margin:0 auto}
.strip-quote .tag{font-weight:700;color:var(--tx-soft);font-size:1rem}
.strip-quote .q{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.9rem,5vw,3.8rem);line-height:1.02;color:var(--black);border-left:.13em solid var(--coral);padding-left:.4em;margin:.35rem 0}
.strip-quote .q2{font-weight:700;color:var(--ink);font-size:1.2rem}
.strip-ctrl{display:flex;gap:.5rem;flex:none}
.arrow{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff;border:0;cursor:pointer;transition:background-color .15s ease-out,scale .15s ease-out}
.arrow:active{scale:.94}
@media (hover:hover) and (pointer:fine){.arrow:hover{background:var(--red)}}
.strip{display:flex;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 var(--px) 3.4rem 0;scrollbar-width:thin;scrollbar-color:var(--ink) var(--mist)}
.strip figure{flex:none;width:min(520px,74vw);margin-left:-3.5rem;scroll-snap-align:start;position:relative;box-shadow:0 22px 44px rgba(0,0,0,.2)}
.strip figure:first-child{margin-left:0}
.strip figure:nth-child(even){margin-top:4.5rem;z-index:2}
.strip figure img{width:100%;aspect-ratio:1;object-fit:cover}

/* ===== 3. fun-and-easy ===== */
.fun{background-color:var(--paper);padding:clamp(2.5rem,6vw,5rem) var(--px) clamp(3rem,7vw,6rem)}
.fun-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
.fun-copy{display:grid;gap:1.1rem;padding-left:clamp(0rem,6vw,5rem)}
.h3{font-weight:700;font-size:clamp(1.2rem,2.2vw,1.6rem);color:var(--ink)}
.fun-copy p:last-child{max-width:36ch}
.fun-pic img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* ===== 4. sneaker-rule ===== */
.sneaker{background-color:var(--paper);padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,7vw,6rem)}
.sneaker-head{padding:0 var(--px);margin-left:clamp(0px,24vw,400px);display:grid;gap:1rem;max-width:calc(1000px + var(--px))}
.lead{font-weight:700;font-size:clamp(1.15rem,2.2vw,1.6rem);color:var(--ink);padding-left:.4em}
.sneaker-stage{position:relative;margin-top:2.2rem;padding:0 var(--px);display:flex;justify-content:center;align-items:center}
.sneaker-card{width:min(1040px,100%);background-color:var(--mist);padding:clamp(1rem,3vw,2.6rem)}
.sneaker-card img{width:100%;aspect-ratio:1408/892;object-fit:contain}
.flush{position:absolute;left:0;top:50%;translate:0 -50%;z-index:2;clip-path:polygon(0 0,100% 0,88% 100%,0 100%);padding-left:1.8rem;padding-right:3rem;min-width:10rem}
@media (hover:hover) and (pointer:fine){.flush:hover{translate:0 calc(-50% - 2px)}}
.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);max-width:1120px;margin:clamp(2.2rem,5vw,4rem) auto 0;padding:0 var(--px)}
.feats li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:center;color:var(--ink)}
.feats svg{grid-row:1}
.feats h3{font-weight:800;font-style:italic;font-size:1.25rem;line-height:1.15;color:var(--black)}
.feats p{grid-column:1/-1;margin-top:.8rem;color:var(--tx-soft);font-size:1rem}

/* ===== 5. sole-map (memorável) ===== */
.solemap{background-color:var(--navy);background-image:url(img/lifestyle-29-lorado-168b786d-77ca-420e-86a6-8081d9787.webp);background-size:cover;background-position:center;color:#fff;padding:clamp(3.5rem,7vw,6rem) var(--px)}
.sm-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.sm-copy{display:grid;gap:1.1rem;position:sticky;top:24px;color:#fff}
.sm-copy p{max-width:46ch}
.sm-ctrl{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.sm-count{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.6rem}
.sm-count div{border-top:2px solid var(--lime);padding-top:.5rem}
.sm-count dt{font-size:.875rem;color:#fff}
.sm-count dd{font-size:.95rem;white-space:nowrap}
.sm-count b{font:400 clamp(1.9rem,3.4vw,2.8rem)/1 var(--num);color:var(--lime);font-variant-numeric:tabular-nums}
.sm-note{font-size:.95rem;color:#fff;min-height:3em}
.soles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);align-items:center}
.sole svg{width:100%;height:auto;max-height:620px;touch-action:manipulation;overflow:visible}
.sole-body{fill:#f4f4f4;stroke:#fff;stroke-width:2}
.sole-groove{fill:none;stroke:#cfcfcf;stroke-width:2;stroke-linecap:round}
.sole-ok{fill:rgba(208,222,52,.08);stroke:rgba(21,21,21,.35);stroke-width:1.4;stroke-dasharray:5 6;cursor:crosshair}
.spikes use{cursor:pointer}
.spikes use.pop{animation:pop .35s var(--ease)}
@keyframes pop{from{opacity:0}to{opacity:1}}
.sm-ref{margin:clamp(1.5rem,3vw,2.5rem) auto 0;max-width:600px;background:#fff;padding:.7rem}
.sm-ref img{width:100%;height:auto}

/* ===== 6. kit-box ===== */
.kitbox{background-color:var(--paper);padding:clamp(3.5rem,7vw,6rem) var(--px)}
.kb-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.kb-pic{position:sticky;top:24px;background-color:var(--mist);padding:clamp(.8rem,2vw,1.6rem)}
.kb-pic img{width:100%;aspect-ratio:1;object-fit:contain}
.kb-list{display:grid;gap:1.4rem}
.kb-lead{font-weight:600;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.45;color:var(--ink)}
.kb-rows li{border-top:2px solid var(--ink);padding:1rem 0}
.kb-rows li:last-child{border-bottom:2px solid var(--ink)}
.kb-rows p{color:var(--tx);font-size:1.05rem}
.kb-rows b{font-weight:800;font-style:italic;color:var(--black)}
.nm{font:400 clamp(2.6rem,5vw,3.8rem)/1 var(--num);color:var(--red);font-variant-numeric:tabular-nums;margin-right:.25em;vertical-align:-.08em;font-style:normal}
.kb-note{font-size:.95rem;color:var(--tx-soft)}

/* ===== 7. install-order (linha de Sharpie) ===== */
.install{background-color:var(--paper);padding:clamp(3.5rem,7vw,6rem) var(--px) clamp(4rem,8vw,7rem)}
.in-head{max-width:880px;margin:0 auto clamp(2.5rem,5vw,4.5rem);display:grid;gap:1rem;text-align:center}
.tag-w{font-weight:800;font-style:italic;font-size:clamp(1.3rem,2.8vw,2.2rem);line-height:1.15;color:var(--black);text-wrap:balance}
.in-lede{font-size:1.1rem}
.in-lede2{font-weight:700;color:var(--ink)}
.steps{position:relative;max-width:var(--max);margin:0 auto;display:grid;gap:clamp(2.5rem,6vw,5.5rem)}
.steps::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:7px;margin-left:-3.5px;background:var(--ink);border-radius:4px;transform-origin:top;transition:transform 2.2s cubic-bezier(.4,0,.2,1)}
.com-js .steps.draw:not(.in)::before{transform:scaleY(0)}
.step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center}
.step .dot{grid-column:2;grid-row:1;justify-self:center;width:30px;height:30px;border-radius:50%;background-color:var(--red);border:6px solid var(--ink);z-index:2}
.step-txt{grid-column:1;grid-row:1;display:grid;gap:.8rem;padding-right:clamp(.5rem,2vw,2rem);text-align:right;justify-items:end}
.step-pic{grid-column:3;grid-row:1}
.step:nth-child(even) .step-txt{grid-column:3;text-align:left;justify-items:start;padding-right:0;padding-left:clamp(.5rem,2vw,2rem)}
.step:nth-child(even) .step-pic{grid-column:1}
.step-pic img{width:100%;max-width:560px;aspect-ratio:1;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.step:nth-child(even) .step-pic img{margin-left:auto}
.step .n{font:400 clamp(4.5rem,9vw,8rem)/.85 var(--num);color:var(--red)}
.step p{max-width:34ch;font-size:1.1rem}
.step .pro{background-color:var(--mist);padding:.9rem 1.1rem;font-size:.98rem;text-align:left;border-left:5px solid var(--coral)}
.step .show{font-size:.98rem;max-width:42ch}

/* ===== 8. shoe-guidance ===== */
.guide{background-color:var(--mist);padding:clamp(3.5rem,7vw,6rem) var(--px)}
.gd-top{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.gd-title{display:grid;gap:1.2rem}
.gd-big{font-weight:600;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;color:var(--ink);max-width:42ch}
.gd-rules{display:grid;gap:1.1rem;border-left:2px solid var(--ink);padding-left:clamp(1rem,2.5vw,2rem)}
.gd-rules b{font-weight:800;font-style:italic;color:var(--black)}
.gd-sub{max-width:var(--max);margin:clamp(2.5rem,5vw,4rem) auto 1.2rem;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.4rem,2.6vw,2.1rem);color:var(--black)}
.gd-pics{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.6rem)}
.gd-pics figure{background:#fff;padding:.6rem .6rem 0}
.gd-pics img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gd-pics figcaption{font-weight:700;font-style:italic;color:var(--ink);padding:.7rem .2rem .8rem;font-size:.98rem}
.gd-warn{max-width:var(--max);margin:clamp(1.5rem,3vw,2.5rem) auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem)}
.gd-warn p{background:#fff;border-left:6px solid var(--red);padding:1.1rem 1.3rem;font-size:1rem}

/* ===== 9. tour-proof (vermelho cheio) ===== */
.proof{background-color:var(--red);color:#fff;padding:clamp(3.5rem,7vw,6rem) var(--px)}
.pf-in{max-width:var(--max);margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,3.2rem)}
.pf-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}
.pf-head{display:grid;gap:1rem;max-width:760px}
.pf-quote{justify-self:end}
.proof .tit::before{background:#fff}
.pf-lead{font-weight:600;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.45}
.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,4vw,3.5rem)}
.pf-stat{display:grid;gap:.4rem;align-content:start;border-top:3px solid #fff;padding-top:1rem}
.pf-stat .big{font:400 clamp(4.2rem,9.5vw,8.2rem)/.92 var(--num);font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.pf-stat p{font-weight:600;font-size:1.05rem}
.pf-stat .pf-sm{font-weight:400;font-size:1rem}
.pf-quote span{display:inline-block;background-color:var(--ink);color:#fff;font-weight:700;font-style:italic;font-size:clamp(1.05rem,2vw,1.5rem);padding:1.1rem clamp(1.8rem,4vw,3.4rem);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}

/* ===== 10. clubhouse-wall ===== */
.wall{background-color:var(--paper);padding:clamp(3rem,7vw,5.5rem) 0 0}
.wall-head{text-align:center;display:grid;justify-items:center;gap:.5rem;padding:0 var(--px) clamp(1.8rem,4vw,3rem)}
.wall-tag{font-weight:800;font-style:italic;font-size:clamp(2.4rem,8vw,6rem);line-height:1;color:var(--black);letter-spacing:-.02em}
.wall-sub{font-weight:700;font-size:1.1rem;color:var(--tx-soft)}
.wall-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;margin-top:.6rem;color:var(--ink);font-style:italic;font-size:1.1rem}
.wall-creators{display:inline-flex;align-items:center;gap:.5rem}
.join{background-color:var(--lime);color:var(--ink);font-weight:800;font-style:italic;text-decoration:none;padding:.6rem 1.8rem;min-height:44px;display:inline-flex;align-items:center;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);transition:background-color .15s ease-out}
@media (hover:hover) and (pointer:fine){.join:hover{background-color:var(--ink);color:var(--lime)}}
.wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.wall-grid li{overflow:hidden}
.wall-grid a{display:block}
.wall-grid img{width:100%;aspect-ratio:1;object-fit:cover;transition:scale .5s var(--ease)}
@media (hover:hover) and (pointer:fine){.wall-grid a:hover img{scale:1.05}}
.wall-join{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;justify-content:center;align-items:center;padding:clamp(1.8rem,4vw,3rem) var(--px);font-style:italic}
.wall-join span{font-weight:600}

/* ===== 11. kit-podium ===== */
.podium{background-color:var(--paper);padding:clamp(3.5rem,7vw,6rem) var(--px)}
.pd-head{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.pd-copy{display:grid;gap:1rem}
.pd-name{font-weight:700;color:var(--ink);font-size:1.15rem}
.pd-pre{border-left:6px solid var(--coral);background-color:var(--mist);padding:1rem 1.2rem;font-weight:600;color:var(--ink);font-size:1rem}
.pd-pic{background-color:var(--mist);padding:1rem}
.pd-pic img{width:100%;aspect-ratio:1;object-fit:contain}
.pd-pick{max-width:var(--max);margin:clamp(2rem,4vw,3.4rem) auto 1.2rem;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,2rem);color:var(--black)}
.steps-price{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem);align-items:end}
.pstep{display:grid;gap:.9rem;align-content:space-between;padding:clamp(1.2rem,2.5vw,2rem);background-color:var(--mist);color:var(--ink)}
.p1{min-height:340px}.p2{min-height:440px;background-color:#e4e4df}.p3{min-height:540px;background-color:var(--ink);color:#fff}
.pstep h3{font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.5rem}
.price{font-weight:600;font-size:1rem}
.price .nm,.p1 .price .nm{display:block;font-size:clamp(3.4rem,6vw,5rem);margin:.2rem 0}
.p3 .nm{color:var(--lime)}
.vars{display:grid;gap:.4rem;font-weight:600}
.vars li{border-top:1px solid #151515;padding-top:.4rem}
.best{display:inline-block;justify-self:start;background-color:var(--lime);color:var(--ink);font-weight:800;font-style:italic;padding:.3rem 1.2rem;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.pstep .go{justify-self:start}
.pd-how{max-width:var(--max);margin:1.6rem auto 0;color:var(--tx-soft);font-weight:600}

/* ===== 12. rulebook ===== */
.rules{background-color:var(--paper);padding:clamp(3.5rem,7vw,6rem) var(--px)}
.rl-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.rl-side{position:sticky;top:24px;display:grid;gap:1.4rem}
.rl-pic img{width:100%;max-width:440px;aspect-ratio:1;object-fit:cover}
.rl-thx{font-weight:600;color:var(--ink)}
.rl-list details{border-top:2px solid var(--ink)}
.rl-list details:last-child{border-bottom:2px solid var(--ink)}
.rl-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:56px;padding:.9rem 0;font-weight:700;font-style:italic;font-size:clamp(1.02rem,1.8vw,1.25rem);color:var(--black);line-height:1.3}
.rl-list summary::-webkit-details-marker{display:none}
.rl-list summary::after{content:"+";flex:none;width:38px;height:38px;display:grid;place-items:center;background-color:var(--ink);color:#fff;font:700 1.4rem/1 var(--font);font-style:normal;transition:background-color .15s ease-out}
.rl-list details[open] summary::after{content:"\2212";background-color:var(--red)}
.rl-list details p{padding:0 3rem 1.3rem 0;max-width:60ch}

/* ===== 13. garage ===== */
.garage{background-color:var(--paper);padding:0 0 clamp(3.5rem,7vw,6rem)}
.gr-band{overflow:hidden}
.gr-band img{width:100%;height:clamp(220px,31vw,460px);object-fit:cover}
.gr-in{max-width:var(--max);margin:clamp(2.5rem,5vw,4.5rem) auto 0;padding:0 var(--px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.gr-left{position:sticky;top:24px;display:grid;gap:2rem}
.gr-faces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:460px}
.gr-faces figure{background-color:var(--mist);padding:.6rem;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.gr-faces img{width:100%;aspect-ratio:1;object-fit:contain}
.gr-right{display:grid;gap:1.3rem}
.gr-big{font-weight:600;font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.5;color:var(--ink)}
.lab-b{font-weight:800;font-style:italic;font-size:1.4rem;color:var(--black);border-left:6px solid var(--coral);padding-left:.7rem;margin-top:.6rem}
.score{width:100%;max-width:560px;border-collapse:collapse;background-color:var(--mist)}
.score caption{text-align:left;font-weight:700;font-style:italic;padding:.4rem 0;color:var(--tx-soft)}
.score th,.score td{padding:.9rem 1.1rem;text-align:left;border-top:2px solid var(--ink);font-weight:800;font-style:italic;color:var(--black);font-size:1.15rem}
.score thead th{font-size:.9rem;font-weight:700;color:var(--tx-soft)}
.score td{white-space:nowrap}

/* ===== 14. cart-jams (lima cheio) ===== */
.jams{background-color:var(--lime);color:var(--ink);padding:clamp(3.5rem,7vw,6rem) var(--px)}
.jm-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.jm-copy{display:grid;gap:.9rem}
.jm-label{font-weight:800;font-style:italic;font-size:1.1rem}
.jm-title{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(3rem,8.5vw,6.8rem);line-height:.92;letter-spacing:-.02em;color:var(--black)}
.jm-sub{font-weight:700;font-size:1.25rem}
.jm-quote{font-weight:600;font-size:1.1rem;max-width:30ch;border-left:6px solid var(--ink);padding-left:.9rem}
.jm-note{font-size:.95rem;font-weight:600}
.crate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem)}
.crate li{rotate:-2deg}
.crate li:nth-child(even){rotate:2deg;translate:0 1.2rem}
.crate figure{background-color:var(--ink);color:#fff;padding:.6rem;box-shadow:0 14px 28px rgba(0,0,0,.25)}
.crate img{width:100%;aspect-ratio:1;object-fit:contain;background-color:var(--navy)}
.crate figcaption{display:grid;gap:.1rem;padding:.7rem .2rem .3rem;font-size:.9rem;line-height:1.3}
.crate figcaption b{font-weight:700}
.crate figcaption span{font-variant-numeric:tabular-nums}

/* ===== 15. departure-gates ===== */
.gates{background-color:var(--ink);background-image:url(img/lifestyle-25-ado-97bc7b13-c17e-4256-949c-64d462141853.webp);background-size:cover;background-position:center;color:#fff;padding:clamp(3.5rem,7vw,6rem) var(--px)}
.gt-in{max-width:var(--max);margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,3rem)}
.gt-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem}
.gt-find{margin:0}
.board{border-top:3px solid var(--lime)}
.brow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1rem;padding:.95rem .2rem;border-bottom:1px solid rgba(255,255,255,.22);align-items:baseline}
.brow span:first-child{font-weight:700;color:var(--lime);text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.95rem,1.5vw,1.1rem)}
.brow span:last-child{color:#fff;font-variant-numeric:tabular-nums;font-size:1rem}
.bhead span{font-size:.85rem!important;color:#fff!important;font-weight:600!important}
.shops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.shops li{border:1px solid rgba(255,255,255,.35);padding:.7rem .9rem;font-size:.95rem;font-weight:600;color:#fff;line-height:1.3}
.hq{display:grid;gap:.3rem;border-left:6px solid var(--red);padding-left:1.2rem;color:#fff}
.hq-t{font:400 clamp(2rem,4vw,3rem)/1 var(--num);color:#fff}
.hq-uk{margin-top:.7rem;color:#fff;font-size:.95rem}

/* ===== 16. ship-and-return ===== */
.ship{background-color:var(--paper);padding:clamp(3rem,6vw,5rem) var(--px)}
.sh-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}
.sh-col{display:grid;gap:.9rem;align-content:start}
.sh-col+.sh-col{border-left:2px solid var(--ink);padding-left:clamp(1.2rem,4vw,4rem)}
.sh-big{font-weight:600;font-size:1.15rem;line-height:1.45;color:var(--ink)}
.kv{border-bottom:1px dotted #777;padding-bottom:.5rem;color:var(--ink)}
.kv span{font-weight:700}

/* ===== 17. be-smart ===== */
.ship{padding-bottom:0}
.smart{background-color:var(--coral);color:var(--black);padding:clamp(2.2rem,5vw,3.6rem) var(--px) clamp(3rem,7vw,5.5rem);margin:clamp(2.5rem,5vw,4rem) calc(-1*var(--px)) 0}
.sm2-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.4rem,4vw,4rem);align-items:start}
.smart .tit,.smart .tit-w{color:var(--black)}
.smart .tit::before{background:var(--black)}
.sm2-txt{display:grid;gap:.8rem;font-weight:600;color:var(--black)}

/* ===== 18. kick-ass-out-there ===== */
.closing{background-color:var(--ink);background-image:url(img/lifestyle-28-cks-squarecopy-dce08a05-781f-4a08-99f5-a.webp);background-size:cover;background-position:center;color:#fff;padding:clamp(7rem,17vw,12rem) var(--px) clamp(3.5rem,8vw,6rem);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:clamp(1rem,3vw,3rem);align-items:center}
.cl-in{display:grid;justify-items:center;gap:1.2rem;text-align:center}
.cl-kick{font-weight:700;font-style:italic;color:var(--lime);font-size:clamp(1rem,2vw,1.4rem)}
.closing .mega{font-size:clamp(2.2rem,6.4vw,5.6rem)}
.cl-btns{display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:center}
.cl-pic img{width:100%;aspect-ratio:3/4;object-fit:cover;border:clamp(4px,.6vw,8px) solid #fff;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.cl-l{rotate:-4deg}.cl-r{rotate:4deg}

/* ===== responsivo ===== */
@media (max-width:1000px){
  .sm-in,.kb-in,.gd-top,.rl-in,.gr-in,.jm-in,.sm2-in,.pd-head{grid-template-columns:minmax(0,1fr)}
  .sm-copy,.kb-pic,.rl-side,.gr-left{position:static}
  .shops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd-pic{max-width:380px}
}
@media (max-width:860px){
  .fun-in{grid-template-columns:minmax(0,1fr)}
  .fun-copy{padding-left:0}
  .sneaker-head{margin-left:0}
  .flush{position:static;translate:none;margin:0 0 1rem calc(-1*var(--px));align-self:flex-start}
  .sneaker-stage{flex-direction:column;align-items:flex-start}
  .sneaker-card{width:100%}
  .feats{grid-template-columns:minmax(0,1fr)}
  .pf-grid,.pf-top{grid-template-columns:minmax(0,1fr)}
  .pf-quote{justify-self:start}
  .steps-price{grid-template-columns:minmax(0,1fr);align-items:stretch}
  .p1,.p2,.p3{min-height:0}
  .sh-in{grid-template-columns:minmax(0,1fr)}
  .sh-col+.sh-col{border-left:0;padding-left:0;border-top:2px solid var(--ink);padding-top:1.6rem}
  .closing{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
  .closing .cl-in{grid-column:1/-1;grid-row:1}
  .closing .cl-pic{grid-row:2}
  .brow{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .bhead{display:none}
  .wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crate{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soles{gap:.6rem}
  .sm-count{grid-template-columns:repeat(3,minmax(0,1fr))}
  .teebox{min-height:0;padding-bottom:17rem}
  .tb-soles{bottom:5.5rem;left:.8rem;width:130px}
  .tb-kit{width:140px;right:.8rem;bottom:-3.2rem}
  /* linha de Sharpie vai para a margem esquerda */
  .steps::before{left:14px;margin-left:-3.5px}
  .step{grid-template-columns:30px minmax(0,1fr);column-gap:1rem;row-gap:1.2rem;align-items:start}
  .step .dot{grid-column:1;grid-row:1;justify-self:start;margin-left:0}
  .step-txt,.step:nth-child(even) .step-txt{grid-column:2;grid-row:1;text-align:left;justify-items:start;padding:0}
  .step-pic,.step:nth-child(even) .step-pic{grid-column:2;grid-row:2}
  .step:nth-child(even) .step-pic img{margin-left:0}
}
@media (max-width:700px){
  .gd-pics,.gd-warn{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .shops li{font-size:.86rem;padding:.6rem .6rem}
  .go{min-width:0;padding-inline:2rem}
  .sm-count dd{font-size:.82rem}
  .strip figure{margin-left:-2rem}
  .strip figure:nth-child(even){margin-top:2.6rem}
  .gr-faces{max-width:none}
  .crate li:nth-child(even){translate:0 .6rem}
}