/* Homepage redesign — below-hero only */
:root{
  --hm-navy:#17324D;
  --hm-navy-deep:#0F2235;
  --hm-coral:#D96832;
  --hm-coral-dark:#C25725;
  --hm-sand:#EDE6DC;
  --hm-sand-deep:#E2D8C9;
  --hm-ink:#1F2933;
  --hm-muted:#5C6670;
  --hm-white:#fff;
  --hm-line:rgba(23,50,77,.12);
}

.hm-wrap{
  width:min(1180px,calc(100% - 2.5rem));
  margin-inline:auto;
}

.hm-eyebrow{
  margin:0 0 .75rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--hm-coral);
}
.hm-eyebrow-light{color:#F5A876}

.hm-section-head{max-width:40rem;margin-bottom:2.5rem}
.hm-section-head h2,
.hm-about-copy h2,
.hm-process-sticky h2,
.hm-why-grid h2,
.hm-cta-copy h2{
  margin:0 0 .85rem;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.75rem);
  line-height:1.15;
  letter-spacing:-.02em;
  color:var(--hm-navy);
  font-weight:700;
}
.hm-section-head p,
.hm-about-copy p,
.hm-process-steps p,
.hm-why-item p,
.hm-cta-copy > p,
.hm-areas-copy > p,
.hm-size-copy p,
.hm-option-content p,
.hm-style-meta p,
.hm-color p,
.hm-review p,
.hm-review-feature p,
.hm-faq .hm-section-head p{
  margin:0;
  color:var(--hm-muted);
  font-size:1.02rem;
  line-height:1.65;
}
.hm-section-head-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  max-width:none;
}
.hm-section-head-light h2{color:var(--hm-white)}
.hm-text-link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.92rem;
  font-weight:700;
  color:var(--hm-coral);
  text-decoration:none;
  white-space:nowrap;
}
.hm-text-link:hover{color:var(--hm-coral-dark)}

/* ABOUT */
.hm-about{
  padding:5.5rem 0;
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%,rgba(217,104,50,.08),transparent 55%),
    linear-gradient(180deg,var(--hm-sand) 0%,#f7f3ed 100%);
  overflow:visible;
}
.hm-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:2.75rem;
  align-items:start;
}
.hm-about-copy{min-width:0}
.hm-about-copy h2{max-width:18ch}
.hm-about-copy p + p{margin-top:1rem}
.hm-trust-row{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.hm-trust-row li{
  padding:.55rem .85rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--hm-line);
  color:var(--hm-navy);
  font-size:.78rem;
  font-weight:700;
}
.hm-about-form{
  background:#fff;
  border:1px solid var(--hm-line);
  border-radius:24px;
  padding:1.5rem 1.35rem 1.35rem;
  box-shadow:0 24px 48px -30px rgba(23,50,77,.35);
  position:sticky;
  top:96px;
  min-width:0;
  width:100%;
  align-self:start;
}
.hm-about-form .hm-label{color:var(--hm-navy)}
.hm-about-form .hm-form-note{color:var(--hm-muted)}
.hm-about-form .hm-form-grid{grid-template-columns:1fr 1fr}
.hm-about-form h3,
.hm-cta-form h3{
  margin:0 0 1rem;
  font-family:'Playfair Display',serif;
  font-size:1.3rem;
  line-height:1.25;
  color:var(--hm-navy);
  font-weight:700;
}

