/* Metallic v3: same navy/champagne identity, corrected navigation, progressive motion. */
:root{--metal-border:rgba(196,211,224,.3);--metal-glint:rgba(244,248,251,.14)}
.bio-page{overflow:clip;background:radial-gradient(ellipse 640px 580px at 48% 230px,rgba(92,121,146,.3),transparent 82%),radial-gradient(ellipse 360px 540px at 95% 58%,rgba(75,111,142,.1),transparent 85%),linear-gradient(124deg,#071521 0%,#132b3f 22%,#0b1e2e 42%,#10283b 57%,#071725 79%,#0c2030 100%)}
.bio-page::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 17%,rgba(219,231,240,.027) 29%,transparent 38%,transparent 62%,rgba(213,232,246,.022) 69%,transparent 79%)}
.name-first{fill:url(#vx-silver)}
.name-last{fill:url(#vx-champagne)}
.hero-lettering{filter:drop-shadow(0 2px 0 rgba(255,255,255,.08)) drop-shadow(0 12px 22px rgba(0,0,0,.15))}
/* Keep photograph colors, face and dimensions unchanged. */
.portrait-stage picture,.portrait-stage img{filter:none}
.social-row a{position:relative;overflow:hidden;isolation:isolate;border-color:var(--metal-border);background:linear-gradient(140deg,rgba(148,170,189,.16),rgba(24,49,69,.72) 44%,rgba(6,21,34,.84));box-shadow:inset 0 1px 0 rgba(244,248,251,.16),0 4px 13px rgba(0,0,0,.13);transition:transform .2s,border-color .2s,box-shadow .2s}
.action-stack{gap:12px;margin-top:17px}
.premium-button{grid-template-columns:46px minmax(0,1fr);gap:17px;min-height:88px;padding:18px 21px;border:1px solid var(--metal-border);border-radius:13px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 16% 0,rgba(207,223,236,.14),transparent 65%),linear-gradient(117deg,#223d52 0%,#172f44 32%,#1d364b 52%,#0d2235 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 7px 19px rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.2,.7,.3,1),border-color .2s,box-shadow .2s}
.premium-button::after{content:none}
.premium-button::before,.feature-link::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(234,244,250,.14) 45%,transparent 70%);opacity:0;transform:translateX(-100%);transition:transform .7s ease,opacity .2s}
.premium-button .action-thumb{position:relative;width:46px;height:46px;border-radius:11px;background:linear-gradient(140deg,rgba(245,223,183,.13),rgba(218,183,130,.015));border:1px solid rgba(230,206,167,.22);box-shadow:inset 0 1px 0 rgba(250,236,212,.11);color:#e6ceaa}
.premium-button .action-thumb svg{width:24px;height:24px}
.premium-button .button-copy{position:relative;align-items:flex-start;text-align:left}
.button-copy strong{font-size:15px;font-weight:700;letter-spacing:-.015em}
.button-copy small{font-size:10.5px;color:#c1cfd9}
.premium-button:hover{background:radial-gradient(ellipse at 16% 0,rgba(207,223,236,.14),transparent 65%),linear-gradient(117deg,#223d52 0%,#172f44 32%,#1d364b 52%,#0d2235 100%);transform:none}
.corretor-feature{margin:0 7px 19px;position:relative}
.feature-link{position:relative;display:block;overflow:hidden;isolation:isolate;border:1px solid rgba(224,190,139,.68);border-radius:17px;padding:22px 25px;color:var(--paper);background:radial-gradient(ellipse at 95% -15%,rgba(214,185,141,.2),transparent 62%),radial-gradient(ellipse at 0 100%,rgba(80,121,152,.14),transparent 73%),linear-gradient(125deg,#253e50,#122a3e 49%,#183447 76%,#102639);box-shadow:inset 0 1px 0 rgba(255,240,211,.29),inset 0 -1px 0 rgba(0,0,0,.2),0 14px 32px rgba(0,0,0,.24),0 0 28px rgba(200,165,108,.045);transition:transform .2s,border-color .2s,box-shadow .2s}
.feature-link::after{content:'';position:absolute;pointer-events:none;top:0;left:17%;right:17%;height:1px;background:linear-gradient(90deg,transparent,#f7e2bb,transparent)}
.feature-topline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px}
.feature-kicker{display:flex;align-items:center;gap:8px;color:#e7cba0;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.21em}
.feature-kicker::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#e9cca1;box-shadow:0 0 11px rgba(231,202,159,.42)}
.feature-chip{border:1px solid rgba(222,193,151,.38);border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.05em;color:#e7cba0;background:rgba(220,193,151,.05)}
.feature-main{position:relative;display:flex;align-items:center;gap:17px;margin:18px 0}
.feature-symbol{display:grid;place-items:center;flex:0 0 52px;height:58px;border-radius:11px;color:#ead1a9;background:linear-gradient(140deg,rgba(246,222,180,.12),rgba(255,255,255,.01));border:1px solid rgba(224,190,139,.21)}
.feature-symbol svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-copy{min-width:0}.feature-copy h2{margin:0;color:#f4dfbd;font-size:clamp(21px,4.6vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.045em;text-wrap:balance}
.feature-copy p{max-width:300px;margin:6px 0 0;font-size:11px;line-height:1.6;color:#ccd7de;text-wrap:balance}
.feature-cta{position:relative;display:inline-flex;justify-content:center;align-items:center;min-height:34px;padding:8px 16px;border:1px solid rgba(248,227,194,.67);border-radius:7px;background:linear-gradient(120deg,#b39362,#efd6ac 44%,#c8a774 73%,#ddc298);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 11px rgba(0,0,0,.13);color:#132638;font-size:10px;font-weight:800;letter-spacing:.01em}
[data-press]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.premium-button:active,.feature-link:active,.social-row a:active{transform:scale(.978);border-color:#eed8b6;box-shadow:inset 0 2px 12px rgba(0,0,0,.25),0 3px 9px rgba(0,0,0,.16)}
.press-ripple{position:absolute;display:block;pointer-events:none;z-index:4;border-radius:50%;background:radial-gradient(circle,rgba(251,230,195,.24),rgba(236,224,199,.08) 62%,transparent 72%);opacity:0;transform:scale(.15);animation:press-wave .55s ease-out forwards}
@keyframes press-wave{0%{transform:scale(.15);opacity:.8}100%{transform:scale(1.3);opacity:0}}
/* Visible by default: no JavaScript, observer errors and reduced motion remain readable. */
[data-reveal]{opacity:1;transform:none}
.reveal-pending{opacity:0;transform:translate3d(0,18px,0)}
[data-reveal].reveal-ready{transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
[data-reveal].is-revealed{opacity:1;transform:translateZ(0)}
.motion-ready .name-backdrop{animation:hero-arrive .8s cubic-bezier(.16,1,.3,1) both}
.motion-ready .portrait-stage picture{animation:photo-arrive .95s .07s cubic-bezier(.16,1,.3,1) both}
.motion-ready .bio-topbar{animation:hero-arrive .65s ease both}
@keyframes hero-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes photo-arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.scroll-progress{position:fixed;z-index:50;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#a9814b,#f2dfba,#c7d9e5);pointer-events:none;opacity:.85;will-change:transform}
@media(hover:hover) and (pointer:fine){.premium-button:hover,.feature-link:hover{transform:translateY(-3px);border-color:rgba(233,211,177,.82);box-shadow:inset 0 1px 0 rgba(255,249,238,.25),0 13px 26px rgba(0,0,0,.26)}.premium-button:hover::before,.feature-link:hover::before{transform:translateX(95%);opacity:.7}}
[data-press].premium-button:active,[data-press].feature-link:active,.social-row a[data-press]:active{transform:scale(.978);transition:transform .1s ease;border-color:#eed8b6;box-shadow:inset 0 2px 12px rgba(0,0,0,.25),0 3px 9px rgba(0,0,0,.16)}
@media(max-width:480px){.corretor-feature{margin:0 3px 16px}.feature-link{padding:18px 19px;border-radius:14px}.feature-kicker{font-size:8px;letter-spacing:.17em}.feature-main{gap:12px;margin:17px 0 15px}.feature-symbol{flex-basis:44px;height:50px}.feature-symbol svg{width:35px;height:35px}.feature-copy h2{font-size:24px}.feature-copy p{font-size:10.5px;line-height:1.55}.feature-cta{font-size:10px;min-height:34px}.action-stack{gap:11px;margin-top:0}.premium-button{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:16px 16px;min-height:85px;border-radius:11px}.premium-button .action-thumb{width:42px;height:44px;border-radius:10px}.premium-button .action-thumb svg{width:22px;height:22px}.button-copy strong{font-size:14px}.button-copy small{font-size:10px}.bio-intro p{color:#e7ebed}}
@media(max-width:350px){.premium-button{padding-inline:12px;gap:11px}.feature-link{padding:17px 15px}.feature-copy h2{font-size:21px}.button-copy strong{font-size:12.5px}.button-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending,[data-reveal]{opacity:1!important;transform:none!important}.scroll-progress,.press-ripple{display:none}.premium-button:hover,.feature-link:hover,.social-row a:hover,.premium-button:active,.feature-link:active{transform:none}}

/* VXFLIX identity: compact editorial secondary navigation */
.secondary-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:24px auto 0!important;flex-wrap:wrap}
.secondary-links a{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:112px;min-height:37px;padding:10px 18px!important;border:1px solid rgba(228,212,183,.32)!important;border-radius:999px;background:linear-gradient(130deg,rgba(234,222,204,.09),rgba(31,55,74,.65));box-shadow:inset 0 1px rgba(255,255,255,.07),0 4px 16px rgba(0,0,0,.1);color:#ebedf0!important;text-decoration:none!important;font-size:11px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:.02em;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}
.secondary-links a:hover,.secondary-links a:focus-visible{border-color:rgba(238,217,180,.85)!important;background:linear-gradient(125deg,rgba(238,217,180,.2),rgba(31,55,74,.88));transform:translateY(-2px);color:#fff!important}
.secondary-links a::after{content:none}
.vxflix-attribution--home{display:flex;justify-content:center;margin:10px auto 6px;padding:0 12px}
.vxflix-attribution--home small{font-family:Manrope,Arial,sans-serif;font-size:9px;line-height:1.6;letter-spacing:.04em;color:#9eabb8}
.vxflix-attribution--home a{color:#d5dce2!important;font-weight:850;text-decoration:none}
.vxflix-attribution--home a:hover{text-decoration:underline}
@media(max-width:480px){.secondary-links{gap:8px!important;margin-top:19px!important}.secondary-links a{font-size:10px!important;min-height:36px;min-width:110px;padding:9px 13px!important}.vxflix-attribution--home{margin-top:9px}}