/* Final visual polish: keep the existing product behavior, tighten hierarchy. */
:root {
  --display-tight: -.045em;
}

html,
body { overflow-x: hidden; }

.brand-logo {
  display: block;
  width: auto;
  height: 62px;
  max-width: 66px;
  max-height: 62px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .2));
  transition: filter .25s ease, opacity .25s ease;
}

.site-header {
  height: 84px;
}

.main-nav { gap: 28px; }
.language-button { margin-left: 24px; }

.site-header.scrolled .brand-logo {
  filter: brightness(.5) saturate(.55) drop-shadow(0 1px 2px rgba(23, 53, 45, .12));
}

.brand--footer {
  display: block;
  width: auto;
  margin-bottom: 20px;
}

.footer-logo {
  display: block;
  width: auto;
  height: 62px;
  max-width: 66px;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .2));
}

.hero-logo {
  display: block;
  width: clamp(190px, 19vw, 280px);
  margin-top: 34px;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 30px;
}

.hero-logo-image {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .22));
}

.hero-subtitle {
  max-width: 440px;
  font-size: 17px;
  line-height: 1.4;
  margin-top: 28px;
  margin-bottom: 31px;
  margin-right: auto;
  margin-left: auto;
}

.hero-actions { justify-content: center; gap: 20px; }

.section-heading {
  gap: 48px;
  margin-bottom: 38px;
}

.section-heading h2,
.company-copy h2,
.shipping-grid h2,
.quote-grid h2 {
  max-width: 700px;
  font-size: clamp(42px, 5vw, 74px);
  line-height: .94;
  letter-spacing: var(--display-tight);
  text-wrap: balance;
}

.section-heading > p {
  max-width: 330px;
  font-size: 12px;
  line-height: 1.65;
}

.company-copy h2,
.quote-grid h2 { max-width: 620px; }

.product-card-body {
  display: flex;
  flex-direction: column;
  padding: 22px 22px 22px;
}

.product-card-top {
  font-size: 9px;
  letter-spacing: .12em;
}

.product-card[data-modal-product] .product-toggle { display: none; }

.product-card h3 {
  min-height: 0;
  max-width: 330px;
  margin: 20px 0 11px;
  font-size: clamp(25px, 2.3vw, 32px);
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.product-card p {
  min-height: 0;
  max-width: 330px;
  font-size: 13px;
  line-height: 1.62;
}

.product-tags {
  margin-top: auto;
  padding-top: 15px;
}

.product-tags span {
  padding: 4px 6px;
  font-size: 9px;
}

.product-tags span:nth-child(n + 3) { display: none; }

/* The image itself is the product cue; remove persistent duplicate labels. */
.product-visual > .visual-label,
.product-visual--photo::after,
.product-visual--roll::after,
.product-visual--copy-photo::after,
.product-visual--bag-photo::after { display: none; }

/* Keep one compact hover instruction instead of several overlapping captions. */
.copy-card--modal .product-visual--copy-photo::before {
  background: rgba(255, 255, 255, .2);
  opacity: 0;
  backdrop-filter: blur(7px);
  transform: none;
  transition: opacity .32s ease, backdrop-filter .32s ease;
}

.copy-card--modal .product-visual--copy-photo:hover::before { opacity: 1; }

.copy-card--modal .product-visual--copy-photo::after {
  display: block;
  content: "CLICK TO OPEN";
  z-index: 3;
  right: 24px;
  bottom: 22px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, .68);
  background: rgba(12, 28, 24, .22);
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .1em;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .35s ease, transform .45s ease;
}

.copy-card--modal .product-visual--copy-photo:hover::after {
  opacity: 1;
  transform: translateY(0);
}

.product-visual--bag-click .bag-visual-copy span,
.product-visual--mulch-click .mulch-visual-copy span,
.product-visual--copy-photo .copy-visual-copy span { display: none; }

.product-visual--bag-click .bag-visual-copy::after,
.product-visual--mulch-click .mulch-visual-copy::after {
  content: "CLICK TO OPEN";
  font-size: 8px;
  letter-spacing: .1em;
}