/* FORMS */
.hm-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.9rem 1rem;
}
.hm-field-wrap{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.hm-field-full{grid-column:1 / -1}
.hm-label{
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--hm-navy);
}
.hm-req{color:#2F6FED;margin-left:2px}
.hm-field,
.hm-field-dark{
  width:100%;
  padding:.85rem .95rem;
  border:1px solid #d5cbbd;
  border-radius:10px;
  background:#fff;
  color:var(--hm-ink);
  font:inherit;
  font-size:.92rem;
}
.hm-field::placeholder,
.hm-field-dark::placeholder{color:#9aa0a0}
.hm-field:focus,
.hm-field-dark:focus{
  outline:none;
  border-color:var(--hm-coral);
  box-shadow:0 0 0 3px rgba(217,104,50,.16);
}
select.hm-field{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23696862' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:2.4rem;
}
.hm-textarea{
  min-height:110px;
  resize:vertical;
  line-height:1.5;
}
.hm-submit{
  width:100%;
  justify-content:center;
  margin-top:.35rem;
  border-radius:12px;
  padding:.95rem 1rem;
}
.hm-form-consent{
  margin:.15rem 0 .85rem;
  font-size:.72rem;
  line-height:1.5;
  color:var(--hm-muted);
}
.hm-form-consent a{
  color:var(--hm-navy);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.hm-form-note{
  margin:.75rem 0 0;
  font-size:.78rem;
  text-align:center;
  line-height:1.45;
}
.hm-form-checks{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem .9rem;
  margin-top:.85rem;
  font-size:.75rem;
  font-weight:600;
  color:var(--hm-muted);
}
.hm-form-checks span{
  position:relative;
  padding-left:.9rem;
}
.hm-form-checks span::before{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:.4rem;height:.4rem;
  border-radius:50%;
  background:var(--hm-coral);
  transform:translateY(-50%);
}

/* SERVICES */
.hm-services{
  padding:5.5rem 0;
  background:var(--hm-white);
}
.hm-svc-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.1rem;
}
.hm-svc-card{
  display:flex;
  flex-direction:column;
  text-decoration:none;
  color:inherit;
  border-radius:22px;
  overflow:hidden;
  background:var(--hm-sand);
  border:1px solid transparent;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.hm-svc-card:hover{
  transform:translateY(-4px);
  border-color:rgba(217,104,50,.28);
  box-shadow:0 22px 40px -24px rgba(23,50,77,.4);
}
.hm-svc-img{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
}
.hm-svc-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.hm-svc-card:hover .hm-svc-img img{transform:scale(1.06)}
.hm-svc-num{
  position:absolute;
  left:.85rem;bottom:.85rem;
  width:2.1rem;height:2.1rem;
  border-radius:50%;
  display:grid;place-items:center;
  background:var(--hm-navy);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
}
.hm-svc-body{padding:1.1rem 1rem 1.2rem}
.hm-svc-body h3{
  margin:0 0 .65rem;
  font-family:'Playfair Display',serif;
  font-size:1.12rem;
  color:var(--hm-navy);
}
.hm-svc-body ul{
  margin:0;padding:0;list-style:none;
  display:grid;gap:.28rem;
}
.hm-svc-body li{
  font-size:.82rem;
  color:var(--hm-muted);
  padding-left:.85rem;
  position:relative;
}
.hm-svc-body li::before{
  content:"";
  position:absolute;left:0;top:.55em;
  width:.35rem;height:.35rem;border-radius:50%;
  background:var(--hm-coral);
}

/* OPTIONS */
.hm-options{
  padding:5.5rem 0;
  background:var(--hm-navy);
}
.hm-options-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.15rem;
}
.hm-option{
  position:relative;
  display:block;
  min-height:380px;
  border-radius:24px;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
}
.hm-option img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.hm-option:hover img{transform:scale(1.05)}
.hm-option::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,34,53,.15) 10%,rgba(15,34,53,.88) 100%);
  z-index:0;
}
.hm-option-content{
  position:relative;z-index:1;
  height:100%;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:1.6rem 1.4rem;
}
.hm-option-content h3{
  margin:0 0 .55rem;
  font-family:'Playfair Display',serif;
  font-size:1.35rem;
  color:#fff;
}
.hm-option-content p{
  color:rgba(255,255,255,.82);
  font-size:.92rem;
  margin:0 0 1rem;
}
.hm-option-link{
  font-size:.85rem;
  font-weight:700;
  color:#F5A876;
}

