/* Homepage-only proportions: keep the approved Home page treatment while using the shared circle slideshow. */
body.home-page .hero{min-height:390px;padding:58px 0 48px;background:radial-gradient(circle at 78% 50%,rgba(47,127,143,.15),transparent 15rem),linear-gradient(105deg,rgba(0,0,0,.95) 5%,rgba(0,0,0,.77) 52%,rgba(0,30,38,.36))}body.home-page .hero .container{padding-right:min(34vw,390px)}body.home-page .home-tagline{display:block;margin:0 0 12px;color:#5faab4;font-size:clamp(.72rem,1.15vw,.92rem);font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1.25}body.home-page .hero h1{max-width:650px;font-size:clamp(1.36rem,2.9vw,2.62rem);margin-bottom:16px}body.home-page .hero p{max-width:720px;margin-bottom:24px}body.home-page .hero-circle{width:330px}body.home-page h2{font-size:clamp(.98rem,1.68vw,1.43rem);margin-bottom:16px}body.home-page main>section:not(.hero){padding-top:30px;padding-bottom:30px}body.home-page .grid{gap:18px}body.home-page .home-bottom-grid{gap:20px;align-items:stretch;margin-top:-8px}body.home-page .home-bottom-grid>.card{height:100%}body.home-page .home-events-card p:last-child{margin-bottom:0}body.home-page .price{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.05}
@media(max-width:1050px){body.home-page .hero-circle{width:300px;right:-55px}body.home-page .hero h1,body.home-page .hero p{max-width:68%}}
@media(max-width:680px){body.home-page .hero{min-height:360px;padding:38px 0 30px}body.home-page .hero .container{padding-right:0}body.home-page .home-tagline{font-size:.69rem;letter-spacing:.09em;margin-bottom:8px}body.home-page .hero h1{max-width:100%;font-size:clamp(1.28rem,5.5vw,1.78rem);line-height:1.04;margin-bottom:14px}body.home-page .hero p{max-width:100%;font-size:1.02rem;line-height:1.48;margin-bottom:0}body.home-page .hero-circle{width:220px;right:auto;left:55%;top:250px;transform:translateX(-50%);opacity:.90}body.home-page .hero p+.btn{margin-top:238px}body.home-page .hero .btn{display:flex;width:76%;max-width:300px;min-height:40px;padding:8px 12px;margin-left:0;margin-right:0;margin-bottom:8px;font-size:.72rem;letter-spacing:.055em}body.home-page .hero .btn.alt{margin-top:0}body.home-page main>section:not(.hero){padding-top:24px;padding-bottom:24px}body.home-page .price{font-size:clamp(1.8rem,9vw,2.45rem);white-space:nowrap}}
@media(max-width:480px){body.home-page .hero-circle{width:210px;left:54%;top:300px}body.home-page .hero p+.btn{margin-top:232px}}
@media(max-height:600px) and (orientation:landscape){body.home-page .hero{min-height:0!important;padding:30px 0 28px!important}body.home-page .hero-circle{width:215px;right:2vw;left:auto;top:50%;transform:translateY(-50%)}body.home-page .hero p+.btn{margin-top:10px}body.home-page .hero .btn{display:inline-flex;width:auto;max-width:none;margin-right:8px}body.home-page .hero p{max-width:58%}body.home-page .hero h1{max-width:58%}}

/* 2026-09-25b: keep the Home hero compact; reserve the right side for the circle. */
@media(max-width:680px){
  body.home-page .hero{min-height:0;padding:38px 0 34px}
  body.home-page .hero .container{padding-right:0}
  body.home-page .hero h1{max-width:70%}
  body.home-page .hero p{max-width:64%;margin-bottom:18px}
  body.home-page .hero-circle{
    width:215px;
    right:-82px;
    left:auto;
    top:54%;
    transform:translateY(-50%);
    opacity:.88;
  }
  body.home-page .hero p+.btn{margin-top:5px}
  body.home-page .hero .btn{
    display:flex;
    width:min(62%,260px);
    max-width:260px;
    min-height:40px;
    margin:5px 0 8px;
    padding:8px 12px;
  }
}
@media(max-width:480px){
  body.home-page .hero h1{max-width:72%}
  body.home-page .hero p{max-width:64%}
  body.home-page .hero-circle{width:205px;right:-84px;left:auto;top:54%;transform:translateY(-50%)}
  body.home-page .hero .btn{width:min(64%,245px)}
}

/* 2026-09-25c home color balance */
body.home-page .card{border-color:rgba(255,255,255,.12)}
body.home-page .card h3{color:var(--turq-bright)}

/* 2026-09-25d: keep approved Home hierarchy while matching the new readable type scale. */
@media(max-width:680px){
  body.home-page .hero h1{max-width:72%;font-size:clamp(1.28rem,5.5vw,1.78rem);line-height:1.04}
  body.home-page .hero p{max-width:64%;font-size:1.02rem;line-height:1.48}
  body.home-page .hero-circle{width:196px;right:-90px}
}