﻿/* Homepage hero refinements. Loaded after the shared styles. */
.hero{min-height:max(860px,calc(100svh - 72px))}
.hero .container{min-height:max(860px,calc(100svh - 72px))}
.hero-copy{padding-top:108px;padding-bottom:108px}
.hero h1{max-width:610px;font-size:clamp(2.5rem,3.9vw,3.8rem);line-height:1.06;letter-spacing:-.035em}
.hero-actions{gap:0}
@media(max-width:760px){
  .hero{--hero-media-height:clamp(270px,34svh,310px);min-height:calc(100svh - 68px);padding-top:var(--hero-media-height);background-size:auto clamp(330px,42svh,380px);background-position:64% top}
  .hero .container{min-height:calc(100svh - 68px - var(--hero-media-height));align-items:center}
  .hero-copy{padding:26px 0 32px}
  .hero h1{max-width:100%;margin:0 0 18px;font-size:clamp(2rem,8.5vw,2.5rem);line-height:1.08}
  .hero p{margin:0;font-size:.95rem;line-height:1.62}
  .hero-actions{margin:22px 0 0}
  .hero-actions .btn{min-height:48px}
  .trust-row{gap:10px 16px;margin-top:20px;font-size:.72rem}
  .trust-row span:before{width:17px;height:17px;margin-right:5px}
}
@media(max-width:380px){
  .hero{--hero-media-height:clamp(220px,32svh,245px);background-size:auto clamp(280px,40svh,310px)}
  .hero-copy{padding:18px 0 24px}
  .hero h1{margin-bottom:14px;font-size:clamp(1.84rem,8.8vw,2.12rem);line-height:1.06}
  .hero p{font-size:.88rem;line-height:1.48}
  .hero-actions{margin-top:16px}
  .trust-row{margin-top:14px}
}