/* STYLES MOSAIC */
.hm-styles{
  padding:5.5rem 0;
  background:var(--hm-white);
}
.hm-styles-mosaic{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  grid-template-rows:220px 220px;
  gap:1rem;
}
.hm-style-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
  min-height:0;
}
.hm-style-featured{grid-row:1 / span 2}
.hm-style-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .45s ease;
}
.hm-style-card:hover img{transform:scale(1.05)}
.hm-style-card::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 25%,rgba(15,34,53,.9) 100%);
}
.hm-style-meta{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:1.2rem 1.15rem;
}
.hm-style-meta h3{
  margin:0 0 .3rem;
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  color:#fff;
}
.hm-style-meta p{color:rgba(255,255,255,.8);font-size:.84rem}

/* COLORS */
.hm-colors{
  padding:5.5rem 0;
  background:
    linear-gradient(180deg,#f4efe7 0%,var(--hm-sand) 100%);
}
.hm-colors-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.1rem;
}
.hm-color{
  background:#fff;
  border-radius:20px;
  padding:1.2rem;
  border:1px solid var(--hm-line);
  transition:transform .22s ease;
}
.hm-color:hover{transform:translateY(-3px)}
.hm-swatches{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.45rem;
  margin-bottom:1rem;
  height:72px;
}
.hm-swatches span{border-radius:12px;display:block}
.hm-color h3{
  margin:0 0 .4rem;
  font-size:1rem;
  color:var(--hm-navy);
  font-weight:700;
}
.hm-color p{font-size:.88rem}

/* SIZES */
.hm-sizes{
  padding:5.5rem 0;
  background:var(--hm-white);
}
.hm-sizes-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
}
.hm-sizes-intro{
  grid-column:1 / -1;
  margin-bottom:.5rem;
}
.hm-size-panel{
  position:relative;
  min-height:460px;
  border-radius:28px;
  overflow:hidden;
  isolation:isolate;
}
.hm-size-panel img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.hm-size-panel::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,34,53,.2),rgba(15,34,53,.9));
}
.hm-size-copy{
  position:relative;z-index:1;
  height:100%;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:2rem 1.6rem;
  color:#fff;
}
.hm-size-copy h3{
  margin:0 0 .7rem;
  font-family:'Playfair Display',serif;
  font-size:1.8rem;
  color:#fff;
}
.hm-size-copy p{
  color:rgba(255,255,255,.86);
  margin:0 0 1.2rem;
  max-width:34ch;
}
.hm-size-copy .btn-primary{width:fit-content}

/* PROCESS */
.hm-process{
  padding:5.5rem 0;
  background:var(--hm-navy);
  color:#fff;
}
.hm-process-sticky h2{color:#fff}
.hm-process-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:2.5rem;
  align-items:start;
}
.hm-process-sticky{position:sticky;top:100px}
.hm-process-media{
  margin-top:1.5rem;
  border-radius:22px;
  overflow:hidden;
  aspect-ratio:4/3;
}
.hm-process-media img{width:100%;height:100%;object-fit:cover;display:block}
.hm-process-steps{
  display:flex;
  flex-direction:column;
  gap:0;
  border-left:2px solid rgba(245,168,118,.35);
  padding-left:1.4rem;
}
.hm-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem;
  padding:1.15rem 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.hm-step:last-child{border-bottom:0}
.hm-step-num{
  font-family:'Playfair Display',serif;
  font-size:1.35rem;
  font-weight:700;
  color:#F5A876;
  line-height:1;
  padding-top:.15rem;
}
.hm-step h3{
  margin:0 0 .35rem;
  font-size:1.02rem;
  color:#fff;
  font-family:'Playfair Display',serif;
}
.hm-step p{color:rgba(255,255,255,.78);font-size:.92rem}

/* REVIEWS */
.hm-reviews{
  padding:5.5rem 0;
  background:#F7F3ED;
}
.hm-reviews .section-label{
  display:inline-block;
  margin:0 0 .55rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#D96832;
}
.hm-reviews .reviews-track{
  gap:24px;
  width:max-content;
  display:flex;
}
.hm-reviews .animate-marquee{
  animation:marquee 40s linear infinite;
}
.hm-reviews .card-shadow{
  box-shadow:0 10px 30px -18px rgba(23,50,77,.28);
}
@media (prefers-reduced-motion:reduce){
  .hm-reviews .animate-marquee{animation:none}
}

