/* Revision 7: one complete portrait, sized by the stage rather than percentage image height. */
.hero{--hero-height:clamp(720px,92svh,900px);--portrait-size:min(64vw,calc(var(--hero-height) - 24px));height:var(--hero-height);min-height:0;max-height:none;overflow:hidden}
.hero-stage{position:relative;width:min(100%,1600px);height:100%;margin-inline:auto;padding:48px clamp(24px,6vw,96px) 72px;display:flex;align-items:center}
.hero-portrait{position:absolute;inset:auto 0 0 auto;width:var(--portrait-size);height:var(--portrait-size);max-width:none;overflow:hidden;transform:none;opacity:1;mask-image:none;mix-blend-mode:normal}
.hero-portrait img.approved-portrait{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center bottom;filter:none;opacity:1}
.hero-copy{position:relative;z-index:2;width:min(47%,620px);padding:0;margin:0}
.hero h1{font-size:clamp(78px,7.3vw,112px);line-height:.96;max-width:none;letter-spacing:-.025em;word-spacing:.025em}
.hero .profile-name{font-size:20px;line-height:1.3;letter-spacing:.18em;margin:0 0 14px}
.hero .eyebrow{font-size:10px;line-height:1.6;max-width:none;margin:0 0 32px}
.hero .gold-rule{margin:24px 0 18px}.hero .hero-intro{max-width:340px;margin:0;font-size:15px;line-height:1.75}
.hero-copy .actions{display:flex;gap:12px;flex-wrap:wrap;max-width:490px;margin:24px 0 0}
.hero-foot{bottom:24px}.hero-foot>a{margin-right:80px}
@media(min-width:601px) and (max-width:1000px){
.hero{--hero-height:clamp(720px,90svh,800px);--portrait-size:min(68vw,calc(var(--hero-height) - 90px))}
.hero-stage{padding:42px 6vw 90px;align-items:flex-start}.hero-copy{width:52%;padding-top:20px}
.hero h1{font-size:clamp(61px,8vw,78px)}.hero .eyebrow{font-size:9px;max-width:290px;margin-bottom:28px}
.hero-copy .actions{max-width:340px}.hero .hero-intro{max-width:300px;font-size:14px}
}
@media(max-width:600px){
.hero{height:auto;min-height:0;max-height:none}
.hero-stage{height:auto;padding:32px 6vw 0;display:flex;flex-direction:column;align-items:stretch}
.hero-copy{display:contents}
.hero .profile-name{order:0;font-size:17px;margin-bottom:14px}.hero .eyebrow{order:1;font-size:8px;letter-spacing:.14em;margin-bottom:26px}
.hero h1{order:2;font-size:clamp(52px,14vw,80px);line-height:.98;margin:0;max-width:100%}
.hero .gold-rule{order:3;margin:24px 0 18px}.hero .hero-intro{order:4;font-size:14px;max-width:340px;margin:0}
.hero-copy .actions{order:5;margin-top:22px;max-width:100%;gap:12px}
.hero-portrait{order:6;position:relative;inset:auto;align-self:center;width:100%;height:auto;aspect-ratio:1;max-width:440px;margin:26px 0 0;transform:none}
.hero-foot{position:relative;left:auto;right:auto;bottom:auto;width:88%;margin:0 auto;padding:18px 0 22px;gap:12px;align-items:center;font-size:7px;line-height:1.6}
.hero-foot>a{margin-right:62px}.hero-foot>span{max-width:120px}.hero-foot>a{align-self:center}
}
