/* ZenPath Craft V7.1 — layout bugfix only.
   The older V4 background-image !important override threw away the V7 background
   size/repeat layers, tiling the world art at the sides of the hero. */
.hero-bg {
  background:
    linear-gradient(90deg, rgba(8,2,8,.87) 0%, rgba(20,3,11,.70) 33%, rgba(19,3,11,.25) 63%, rgba(8,2,8,.13) 100%) 0 0 / 100% 100% no-repeat,
    linear-gradient(0deg, #0a0509 0%, rgba(9,3,8,.18) 35%, rgba(8,2,7,.14) 77%, rgba(8,2,7,.40) 100%) 0 0 / 100% 100% no-repeat,
    var(--site-hero-url) center 46% / cover no-repeat !important;
  transform:none;
}
/* Correct the padded source logo and make title + controls align as a coherent unit. */
.head-inner {width:min(1320px,calc(100% - 64px));}
.head-brand {min-width:154px;}
.zp-brand-logo {width:144px;max-width:100%;max-height:65px;display:block;object-fit:contain;}
.hero-inner {width:min(1180px,calc(100% - 64px));max-width:1180px;min-width:0;padding-top:138px;padding-bottom:92px;}
.hero-logo {width:clamp(270px,35vw,505px);max-width:100%;height:auto;object-fit:contain;margin:0 0 14px;}
.hero h1 {max-width:820px;font-size:clamp(25px,2.15vw,36px);line-height:1.4;overflow-wrap:break-word;}
.hero p {max-width:700px;line-height:1.85;}
.hero-controls {max-width:100%;}
/* Prevent a custom background uploaded in the Owner CMS from reintroducing tiling. */
.hero-bg {background-repeat:no-repeat,no-repeat,no-repeat !important;
          background-size:100% 100%,100% 100%,cover !important;
          background-position:center,center,center 46% !important;}
@media(max-width:1100px){
  .head-brand {min-width:120px;}
  .zp-brand-logo {width:115px;}
  .hero-logo {width:clamp(290px,44vw,465px);}
}
@media(max-width:850px){
  .head-inner {width:calc(100% - 40px);}
  .hero-inner {width:calc(100% - 46px);padding-top:124px;}
  .hero-logo {width:min(460px,75vw);}
  .hero h1 {max-width:680px;font-size:clamp(23px,3.4vw,31px);}
}
@media(max-width:650px){
  .head-inner {width:calc(100% - 30px);}
  .head-brand {min-width:0;}
  .zp-brand-logo {width:108px;max-height:52px;}
  .hero-bg {background-position:center,center,58% center !important;}
  .hero {min-height:620px;}
  .hero-inner {width:calc(100% - 32px);padding:130px 0 102px;}
  .hero-logo {width:min(390px,93vw);margin-bottom:12px;}
  .hero h1 {font-size:clamp(22px,6vw,27px);max-width:100%;}
  .hero p {font-size:13px;max-width:100%;}
  .hero-controls {display:flex;justify-content:flex-start;gap:9px;}
  .hero-controls .btn {max-width:100%;}
  .hero-status {max-width:calc(100% - 32px);}
}
@media(max-width:390px){
 .hero-logo{width:95%;}
 .hero h1{font-size:22px;}
 .hero-controls .btn{font-size:11px;padding:10px 9px;}
}