@font-face{font-family:"Roboto Mono";src:url("fonts/roboto_mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("fonts/roboto_mono-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("fonts/roboto_mono-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url("fonts/roboto_mono-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}

:root{--k:#0a0a0a;--w:#fff;--g:#f5f5f5;--a:#e6ff00}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 13px/1.6 "Roboto Mono",ui-monospace,monospace;color:var(--k);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit;text-underline-offset:3px}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid #2b5cff;outline-offset:3px;box-shadow:0 0 0 3px #fff}
h1,h2,h3{margin:0 0 12px;font-weight:700;line-height:1.25}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:13px}
p{margin:0 0 14px}

/* bloco do pacote */
.pular{position:absolute;left:-9999px;top:0}
.pular:focus{left:8px;top:8px;z-index:100;background:#fff;color:#000;padding:12px 16px}
.rascunho{background:var(--a);color:var(--k);text-align:center;font-size:12px;font-weight:700;padding:8px 12px}
.pacote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:var(--k);padding:6px 16px}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pacote-abas a[aria-current="page"]{background:var(--a);color:var(--k);font-weight:700}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:#fff;color:var(--k);border:1px solid #fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.rodape{background:var(--k);color:#fff;padding:36px 32px 48px;font-size:12px}
.rodape p{max-width:760px}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--a);color:var(--k);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}
.rodape-fontes{color:#d6d6d6}

/* base das seções */
.s{position:relative;overflow-x:clip}
.wrap{max-width:1360px;margin:0 auto;padding:64px 32px}
.rd{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.caps{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700}
.note{font-size:12px;color:#333}
.meta{margin:0 0 6px;font-size:11px;color:#444;text-transform:uppercase;letter-spacing:.06em}
.price{font-weight:700;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1px solid var(--k);background:#fff;color:var(--k);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:0}
.btn.dark{background:var(--k);color:#fff}
.links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 0}
.lines{list-style:none;margin:16px 0;padding:0;text-align:left}
.lines li{border-top:1px solid rgba(255,255,255,.35);padding:8px 0}

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

/* seções de foto de ponta a ponta */
.s-foto{display:grid;align-items:center;padding:64px 32px;min-height:760px}
.s-foto .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.veil{position:absolute;inset:0;background:rgba(0,0,0,.38)}
.panel,.plate{position:relative;z-index:1;width:100%;max-width:560px;padding:36px}
.panel{background:rgba(10,10,10,.86);color:#fff}
.panel .rd{color:var(--a)}
.panel .meta,.panel .note{color:#e0e0e0}
.s-center{justify-items:center;text-align:center}
.s-right{justify-items:end}
.s-left{justify-items:start}
#ring-walk{min-height:840px}
#main-event{min-height:980px}
#sparring-club{min-height:640px}
#bag-room{min-height:540px}
#cta-final{min-height:680px}
#ring-walk .bg{clip-path:inset(0)}
.plate{background:#fff;color:var(--k);text-align:left}
.lockup{display:block;width:260px;max-width:70%;height:auto;margin:0 0 16px}
.card-black{background:#000;padding:16px;margin:0 0 20px}
.card-black img{display:block;width:100%;max-width:380px;height:auto;margin:0 auto}
#sparring-club .card-black img{max-width:260px}
.s-center .lines{text-align:left}
.s-center .links{justify-content:center}

/* faixa weigh-in */
.strip-head{display:flex;flex-wrap:wrap;gap:24px 40px;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.strip-head .note{max-width:520px;margin:0}
.strip{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}
.cards{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.card{flex:0 0 300px;scroll-snap-align:start}
.card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#eee;margin-bottom:10px}
.hint{margin:16px 0 0;font-size:12px}

/* co-main */
.s-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.corner{position:relative;margin:0;min-height:860px;overflow:hidden;background:#111}
.corner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cap{position:absolute;left:0;right:0;bottom:0;padding:28px 32px;background:rgba(10,10,10,.88);color:#fff}
.cap .rd{color:var(--a)}

/* the wrap */
.s-wrap{background-color:#f5f5f5}
.grid-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.sticky-photos{position:sticky;top:16px}
.sticky-photos img{display:block;width:100%;height:auto}
.sticky-photos .big{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}
.steps .after,.blue-text .after{margin-top:24px}
.stats{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}
.stats li{border-top:2px solid currentColor;padding-top:10px}
.stats b{display:block;font-size:30px;line-height:1.1;margin-bottom:6px}
.stats span{display:block;font-size:12px}
.s-glove .stats b{color:var(--a)}
.kit-head .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.steps ol{list-style:none;counter-reset:st;margin:16px 0;padding:0}
.steps li{counter-increment:st;border-top:1px solid #bbb;padding:8px 0 8px 36px;position:relative}
.steps li::before{content:counter(st);position:absolute;left:0;top:8px;font-weight:700}
.buy{margin:12px 0 0;padding:14px 16px;background:#0a0a0a;color:#fff;font-weight:700}

/* glove */
.s-glove{background-color:#0a0a0a;color:#fff}
.s-glove .rd{color:var(--a)}
.s-glove .note{color:#ddd}
.grid-glove{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:stretch}
.glove-photos,.blue-photos{position:relative;min-height:520px}
.glove-photos img,.blue-photos img{position:absolute;left:0;width:100%;height:calc(50% - 6px);object-fit:cover;display:block}
.blue-photos img:last-child{object-position:50% 32%}
.glove-photos img:first-child,.blue-photos img:first-child{top:0}
.glove-photos img:last-child,.blue-photos img:last-child{bottom:0}

/* edits */
.s-edits{background-color:#f5f5f5}
.edits-head p:not(.rd){max-width:640px}
.five{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0}
.pick img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;margin-bottom:12px}
.pick p{margin:0;font-size:12px}

/* parceiros */
.partners-head{margin-bottom:8px}
.two{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0}
.two img{display:block;width:100%;height:240px;object-fit:cover;margin-bottom:12px}
.two p{margin:0;font-size:12px}

/* missões */
.s-missions{background-color:#e6ff00;color:var(--k)}
.missions-head p:not(.rd){max-width:760px}
.six{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0;padding:0}
.six img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px}
.profiles article{border-top:2px solid var(--k);padding-top:10px}
.profiles p{margin:0}

/* blueprint */
.grid-blue{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch}
blockquote{margin:20px 0;padding:0 0 0 20px;border-left:4px solid var(--k);font-weight:700;font-size:14px}
blockquote p{margin:0 0 8px}
blockquote footer::before{content:"— "}
blockquote footer{font-weight:400;font-size:12px}

/* record book */
.s-record{background-color:#0a0a0a;color:#fff}
.s-record .rd,.s-record h3{color:var(--a)}
.s-record .note{color:#ddd}
.record-head p:not(.rd){max-width:760px}
.timeline{list-style:none;margin:28px 0;padding:0;column-count:4;column-gap:32px}
.timeline li{break-inside:avoid;margin-bottom:24px;border-top:1px solid var(--a);padding-top:12px}
.timeline p{margin:0}

/* kit wall */
.kit-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;margin-bottom:28px}
.terms{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:12px}
caption{text-align:left;font-weight:700;padding-bottom:8px}
th,td{padding:6px 10px;border-bottom:1px solid #bbb;text-align:left}
.eight{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:0;padding:0}
.eight img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#eee}
.eight h3{margin-top:8px;font-size:11px}

/* texto final */
.s-seo h2{margin-bottom:28px}
.cols{column-count:3;column-gap:40px}
.cols h3{break-after:avoid;margin-top:0}

/* contador de round */
.gong{position:fixed;right:12px;bottom:12px;z-index:50;padding:10px 14px;background:var(--k);color:var(--a);border:1px solid var(--a);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}

@media (max-width:1100px){
  .five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .timeline{column-count:2}
  .eight{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cols{column-count:2}
  .grid-wrap,.grid-glove,.grid-blue,.kit-head{grid-template-columns:minmax(0,1fr)}
  .sticky-photos{position:static}
}
@media (max-width:760px){
  .pacote-abas .longo{display:none}
  .pacote-abas .curto{display:inline}
  .pacote-abas a{padding:0 10px}
  .wrap{padding:48px 20px}
  .s-foto{padding:48px 16px}
  .panel,.plate{padding:24px}
  .s-duo{grid-template-columns:minmax(0,1fr)}
  .corner{min-height:680px}
  .cap{padding:20px}
  .two{grid-template-columns:minmax(0,1fr)}
  .two img{height:200px}
  .timeline,.cols{column-count:1}
  .profiles{grid-template-columns:minmax(0,1fr)}
  .five{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .five .pick:last-child{grid-column:1/-1}
  .five .pick:last-child img{aspect-ratio:16/9}
  .card{flex-basis:240px}
  .glove-photos,.blue-photos{min-height:640px}
  .eight{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape{padding:28px 20px 40px}
  h1{font-size:22px}
  h2{font-size:20px}
}