/* VXFLIX / Bio Premium v2. Original photography, editorial composition. */
:root{color-scheme:dark;--navy:#081827;--panel:#10283d;--paper:#f4efe6;--gold:#c6a36f;--gold-light:#e6d0a8;--muted:#c3ced7;--line:rgba(202,169,118,.4);--sans:'Manrope',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:280px;background:var(--navy);color:var(--paper);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}svg{display:block}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.bio-page{position:relative;isolation:isolate;min-height:100svh;padding:0 20px 38px;background:radial-gradient(ellipse 580px 560px at 50% 280px,rgba(43,72,97,.42),transparent 90%),linear-gradient(180deg,#0b1c2c,#081827 78%)}
.bio-shell{width:min(100%,580px);margin-inline:auto}
.bio-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:25px 7px 0;z-index:5}
.bio-kicker{min-width:0}.bio-role{display:block;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;line-height:1.5}
.bio-handle{display:block;font-size:10px;font-weight:500;letter-spacing:.13em;white-space:nowrap;color:var(--gold-light)}
.bio-handle:hover{color:#fff}
.bio-hero{position:relative;isolation:isolate;width:100%;aspect-ratio:580/680;margin:15px 0 0}
.name-backdrop{position:absolute;left:0;right:0;top:0;height:77%;margin:0;z-index:1;pointer-events:none}
.hero-lettering{width:100%;height:100%;overflow:visible;font-family:'Anton',Impact,'Arial Narrow',sans-serif;font-size:520px;font-weight:400}
.name-first{fill:#f1ede4}.name-last{fill:#c9a46d}
.portrait-stage{position:absolute;z-index:3;bottom:0;left:53%;height:93%;transform:translateX(-50%);width:auto;aspect-ratio:624/1399;pointer-events:none}
.portrait-stage picture,.portrait-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mask:none;-webkit-mask:none}
.bio-hero::after{content:'';position:absolute;left:22%;right:13%;bottom:-.5%;height:2.5%;z-index:2;background:rgba(0,0,0,.5);filter:blur(11px);border-radius:50%;transform:rotate(-2deg);pointer-events:none}
.bio-intro{position:relative;margin:17px auto 0;max-width:98%;text-align:center}
.bio-intro p{margin:0;font-size:10.5px;font-weight:400;line-height:1.85;letter-spacing:.135em;color:#e0e3e4;text-wrap:balance}
.social-row{display:flex;justify-content:center;gap:14px;margin:18px 0 23px}
.social-row a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--gold-light);transition:background .18s,border-color .18s,transform .18s}
.social-row a:hover{background:#173149;border-color:var(--gold-light);transform:translateY(-2px)}
.social-row svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.action-stack{display:grid;gap:10px;margin:0 7px}
.premium-button{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:81px;padding:16px 21px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(115deg,rgba(20,45,66,.88),rgba(14,34,52,.94));box-shadow:inset 0 1px rgba(255,255,255,.018);transition:background .18s,border-color .18s,transform .18s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.premium-button::after{content:'\2197';grid-column:3;justify-self:end;color:var(--gold);font:400 18px/1 var(--sans);opacity:.8;transition:transform .18s}
.premium-button:hover{background:#17334b;border-color:var(--gold);transform:translateY(-2px)}
.premium-button:hover::after{transform:translate(2px,-2px)}
.premium-button:active{transform:scale(.99)}
.action-thumb{display:grid;place-items:center;color:var(--gold-light)}
.action-thumb svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.button-copy{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.button-copy strong{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:-.015em;color:#f9f5ee;text-wrap:balance}
.button-copy small{display:block;margin-top:4px;color:#b8c8d4;font-size:10px;font-weight:400;line-height:1.5;text-wrap:balance}
.secondary-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:11px 19px;margin:26px 12px 0;text-align:center}
.secondary-links a{font-size:10px;font-weight:400;line-height:1.75;color:#d0d9df;text-decoration:underline;text-decoration-color:rgba(198,163,111,.5);text-underline-offset:4px;transition:color .18s}
.secondary-links a:hover{color:var(--gold-light)}
.language-switcher{display:flex;align-items:center;justify-content:center;gap:0;margin:20px auto 0;width:max-content}
.lang-button{padding:0;width:38px;height:38px;background:transparent;border:0;color:#aab8c4;font-size:9px;font-weight:600;letter-spacing:.06em;position:relative}
.lang-button.active{color:var(--gold-light)}
.lang-button.active::after{content:'';position:absolute;bottom:4px;left:14px;right:14px;height:1px;background:var(--gold)}
.bio-footer{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:17px;padding:0 10px}
.bio-footer>span{height:1px;width:33px;background:var(--line)}
.bio-footer p{font-size:8px;line-height:1.7;letter-spacing:.12em;text-align:center;color:#bac5ce;margin:0}
@media(min-width:900px){.bio-page{padding-top:5px}.bio-topbar{padding-top:27px}.bio-hero{margin-top:18px}.bio-intro{margin-top:20px}.social-row{margin-top:20px}.action-stack{gap:11px}}
@media(max-width:480px){.bio-page{padding:0 16px 28px}.bio-topbar{padding:19px 3px 0;gap:9px}.bio-role{font-size:8.5px;letter-spacing:.16em}.bio-handle{font-size:8px;letter-spacing:.09em}.bio-hero{margin-top:14px;aspect-ratio:358/428}.name-backdrop{height:77%}.portrait-stage{height:92%;left:54%}.bio-intro{margin-top:14px;max-width:330px}.bio-intro p{font-size:9px;letter-spacing:.11em;line-height:1.9}.social-row{gap:12px;margin:17px 0 20px}.social-row a{width:40px;height:40px}.social-row svg{width:18px;height:18px}.action-stack{margin:0 3px;gap:10px}.premium-button{min-height:76px;padding:14px 14px;grid-template-columns:23px minmax(0,1fr) 18px;gap:10px;border-radius:6px}.action-thumb svg{width:21px;height:21px}.premium-button::after{font-size:16px}.button-copy strong{font-size:13.5px}.button-copy small{font-size:10px;line-height:1.5;margin-top:3px}.secondary-links{margin-top:24px;gap:10px}.secondary-links a{font-size:9px}.language-switcher{margin-top:15px}.bio-footer{margin-top:14px;gap:10px}.bio-footer p{font-size:7px;letter-spacing:.08em}.bio-footer>span{width:22px}}
@media(max-width:350px){.bio-page{padding-inline:12px}.bio-role{font-size:7px;letter-spacing:.12em}.bio-handle{font-size:7px}.button-copy strong{font-size:11.5px}.button-copy small{font-size:8px}.premium-button{padding-inline:11px;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}