/* Keep the service line visible earlier, especially on short desktop screens.
   Content stays in normal flow: no fixed height or clipping when zoomed. */
.offer-hero{min-height:0;align-items:flex-start}
.offer-hero .hero-content{padding-top:clamp(22px,5vh,54px);padding-bottom:clamp(28px,5vh,54px)}
.offer-hero .zone-badge{margin-bottom:clamp(14px,2.5vh,24px)}
.offer-hero .hero-content h1{font-size:clamp(34px,min(4.2vw,7.3vh),62px);line-height:1.12;max-width:1020px;margin-bottom:14px}
.offer-hero .opus-hero-services{font-size:clamp(22px,min(2.6vw,4.3vh),34px);line-height:1.28;max-width:1020px;margin-bottom:20px}
.offer-hero .intro{max-width:670px}
@media(min-width:761px) and (max-height:700px){
 .offer-hero .hero-content{padding-top:22px;padding-bottom:28px}
 .offer-hero .zone-badge{margin-bottom:16px}
 .offer-hero .hero-content h1{margin-bottom:12px}
 .offer-hero .opus-hero-services{margin-bottom:16px}
 .offer-hero .actions{margin-top:20px}
}
@media(max-width:760px){
 .offer-hero .hero-content{padding-top:26px;padding-bottom:34px}
 .offer-hero .hero-content h1{font-size:clamp(30px,7.8vw,40px);line-height:1.15;margin-bottom:14px}
 .offer-hero .opus-hero-services{font-size:clamp(21px,5.3vw,26px);line-height:1.3;margin-bottom:20px}
 .offer-hero .zone-badge{margin-bottom:18px}
}