/* home page */
.h-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--navy);color:#fff;min-height:calc(100vh - 68px);max-height:860px}
.h-hero-img{overflow:hidden;background:var(--navy-deep)}
.h-hero-img img{width:100%;height:100%;object-fit:cover}
.h-hero-text{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
.h-hero-text .eyebrow{color:var(--orange)}
.h-hero h1{font-size:clamp(52px,6.5vw,104px)}
.h-hero h1 em{font-style:normal;color:var(--orange)}
.h-hero p{font-size:19px;color:#dfe5f5;margin:24px 0 36px;max-width:480px}
.h-cta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.h-price{font-family:'Changa One';font-size:44px;color:var(--orange);margin-right:12px;line-height:1}

.h-rows{display:grid;gap:96px}
.h-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.h-row.flip > :first-child{order:2}
.h-row h2{color:var(--navy)}
.h-row p{font-size:18px;max-width:500px}
.h-link{display:inline-block;margin-top:18px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:13px;color:var(--tread);text-decoration:none}

.h-strip{display:grid;grid-template-columns:repeat(6,1fr)}
.h-strip a{aspect-ratio:1;overflow:hidden;display:block}
.h-strip img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.h-strip a:hover img{transform:scale(1.04)}

@media (max-width:860px){
  .h-hero{grid-template-columns:1fr;min-height:0;max-height:none}
  .h-hero-img{aspect-ratio:1}
  .h-hero-text{padding:40px 24px}
  .h-row,.h-row.flip{grid-template-columns:1fr;gap:24px}
  .h-row.flip > :first-child{order:0}
  .h-rows{gap:64px}
  .h-strip{grid-template-columns:repeat(3,1fr)}
}

/* mobile buy bar under hero photo */
.h-mbar{display:none;align-items:center;justify-content:space-between;gap:12px;background:var(--navy-deep);padding:14px 24px}
.h-mbar .h-price{font-size:34px;margin:0}

/* trust row */
.h-trust{background:var(--mist);border-bottom:1px solid #dde2ee}
.h-trust .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;padding-bottom:28px}
.h-trust b{display:block;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--navy)}
.h-trust span{font-size:14px;color:#4a5170}
.h-trust a{color:var(--tread)}

/* install steps */
.h-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.h-steps div{background:var(--navy);padding:32px;border-top:6px solid var(--orange)}
.h-steps span{font-family:'Changa One';font-size:56px;color:var(--orange);line-height:1}
.h-steps h3{font-size:26px;margin:10px 0}
.h-steps p{color:#dfe5f5}

@media (max-width:860px){
  .h-mbar{display:flex}
  .h-hero-img{aspect-ratio:4/3}
  .h-hero h1{font-size:48px}
  .h-hero .h-cta{display:none}
  .h-trust .wrap{grid-template-columns:1fr 1fr}
  .h-steps{grid-template-columns:1fr}
}