@font-face{font-family:'Titel';src:url('fonts/Texturina-VF.ttf');font-weight:100 900;font-display:swap}
@font-face{font-family:'Text';src:url('fonts/Inter-VF.ttf');font-weight:100 900;font-display:swap}
@font-face{font-family:'Gigant';src:url('fonts/Anton-Regular.ttf');font-display:swap}
:root{--bg:#0e0e0e;--bg2:#161514;--ink:#f3ede4;--soft:#c2b9ae;--mut:#8a8178;--line:#2b2826;--red:#e01b24;--deep:#6e080e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 'Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.w{max-width:1160px;margin:0 auto;padding:0 24px}
a{color:inherit}
h1,h2,h3{font-weight:400;margin:0}
h1,h2{font-family:'Gigant',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:1.04}
h1 em,h2 span{color:var(--red);font-style:normal}
.topo{padding-top:22px}
.marca{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:400 20px 'Gigant';letter-spacing:.08em;text-transform:uppercase}
.marca img{display:block;width:44px;height:44px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:40px;position:relative}
.hero::before{content:"";position:absolute;right:-6%;top:6%;width:56%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(224,27,36,.22),transparent 72%);pointer-events:none}
.hero h1{font-size:clamp(40px,6.4vw,84px)}
.hero .l{font-family:'Titel',Georgia,serif;font-size:clamp(19px,2.2vw,25px);color:var(--soft);margin:24px 0 32px;max-width:34ch;line-height:1.45}
.compra{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font:400 20px 'Gigant';letter-spacing:.07em;text-transform:uppercase;padding:18px 34px;border-radius:2px;transition:.2s;box-shadow:0 0 0 0 rgba(224,27,36,.5)}
.btn:hover{background:#ff2630;box-shadow:0 0 34px 2px rgba(224,27,36,.45)}
.lin{color:var(--mut);font-size:14px;letter-spacing:.04em}
.preco{font:400 40px 'Gigant';color:var(--ink);letter-spacing:.03em}
.mock{width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7));position:relative}
.tkw{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);padding:14px 0;white-space:nowrap}
.tk{display:inline-block;animation:tk 90s linear infinite}
.tk .row{font:400 17px 'Gigant';letter-spacing:.14em;color:var(--mut);text-transform:uppercase}
.tk b{color:var(--red);font-weight:400;padding:0 .7em}
@keyframes tk{to{transform:translateX(-50%)}}
section{padding:90px 0}
.cab2{max-width:680px;margin-bottom:38px}
.k{font:400 14px 'Gigant';letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.cab2 h2{font-size:clamp(34px,5vw,60px)}
.cab2 p{font-family:'Titel',Georgia,serif;color:var(--soft);font-size:20px;margin:16px 0 0}
.abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.aba{background:transparent;color:var(--soft);border:1px solid var(--line);padding:10px 18px;font:500 15px 'Text';cursor:pointer;border-radius:2px;transition:.2s}
.aba:hover{border-color:var(--mut)}
.aba[aria-selected=true]{background:var(--red);border-color:var(--red);color:#fff}
.perto{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}
.barra-q{display:flex;justify-content:flex-end;margin-bottom:8px}
.orig{background:none;border:1px solid var(--line);color:var(--soft);padding:6px 12px;font:500 13px 'Text';cursor:pointer;border-radius:2px}
.orig[aria-pressed=true]{border-color:var(--red);color:var(--ink)}
.quadro{position:relative;line-height:0;border:1px solid var(--line);background:#000}
.quadro img{width:100%;height:auto;display:block}
.mk{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;border:0;background:var(--red);color:#fff;font:700 16px 'Text';cursor:pointer;border-radius:2px;box-shadow:0 0 0 3px rgba(14,14,14,.7);transition:.2s;z-index:2}
.mk:hover,.mk[aria-current=true]{transform:translate(-50%,-50%) scale(1.18);background:#ff2630}
.bx{position:absolute;border:2px solid var(--red);pointer-events:none;opacity:0;transition:.25s}
.bx.on{opacity:1}
.quadro.hide .mk,.quadro.hide .bx{display:none}
.leg{color:var(--mut);font-size:13px;margin:8px 0 0;line-height:1.5}
.painel{border:1px solid var(--line);background:var(--bg2);padding:18px}
.zoom{width:100%;height:auto;display:block;background:#000;aspect-ratio:760/500}
.cont{font:400 14px 'Gigant';letter-spacing:.2em;color:var(--red);margin:18px 0 4px}
.painel h3{font:600 26px 'Titel',Georgia,serif;line-height:1.2;margin-bottom:8px}
.painel p{margin:0;color:var(--soft)}
.nav{display:flex;align-items:center;gap:10px;margin-top:20px}
.nav button{width:44px;height:44px;background:transparent;border:1px solid var(--line);color:var(--ink);font-size:24px;cursor:pointer;border-radius:2px}
.nav button:hover{border-color:var(--red);color:var(--red)}
.nav span{margin-left:auto;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.pags{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pags figure{margin:0}
.pags img{width:100%;height:auto;display:block;border:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.pags figcaption{font-size:14px;color:var(--soft);margin-top:12px;line-height:1.45}
.dois{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.dois .cab2{position:sticky;top:30px}
.eb{width:min(300px,70%);height:auto;margin-top:28px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}
.lista{list-style:none;margin:0;padding:0;counter-reset:x}
.lista li{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line)}
.lista .n{font:400 20px 'Gigant';color:var(--red);letter-spacing:.06em}
.lista .t{font:600 20px 'Titel',Georgia,serif}
.lista .a{font-size:14px;color:var(--mut);text-align:right}
.faq{max-width:820px}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font:600 20px 'Titel',Georgia,serif;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::after{content:"+";color:var(--red);font:400 26px 'Gigant'}
details[open] summary::after{content:"–"}
details p{color:var(--soft);margin:12px 0 0}
.fim{text-align:center;background:radial-gradient(60% 80% at 50% 100%,rgba(224,27,36,.18),transparent 70%);border-top:1px solid var(--line)}
.fim h2{font-size:clamp(32px,5vw,62px);max-width:18ch;margin:0 auto 34px}
.fim .lin{margin-top:18px}
.rod{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:34px;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}
@media(max-width:900px){.hero,.perto,.dois{grid-template-columns:1fr}.pags{grid-template-columns:repeat(2,1fr)}.dois .cab2{position:static}.mock{max-width:420px;margin:0 auto}section{padding:64px 0}.lista li{grid-template-columns:44px 1fr}.lista .a{grid-column:2;text-align:left}}
@media(max-width:520px){.pags{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tk{animation:none}html{scroll-behavior:auto}}

.gar{flex-basis:100%;color:var(--soft)}.gar b{color:var(--red);font-weight:700}