/* home-lift.css (garage-door, 5 Nov 2026): the home page below the kit hero.
   Each section gets its own layout: ink promise band, amber numbers strip, symptom rail, split service index,
   full-bleed door panels, big-numeral test steps, full-bleed photo, dark quote wall, two-column FAQ. */

/* 1. the promise strip is a clean band UNDER the hero (it used to float over its bottom edge) */
body.v2 .offerbar.hx-promise{margin:0;max-width:none;padding:0;background:#151004;position:relative;z-index:1;border:0}
body.v2 .hx-promise__card{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px);background:transparent;border-radius:0;box-shadow:none;grid-template-columns:repeat(4,minmax(0,1fr))}
body.v2 .hx-promise__i{padding:30px 28px 30px 28px;border-left:1px solid rgba(255,255,255,.14);border-top:0}
body.v2 .hx-promise__i:first-child{border-left:0;padding-left:0}
body.v2 .hx-promise__i h3{color:#fff;font-size:17px}
body.v2 .hx-promise__i p{color:#d8d3c2;font-size:15px}
@media (max-width:980px){
  body.v2 .hx-promise__card{grid-template-columns:1fr 1fr}
  body.v2 .hx-promise__i:nth-child(odd){border-left:0;padding-left:0}
  body.v2 .hx-promise__i:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}
}
@media (max-width:560px){
  body.v2 .offerbar.hx-promise{margin-top:0}
  body.v2 .hx-promise__card{grid-template-columns:1fr}
  body.v2 .hx-promise__i{border-left:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.14)}
  body.v2 .hx-promise__i:first-child{border-top:0}
}

