/* Owner-selected real job photo, with a restrained nighttime lighting edit. */
.package-card>.text-link{margin-top:auto;padding:14px 0;color:var(--yellow);min-height:44px}
.all-pricing-link{margin-top:32px;min-height:48px}
.hero{min-height:760px;min-height:max(700px,56.25vw)}
.hero-media{
  background-image:url('assets/hero-blue-lamborghini-evening-palm.webp');
  background-size:cover;
  background-position:center center;
  filter:none;
}
.hero-glow{
  background:linear-gradient(90deg,#050608d9 0%,#05060880 24%,transparent 52%),linear-gradient(0deg,#050608 0%,transparent 15%);
}
.hero-content{
  width:44%;max-width:650px;
  padding:clamp(190px,17vw,280px) 0 135px 5vw;
  opacity:1;transform:none;
}
.hero h1{font-size:clamp(26px,2.65vw,42px);line-height:1.22;letter-spacing:-1.3px}
.hero-copy{font-size:16px;max-width:355px}
.hero-actions{gap:20px;flex-wrap:wrap}
.hero-bottom{padding-left:5vw;padding-right:5vw}
.hero-side{bottom:100px}
@media(min-width:1700px){.hero{min-height:960px}.hero-content{padding-top:300px}}
@media(max-width:900px) and (min-width:701px){
  .hero{min-height:650px}
  .hero-content{width:48%;padding-top:180px}
  .hero h1{font-size:26px;letter-spacing:-1px}
  .hero-media{background-position:60% center}
  .hero-actions{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .site-header{background:#050608}
  .hero{min-height:0;padding-top:400px}
  .hero-media{top:70px;height:320px;background-size:auto 320px;background-position:right top;background-repeat:no-repeat}
  .hero-glow{top:70px;height:330px;background:linear-gradient(0deg,#050608 0%,#0506081a 20%,transparent 55%)}
  .hero-content{width:100%;max-width:none;padding:0 7vw 110px}
  .hero h1{font-size:clamp(24px,6.3vw,37px);line-height:1.25;letter-spacing:-1px}
  .hero .location{margin-bottom:20px;font-size:9px;letter-spacing:2px}
  .hero-copy{max-width:350px}
  .hero-actions{flex-direction:row;align-items:center;gap:22px}
  .hero-bottom{padding:16px 7vw}
  .menu-toggle{min-width:44px;min-height:44px;justify-content:center}
  .main-nav{gap:3px;background:#080a0d}
  .main-nav a{min-height:44px;padding:12px 0;display:flex;align-items:center}
  .button{min-height:48px}
  .hero-actions .text-link{min-height:44px;display:flex;align-items:center}
  .quote-section{padding-top:60px;padding-bottom:60px}
  .quote-copy h2{font-size:34px;letter-spacing:-1px;margin-bottom:18px}
  .quote-copy>p:not(.kicker){font-size:14px;line-height:1.7;margin-bottom:18px}
  .quote-copy .kicker{font-size:9px;letter-spacing:2px;margin-bottom:18px}
  .contact-details{margin-top:18px;margin-bottom:28px;gap:0}
  .contact-details a{min-height:44px;display:flex;align-items:center}
  .contact-details span{padding-block:8px}
  .field-grid input,.field-grid select,.field-grid textarea{font-size:16px;min-height:48px;max-width:100%}
  .service-dialog h2{font-size:25px;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .hero{padding-top:360px}
  .hero-media{height:280px;background-size:auto 280px}
  .hero-glow{height:290px}
}
/* Give the storefront its own uncropped frame below the fixed desktop header. */
@media(min-width:701px){
  .hero{min-height:max(650px,calc(var(--header-height,88px) + 56.25vw))}
  .hero-media{top:var(--header-height,88px);bottom:auto;height:56.25vw;background-size:100% auto;background-position:center top;background-repeat:no-repeat}
  .hero-glow{top:var(--header-height,88px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}}