/* PROJECTS */
.hm-projects{
  padding:5.5rem 0;
  background:var(--hm-white);
}
.hm-projects-bento{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:210px;
  gap:1rem;
}
.hm-project{
  position:relative;
  margin:0;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
}
.hm-project:nth-child(1){grid-column:span 2;grid-row:span 2}
.hm-project:nth-child(2){grid-column:span 2}
.hm-project img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.hm-project:hover img{transform:scale(1.05)}
.hm-project::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(15,34,53,.88));
}
.hm-project figcaption{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:1.1rem 1.15rem;
  display:flex;flex-direction:column;gap:.2rem;
  color:#fff;
}
.hm-project strong{font-size:1rem}
.hm-project span{font-size:.82rem;color:rgba(255,255,255,.78)}

/* WHY */
.hm-why{
  padding:5.5rem 0;
  background:var(--hm-sand);
}
.hm-why-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:2.2rem;
  align-items:center;
}
.hm-why-media{
  border-radius:28px;
  overflow:hidden;
  min-height:520px;
  box-shadow:0 28px 50px -28px rgba(23,50,77,.4);
}
.hm-why-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:520px}
.hm-why-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:1.5rem;
}
.hm-why-item{
  background:#fff;
  border-radius:16px;
  padding:1.1rem 1rem;
  border:1px solid var(--hm-line);
}
.hm-why-item h3{
  margin:0 0 .4rem;
  font-size:.98rem;
  color:var(--hm-navy);
  font-family:'Playfair Display',serif;
}
.hm-why-item p{font-size:.88rem}

/* AREAS */
.hm-areas{
  padding:5.5rem 0;
  background:var(--hm-white);
}
.hm-areas-board{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:1.4rem;
  border-radius:28px;
  overflow:hidden;
  border:1px solid var(--hm-line);
  background:var(--hm-sand);
}
.hm-areas-visual{
  min-height:460px;
  background-size:cover;
  background-position:center;
  position:relative;
}
.hm-areas-visual::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(23,50,77,.55),rgba(23,50,77,.88));
}
.hm-areas-ocean{
  position:absolute;
  top:1.4rem;left:1.4rem;z-index:1;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
}
.hm-areas-stats{
  position:relative;z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:1.1rem;
  padding:2rem;
  color:#fff;
}
.hm-areas-stats strong{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:2rem;
  line-height:1;
}
.hm-areas-stats span{font-size:.85rem;opacity:.8}
.hm-areas-copy{padding:2rem 1.7rem}
.hm-areas-kicker{
  margin:0 0 .5rem;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--hm-coral);
}
.hm-areas-copy h3{
  margin:0 0 .75rem;
  font-family:'Playfair Display',serif;
  font-size:1.7rem;
  color:var(--hm-navy);
}
.hm-city-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1.2rem 0 1rem;
}
.hm-city-chips a{
  text-decoration:none;
  padding:.55rem .85rem;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--hm-line);
  color:var(--hm-navy);
  font-size:.82rem;
  font-weight:600;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.hm-city-chips a:hover{
  background:var(--hm-navy);
  border-color:var(--hm-navy);
  color:#fff;
}
.hm-areas-note{
  margin-top:1rem;
  font-size:.88rem;
}
.hm-areas-note a{color:var(--hm-coral);font-weight:700;text-decoration:none}