/* 2. photo-quote band: warm paper, not a white shell */
body.v2 .pq-band{background:#fbf3d9}
body.v2 .pq-band .pq-demo__win{box-shadow:0 24px 60px rgba(60,40,0,.18)}

/* 3. symptoms: a rail you pull sideways, edge to the right */
body.v2 .gl-symsec{background:#fff;overflow:hidden}
body.v2 .gl-symsec .gx-sym{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 22px;margin:0 calc(50% - 50vw) 0 0;padding-right:clamp(16px,4vw,40px);-webkit-overflow-scrolling:touch}
body.v2 .gl-symsec .gx-sym>article{flex:0 0 clamp(264px,26vw,330px);scroll-snap-align:start;box-shadow:none;border:1px solid var(--line);background:#f7f8fa}
body.v2 .gl-symsec .gx-sym::-webkit-scrollbar{height:8px}
body.v2 .gl-symsec .gx-sym::-webkit-scrollbar-thumb{background:#c9ced5;border-radius:8px}

/* 4. numbers strip */
.gl-nums{background:#f2b300;color:#1a1405}
.gl-nums dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.gl-nums dl>div{padding:30px 24px 30px 0;border-left:1px solid rgba(26,20,5,.28);padding-left:28px}
.gl-nums dl>div:first-child{border-left:0;padding-left:0}
.gl-nums dt{font:800 clamp(44px,5.4vw,76px)/1 var(--fd);letter-spacing:-.04em;margin:0}
.gl-nums dd{margin:8px 0 0;font:600 16px/1.35 var(--fd);max-width:20ch}
@media (max-width:760px){
  .gl-nums dl{grid-template-columns:1fr 1fr}
  .gl-nums dl>div{padding:22px 12px 22px 0}
  .gl-nums dl>div:nth-child(odd){border-left:0;padding-left:0}
  .gl-nums dl>div:nth-child(even){padding-left:20px}
  .gl-nums dl>div:nth-child(n+3){border-top:1px solid rgba(26,20,5,.28)}
}

/* 5. services: an index list beside a photograph, not a card wall */
body.v2 .gl-svcsec{background:var(--bg)}
body.v2 .gl-svcsec>.hx-w{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,5vw,72px);align-items:start}
body.v2 .gl-svcsec .hx-head{grid-column:1;grid-row:1;margin:0 0 28px}
body.v2 .gl-svc__ph{grid-column:1;grid-row:2;margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
body.v2 .gl-svc__ph img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
body.v2 .gl-svcsec .hx-more{grid-column:1;grid-row:3;margin:24px 0 0;text-align:left}
body.v2 .gl-svcsec .gx-svc{grid-column:2;grid-row:1/span 3;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,48px)}
body.v2 .gl-svcsec .gx-svc a{display:grid;grid-template-columns:52px 1fr;column-gap:16px;row-gap:3px;align-content:start;background:transparent;box-shadow:none;border-radius:0;border-top:1px solid var(--line2);padding:22px 36px 22px 0}
body.v2 .gl-svcsec .gx-svc a:hover{transform:none;box-shadow:none;background:rgba(246,196,0,.12)}
body.v2 .gl-svcsec .gx-svc__ico{grid-row:1/span 3;margin:0}
body.v2 .gl-svcsec .gx-svc__n{right:4px;top:22px}
body.v2 .gl-svcsec .gx-svc b,body.v2 .gl-svcsec .gx-svc span:not(.gx-svc__n):not(.gx-svc__ico){grid-column:2}
@media (max-width:1000px){
  body.v2 .gl-svcsec>.hx-w{display:block}
  body.v2 .gl-svc__ph{margin:0 0 28px}
  body.v2 .gl-svcsec .hx-more{margin:28px 0 0}
  body.v2 .gl-svcsec .gx-svc{grid-template-columns:1fr}
}

/* 6. new doors: four full-height panels edge to edge, copy on a bottom sheen */
body.v2 .gl-stylesec{background:#14110a;color:#f6f4ef;padding-bottom:0}
body.v2 .gl-stylesec .hx-head h2{color:#fff}
body.v2 .gl-stylesec .hx-lead{color:#d8d3c2}
body.v2 .gl-stylesec .hx-eyebrow{color:#f2b300}
body.v2 .gl-stylesec .gx-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 calc(50% - 50vw);width:100vw;max-width:100vw;perspective:none}
body.v2 .gl-stylesec .gx-style{transform:none!important;border-radius:0;box-shadow:none;background:#000;aspect-ratio:3/4;min-height:0}
body.v2 .gl-stylesec .gx-style img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 60%}
body.v2 .gl-stylesec .gx-style::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,8,2,.9) 0%,rgba(10,8,2,.55) 30%,rgba(10,8,2,0) 58%)}
body.v2 .gl-stylesec .gx-style figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px clamp(16px,2vw,28px) 26px;color:#fff}
body.v2 .gl-stylesec .gx-style figcaption b{color:#fff;font-size:clamp(20px,1.8vw,26px)}
body.v2 .gl-stylesec .gx-style figcaption span{color:#ece8db;margin-bottom:14px}
body.v2 .gl-stylesec .gx-styles__note{margin:0;padding:22px clamp(16px,4vw,40px) 30px;color:#d8d3c2;max-width:1240px;margin-inline:auto}
body.v2 .gl-stylesec .gx-styles__note a{color:#f2b300}
@media (max-width:900px){
  body.v2 .gl-stylesec .gx-styles{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  body.v2 .gl-stylesec .gx-style{aspect-ratio:4/5}
}

/* 7. monthly test: big numerals, no circles */
body.v2 .gx-test .hx-num{gap:22px}
body.v2 .gx-test .hx-num li{grid-template-columns:56px 1fr;align-items:start}
body.v2 .gx-test .hx-num li::before{width:auto;height:auto;background:none;color:#c99700;font:800 48px/.9 var(--fd);text-align:left;letter-spacing:-.04em}

/* 8. ticket: a deep band so the paper reads as paper */
body.v2 .gl-repsec{background:#1b1a17;color:#ece8db}
body.v2 .gl-repsec h2{color:#fff}
body.v2 .gl-repsec .hx-lead{color:#d8d3c2}
body.v2 .gl-repsec .hx-eyebrow,body.v2 .gl-repsec .hx-link{color:#f2b300}
body.v2 .gl-repsec .hx-ticks li,body.v2 .gl-repsec .hx-ticks li b{color:#ece8db}
body.v2 .gl-repsec .hx-ticks li b{color:#fff}

/* 9. life: edge to edge photograph */
body.v2 .gl-lifesec{padding:0;background:#000}
body.v2 .gl-lifesec>.hx-w{max-width:none;padding:0}
body.v2 .gl-lifesec .hx-life{display:block}
body.v2 .gl-lifesec .hx-life__big{border-radius:0;min-height:clamp(420px,52vw,700px)}
body.v2 .gl-lifesec .hx-life__big img{object-position:50% 34%}
body.v2 .gl-lifesec .hx-life__big figcaption{padding:clamp(80px,10vw,160px) max(clamp(16px,4vw,40px),calc((100vw - 1240px)/2 + clamp(16px,4vw,40px))) clamp(28px,4vw,48px);background:linear-gradient(0deg,rgba(8,6,0,.88) 0%,rgba(8,6,0,.5) 45%,rgba(8,6,0,0) 100%)}

/* 10. reviews: a dark quote wall, one voice large */
body.v2 .gl-revsec{background:#15130d;color:#e9e6da}
body.v2 .gl-revsec .hx-head h2{color:#fff}
body.v2 .gl-revsec .hx-eyebrow{color:#f2b300}
body.v2 .gl-revsec .hx-revs{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 clamp(32px,5vw,72px)}
body.v2 .gl-revsec .hx-rev{background:transparent;box-shadow:none;border-radius:0;border-top:1px solid rgba(255,255,255,.2);padding:26px 0 8px;color:#d8d3c2}
body.v2 .gl-revsec .hx-rev:first-child{grid-row:span 2;border-top:2px solid #f2b300}
body.v2 .gl-revsec .hx-rev:first-child blockquote{font:600 clamp(22px,2.3vw,32px)/1.35 var(--fd);letter-spacing:-.015em;color:#fff}
body.v2 .gl-revsec .hx-rev blockquote{color:#e9e6da}
body.v2 .gl-revsec .hx-rev__hd b{color:#fff}
body.v2 .gl-revsec .hx-rev__hd small{color:#b9b3a1}
body.v2 .gl-revsec .hx-rev__av{background:#f2b300;color:#1a1405}
body.v2 .gl-revsec .hx-more .hx-b--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
@media (max-width:900px){
  body.v2 .gl-revsec .hx-revs{grid-template-columns:1fr}
  body.v2 .gl-revsec .hx-rev:first-child{grid-row:auto}
}

/* 11. FAQ: question column left, answers right */
body.v2 .gl-faqsec{background:#fff}
body.v2 .gl-faqsec>.hx-w{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,5vw,72px);align-items:start}
body.v2 .gl-faqsec .hx-head{grid-column:1;grid-row:1/span 2;text-align:left;margin:0;position:sticky;top:110px}
body.v2 .gl-faqsec .hx-head--c .hx-eyebrow{justify-content:flex-start}
body.v2 .gl-faqsec .hx-faq{grid-column:2;max-width:none;margin:0}
body.v2 .gl-faqsec .hx-more{grid-column:2;margin-top:20px;text-align:left}
body.v2 .gl-faqsec .hx-faq details{box-shadow:none;border:1px solid var(--line);background:#f7f8fa}
@media (max-width:900px){
  body.v2 .gl-faqsec>.hx-w{display:block}
  body.v2 .gl-faqsec .hx-head{position:static;margin-bottom:28px}
}

/* host chat launcher + kit */
.hh-hero h1,.hh-hero h1 em{text-transform:none}
body.v2 .gl-revsec .hx-more .hx-b.hx-b--ghost{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}

/* inner-page hero band (5 Nov 2026): lighter scrim so the photograph reads (gate luma), breadcrumb links get a 44px target */
.hh-hero--page{--hh-sf:.62;--hh-sfm:.6}
.hh-crumbs a{display:inline-flex;align-items:center;min-height:44px;padding-inline:2px}

/* inner-page hero (6 Nov 2026): text-side scrim only, picture side stays clear (contrast on the type, luma on the picture); breadcrumb sits on a small glass chip */
.hh-hero--page .hh-hero__scrim{background:
  linear-gradient(0deg,rgba(var(--hh-scrim),.5) 0,rgba(var(--hh-scrim),.26) 160px,rgba(var(--hh-scrim),0) 340px),
  linear-gradient(90deg,rgba(var(--hh-scrim),.74) 0,rgba(var(--hh-scrim),.68) 38%,rgba(var(--hh-scrim),.42) 54%,rgba(var(--hh-scrim),.1) 66%,rgba(var(--hh-scrim),0) 72%)}
.hh-hero--page .hh-crumbs{display:inline-flex;flex-wrap:wrap;align-items:center;padding:0 12px;border-radius:999px;background:rgba(var(--hh-scrim),.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@media (max-width:899.98px){
  .hh-hero--page .hh-hero__scrim{background:linear-gradient(0deg,rgba(var(--hh-scrim),.8) 0,rgba(var(--hh-scrim),.7) 30%,rgba(var(--hh-scrim),.32) 42%,rgba(var(--hh-scrim),0) 52%)}
}

/* home h1 accent keeps its colour now that the phrase carries .hl (the legacy .v2 main h1 .hl rule would turn it white) */
.v2 main .hh-hero h1 em.hl,main .hh-hero h1 em.hl{font-style:normal;color:#ffcb2e}