/* One eyebrow per product view; the second line is repeated information. */
.copy-detail-card__top span:last-child,
.bag-detail-card__top span:last-child,
.mulch-detail-card__top span:last-child,
.copy-detail-card__eyebrow,
.bag-detail-card__eyebrow,
.mulch-detail-card__eyebrow { display: none; }

.copy-detail-card__top,
.bag-detail-card__top,
.mulch-detail-card__top {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 8px;
}

.copy-grade-selected,
.bag-scene-selected,
.bag-scene-note,
.bag-fit-note { display: none; }

.production-brief .section-kicker { display: none; }

.production-brief h3,
.shipping-brief h3 {
  font-size: clamp(32px, 3vw, 48px);
  line-height: .98;
  letter-spacing: var(--display-tight);
  text-wrap: balance;
}

.production-brief__lead,
.shipping-brief__lead { font-size: 12px; line-height: 1.62; }

.production-brief__facts p,
.shipping-steps p { font-size: 10px; line-height: 1.5; }

.shipping-gallery__port-facts span { font-size: 9px; line-height: 1.45; }

/* The detail strip repeats the four shipping steps already shown beside the gallery. */
.shipping-detail-strip { display: none; }

.quote-grid > div > p:not(.section-kicker) {
  font-size: 12px;
  line-height: 1.65;
}

.quote-grid li { font-size: 10px; }

@media (max-width: 900px) {
  .site-header { height: 80px; }
  .main-nav { top: 80px; }
  .brand-logo { height: 58px; max-width: 62px; max-height: 58px; }
  .hero-logo { width: min(230px, 52vw); }
  .section-heading h2,
  .company-copy h2,
  .shipping-grid h2,
  .quote-grid h2 { font-size: clamp(40px, 8vw, 62px); }
}

@media (max-width: 560px) {
  .site-header { height: 76px; }
  .main-nav { top: 76px; }
  .brand-logo { height: 54px; max-width: 58px; max-height: 54px; }
  .hero-logo { width: min(205px, 60vw); margin-top: 25px; }
  .hero-content { padding-top: 35px; }
  .section-heading { gap: 19px; margin-bottom: 30px; }
  .section-heading h2,
  .company-copy h2,
  .shipping-grid h2,
  .quote-grid h2 { font-size: 40px; line-height: .96; }
  .section-heading > p { max-width: 310px; font-size: 11px; }
  .product-card h3 { max-width: 290px; font-size: 26px; }
  .product-card p { font-size: 11px; }
  .production-brief h3,
  .shipping-brief h3 { font-size: 35px; }
}

/* Keep chapter headings clean: the numbered kicker labels are unnecessary here. */
#company > .shell .company-copy > .section-kicker,
#company .company-image-slot__index,
#production > .section-heading .section-kicker,
#shipping > .section-heading .section-kicker,
#quote > .quote-grid > div > .section-kicker {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .brand-logo { transition: none; }
}

/* Editorial pass: more breathing room in the hero without changing its existing motion. */
.hero-logo {
  width: clamp(202px, 20vw, 294px);
  margin-top: 44px;
}

.hero-subtitle {
  margin-top: 36px;
  margin-bottom: 42px;
}

.hero-actions { gap: 28px; }

.hero-scroll-cue {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 78px;
  display: grid;
  width: 36px;
  height: 34px;
  place-items: center;
  color: #fff;
  opacity: .76;
  outline-offset: 6px;
  transform: translateX(-50%);
  transition: opacity .2s ease;
}

.hero-scroll-cue::before {
  width: 1px;
  height: 30px;
  background: rgba(255, 255, 255, .54);
  content: "";
}

.hero-scroll-cue span {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  animation: hero-scroll-dot 3.2s cubic-bezier(.45, 0, .55, 1) infinite;
}

.hero-scroll-cue:hover,
.hero-scroll-cue:focus-visible { opacity: 1; }

.hero-scroll-cue:focus-visible { outline: 1px solid rgba(255, 255, 255, .85); }

@keyframes hero-scroll-dot {
  0% { opacity: 0; transform: translateY(-11px); }
  20%, 72% { opacity: 1; }
  100% { opacity: 0; transform: translateY(11px); }
}

