/* New cut — video + estimate only. Beats the old door-page CSS. */
html,body.cut{background:#12141A!important}
body.cut{overflow-x:hidden}
body.cut .grain{display:none!important}

body.cut .nav{
  position:absolute!important;inset:0 0 auto!important;
  height:76px!important;background:linear-gradient(180deg,rgba(12,13,17,.7),transparent)!important;
  border:0!important;pointer-events:none;
}
body.cut .nav .wrap,body.cut .nav .mark{pointer-events:auto}
body.cut .mark .m1{
  font-size:28px!important;letter-spacing:.04em!important;
  color:transparent!important;
  background:linear-gradient(180deg,#E8FFFE 0%,#A6F3F5 38%,#3AA8B0 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
body.cut .mark .m2{
  font-size:11px!important;letter-spacing:.32em!important;margin-top:7px!important;
  color:transparent!important;
  background:linear-gradient(180deg,#A6F3F5 0%,#2A7A82 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

body.cut .hero{
  position:relative!important;display:block!important;
  min-height:0!important;padding:0!important;overflow:visible!important;
}
body.cut .hero-media,
body.cut .hero-media *{
  position:static!important;inset:auto!important;
}
body.cut .hero-media{
  display:block!important;width:100%!important;height:auto!important;
  overflow:hidden!important;background:#0C0D11;
}
body.cut .hero-media video{
  display:block!important;width:100%!important;height:auto!important;
  max-width:100%!important;object-fit:contain!important;
  background:#0C0D11;
}
body.cut .hero-scrim,.hero-bg,.hero-phone,#heroStage,.cue-hold{display:none!important}

body.cut .hero .wrap{
  position:relative!important;z-index:2;padding:28px 20px 20px!important;
}
body.cut .hero h1{
  position:static!important;max-width:16ch;
}
body.cut .hero h1 .ch,body.cut [data-cascade] .ch{
  opacity:1!important;transform:none!important;display:inline!important;
}

body.cut #quote{position:relative;z-index:1;padding-top:12px}
body.cut .quote,.sec.plate-2{background:#12141A!important}

@media (max-width:1023px){
  body.cut .nav{height:64px!important}
  body.cut .mark .m1{font-size:22px!important}
  body.cut .hero .wrap{padding:16px 20px 20px!important}
}