/* cm-hero.css - gyg-site-builder-cm hero container, retrofitted. Every selector is scoped to
   .cmh and every class is cmh-*, so no rule here can reach the legacy page and no legacy rule
   (.hero, .wrap, .btn, .lede, h1 margins) can reach the hero. Custom properties are cmh-prefixed. */
.cmh{--cmh-accent:var(--coral,var(--accent,#B4441A));--cmh-accent-dk:var(--coral-dk,var(--coral-ink,var(--cmh-accent)));
  --cmh-glow:#FFC9B0;--cmh-deep:var(--ink,var(--primary,#14171a));--cmh-head:0px;
  position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;
  min-height:calc(100svh - var(--cmh-head));min-height:calc(100vh - var(--cmh-head));
  background:var(--cmh-deep);color:#fff;margin:0;padding:0;border:0;text-align:left}
@supports(min-height:100svh){.cmh{min-height:calc(100svh - var(--cmh-head))}}
.cmh *,.cmh *:before,.cmh *:after{box-sizing:border-box}
.cmh .cmh-layer{position:absolute;inset:0 0 auto 0;height:114%;z-index:-2;will-change:transform}
.cmh .cmh-layer img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 50%;border-radius:0;margin:0}
.cmh .cmh-overlay{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(90deg,rgba(8,12,16,.78) 0%,rgba(8,12,16,.5) 42%,rgba(8,12,16,.12) 75%),
  linear-gradient(0deg,rgba(8,12,16,.55) 0%,rgba(8,12,16,0) 38%)}
.cmh .cmh-inner{flex:1;display:flex;align-items:center;width:100%;padding:calc(var(--cmh-pad,0px) + 56px) 0 110px;position:relative}
.cmh .cmh-wrap{width:100%;max-width:var(--maxw,1180px);margin:0 auto;padding:0 22px}
.cmh .cmh-content{max-width:40rem;will-change:transform}
.cmh .cmh-eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.1em;padding:0;font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;line-height:1.4;color:var(--cmh-glow);opacity:1}
.cmh .cmh-eyebrow:before{content:"";flex:none;width:1.6rem;height:1px;background:currentColor}
.cmh h1.cmh-title{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.98;letter-spacing:-.035em;margin:0 0 .32em;padding:0;
  font-weight:700;color:#fff;max-width:none;text-align:left;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.cmh h1.cmh-title em{display:block;font-style:italic;color:var(--cmh-glow)}
.cmh p.cmh-lede{max-width:36rem;font-size:clamp(1.02rem,1.5vw,1.16rem);line-height:1.62;color:rgba(255,255,255,.88);margin:0 0 1.9em;padding:0}
.cmh .cmh-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0}
.cmh a.cmh-btn{display:inline-flex;align-items:center;gap:.55em;background:var(--cmh-accent);color:#fff;font-weight:700;font-size:.95rem;
  letter-spacing:.01em;line-height:1.2;padding:15px 26px;border-radius:10px;border:1.5px solid transparent;text-decoration:none;
  transition:background .2s,transform .2s,box-shadow .2s}
.cmh a.cmh-btn:hover{background:var(--cmh-accent-dk);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.cmh a.cmh-btn.cmh-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cmh a.cmh-btn.cmh-ghost:hover{background:rgba(255,255,255,.16);box-shadow:none}
.cmh .cmh-ar{transition:transform .2s}.cmh a.cmh-btn:hover .cmh-ar{transform:translateX(3px)}
.cmh a.cmh-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.45);display:grid;place-items:center;color:#fff;text-decoration:none;font-size:1.05rem;animation:cmh-cue 2.4s ease-in-out infinite}
@keyframes cmh-cue{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media(max-width:640px){
  .cmh .cmh-inner{align-items:flex-end;padding-bottom:104px}
  .cmh .cmh-overlay{background:linear-gradient(0deg,rgba(8,12,16,.92) 0%,rgba(8,12,16,.6) 55%,rgba(8,12,16,.3) 100%)}
  .cmh h1.cmh-title{font-size:clamp(2.2rem,10.5vw,3rem)}
  .cmh a.cmh-cue{display:none}
  .cmh a.cmh-btn{padding:13px 20px}}
@media(prefers-reduced-motion:reduce){.cmh a.cmh-cue{animation:none}.cmh .cmh-layer,.cmh .cmh-content{transform:none!important}}