/* CTA */
.hm-cta{
  padding:5.5rem 0;
  background:
    linear-gradient(135deg,rgba(15,34,53,.92),rgba(23,50,77,.88)),
    url('/assets/images/home/why-choose-pro-bathroom-remodeling-orange-county.avif') center/cover;
  color:#fff;
}
.hm-cta-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:2rem;
  align-items:center;
}
.hm-cta-copy h2{color:#fff}
.hm-cta-copy > p{color:rgba(255,255,255,.82);max-width:38ch}
.hm-cta-benefits{
  list-style:none;
  margin:1.4rem 0 1.5rem;
  padding:0;
  display:grid;
  gap:.55rem;
}
.hm-cta-benefits li{
  position:relative;
  padding-left:1.15rem;
  color:rgba(255,255,255,.9);
  font-size:.95rem;
  font-weight:600;
}
.hm-cta-benefits li::before{
  content:"";
  position:absolute;left:0;top:.55em;
  width:.45rem;height:.45rem;border-radius:50%;
  background:#F5A876;
}
.hm-cta-form{
  background:#fff;
  border-radius:24px;
  padding:1.6rem 1.4rem;
  box-shadow:0 28px 50px -24px rgba(0,0,0,.45);
}
.hm-cta-form-note{
  margin:-.4rem 0 1rem;
  color:var(--hm-muted);
  font-size:.88rem;
}

/* FAQ */
.hm-faq{
  padding:5.5rem 0 6rem;
  background:var(--hm-sand);
}
.hm-faq-list{
  max-width:820px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:.65rem;
}
.hm-faq-item{
  background:#fff;
  border-radius:16px;
  border:1px solid var(--hm-line);
  overflow:hidden;
}
.hm-faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  text-align:left;
  background:transparent;
  border:0;
  padding:1.15rem 1.2rem;
  font:inherit;
  font-size:1rem;
  font-weight:700;
  color:var(--hm-navy);
  cursor:pointer;
}
.hm-faq-a{
  overflow:hidden;
  transition:max-height .3s ease;
}
.hm-faq-a p{
  margin:0;
  padding:0 1.2rem 1.2rem;
  color:var(--hm-muted);
  font-size:.95rem;
  line-height:1.65;
}

/* Motion */
@media (prefers-reduced-motion:no-preference){
  .hm-svc-card,
  .hm-option,
  .hm-style-card,
  .hm-project,
  .hm-color{
    animation:hmRise .7s ease both;
  }
  .hm-svc-card:nth-child(2){animation-delay:.05s}
  .hm-svc-card:nth-child(3){animation-delay:.1s}
  .hm-svc-card:nth-child(4){animation-delay:.15s}
  @keyframes hmRise{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:none}
  }
}

/* Responsive */
@media (max-width:1100px){
  .hm-about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
  .hm-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hm-styles-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .hm-style-featured{grid-row:auto;min-height:280px}
  .hm-style-card{min-height:210px}
  .hm-process-grid,
  .hm-why-grid,
  .hm-areas-board,
  .hm-cta-grid
  .hm-process-sticky{position:static}
  .hm-projects-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}
  .hm-project:nth-child(1),
  .hm-project:nth-child(2){grid-column:span 1;grid-row:span 1}
}

@media (max-width:900px){
  .hm-about-grid{grid-template-columns:1fr}
  .hm-about-form{position:static;max-width:none}
}

@media (max-width:720px){
  .hm-wrap{width:min(100% - 1.5rem,1180px)}
  .hm-about,
  .hm-services,
  .hm-options,
  .hm-styles,
  .hm-colors,
  .hm-sizes,
  .hm-process,
  .hm-reviews,
  .hm-projects,
  .hm-why,
  .hm-areas,
  .hm-cta,
  .hm-faq{padding:3.75rem 0}
  .hm-about-grid,
  .hm-options-grid,
  .hm-colors-grid,
  .hm-sizes-grid,
  .hm-svc-grid,
  .hm-why-list,
  .hm-form-grid,
  .hm-about-form .hm-form-grid,
  .hm-styles-mosaic,
  .hm-projects-bento{grid-template-columns:1fr}
  .hm-about-form{position:static}
  .hm-section-head-row{flex-direction:column;align-items:flex-start}
  .hm-rating-pill{align-items:flex-start}
  .hm-size-panel{min-height:400px}
  .hm-option{min-height:320px}
  .hm-why-media,
  .hm-why-media img{min-height:280px}
  .hm-areas-visual{min-height:280px}
  .hm-project:nth-child(1),
  .hm-project:nth-child(2){grid-column:span 1}
}