.hero-copy{width:62%;max-width:none;padding-right:3%;padding-top:75px}
.hero h1{font-size:clamp(56px,5vw,74px)}
.hero-portrait{position:absolute;z-index:2;right:7%;top:60px;width:29%;margin:0}
.hero-portrait img{width:100%;height:auto;max-height:535px;object-fit:cover;object-position:50% 20%;display:block;border-radius:48% 48% 3px 3px}
.hero-portrait figcaption{font-size:9px;line-height:1.7;margin-top:11px;background:#edf3edee;padding:9px 12px;color:var(--ink)}
.hero-portrait figcaption strong{display:block;font-weight:400;font-size:13px}
.water-note{bottom:75px;left:8%;right:auto;font-size:8px}
@media(max-width:1000px) and (min-width:601px){.hero-portrait{right:4%;top:100px;width:31%}.hero-copy{width:64%;padding-left:6%}.hero h1{font-size:57px}}
@media(max-width:600px){
 .hero{min-height:680px}
 .hero-copy{width:100%;padding:32px 7% 100px}
 .hero h1{font-size:45px;max-width:100%}
 .hero .location{margin-bottom:24px}
 .hero-description{max-width:47%;font-size:12px;margin:28px 0 24px}
 .hero .button{max-width:48%;gap:10px;padding:12px 14px;font-size:10px;line-height:1.6}
 .hero .registration{max-width:46%;font-size:8px;line-height:1.8}
 .hero-portrait{right:4%;top:265px;width:43%;}
 .hero-portrait img{height:250px;object-fit:cover;object-position:50% 12%}
 .hero-portrait figcaption{font-size:7px;padding:7px 8px;line-height:1.6;margin-top:7px}
 .hero-portrait figcaption strong{font-size:10px}
 .water-note{bottom:49px;left:7%;right:auto;max-width:190px}
}
@media(max-width:350px){.hero h1{font-size:39px}.hero-portrait{top:255px}.hero-portrait img{height:235px}.hero-description{font-size:11px}.hero{min-height:675px}}
