/* Personal Hero from the prototype, isolated from the working draft below. */
.vs-primary{font-size:13px;min-height:56px;gap:30px}
.vs-hero{background:linear-gradient(115deg,#fff 55%,#f5f5ef);padding-top:44px}
.vs-hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:68px;align-items:center}
.vs-hero-copy{padding:30px 0 20px}
.vs-hero-copy>.hc-kicker{margin-bottom:28px}
.route-home .vs-hero h1{font-size:clamp(36px,4.4vw,66px);letter-spacing:-.047em;line-height:1.21;margin-bottom:26px}
.vs-hero h1>span{display:block}
.vs-hero-lead{max-width:560px;font-size:16px;color:var(--muted)}
.vs-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin-top:30px}
.vs-secondary{display:inline-flex;align-items:center;gap:20px;font-size:12px;line-height:1.5}
.vs-secondary span{color:var(--gold);font-size:22px}
.vs-secondary:hover{color:var(--ruby)}
.vs-call-note{font-size:11px;color:var(--muted);max-width:380px;margin-top:26px!important;line-height:1.8!important}
.vs-hero-portrait{margin:0;position:relative;min-width:0;background:#eff2f1;border:1px solid #e3e6df}
.vs-hero-portrait>img{width:100%;height:620px;object-fit:cover;object-position:50% 30%}
.vs-hero-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:#fffef8;padding:22px 24px;border-top:1px solid #d2c4a4}
.vs-hero-portrait figcaption>span{display:block;font-family:var(--serif);font-size:25px;line-height:1.3}
.vs-hero-portrait figcaption small{display:block;font-size:10px;line-height:1.65;color:var(--muted);margin-top:5px}
.vs-photo-index{position:absolute;top:22px;right:17px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.16em;color:#796333;padding:10px 8px;background:#ffffffed}
.vs-hero-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:26px 0;margin-top:30px;font-size:11px}
.vs-hero-bottom>a{display:flex;align-items:center;gap:18px}
.vs-hero-bottom>a span{font-size:22px;color:var(--gold)}
.vs-hero-bottom>p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#796333}
.vs-hero-bottom>p span{margin:0 11px}
@media(max-width:1200px){
.vs-hero-grid{gap:40px;grid-template-columns:1.15fr .85fr}
.vs-hero-portrait>img{height:570px}
}
@media(max-width:950px){
.route-home .vs-hero h1{font-size:clamp(34px,4.4vw,44px)}
.vs-hero-grid{gap:30px}
.vs-hero-portrait>img{height:520px}
.vs-hero-lead{font-size:14px}
.vs-hero-copy>.hc-kicker{font-size:10px}
.vs-call-note{font-size:10px}
}
@media(max-width:760px){
.vs-hero{padding-top:24px}
.vs-hero-grid{grid-template-columns:1fr;gap:28px}
.vs-hero-copy{padding:18px 0 0}
.vs-hero-copy>.hc-kicker{font-size:10px;margin-bottom:22px}
.route-home .vs-hero h1{font-size:clamp(32px,6.8vw,51px);line-height:1.23;letter-spacing:-.047em;margin-bottom:22px}
.vs-hero-lead{font-size:14px;max-width:560px}
.vs-hero-actions{gap:16px;margin-top:23px}
.vs-primary{font-size:12px;min-height:53px;padding:15px 22px}
.vs-secondary{font-size:11px}
.vs-call-note{font-size:10px;margin-top:19px!important}
.vs-hero-portrait{width:100%;max-width:560px;margin:auto}
.vs-hero-portrait>img{height:480px;object-position:50% 29%}
.vs-hero-portrait figcaption{padding:18px 20px}
.vs-hero-portrait figcaption>span{font-size:25px}
.vs-hero-portrait figcaption small{font-size:9px}
.vs-photo-index{font-size:8px;top:17px;right:14px}
.vs-hero-bottom{align-items:flex-start;flex-direction:column;gap:14px;margin-top:17px;padding:19px 0 24px}
.vs-hero-bottom>p{font-size:9px;letter-spacing:.08em}
.vs-hero-bottom>p span{margin:0 9px}
}
@media(max-width:500px){
.vs-hero-portrait>img{height:415px}
.route-home .vs-hero h1{font-size:clamp(30px,7.8vw,38px)}
.vs-hero-lead{font-size:13px}
.vs-hero-portrait figcaption small{font-size:9px}
}
@media(max-width:350px){
.vs-hero-portrait>img{height:380px}
.vs-hero-portrait figcaption{padding:16px}
.vs-hero-portrait figcaption small{font-size:8px}
.route-home .vs-hero h1{font-size:29px}
}