/* HighMotion · estúdio de motion — preto + dourado (base compartilhada com /amostra) */
@font-face{font-family:'Archivo Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Arial');size-adjust:128.3%;ascent-override:68.4%;descent-override:16.4%;line-gap-override:0%}
@font-face{font-family:'Instrument Sans Fallback';src:local('Arial'),local('ArialMT');size-adjust:101.2%;ascent-override:95.8%;descent-override:24.7%;line-gap-override:0%}
:root{
  --preto:#070707; --grafite:#0F0F0E; --placa:#151513; --linha:#26251F;
  --ouro:#FFCD07; --ouro-2:#E0B000; --ouro-3:#8A6C00;
  --texto:#F3F1E8; --suave:#A29F93; --apagado:#6B6960;
  --disp:'Archivo','Archivo Fallback',Arial,sans-serif; --sans:'Instrument Sans','Instrument Sans Fallback',Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --serif:'Instrument Serif',Georgia,serif;
  --linha-2:#3A382F; --ouro-fantasma:rgba(255,205,7,.14); --rec:#FF3B30;
  --raio:18px; --lateral:clamp(16px,5vw,64px);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--preto)}
body{background:var(--preto);color:var(--texto);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding-inline:var(--lateral)}
.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.mono b{color:var(--ouro);font-weight:500}
h1,h2,h3{font-family:var(--disp);font-stretch:125%;font-weight:800;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(32px,5vw,58px)}
h3{font-size:22px;letter-spacing:-.01em}
em{font-style:normal;color:var(--ouro)}
p{max-width:62ch}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* barra */
.topo{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.marca{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:19px;letter-spacing:.01em}
.marca i{width:13px;height:13px;background:var(--ouro);transform:rotate(45deg);display:inline-block}
.marca b{font-weight:inherit}
.marca span{color:var(--ouro)}
.nav{display:flex;align-items:center;gap:28px;font-size:15px;color:var(--suave)}
.nav a:hover{color:var(--texto)}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:999px;background:var(--ouro);color:#0A0A0A;border:1px solid var(--ouro);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:#FFD83A}
.btn.fantasma{background:transparent;color:var(--texto);border-color:var(--linha)}
.btn.fantasma:hover{border-color:var(--ouro);background:transparent}
@media (max-width:820px){.nav a:not(.btn){display:none}}
.btn{white-space:nowrap}
@media (max-width:520px){.topo .btn{padding:10px 16px;font-size:14px}.marca{font-size:17px}}

/* seções */
section{padding-block:clamp(72px,10vw,128px)}
.cab{display:flex;flex-direction:column;gap:18px;margin-bottom:48px}
.cab p{color:var(--suave);font-size:18px}
.regua{height:1px;background:var(--linha);position:relative}
.regua::after{content:'';position:absolute;left:0;top:-4px;width:9px;height:9px;background:var(--ouro);transform:rotate(45deg)}

/* rodapé */
footer{border-top:1px solid var(--linha);padding-block:36px 44px}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;color:var(--apagado);font-size:14px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0s!important;animation-iteration-count:1!important;transition:none!important}}