/* The existing section numbers enter with a quiet rule, once per section. */
#products,
#company,
#production,
#shipping,
#quote { position: relative; }

#products::before,
#company::before,
#production::before,
#shipping::before,
#quote::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: min(1180px, calc(100% - 72px));
  height: 1px;
  background: rgba(23, 53, 45, .2);
  content: "";
  pointer-events: none;
  transform: translateX(-50%) scaleX(1);
  transform-origin: center;
}

#company::before,
#quote::before { background: rgba(255, 255, 255, .3); }

#shipping::before { background: rgba(18, 58, 71, .22); }

html.editorial-motion #products::before,
html.editorial-motion #company::before,
html.editorial-motion #production::before,
html.editorial-motion #shipping::before,
html.editorial-motion #quote::before {
  opacity: 0;
  transform: translateX(-50%) scaleX(.16);
  transition: transform .68s cubic-bezier(.16, 1, .3, 1), opacity .42s ease;
}

html.editorial-motion #products.is-chapter-visible::before,
html.editorial-motion #company.is-chapter-visible::before,
html.editorial-motion #production.is-chapter-visible::before,
html.editorial-motion #shipping.is-chapter-visible::before,
html.editorial-motion #quote.is-chapter-visible::before {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

#products > .section-heading .section-kicker,
#company .company-copy > .section-kicker,
#production > .section-heading .section-kicker,
#shipping > .section-heading .section-kicker,
#quote .quote-grid > div:first-child > .section-kicker {
  will-change: opacity, transform;
}

html.editorial-motion #products > .section-heading .section-kicker,
html.editorial-motion #company .company-copy > .section-kicker,
html.editorial-motion #production > .section-heading .section-kicker,
html.editorial-motion #shipping > .section-heading .section-kicker,
html.editorial-motion #quote .quote-grid > div:first-child > .section-kicker {
  opacity: 0;
  transform: translateY(9px);
  transition: transform .5s cubic-bezier(.16, 1, .3, 1) .08s, opacity .36s ease .08s;
}

html.editorial-motion #products.is-chapter-visible > .section-heading .section-kicker,
html.editorial-motion #company.is-chapter-visible .company-copy > .section-kicker,
html.editorial-motion #production.is-chapter-visible > .section-heading .section-kicker,
html.editorial-motion #shipping.is-chapter-visible > .section-heading .section-kicker,
html.editorial-motion #quote.is-chapter-visible .quote-grid > div:first-child > .section-kicker {
  opacity: 1;
  transform: none;
}

@media (max-width: 900px) {
  .hero-logo { width: min(242px, 54vw); margin-top: 38px; }
  .hero-subtitle { margin-top: 32px; margin-bottom: 37px; }
  .hero-actions { gap: 24px; }

  #products::before,
  #company::before,
  #production::before,
  #shipping::before,
  #quote::before { width: min(680px, calc(100% - 40px)); }
}

