@import url('../styles.css');
body{background:#03060b}
.profile-hero{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;padding-top:74px;background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),#03060b}
.profile-image{min-height:calc(100svh - 74px);position:relative;overflow:hidden}
.profile-image img{width:100%;height:100%;object-fit:cover}
.profile-image:after{content:"";position:absolute;inset:0;box-shadow:inset -50px 0 80px #03060b}
.profile-copy{padding:80px clamp(28px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.profile-copy .eyebrow,.profile-copy h1 span,.profile-links a{color:var(--accent)}
.profile-copy h1{font-size:clamp(4rem,8vw,8rem)}
.profile-copy p{color:#b8c1cc;line-height:1.9;max-width:660px}
.profile-meta{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
.profile-meta span{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);padding:9px 13px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.profile-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.profile-links a{border-bottom:1px solid currentColor;padding-bottom:4px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.profile-body{padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid rgba(255,255,255,.08)}
.profile-box{padding:34px;background:#080d14;border:1px solid rgba(255,255,255,.08)}
.profile-box h2{font-size:2.7rem}.profile-box p{color:#9eabba;line-height:1.8}
@media(max-width:850px){.profile-hero,.profile-body{grid-template-columns:1fr}.profile-image{min-height:62vh}.profile-image:after{box-shadow:inset 0 -70px 90px #03060b}.profile-copy{padding:45px 24px 70px}}