:root{
  color-scheme: dark;
  --canvas:#0B0B0C;
  --canvas-2:#0E0E10;
  --surface:#141416;
  --surface-2:#1A1A1D;
  --hairline:#2A2A2E;
  --hairline-gold:rgba(212,175,55,.28);
  --ink:#FFFFFF;
  --body:#B7B7BC;
  --muted:#7C7C82;
  --gold:#D4AF37;
  --gold-hi:#F6E6A6;
  --gold-mid:#E7C766;
  --gold-deep:#8A6A1E;
  --gold-grad:linear-gradient(150deg,#F6E6A6 0%,#E7C766 32%,#C89B3C 58%,#8A6A1E 100%);
  --maxw:1220px;
  --pad:clamp(20px,5vw,64px);
  --ff-display:"Oswald","Arial Narrow",sans-serif;
  --ff-body:"Barlow",-apple-system,"Segoe UI",sans-serif;
  --ff-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--body);font-family:var(--ff-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1{font-family:var(--ff-display);color:var(--ink);text-transform:uppercase;font-weight:700;line-height:.98;margin:0;text-wrap:balance}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
.kicker{font-family:var(--ff-mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-mid)}

.nav{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:30px;height:36px}
.brand .wordmark{font-family:var(--ff-display);font-weight:700;font-size:18px;letter-spacing:.12em;line-height:1}
.brand .wordmark small{display:block;font-family:var(--ff-mono);font-weight:400;font-size:8px;letter-spacing:.4em;color:var(--muted);margin-top:3px}
.back{font-family:var(--ff-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--hairline);padding:9px 16px;transition:.2s}
.back:hover{color:var(--gold-mid);border-color:var(--hairline-gold)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;font-family:var(--ff-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--hairline);transition:.2s}
.btn-gold{background:var(--gold-grad);color:#181205;border-color:transparent;font-weight:500}
.btn-gold:hover{filter:brightness(1.08)}
.btn-ghost{color:var(--ink);border-color:var(--hairline)}
.btn-ghost:hover{border-color:var(--hairline-gold);color:var(--gold-mid)}

.dossier-page{padding-block:56px 100px}
.dossier{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--hairline);background:var(--surface);margin-top:26px}
.dossier .photo{position:relative;min-height:520px;background:radial-gradient(90% 70% at 50% 22%,rgba(212,175,55,.16),transparent 60%),linear-gradient(180deg,#101012,#08080a);display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--hairline)}
.dossier .photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.dossier .photo .init{font-family:var(--ff-display);font-weight:700;font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:2px var(--hairline-gold)}
.dossier .photo .flag{position:absolute;top:22px;right:22px;font-size:28px}
.dossier .info{padding:clamp(28px,3.4vw,52px)}
.dossier .info h1{font-size:clamp(2.1rem,3.8vw,3.1rem);margin-top:14px}
.dossier .info .specs{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:28px 0;padding:22px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.dossier .info .specs dt{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.dossier .info .specs dd{margin:0;font-family:var(--ff-body);font-weight:600;color:var(--ink);font-size:16px}
.dossier .info p.bio{color:var(--body);font-size:15.5px;max-width:56ch}
.dossier .info .bio-lead{font-family:var(--ff-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.dossier .info .bio-list{margin:0;padding-left:18px;color:var(--body);font-size:15px;max-width:52ch}
.dossier .info .bio-list li{margin-bottom:6px}
.dossier .info .bio-list + .bio-lead{margin-top:26px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}

@media (max-width:820px){
  .dossier{grid-template-columns:1fr}
  .dossier .photo{min-height:340px;border-right:0;border-bottom:1px solid var(--hairline)}
}

footer{border-top:1px solid var(--hairline);padding-block:34px;margin-top:20px}
.foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.foot-inner .brand img{width:24px;height:29px}
.foot-inner .mono{font-family:var(--ff-mono);font-size:12px;color:var(--muted)}

/* --- brand lockup: escudo + wordmark (cabeçalho e rodapé) --- */
.brand img{width:auto;height:38px}
.brand .wordmark{display:block;color:var(--ink);font-family:var(--ff-display);font-weight:700;font-size:19px;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.brand .wordmark small{display:block;font-family:var(--ff-mono);font-weight:400;font-size:8.5px;letter-spacing:.34em;color:var(--gold-mid);margin-top:5px;text-transform:uppercase}
.foot-inner .brand img{width:auto;height:32px}
.foot-inner .brand .wordmark{font-size:15px;letter-spacing:.16em}
.foot-inner .brand .wordmark small{font-size:7px;letter-spacing:.3em;color:var(--muted);margin-top:4px}
@media (max-width:560px){
  .brand img{height:34px}
  .brand .wordmark{font-size:16px;letter-spacing:.12em}
  .brand .wordmark small{font-size:7.5px;letter-spacing:.26em}
}
@media (max-width:380px){ .brand .wordmark small{display:none} }
.dossier .photo img{object-position:top center}
.dossier .info p.bio{margin:6px 0 4px;color:var(--body);font-size:15.5px;max-width:58ch;line-height:1.55}


/* galeria de vídeos na ficha */
.videos{margin-top:36px}
.videos-h{font-family:var(--ff-display);text-transform:uppercase;font-weight:700;font-size:1.35rem;color:var(--ink);letter-spacing:.02em;margin:0 0 16px}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.video-solo{max-width:760px}
.v-lite,.v-ext{position:relative;display:block;aspect-ratio:16/9;width:100%;padding:0;border:1px solid var(--hairline);background-color:#000;background-size:cover;background-position:center;cursor:pointer;overflow:hidden;text-align:left;transition:border-color .2s}
.v-lite:hover,.v-ext:hover{border-color:var(--hairline-gold)}
.v-lite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.82) 100%)}
.v-ext{background:linear-gradient(150deg,var(--surface),var(--canvas-2))}
.v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--gold-grad);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:transform .2s}
.v-play::before{content:"";display:block;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #181205;margin-left:3px}
.v-lite:hover .v-play{transform:translate(-50%,-50%) scale(1.12)}
.v-ext .v-play{background:var(--surface-2);color:var(--gold-mid);width:42px;height:42px;top:14px;left:auto;right:14px;transform:none;font-size:19px}
.v-ext .v-play::before{display:none}
.v-ext:hover .v-play{transform:scale(1.1)}
.v-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.v-label{font-family:var(--ff-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-mid)}
.v-sub{font-family:var(--ff-body);font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-frame{position:relative;aspect-ratio:16/9;border:1px solid var(--hairline-gold);background:#000}
.v-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* whatsapp flutuante */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:120;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.4);transition:transform .18s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px}