@media (max-width: 560px) {
  .hero-logo { width: min(214px, 61vw); margin-top: 29px; }
  .hero-subtitle { margin-top: 28px; margin-bottom: 33px; }
  .hero-actions { gap: 20px; }
  .hero-scroll-cue { bottom: 88px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-scroll-cue { display: none; }

  #products::before,
  #company::before,
  #production::before,
  #shipping::before,
  #quote::before {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
    transition: none;
  }

  #products > .section-heading .section-kicker,
  #company .company-copy > .section-kicker,
  #production > .section-heading .section-kicker,
  #shipping > .section-heading .section-kicker,
  #quote .quote-grid > div:first-child > .section-kicker {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Keep the brand legible while the moving factory footage changes behind it. */
.hero-overlay {
  background:
    radial-gradient(ellipse 50% 68% at 50% 51%, rgba(7, 27, 21, .52) 0%, rgba(7, 27, 21, .36) 47%, rgba(7, 27, 21, 0) 82%),
    linear-gradient(90deg, rgba(7, 27, 21, .74), rgba(7, 27, 21, .16) 58%, rgba(7, 27, 21, .38)),
    linear-gradient(0deg, rgba(7, 27, 21, .68), transparent 54%);
}

.hero-logo-image {
  filter: contrast(1.06) drop-shadow(0 12px 30px rgba(0, 0, 0, .48));
}

.hero .eyebrow,
.hero-subtitle,
.hero-actions .text-link { text-shadow: 0 2px 16px rgba(0, 0, 0, .55); }

.hero-actions .button--light { box-shadow: 0 12px 30px rgba(0, 0, 0, .2); }

@media (max-width: 560px) {
  .hero-overlay {
    background:
      radial-gradient(ellipse 84% 63% at 50% 48%, rgba(7, 27, 21, .56) 0%, rgba(7, 27, 21, .36) 52%, rgba(7, 27, 21, 0) 86%),
      linear-gradient(0deg, rgba(7, 27, 21, .7), rgba(7, 27, 21, .18) 62%, rgba(7, 27, 21, .4));
  }
}

/* Chinese copy keeps the same hierarchy without inheriting overly wide Latin tracking. */
html[lang="zh-CN"] .hero .eyebrow,
html[lang="zh-CN"] .section-kicker,
html[lang="zh-CN"] .shipping-brief__eyebrow { letter-spacing: .1em; }

html[lang="zh-CN"] .section-heading h2,
html[lang="zh-CN"] .company-copy h2,
html[lang="zh-CN"] .shipping-grid h2,
html[lang="zh-CN"] .quote-grid h2,
html[lang="zh-CN"] .production-brief h3,
html[lang="zh-CN"] .shipping-brief h3 { letter-spacing: -.03em; line-height: 1.04; }

html[lang="zh-CN"] .product-card h3 { letter-spacing: -.035em; line-height: 1.08; }

html[lang="zh-CN"] .copy-detail-card h2,
html[lang="zh-CN"] .bag-detail-card h2,
html[lang="zh-CN"] .mulch-detail-card h2 { letter-spacing: -.03em; line-height: 1.04; }

html[lang="zh-CN"] .product-visual--bag-click .bag-visual-copy::after,
html[lang="zh-CN"] .product-visual--mulch-click .mulch-visual-copy::after { content: "点击查看"; }

html[lang="zh-CN"] .copy-card--modal .product-visual--copy-photo::after { content: "点击查看"; }

/* Compact the chapter rhythm without changing cards, modals or motion. */
.section-pad { padding-top: 98px; padding-bottom: 94px; }
.products-section { padding: 98px 0 92px; }
.products-section .section-heading { margin-bottom: 42px; }
.company-section { padding-top: 98px; padding-bottom: 98px; }
.production-section { padding-top: 98px; padding-bottom: 94px; }
.shipping-section { padding-top: 98px; padding-bottom: 28px; }
.quote-section { padding-top: 96px; padding-bottom: 96px; }

@media (max-width: 900px) {
  .section-pad { padding-top: 82px; padding-bottom: 78px; }
  .products-section { padding: 82px 0 78px; }
  .company-section { padding-top: 82px; padding-bottom: 82px; }
  .production-section { padding-top: 82px; padding-bottom: 78px; }
  .shipping-section { padding-top: 82px; padding-bottom: 24px; }
  .quote-section { padding-top: 80px; padding-bottom: 80px; }
}

@media (max-width: 560px) {
  .section-pad { padding-top: 66px; padding-bottom: 62px; }
  .products-section { padding: 66px 0 62px; }
  .products-section .section-heading { margin-bottom: 30px; }
  .company-section { padding-top: 66px; padding-bottom: 66px; }
  .production-section { padding-top: 66px; padding-bottom: 62px; }
  .shipping-section { padding-top: 66px; padding-bottom: 20px; }
  .quote-section { padding-top: 64px; padding-bottom: 64px; }
}

html[lang="zh-CN"] .copy-detail-card__media::after { content: "COPY PAPER"; }
/* Chapter rebuild: distinct page atmospheres with visible, one-time reveals. */
#products,
#company,
#production,
#shipping,
#quote {
  isolation: isolate;
  overflow: hidden;
}

#products > .shell,
#company > .shell,
#production > .shell,
#shipping > .shell,
#quote > .shell {
  position: relative;
  z-index: 2;
}

