@font-face{font-family:"Inter";src:url("fonts/inter-300.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}

:root{--paper:#f1eee7;--ink:#111827;--red:#b3141d;--wine:#9f1239;--off:#f9fafb;--amber:#fdba74}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:3px solid #f97316;outline-offset:3px}

/* bloco do pacote */
.pular{position:absolute;left:-999px;top:0;background:#fff;color:var(--ink);padding:12px 16px;z-index:50}
.pular:focus{left:8px;top:8px}
.rascunho{background:var(--ink);color:#fff;text-align:center;font-size:.8125rem;line-height:1.4;padding:8px 16px}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:8px 16px;background:#fff;border-bottom:2px solid var(--ink)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;color:var(--ink)}
.pacote-abas a:hover{background:var(--paper)}
.pacote-abas a[aria-current="page"]{background:var(--ink);color:#fff}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--red);color:#fff;font-weight:600;text-decoration:none;font-size:.9rem}
.rodape{background:var(--ink);color:#e5e7eb;padding:40px 24px;text-align:left}
.rodape p{max-width:72ch;margin:0 auto 12px;font-size:.9rem}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;text-decoration:none}
.rodape-fontes{color:#d1d5db}

/* base das seções */
.s{overflow-x:clip}
.wrap{max-width:1280px;margin:0 auto;padding:clamp(44px,6vw,84px) 24px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:14px}
.tag{display:inline-block;background:var(--ink);color:#fff;padding:3px 9px;border-radius:3px;letter-spacing:.08em}
.t{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.02em;margin-bottom:18px;max-width:22ch}
.lede{font-size:1.15rem;max-width:62ch;margin-bottom:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:6px;background:var(--ink);color:#fff;font-weight:600;text-decoration:none;border:2px solid var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff;border-radius:999px}
.btn.outline{background:transparent;color:#fff;border-color:#fff;border-radius:999px}
.chip{display:inline-block;background:#fee2e2;color:var(--wine);font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:999px}
.price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0}
.price s{opacity:1;color:inherit;text-decoration-thickness:2px}

/* revelação */
.com-js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.com-js .s.in .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.com-js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* 1 hero */
.s-hero .wrap{padding-top:48px;padding-bottom:48px}
.hero-t{font-size:clamp(2.6rem,8.4vw,7.4rem);line-height:.92;font-weight:700;letter-spacing:-.035em;text-transform:uppercase;margin-bottom:22px}
.hero-t span{display:inline-block;margin-right:.18em}
.tape{position:relative}
.tape::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.16em;background:repeating-linear-gradient(-45deg,#111827 0 12px,#f5b800 12px 24px)}
.s-hero .lede{margin-bottom:12px}
.hero-meta{max-width:62ch;margin-bottom:22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.frame{background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);max-width:1000px;margin-bottom:30px}
.frame img{width:100%}
.frame figcaption{padding:12px 16px;font-size:.9rem;border-top:2px solid var(--ink)}
.sheet-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sheet-list li{border-top:4px solid var(--ink);padding-top:10px;font-size:.95rem}
.sheet-list strong{display:block;font-size:1.05rem}

/* 2 trade lines */
.s-trades{background-color:#111827;color:#e5e7eb}
.s-trades .eyebrow,.s-boots .eyebrow,.s-dispatch .eyebrow{color:var(--amber)}
.s-trades .tag,.s-boots .tag,.s-dispatch .tag{background:var(--amber);color:var(--ink)}
.trades{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.trades li{background:#1f2937;border:1px solid #374151;border-radius:6px;overflow:hidden}
.trades img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc}
.trades h3{font-size:.95rem;line-height:1.3;padding:12px 12px 4px;color:#fff}
.trades p{font-size:.88rem;padding:0 12px 14px;color:#d1d5db}

/* 3 site brief */
.brief-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:stretch}
.brief-text{align-self:start;position:sticky;top:16px}
.brief-text blockquote{font-size:1.2rem;line-height:1.5;border-left:6px solid var(--red);padding-left:18px;margin-bottom:18px;font-weight:500}
.brief-text p{margin-bottom:14px}
.brief-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brief-pics figure{position:relative;min-height:420px;border:2px solid var(--ink);background:#d9d6cc}
.brief-pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 4 raptor */
.s-raptor{background-color:#b3141d;color:#fff}
.s-raptor .eyebrow{color:#fff}
.s-raptor .tag{background:#fff;color:var(--ink)}
.s-raptor .chip{background:#fff;color:var(--wine)}
.raptor-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:stretch}
.raptor-pic{position:relative;min-height:520px;border:3px solid #fff;background:#d9d6cc}
.raptor-pic .big{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.raptor-pic .inset{position:absolute;right:12px;bottom:12px;width:130px;height:130px;object-fit:cover;border:3px solid #fff}
.raptor-text p{margin-bottom:12px}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:14px 0 16px}
.specs li{border-top:1px solid rgba(255,255,255,.55);padding:9px 0;font-size:.95rem}
.specs li:last-child:nth-child(odd){grid-column:1/-1}

/* 5 arrivals */
.s-arrivals{background-color:#ffffff}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#fff}
.cm{display:flex;flex-direction:column;gap:4px;background:#d9d6cc}
.cm img{width:100%;height:0;flex:1 1 0;min-height:170px;object-fit:cover}
.cb{padding:16px 18px}
.cb h3{font-size:1.1rem;line-height:1.25}
.cb p{font-size:.92rem;margin-bottom:8px}
.cb ul{font-size:.88rem;border-top:1px solid #e5e7eb;margin-top:8px}
.cb li{padding:4px 0}
.cb .price strong{color:#1d4ed8}

/* 6 layer up */
.s-layer .eyebrow,.s-layer .t,.s-layer .lede{text-align:right;margin-left:auto;justify-content:flex-end}
.layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lay{background:#fff;border:2px solid var(--ink);padding:14px;box-shadow:6px 6px 0 var(--ink)}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}
.pair img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#d9d6cc}
.layer-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 44px;margin-top:40px;align-items:start}
.layer-note{font-size:1.15rem;margin-bottom:26px;padding-left:18px;border-left:6px solid var(--red)}
.lm+.lm{border-top:2px solid var(--ink);padding-top:18px}
.lay h3{font-size:1.1rem;margin-bottom:6px}
.lay p{font-size:.92rem;margin-bottom:8px}

/* 7 cold starts */
.s-cold{background-color:#f9fafb}
.cold-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.cold-text{position:sticky;top:16px}
.cold-text p{margin-bottom:12px}
.specs-dark{border-top:2px solid var(--ink);margin:12px 0 16px}
.specs-dark li{padding:8px 0;border-bottom:1px solid #d1d5db;font-size:.95rem}
.cold-text .price strong{color:#1d4ed8}
.mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mosaic img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc}

/* 8 boot room */
.s-boots{background-color:#0f172a;color:#e5e7eb}
.slips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.slip{background:#1f2937;border:1px dashed #9ca3af;border-radius:8px;padding:14px}
.slip img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc;border-radius:4px;margin-bottom:12px}
.slip h3{font-size:1.05rem;line-height:1.25;color:#fff;margin-bottom:8px}
.slip li{font-size:.9rem;padding:6px 0;border-top:1px solid #374151}
.slip p{font-size:.9rem;margin-top:10px}
.slip .price{margin:10px 0 0}

/* 9 insole */
.insole-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center}
.insole-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc;border:2px solid var(--ink)}
.insole-text .eyebrow,.insole-text .t{text-align:right;margin-left:auto;justify-content:flex-end}
.insole-text p{margin-bottom:12px}

/* 10 sign off */
.sign-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:stretch}
.sign-pics{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.sign-pics figure{position:relative;min-height:300px;border:2px solid var(--ink);background:#d9d6cc}
.sign-pics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sign-text>p{margin-bottom:18px}
.steps{counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:12px 0 12px 54px;border-top:2px dashed var(--ink)}
.steps li::before{content:counter(s);position:absolute;left:0;top:12px;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.steps h3{font-size:1.05rem}
.steps p{font-size:.95rem}

/* 11 crew voices */
.s-crew{background-color:#ffffff}
.crew-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:start}
.crew-side{position:sticky;top:16px}
.crew-side>p{margin-bottom:18px}
.crew-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crew-pics img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc}
.quote{background:var(--off);border:1px solid #d1d5db;border-left:8px solid var(--red);padding:22px 24px;margin-bottom:16px}
.quote blockquote{font-size:1.25rem;line-height:1.45;font-weight:500;margin-bottom:12px}
.quote figcaption{font-weight:600}
.stars{color:#92400e;letter-spacing:2px;margin-right:8px}

/* 12 site rules */
.rules-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:44px;align-items:start}
.rules-side{position:sticky;top:16px}
.rules-side>p{margin-bottom:16px}
.rules-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.rules-pics img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#d9d6cc;border:2px solid var(--ink)}
.faq>div{border-top:2px solid var(--ink);padding:16px 0}
.faq dt{font-weight:700;font-size:1.08rem;margin-bottom:6px}
.faq dd{font-size:.97rem}

/* 13 dispatch */
.s-dispatch{background-color:#111827;color:#e5e7eb;text-align:center}
.s-dispatch .eyebrow{justify-content:center}
.s-dispatch .t,.s-dispatch .lede{margin-left:auto;margin-right:auto}
.s-dispatch .t{max-width:26ch}
.windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.windows li{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}
.windows img{width:100%;aspect-ratio:2/1;object-fit:cover;background:#d9d6cc;border-radius:4px}
.windows strong{font-size:1.6rem;color:#fff;line-height:1.2}
.free{display:inline-block;border:2px dashed var(--amber);color:var(--amber);padding:10px 22px;font-weight:600;border-radius:999px}

/* 14 knock off */
.s-knock{background-color:#be123c;background-image:linear-gradient(90deg,#c2410c,#be123c);color:#fff}
.s-knock .eyebrow{color:#fff}
.s-knock .tag{background:#fff;color:var(--ink)}
.knock-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.knock-text{flex:1 1 520px;min-width:0}
.knock-text .t{max-width:24ch;margin-bottom:12px}
.small{font-size:.95rem;margin-top:10px}
.knock-actions{display:flex;flex-wrap:wrap;gap:12px}

/* tablet e celular */
@media (max-width:1279px){
  .trades{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1099px){
  .slips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:819px){
  .brief-grid,.raptor-grid,.cold-grid,.sign-grid,.crew-grid,.rules-grid,.insole-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .brief-text,.cold-text,.crew-side,.rules-side{position:static}
  .brief-pics figure{min-height:300px}
  .raptor-pic{min-height:380px}
  .sign-pics{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sign-pics figure{min-height:220px}
  .specs{grid-template-columns:minmax(0,1fr)}
  .layers,.layer-more{grid-template-columns:minmax(0,1fr)}
  .windows{grid-template-columns:minmax(0,1fr)}
  .sheet-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .insole-text .eyebrow,.insole-text .t,.s-layer .eyebrow,.s-layer .t,.s-layer .lede{text-align:left;margin-left:0;justify-content:flex-start}
  .insole-grid img{aspect-ratio:4/3}
}
@media (max-width:639px){
  .trades{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slips{grid-template-columns:minmax(0,1fr)}
  .card{grid-template-columns:minmax(0,1fr)}
  .cm{flex-direction:row}
  .cm img{height:200px;flex:1 1 0;min-height:0;width:0}
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 8px}
  .hero-t{font-size:clamp(2.2rem,11vw,3rem)}
  .frame{box-shadow:5px 5px 0 var(--ink)}
  .frame img{aspect-ratio:4/3;object-fit:cover;object-position:88% center}
}