/* Immersive sporting portrait. Final hero styles, independent of prior studies. */
.hero{height:100svh;min-height:700px;max-height:1200px;background:#07264c;isolation:isolate;perspective:1200px;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;border:0;border-radius:0;box-shadow:none;transform:none;background:linear-gradient(180deg,#031327c9,#0b3d708c 45%,#04172deb),url('assets/race.jpg') center/cover;opacity:.65;z-index:0}
.hero::after{content:'';position:absolute;inset:0;width:auto;height:auto;background:radial-gradient(ellipse at 50% 35%,#00bce42e,transparent 55%);font-size:0;border:0;box-shadow:none;animation:none;opacity:1;z-index:1}
.hero-photo{position:absolute;top:auto;left:50%;right:auto;bottom:3%;width:64%;height:88%;object-fit:contain;object-position:center bottom;z-index:3;opacity:1;mask-image:linear-gradient(#000 70%,#000b 88%,transparent 100%);filter:drop-shadow(0 20px 50px #00152e60);transform:translateX(-50%) translate3d(var(--mx,0px),var(--my,0px),0) rotateY(var(--ry,0deg));transition:transform .45s ease-out;animation:scene-arrive 1s ease-out both}
.hero h1{position:absolute;inset:0;width:100%;height:100%;margin:0;text-align:center;transform:none;translate:none;animation:none;z-index:2;pointer-events:none;text-shadow:none}
.hero h1>span:first-child{position:absolute;left:0;right:0;top:22%;font-family:Inter,Arial,sans-serif;font-size:clamp(15px,1.8vw,28px);font-weight:500;letter-spacing:.65em;line-height:1.2;color:white;padding-left:.65em}
.hero h1>span:nth-child(2){position:absolute;left:1%;right:1%;bottom:12%;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(110px,23vw,370px);line-height:.8;letter-spacing:-.035em;color:#00bce4;margin:0;white-space:nowrap}
.hero h1 i{display:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#031426 0%,#03142680 9%,transparent 33%);z-index:4;pointer-events:none}
.hero-top{top:130px;left:4%;right:4%;z-index:5;color:#cee1ef;font-size:10px;letter-spacing:.12em;animation:none}.hero-top span:first-child:before{display:none}
.hero-bottom{position:absolute;left:4%;right:4%;bottom:28px;width:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;z-index:6;animation:none}
.hero-bottom p{font-size:12px;line-height:1.6;max-width:210px;color:#d1e1ed}.hero-bottom .round{display:flex;justify-content:center;align-items:center;align-self:center;width:58px;height:58px;min-height:58px;max-width:none;margin:0;padding:0;border:1px solid #bfdfff75;border-radius:50%;background:#0e36545c;color:white;font-size:26px;backdrop-filter:blur(10px);box-shadow:none}.hero-bottom .round:hover{background:#00bce4;color:#071b3d;transform:translateY(3px)}.hero-bottom>span{display:block;max-width:none;text-align:right;font-size:9px;line-height:1.8;letter-spacing:.14em;color:#b1cbe0}.side-label{display:none}
header nav{border:1px solid #ffffff2b;border-radius:40px;background:#071b3d40;backdrop-filter:blur(16px);gap:25px;padding:4px 25px}header .contact{border-color:#ffffff40}
@keyframes scene-arrive{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero h1>span:nth-child(2){font-size:23vw}}
@media(max-width:900px) and (min-width:761px){header nav{gap:14px;padding:4px 16px}header .brand{width:170px}.hero-photo{width:78%;height:85%}}
@media(max-width:760px){.hero{height:100svh;min-height:640px;max-height:1000px}.hero-top{top:100px;left:6%;right:6%;font-size:8px}.hero-top>span:last-child{display:block;font-size:8px}.hero h1>span:first-child{top:21%;font-size:13px;letter-spacing:.5em;padding-left:.5em}.hero h1>span:nth-child(2){left:2%;right:2%;bottom:23%;font-size:22.5vw;line-height:.85;letter-spacing:-.035em}.hero-photo{left:50%;right:auto;bottom:15%;width:110%;height:69%;object-position:center bottom;transform:translateX(-50%);mask-image:linear-gradient(#000 68%,#000b 88%,transparent 100%)}.hero-bottom{left:6%;right:6%;bottom:max(25px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:20px}.hero-bottom p{font-size:12px;max-width:210px}.hero-bottom .round{font-size:25px;width:50px;height:50px;min-height:50px;max-width:none;padding:0;border-radius:50%}.hero-bottom>span{display:none}.hero-shade{background:linear-gradient(0deg,#031426 0%,#03142680 12%,transparent 40%)}header nav{display:none}}
@media(max-height:600px) and (min-width:761px){.hero{min-height:600px}.hero-top{top:105px}.hero-photo{height:85%}.hero h1>span:first-child{top:25%}.hero h1>span:nth-child(2){font-size:20vw}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none!important;translate:none!important;transform:translateX(-50%)!important;transition:none}.hero h1{animation:none!important;transform:none!important}}
/* Full name as a single two-line wordmark behind the portrait. */
.hero h1{inset:auto 3% 20%;width:94%;height:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.hero h1>span:first-child,.hero h1>span:nth-child(2){position:static;inset:auto;display:block;width:100%;padding:0;margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(100px,17.8vw,290px);font-weight:800;line-height:.82;letter-spacing:-.025em;text-align:center;white-space:nowrap}
.hero h1>span:first-child{color:#f3f8ff}
.hero h1>span:nth-child(2){color:#00bce4}
@media(min-width:1600px){.hero h1>span:first-child,.hero h1>span:nth-child(2){font-size:17.8vw}}
@media(max-width:760px){.hero h1{inset:auto 3% 28%;width:94%;gap:8px}.hero h1>span:first-child,.hero h1>span:nth-child(2){font-size:18vw;line-height:.85;letter-spacing:-.02em;padding:0}.hero-photo{height:64%;bottom:15%}}
@media(max-height:600px) and (min-width:761px){.hero h1{bottom:23%;gap:8px}.hero h1>span:first-child,.hero h1>span:nth-child(2){font-size:15vw}}