#products {
  background:
    radial-gradient(circle at 9% 18%, rgba(221,178,127,.14), transparent 22%),
    radial-gradient(circle at 88% 76%, rgba(103,157,168,.12), transparent 24%),
    repeating-linear-gradient(0deg, rgba(23,53,45,.018) 0 1px, transparent 1px 5px),
    #f7f5ef;
}

#products::after,
#company::after,
#production::after,
#shipping::after,
#quote::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
}

#products::after {
  background:
    linear-gradient(118deg, transparent 0 42%, rgba(255,255,255,.42) 42.2%, transparent 42.5%),
    linear-gradient(90deg, transparent 0 78%, rgba(23,53,45,.04) 78.1%, transparent 78.3%);
  opacity: .72;
}

#company::after {
  background:
    linear-gradient(90deg, transparent 0 50%, rgba(49,135,162,.08) 50.1%, transparent 50.2%),
    linear-gradient(0deg, transparent 0 72%, rgba(49,135,162,.08) 72.1%, transparent 72.2%);
  background-size: 92px 92px;
  opacity: .46;
}

#quote::after {
  background:
    radial-gradient(circle at 80% 26%, rgba(216,135,99,.16), transparent 27%),
    linear-gradient(135deg, transparent 0 63%, rgba(255,255,255,.035) 63.2%, transparent 63.45%);
}

html.editorial-motion #products .section-heading h2,
html.editorial-motion #products .section-heading > p,
html.editorial-motion #company .company-copy h2,
html.editorial-motion #company .company-copy > p:not(.section-kicker),
html.editorial-motion #production .section-heading h2,
html.editorial-motion #production .section-heading > p,
html.editorial-motion #shipping .section-heading h2,
html.editorial-motion #shipping .section-heading > p,
html.editorial-motion #quote .quote-grid > div:first-child > h2,
html.editorial-motion #quote .quote-grid > div:first-child > p:not(.section-kicker) {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .62s ease, transform .82s cubic-bezier(.19,1,.22,1);
}

html.editorial-motion #products.is-chapter-visible .section-heading h2,
html.editorial-motion #products.is-chapter-visible .section-heading > p,
html.editorial-motion #company.is-chapter-visible .company-copy h2,
html.editorial-motion #company.is-chapter-visible .company-copy > p:not(.section-kicker),
html.editorial-motion #production.is-chapter-visible .section-heading h2,
html.editorial-motion #production.is-chapter-visible .section-heading > p,
html.editorial-motion #shipping.is-chapter-visible .section-heading h2,
html.editorial-motion #shipping.is-chapter-visible .section-heading > p,
html.editorial-motion #quote.is-chapter-visible .quote-grid > div:first-child > h2,
html.editorial-motion #quote.is-chapter-visible .quote-grid > div:first-child > p:not(.section-kicker) {
  opacity: 1;
  transform: none;
}

html.editorial-motion #products .section-heading > p,
html.editorial-motion #shipping .section-heading > p,
html.editorial-motion #quote .quote-grid > div:first-child > p:not(.section-kicker) { transition-delay: .12s; }

#products .product-grid { align-items: stretch; }

/* Keep all three cards identical in size and let the established product reveal own the motion. */
#products .product-card {
  --chapter-card-offset: 0px;
  position: relative;
  z-index: 1;
  box-shadow: 0 16px 42px rgba(23,53,45,.07), 0 2px 0 rgba(255,255,255,.8) inset;
  transition: opacity 1.1s ease, transform 1.25s cubic-bezier(.19,1,.22,1), box-shadow .48s ease, filter .35s ease;
}

#products .product-card:nth-child(2),
#products .product-card:nth-child(3) { --chapter-card-offset: 0px; }

#products .product-card {
  grid-template-rows: clamp(350px, 31vw, 470px) 1fr;
}

#products .product-card.is-visible:hover {
  z-index: 4;
  transform: translateY(-6px) scale(1.006);
  box-shadow: 0 28px 58px rgba(23,53,45,.16), 0 2px 0 rgba(255,255,255,.95) inset;
}

/* Keep every product description crisp; hover only lifts the active card. */
#products .product-card:not(:hover) { filter: none; opacity: 1; }

/* Product-card copy: darker, steadier small type for comfortable reading on desktop displays. */
#products .product-card-top {
  font-size: 10px;
  font-weight: 800;
  color: #bd5e42;
}

