@media (max-width: 760px) {
  html body #main .editorial-home .opening .hero-motion > :is(img, video) {
    object-position: 77% center;
  }
}


/* Homepage preview. Use the production surfaces, typefaces and section order. */
@layer home-polish {
  body #main .editorial-home #products .section-top h2 {
    font-size:clamp(34px,3.25vw,50px) !important;
    line-height:1.09 !important;
  }
  body #main .editorial-home #inside .manufacturing-intro h2 {
    font-size:clamp(36px,3.5vw,54px) !important;
    line-height:1.08 !important;
  }
  body #main .editorial-home :is(#how-we-work,#resources) h2 {
    font-size:clamp(32px,3.05vw,45px) !important;
    line-height:1.12 !important;
  }
  @media(max-width:760px) {
    body #main .editorial-home :is(#products,#inside) .section-top h2 {
      font-size:clamp(29px,7.9vw,38px) !important;
    }
    body #main .editorial-home :is(#how-we-work,#resources) h2 {
      font-size:clamp(27px,7.2vw,35px) !important;
    }
  }
}

html body #main .editorial-home .opening-copy h1 { text-wrap:balance; }
html body #main .editorial-home .opening-copy p { max-width:50ch; }
html body #main .editorial-home #products .section-top {
  column-gap:clamp(36px,5.3vw,84px);
  row-gap:13px;
  margin-bottom:38px;
}
html body #main .editorial-home #products .section-top h2 { margin-block:0; }
html body #main .editorial-home #products .section-top p {
  max-width:47ch;
  margin-block:0;
}
html body #main .editorial-home #products .collection-title__secondary {
  color:#5e6764;
}
html body #main .editorial-home #products .product-tile__body {
  box-shadow:0 6px 18px -12px rgb(32 39 44 / 32%);
}
html body #main .editorial-home #products .product-tile__body > .eyebrow {
  border-bottom-color:#d9ddde;
}
html body #main .editorial-home #materials .material-copy {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
html body #main .editorial-home #materials .material-copy h2 {
  margin-block:20px;
}
html body #main .editorial-home #materials .material-copy p {
  max-width:45ch;
  color:#e0e5e8;
}
html body #main .editorial-home #inside .factory-editorial > figure::before {
  box-shadow:0 6px 20px -14px rgb(32 39 44 / 24%);
}
html body #main .editorial-home #inside .factory-copy p { max-width:46ch; }
html body #main .editorial-home #authority .fact-panel-heading {
  padding-top:22px;
  border-top:1px solid #d9ddde;
}
html body #main .editorial-home #authority .fact-item {
  box-shadow:0 5px 15px -10px rgb(32 39 44 / 24%);
}
html body #main .editorial-home #how-we-work .snej-process__video {
  align-self:start;
  margin-top:4px;
}
html body #main .editorial-home #resources details:first-child {
  border-top:1px solid #d9ddde;
}
html body #main .editorial-home #resources details[open] {
  background:#f5f6f6;
}
html body #main .editorial-home #resources details[open] p { max-width:55ch; }
html body #main .editorial-home .home-inquiry h2 { text-wrap:balance; }
@media(max-width:760px) {
  html body #main .editorial-home .opening-copy p { max-width:31ch; }
  html body #main .editorial-home #products .section-top {
    row-gap:14px;
    margin-bottom:28px;
  }
  html body #main .editorial-home #products .product-editorial { gap:24px; }
  html body #main .editorial-home #materials .material-copy h2 { margin-block:15px; }
  html body #main .editorial-home #authority .fact-panel-heading { padding-top:16px; }
  html body #main .editorial-home #how-we-work .snej-process__video { margin-top:0; }
}
