/* First interior-page application of the homepage's consumer product language. */
.consumer-page {
  font-family: var(--site-font);
  --product-accent: #d6e7a6;
  --product-graphite: #24382f;
  background: #f8f9fa;
  color: #1b2932;
}
.consumer-page .site-navigation[data-header-surface='hero'] {
  border-bottom: 0;
}
.consumer-page .product-entry-k {
  --entry-accent: #d6e7a6;
  --entry-rule: #c8dbc42b;
}
.product-page.consumer-page .product-hero.product-entry {
  background: radial-gradient(ellipse at 28% 40%, #59705d, #293e32 54%, #1d3027);
  color: #f4f6ef;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 20px 6%;
  padding: 108px 6.5% 24px;
}
.product-page.consumer-page .product-entry .product-breadcrumb,
.product-page.consumer-page .product-entry .hero-description,
.product-page.consumer-page .product-entry .product-hero-bottom {
  color: #d0dccf;
}
.product-page.consumer-page .product-entry .product-hero-copy {
  padding-block: 28px;
}
.product-page.consumer-page .product-entry h1 {
  font-size: clamp(34px, 3.2vw, 48px);
  font-weight: 450;
  line-height: 1.35;
}
.consumer-page .product-entry-series {
  font-size: clamp(42px, 5vw, 72px);
  color: #f4f6ef;
  font-weight: 400;
  margin-bottom: 14px;
  letter-spacing: -0.04em;
}
.consumer-page .product-entry-title-line {
  color: #d6e7a6;
}
.consumer-page .product-entry-category {
  color: #e7ede1;
  font-size: 18px;
  margin-top: 22px;
}
.product-page.consumer-page .product-entry .hero-description {
  font-size: 15px;
  line-height: 1.9;
}
.product-page.consumer-page .product-entry .product-hero-art {
  height: clamp(490px, calc(100svh - 245px), 700px);
}
.product-page.consumer-page .product-entry .product-hero-art img {
  filter: drop-shadow(0 25px 30px #0c1a1833);
}
.product-page.consumer-page .product-entry .pill-link {
  border: 0;
  border-radius: 2px;
  padding: 14px 22px;
  background: #d6e7a6;
  color: #21332a;
}
.product-page.consumer-page .product-entry .pill-link:hover {
  background: #e6f1cc;
}
.product-page.consumer-page .product-entry .detail-link {
  color: #d0dccf;
}
.consumer-page .product-entry-nav {
  --entry-accent: #d6e7a6;
  background: #24382f;
}
.consumer-page .wearing-story,
.consumer-page .k-practical,
.consumer-page .product-specs {
  background: #f8f9fa;
  color: #1b2932;
}
/* Light reading surfaces need their own foregrounds; outdoor lime is for dark heroes. */
.consumer-page .wearing-story .wearing-copy .eyebrow,
.consumer-page .wearing-story .detail-link {
  color: #45624c;
}
.consumer-page .wearing-story .detail-link:hover {
  color: #24382f;
}
.consumer-page .wearing-story .feature-lines > div {
  border-color: #dce2e6;
}
.consumer-page .product-information-art {
  background: transparent;
}
.consumer-page .wearing-story .wearing-copy h2,
.consumer-page .k-practical h2 {
  font-weight: 450;
  letter-spacing: -0.035em;
}
.consumer-page .wearing-story .wearing-copy p,
.consumer-page .feature-lines dd,
.consumer-page .feature-lines p {
  color: #62717b;
}
.consumer-page .product-enquiry {
  background: #eaf0e6;
}
.consumer-page :is(.k-practical, .product-specs, .product-enquiry) .eyebrow {
  color: #45624c;
}
.consumer-page .product-specs > div p:not(.eyebrow),
.consumer-page .product-specs dt,
.consumer-page .product-enquiry p:not(.eyebrow) {
  color: #62717b;
}

/* Show the waist assembly here; reserve the full product view for specifications. */
.consumer-page .practical-art {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
.consumer-page .product-entry ~ .k-practical .practical-art img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
@media (min-width: 901px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .consumer-page .product-hero-art[data-product-tilt] img {
    transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg))
      rotate(-8deg);
    transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.25, 1.2);
  }
  .consumer-page .product-hero-art[data-product-tilt]:hover img {
    transform: perspective(1100px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg))
      rotate(0deg) translateY(-5px);
  }
}
@media (max-width: 800px) {
  .product-page.consumer-page .product-hero.product-entry {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'breadcrumb' 'copy' 'art' 'bottom';
    padding: 96px 6.2% 20px;
    gap: 20px;
  }
  .product-page.consumer-page .product-entry .product-hero-copy {
    padding: 0;
  }
  .product-page.consumer-page .product-entry h1 {
    font-size: clamp(28px, 7vw, 36px);
    margin-top: 15px;
  }
  .consumer-page .product-entry-series {
    font-size: 42px;
    margin-bottom: 6px;
  }
  .consumer-page .product-entry-category {
    font-size: 16px;
    margin-top: 14px;
  }
  .product-page.consumer-page .product-entry .hero-description {
    font-size: 14px;
  }
  .product-page.consumer-page .product-entry .product-hero-art {
    height: clamp(300px, 90vw, 460px);
  }
  .product-page.consumer-page .product-entry .product-hero-actions a {
    font-size: 12px;
  }
}