#products .product-card p {
  color: #52635b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
}

#products .product-tags span {
  color: #2b5044;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}

#company .company-layout,
#production .production-grid--gallery,
#shipping .shipping-flow,
#quote .quote-grid { position: relative; }

html.editorial-motion #company .company-facts,
html.editorial-motion #company .company-copy__cta,
html.editorial-motion #production .production-gallery,
html.editorial-motion #production .production-brief,
html.editorial-motion #shipping .shipping-gallery,
html.editorial-motion #shipping .shipping-brief,
html.editorial-motion #quote #quoteForm,
html.editorial-motion #quote .quote-grid ul {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .66s ease, transform .84s cubic-bezier(.19,1,.22,1);
}

html.editorial-motion #company.is-chapter-visible .company-facts,
html.editorial-motion #company.is-chapter-visible .company-copy__cta,
html.editorial-motion #production.is-chapter-visible .production-gallery,
html.editorial-motion #production.is-chapter-visible .production-brief,
html.editorial-motion #shipping.is-chapter-visible .shipping-gallery,
html.editorial-motion #shipping.is-chapter-visible .shipping-brief,
html.editorial-motion #quote.is-chapter-visible #quoteForm,
html.editorial-motion #quote.is-chapter-visible .quote-grid ul { opacity: 1; transform: none; }

html.editorial-motion #company.is-chapter-visible .company-copy__cta,
html.editorial-motion #shipping.is-chapter-visible .shipping-brief,
html.editorial-motion #quote.is-chapter-visible #quoteForm { transition-delay: .16s; }

#quote {
  background:
    radial-gradient(circle at 68% 36%, rgba(216,135,99,.12), transparent 26%),
    linear-gradient(118deg, #102f27 0%, #173f34 58%, #0d2822 100%);
}

#quoteForm {
  position: relative;
  overflow: hidden;
  border-top: 4px solid #d88763;
  box-shadow: 0 30px 70px rgba(4,18,14,.28), 0 0 0 1px rgba(255,255,255,.4) inset;
}

#quoteForm::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 34%;
  height: 4px;
  background: #3187a2;
  content: "";
}

#quoteForm input:focus,
#quoteForm select:focus,
#quoteForm textarea:focus { box-shadow: 0 2px 0 #3187a2; }

#quoteForm .button--accent { transition: background .28s ease, transform .28s ease, box-shadow .28s ease; }
#quoteForm .button--accent:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(201,104,68,.24); }

html.editorial-motion #quote .quote-grid li {
  opacity: 0;
  transform: translateX(-18px);
  transition: opacity .48s ease, transform .62s cubic-bezier(.19,1,.22,1);
}

html.editorial-motion #quote.is-chapter-visible .quote-grid li { opacity: 1; transform: none; }
html.editorial-motion #quote.is-chapter-visible .quote-grid li:nth-child(2) { transition-delay: .1s; }
html.editorial-motion #quote.is-chapter-visible .quote-grid li:nth-child(3) { transition-delay: .2s; }

@media (max-width: 900px) {
  #products .product-card:nth-child(2),
  #products .product-card:nth-child(3) { --chapter-card-offset: 0px; }
}

@media (max-width: 560px) {
  #products .product-grid { gap: 24px; }
  #products .product-card.is-visible:hover { transform: translateY(-4px) scale(1.003); }
}

@media (prefers-reduced-motion: reduce) {
  #products .product-card,
  #company .company-facts,
  #company .company-copy__cta,
  #production .production-gallery,
  #production .production-brief,
  #shipping .shipping-gallery,
  #shipping .shipping-brief,
  #quote #quoteForm,
  #quote .quote-grid ul,
  #quote .quote-grid li,
  #products .section-heading h2,
  #products .section-heading > p,
  #company .company-copy h2,
  #company .company-copy > p:not(.section-kicker),
  #production .section-heading h2,
  #production .section-heading > p,
  #shipping .section-heading h2,
  #shipping .section-heading > p,
  #quote .quote-grid > div:first-child > h2,
  #quote .quote-grid > div:first-child > p:not(.section-kicker) {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}