.hero.hero-quiet {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:calc(100dvh - 88px);
  padding-top:clamp(18px,2.4svh,38px);
  padding-bottom:15px;
  background:#fff;
  isolation:isolate;
}
.hero-quiet .hero-heading {
  width:var(--page);
  margin:0 auto;
  z-index:3;
}
.hero-quiet h1 {
  margin:0;
  color:#183d30;
  font-size:clamp(54px,min(5.4vw,8.6svh),108px);
  line-height:1.03;
  font-weight:450;
  letter-spacing:-.055em;
}
.hero-quiet .hero-title-word {display:inline-block}
.hero-quiet h1 em {
  color:#789267;
  font-size:inherit;
  letter-spacing:-.045em;
}
.hero-quiet .hero-lead {
  margin-top:clamp(12px,1.7svh,19px);
  color:#526951;
  font-size:clamp(15px,1.2vw,19px);
  line-height:1.45;
}
.hero-quiet .hero-stage {
  width:var(--page);
  min-height:0;
  margin:6px auto 0;
  overflow:visible;
}
.hero-quiet .hero-visual {
  width:min(100%,72vw,clamp(550px,calc((100svh - 370px)*1.535),1120px));
  max-width:none;
  margin:0 auto;
  flex-shrink:0;
}
.hero-quiet .render-frame {
  transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg)) scale(var(--scene-scale,1));
  transform-origin:54% 62%;
  transform-style:preserve-3d;
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}
.hero-quiet .hero-art {
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  mix-blend-mode:multiply;
}
.hero-quiet .hero-bottom {
  display:flex;
  justify-content:center;
  width:var(--page);
  margin:6px auto 0;
  padding:0;
  z-index:4;
}
.hero-quiet .hero-bottom .hero-button {
  min-width:258px;
  min-height:56px;
  padding:0 12px 0 25px;
  gap:27px;
  font-size:16px;
  box-shadow:0 8px 24px #17362c0b;
}
.hero-quiet .hero-button-arrow {
  display:grid;
  place-items:center;
  flex:none;
  width:35px;
  height:35px;
  border:1px solid #ffffff35;
  border-radius:50%;
  font-size:21px;
  transition:background .25s,transform .25s;
}
.hero-quiet .hero-button:hover .hero-button-arrow {
  background:#ffffff14;
  transform:rotate(45deg);
}
.hero-benefits {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px clamp(14px,2.2vw,34px);
  width:var(--page);
  margin:18px auto 0;
  padding:0;
  color:#526951;
  font-size:clamp(13px,1vw,15px);
  line-height:1.5;
  list-style:none;
}
.hero-benefits li {
  display:flex;
  align-items:center;
  gap:clamp(14px,2.2vw,34px);
}
.hero-benefit-separator {
  color:#829978;
  font-size:19px;
  line-height:1;
}
.hero-quiet .scene-controls {
  position:absolute;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  gap:7px;
  z-index:5;
}
.hero-quiet .scene-controls .motion-toggle {
  position:static;
  min-height:44px;
  padding:0 14px;
  gap:8px;
  border-color:#e3e9e1;
  background:#ffffffee;
  box-shadow:none;
  font-size:11px;
}
.hero-replay {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid #e3e9e1;
  border-radius:50%;
  background:#ffffffee;
  transition:background .2s,transform .3s;
}
.hero-replay svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:#54715a;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-replay:hover {
  background:#f2f6ef;
  transform:rotate(-20deg);
}
.hero-quiet .scene-controls .motion-toggle:hover {background:#f2f6ef}
#rug-cover,#wash-sheen {
  transform-box:view-box;
  transform-origin:0 0;
}
@media (max-width:900px) {
  .hero-quiet h1 {font-size:clamp(49px,7.7vw,70px)}
  .hero-quiet .hero-stage {width:100%}
  .hero-quiet .hero-visual {width:min(92vw,750px)}
}
@media (max-width:640px) {
  .hero.hero-quiet {
    min-height:calc(100dvh - 76px);
    padding:26px 0 23px;
  }
  .hero-quiet h1 {
    max-width:none;
    font-size:clamp(32px,10.8vw,62px);
    line-height:1.08;
  }
  .hero-quiet .hero-title-word {display:block;white-space:nowrap}
  .hero-quiet h1 em {display:block}
  .hero-quiet .hero-lead {
    margin:14px auto 0;
    max-width:315px;
    font-size:15px;
  }
  .hero-quiet .hero-stage {margin-top:14px}
  .hero-quiet .hero-visual {width:100%}
  .hero-quiet .render-frame {transform-origin:54% 60%}
  .hero-quiet .scene-controls {
    position:relative;
    right:auto;
    bottom:auto;
    justify-content:center;
    margin-top:2px;
  }
  .hero-quiet .hero-bottom {margin-top:12px}
  .hero-quiet .hero-bottom .hero-button {
    width:min(100%,306px);
    min-width:0;
    font-size:15px;
  }
  .hero-benefits {
    flex-direction:column;
    align-items:center;
    gap:7px;
    margin-top:17px;
  }
  .hero-benefit-separator {display:none}
}
@media (max-width:370px) {
  .hero.hero-quiet {padding:18px 0 16px}
  .hero-quiet .hero-stage {margin-top:9px}
}
@media (max-width:430px) and (max-height:680px) {
  .hero.hero-quiet {padding-top:18px}
  .hero-quiet .hero-visual {width:min(100%,315px)}
}
@media (prefers-reduced-motion:reduce) {
  .hero-quiet .render-frame {
    transform:none;
    transition:none;
  }
  .hero-quiet .hero-button:hover,
  .hero-quiet .hero-button:hover .hero-button-arrow,
  .hero-replay:hover {transform:none}
}