/* Compact the first screen without reducing the approved headline size. */
@media(min-width:701px){
  .hero{min-height:100svh}
  .hero-media{top:calc(var(--header-height) - 16px);height:calc(100svh - var(--header-height) + 16px);background-size:contain;background-position:right top}
  .hero-glow{top:var(--header-height)}
  .hero-content{padding-top:clamp(175px,23svh,260px);padding-bottom:40px}
  .hero .location{margin-bottom:40px}
  .hero h1{margin-bottom:24px;row-gap:16px}
  .hero-actions{margin-top:26px}
  .xpel-endorsement{margin-top:22px}
}
@media(min-width:701px) and (max-height:800px){
  .hero-content{padding-top:18svh;padding-bottom:70px}
  .hero .location{margin-bottom:28px}
  .hero h1{row-gap:12px}
  .hero-copy{line-height:1.5}
  .hero-actions{margin-top:22px}
  .xpel-endorsement{margin-top:18px}
  .hero .hero-booking{margin-top:14px}
}
.hero-booking{display:inline-flex;margin-top:20px;min-height:48px}
@media(max-width:700px){
  .hero{--photo-height:clamp(150px,25svh,220px);padding-top:calc(var(--header-height) + var(--photo-height) + 6px);min-height:100svh}
  .hero-media{top:var(--header-height);height:var(--photo-height);background-size:auto var(--photo-height);background-position:right top}
  .hero-glow{top:var(--header-height);height:calc(var(--photo-height) + 8px)}
  .hero-content{padding-bottom:62px}
  .hero .location{margin-bottom:16px}
  .hero h1{row-gap:8px;margin-bottom:18px}
  .hero-copy{line-height:1.55}
  .hero-actions{margin-top:20px;gap:12px 18px}
  .xpel-endorsement{margin-top:18px}
  .hero-booking{margin-top:16px}
  .hero-bottom{padding-block:10px}
}
@media(max-width:700px) and (max-height:740px){
  .hero{--photo-height:150px}
  .hero .location{margin-bottom:12px}
  .hero h1{row-gap:6px;margin-bottom:14px}
  .hero-actions{margin-top:16px}
  .xpel-endorsement{margin-top:14px}
  .hero-booking{margin-top:12px}
}