/* Enterprise catalogue refinement.
   This layer intentionally avoids product modal selectors so the confirmed
   product interactions remain unchanged. */

:root {
  --catalog-ink: #17352d;
  --catalog-muted: #65716b;
  --catalog-paper: #f5f3ed;
  --catalog-line: rgba(23, 53, 45, .18);
  --catalog-accent: #c76544;
}

/* Homepage: keep the video, Logo and existing entrance timing; reduce only the
   promotional treatment around them. */
.hero-overlay {
  background: linear-gradient(180deg, rgba(8, 25, 19, .16), rgba(8, 25, 19, .68)) !important;
}

.hero-subtitle,
.hero-actions .text-link {
  text-shadow: none !important;
}

/* Natural headings replace the compressed display-poster treatment. */
main .section-heading h2,
main .company-copy h2,
main .shipping-brief h3,
main .production-brief h3,
main .quote-grid h2 {
  font-weight: 700 !important;
  letter-spacing: -.018em !important;
  line-height: 1.06 !important;
  text-wrap: balance;
}

main .section-heading h2 em,
main .company-copy h2 em,
main .shipping-brief h3 em,
main .production-brief h3 em,
main .quote-grid h2 em {
  color: inherit !important;
  font-style: normal !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Repeated section codes are not useful navigation information. */
main .section-heading > .section-kicker,
main .company-copy > .section-kicker,
main .quote-grid > div > .section-kicker,
main .production-brief > .section-kicker,
main .shipping-brief > .shipping-brief__eyebrow {
  display: none !important;
}

/* Product catalogue: preserve card size and the established card entrance
   animation, but remove poster-like background treatments. */
#products {
  background: var(--catalog-paper) !important;
  background-image: none !important;
}

#products::after {
  display: none !important;
}

#products .section-heading {
  margin-bottom: 38px !important;
}

#products .section-heading h2 {
  max-width: 520px;
  font-size: clamp(42px, 5vw, 70px) !important;
}

#products .section-heading > p {
  color: var(--catalog-muted) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

#products .product-card {
  border-color: rgba(23, 53, 45, .14) !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 30px rgba(23, 53, 45, .08) !important;
}

#products .product-card-top span {
  color: var(--catalog-accent) !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

#products .product-card h3 {
  max-width: 360px !important;
  font-weight: 700 !important;
  letter-spacing: -.022em !important;
  line-height: 1.08 !important;
}

#products .product-card p {
  color: var(--catalog-muted) !important;
  text-shadow: none !important;
}

#products .product-tags span {
  border-color: var(--catalog-line) !important;
  background: transparent !important;
  color: #40594f !important;
  box-shadow: none !important;
}

/* The card's hover cue remains available, while its permanent visual copy is
   removed. Modal-specific hover layers are outside this rule. */
#products .product-visual .copy-visual-copy span,
#products .product-visual .copy-visual-copy b,
#products .product-visual .bag-visual-copy span,
#products .product-visual .bag-visual-copy b,
#products .product-visual .mulch-visual-copy span,
#products .product-visual .mulch-visual-copy b {
  display: none !important;
}

/* Company: real images and ordinary facts, without the route-diagram look. */
#company {
  background: #eaf0ee !important;
  color: var(--catalog-ink) !important;
}

#company .company-copy h2,
#company .company-facts strong {
  color: var(--catalog-ink) !important;
}

#company .company-copy > p:not(.section-kicker),
#company .company-facts span {
  color: var(--catalog-muted) !important;
}

#company .company-facts,
#company .company-facts > div {
  border-color: var(--catalog-line) !important;
}

#company .company-facts b {
  color: var(--catalog-accent) !important;
}

#company .company-image-slot {
  background: #16352e !important;
}

#company .company-image-slot__frame {
  min-height: 580px !important;
  border: 0 !important;
}

#company .company-supply-panel__mark,
#company .company-supply-panel__route,
#company .company-supply-panel__top,
#company .company-supply-panel__note {
  display: none !important;
}

#company .company-supply-panel__cards {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  grid-template-columns: 1.08fr .92fr !important;
  gap: 0 !important;
}

#company .company-supply-panel__cards figure {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  background: #24433a !important;
  animation: none !important;
  opacity: 1 !important;
}

#company .company-supply-panel__cards figure + figure {
  border-left: 1px solid rgba(255, 255, 255, .28) !important;
}

#company .company-supply-panel__cards img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  transform: none !important;
}

#company .company-supply-panel__cards figcaption {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 12px 16px !important;
  background: linear-gradient(180deg, transparent, rgba(11, 31, 25, .82)) !important;
}

/* Production: real gallery first, static process information second. */
#production {
  background: #f0f0ea !important;
  background-image: none !important;
}

#production::before,
#production::after {
  display: none !important;
}

#production .production-brief {
  background: #faf9f4 !important;
  border: 1px solid var(--catalog-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--catalog-ink) !important;
}

#production .production-brief h3,
#production .production-brief h4 {
  color: var(--catalog-ink) !important;
}

#production .production-brief__lead,
#production .production-brief__facts p {
  color: var(--catalog-muted) !important;
}

#production .production-gallery__viewport {
  border-radius: 0 !important;
  box-shadow: 0 12px 28px rgba(23, 53, 45, .12) !important;
}

#production .production-gallery__slide img {
  filter: none !important;
  transform: scale(1) !important;
}

#production .production-gallery__slide::after {
  background: rgba(10, 29, 25, .14) !important;
}

#production .production-gallery__slide figcaption {
  left: 18px !important;
  bottom: 18px !important;
  padding: 7px 10px !important;
  color: var(--catalog-ink) !important;
  background: rgba(250, 249, 244, .92) !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

#production .production-process-rail {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

#production .production-process-rail::before,
#production .production-process-rail::after,
#production .production-process-rail span::before {
  display: none !important;
}

#production .production-process-rail span {
  color: var(--catalog-muted) !important;
  transform: none !important;
  transition: none !important;
}

#production .production-process-rail span.is-active {
  color: var(--catalog-ink) !important;
  font-weight: 700 !important;
}

/* Shipping: calm paper background and ordinary four-step route text. */
#shipping {
  background: #e9eeee !important;
  background-image: none !important;
}

#shipping::after {
  display: none !important;
}

#shipping .shipping-gallery__viewport {
  border-color: rgba(23, 53, 45, .18) !important;
  box-shadow: 0 12px 28px rgba(23, 53, 45, .12) !important;
}

#shipping .shipping-gallery__slide img {
  filter: none !important;
  transform: scale(1) !important;
}

#shipping .shipping-gallery__slide::after {
  background: rgba(10, 29, 25, .14) !important;
}

#shipping .shipping-gallery__slide figcaption {
  left: 18px !important;
  bottom: 18px !important;
  padding: 7px 10px !important;
  background: rgba(250, 249, 244, .92) !important;
  color: var(--catalog-ink) !important;
  text-shadow: none !important;
}

#shipping .shipping-gallery__slide figcaption span,
#shipping .shipping-gallery__slide figcaption strong {
  color: var(--catalog-ink) !important;
  letter-spacing: 0 !important;
}

#shipping .shipping-brief,
#shipping .shipping-gallery__port-note {
  background: #faf9f4 !important;
  border: 1px solid var(--catalog-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--catalog-ink) !important;
}

#shipping .shipping-brief h3,
#shipping .shipping-brief h4,
#shipping .shipping-gallery__port-note h3,
#shipping .shipping-gallery__port-facts strong {
  color: var(--catalog-ink) !important;
}

#shipping .shipping-brief__lead,
#shipping .shipping-steps p,
#shipping .shipping-gallery__port-note > p:not(.shipping-gallery__port-kicker),
#shipping .shipping-gallery__port-facts span {
  color: var(--catalog-muted) !important;
}

#shipping .shipping-route {
  background: transparent !important;
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 1px solid var(--catalog-line) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

#shipping .shipping-route span {
  color: var(--catalog-muted) !important;
  background: transparent !important;
  transform: none !important;
  transition: none !important;
}

#shipping .shipping-route span.is-active {
  color: var(--catalog-ink) !important;
  font-weight: 700 !important;
}

#shipping .shipping-route i,
#shipping .shipping-route i.is-complete {
  background: var(--catalog-line) !important;
  transform: none !important;
  transition: none !important;
}

/* Quote: keep the form as-is, but remove the presentation-dashboard effects. */
#quote {
  background: var(--catalog-ink) !important;
  background-image: none !important;
}

#quote::after {
  display: none !important;
}

#quoteForm {
  box-shadow: none !important;
  border-radius: 0 !important;
}

#quoteForm::before {
  display: none !important;
}

#quoteForm .button--accent:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* Disable chapter reveal choreography. Product-card reveal is intentionally
   excluded and remains controlled by product-enhancements.js. */
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 #company .company-facts,
html.editorial-motion #company .company-copy__cta,
html.editorial-motion #production .section-heading h2,
html.editorial-motion #production .section-heading > p,
html.editorial-motion #production .production-gallery,
html.editorial-motion #production .production-brief,
html.editorial-motion #shipping .section-heading h2,
html.editorial-motion #shipping .section-heading > p,
html.editorial-motion #shipping .shipping-gallery,
html.editorial-motion #shipping .shipping-brief,
html.editorial-motion #shipping .shipping-route,
html.editorial-motion #quote .quote-grid > div:first-child > h2,
html.editorial-motion #quote .quote-grid > div:first-child > p:not(.section-kicker),
html.editorial-motion #quote #quoteForm,
html.editorial-motion #quote .quote-grid ul,
html.editorial-motion #quote .quote-grid li {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (max-width: 700px) {
  #company .company-supply-panel__cards {
    grid-template-columns: 1fr 1fr !important;
  }

  #production .production-gallery__slide figcaption,
  #shipping .shipping-gallery__slide figcaption {
    left: 12px !important;
    bottom: 12px !important;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #company .company-supply-panel__cards figure,
  #company .company-supply-panel__cards img,
  #production .production-gallery__slide img,
  #shipping .shipping-gallery__slide img {
    animation: none !important;
    transition: none !important;
  }
}

/* Final catalogue pass: keep the paper backgrounds light, but restore a
   readable ink contrast. The company image slot stays empty until real
   company photography is available. */
:root {
  --catalog-muted: #465850;
  --catalog-line: rgba(23, 53, 45, .24);
}

main .section-heading > p,
#products .product-card p,
#company .company-copy > p:not(.section-kicker),
#company .company-facts span,
#production .production-brief__lead,
#production .production-brief__facts p,
#shipping .shipping-brief__lead,
#shipping .shipping-steps p,
#shipping .shipping-gallery__port-note > p:not(.shipping-gallery__port-kicker),
#shipping .shipping-gallery__port-facts span {
  color: #465850 !important;
}

#products,
#production,
#shipping {
  background-color: #f1efe8 !important;
}

#company {
  background: #e3ebe7 !important;
}

#company .company-layout {
  grid-template-columns: minmax(0, 780px) !important;
  gap: 0 !important;
}

#company .company-copy > p:not(.section-kicker) {
  max-width: 720px !important;
}

#company .company-image-slot {
  display: none !important;
}

#company .company-facts span {
  color: #3f514a !important;
}

#production .production-list p,
#shipping .shipping-brief__lead,
#shipping .shipping-steps p {
  color: #465850 !important;
}

/* Complete enterprise catalogue pass.
   The regular pages use one restrained paper palette; the products retain
   their existing entrance animation and all modal rules remain untouched. */
:root {
  --catalog-paper: #ffffff;
  --catalog-ink: #18372f;
  --catalog-muted: #465850;
  --catalog-line: rgba(24, 55, 47, .22);
  --catalog-accent: #b86347;
}

body {
  background: #ffffff !important;
  color: var(--catalog-ink) !important;
}

#products,
#company,
#production,
#shipping,
#quote {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--catalog-ink) !important;
}

#products::before,
#products::after,
#company::before,
#company::after,
#production::before,
#production::after,
#shipping::before,
#shipping::after,
#quote::before,
#quote::after {
  display: none !important;
}

main .section-heading {
  grid-template-columns: minmax(0, 1fr) minmax(250px, .46fr) !important;
  gap: 64px !important;
  margin-bottom: 42px !important;
}

main .section-heading h2,
main .company-copy h2,
main .production-brief h3,
main .shipping-brief h3,
main .quote-grid h2 {
  color: var(--catalog-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08 !important;
  text-shadow: none !important;
}

main .section-heading h2 em,
main .company-copy h2 em,
main .production-brief h3 em,
main .shipping-brief h3 em,
main .quote-grid h2 em {
  color: inherit !important;
  font-style: normal !important;
}

main .section-heading > p,
#company .company-copy > p:not(.section-kicker),
#production .production-brief__lead,
#shipping .shipping-brief__lead,
#quote .quote-grid > div > p:not(.section-kicker) {
  color: var(--catalog-muted) !important;
  text-shadow: none !important;
}

.section-kicker,
.shipping-brief__eyebrow {
  display: none !important;
}

/* Product cards remain equal and clickable; only their poster-style copy is
   removed. No opacity, transform or transition is set here so the product
   entrance animation continues to come from the existing product layer. */
#products .product-card {
  background: #ffffff !important;
  border: 1px solid var(--catalog-line) !important;
  border-radius: 0 !important;
  box-shadow: 0 8px 22px rgba(24, 55, 47, .07) !important;
}

#products .product-card-top > span,
#products .product-visual .visual-label,
#products .product-visual .copy-visual-copy,
#products .product-visual .bag-visual-copy,
#products .product-visual .mulch-visual-copy {
  display: none !important;
}

#products .product-card-top {
  min-height: 18px !important;
}

#products .product-card h3 {
  color: var(--catalog-ink) !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
  text-shadow: none !important;
}

#products .product-card p {
  color: var(--catalog-muted) !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}

#products .product-tags span {
  border-color: var(--catalog-line) !important;
  background: transparent !important;
  color: var(--catalog-muted) !important;
  box-shadow: none !important;
}

/* Company: without placeholder photography, use a wide editorial text plate
   and three restrained facts instead of leaving an empty image column. */
#company {
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 1px solid var(--catalog-line) !important;
}

#company .company-layout {
  grid-template-columns: minmax(0, 980px) !important;
  max-width: 1120px !important;
  gap: 0 !important;
}

#company .company-copy {
  max-width: 980px !important;
}

#company .company-copy > p:not(.section-kicker) {
  max-width: 820px !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

#company .company-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  border-top: 0 !important;
}

#company .company-facts > div {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 0 !important;
  padding: 18px 0 0 !important;
}

#company .company-facts b {
  color: var(--catalog-accent) !important;
  font-size: 11px !important;
}

#company .company-facts strong {
  color: var(--catalog-ink) !important;
}

#company .company-facts span {
  grid-column: auto !important;
  color: var(--catalog-muted) !important;
}

#company .company-copy__cta {
  color: var(--catalog-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  border-color: var(--catalog-ink) !important;
  text-shadow: none !important;
}

#company .company-image-slot {
  display: none !important;
}

/* Production: a clear image-and-brief layout, with the process rail treated
   as a static legend rather than a dashboard. */
#production {
  border-bottom: 1px solid var(--catalog-line) !important;
}

#production .production-brief,
#shipping .shipping-brief,
#shipping .shipping-gallery__port-note {
  background: #ffffff !important;
  border: 1px solid var(--catalog-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: var(--catalog-ink) !important;
}

#production .production-brief h3,
#production .production-brief h4,
#shipping .shipping-brief h3,
#shipping .shipping-brief h4,
#shipping .shipping-gallery__port-note h3,
#shipping .shipping-gallery__port-facts strong {
  color: var(--catalog-ink) !important;
}

#production .production-brief__facts article,
#shipping .shipping-steps article,
#shipping .shipping-gallery__port-facts > div {
  border-color: var(--catalog-line) !important;
}

#production .production-brief__facts p,
#shipping .shipping-steps p,
#shipping .shipping-gallery__port-note > p:not(.shipping-gallery__port-kicker),
#shipping .shipping-gallery__port-facts span {
  color: var(--catalog-muted) !important;
}

#production .production-process-rail {
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 1px solid var(--catalog-line) !important;
  box-shadow: none !important;
  background: transparent !important;
}

#production .production-process-rail span {
  color: var(--catalog-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Shipping: white page, dark type and quiet image captions. This removes the
   unreadable white-on-gray title treatment while retaining the gallery. */
#shipping {
  border-bottom: 1px solid var(--catalog-line) !important;
}

#shipping .shipping-gallery__viewport {
  border-color: var(--catalog-line) !important;
  box-shadow: 0 8px 22px rgba(24, 55, 47, .07) !important;
}

#shipping .shipping-gallery__slide::after {
  background: rgba(24, 55, 47, .08) !important;
}

#shipping .shipping-gallery__slide figcaption {
  background: rgba(255, 255, 255, .95) !important;
  color: var(--catalog-ink) !important;
  text-shadow: none !important;
}

#shipping .shipping-gallery__slide figcaption span,
#shipping .shipping-gallery__slide figcaption strong {
  color: var(--catalog-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#shipping .shipping-gallery__slide figcaption strong {
  font-size: clamp(22px, 2vw, 28px) !important;
  line-height: 1.12 !important;
}

#shipping .shipping-gallery__port-kicker {
  display: none !important;
}

#production .production-gallery__hint {
  color: var(--catalog-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

#shipping .shipping-route {
  background: transparent !important;
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 1px solid var(--catalog-line) !important;
  box-shadow: none !important;
  color: var(--catalog-muted) !important;
}

#shipping .shipping-route span {
  color: var(--catalog-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}

#shipping .shipping-route span.is-active {
  color: var(--catalog-ink) !important;
  font-weight: 700 !important;
}

#shipping .shipping-route i,
#shipping .shipping-route i.is-complete {
  background: var(--catalog-line) !important;
  box-shadow: none !important;
}

/* Quote: keep the current form, but use the same readable page palette. */
#quote {
  border-top: 1px solid var(--catalog-line) !important;
}

#quote .quote-grid h2,
#quote .quote-grid > div > p:not(.section-kicker),
#quote .quote-grid li {
  color: var(--catalog-ink) !important;
  text-shadow: none !important;
}

#quote .quote-grid ul,
#quote .quote-grid li {
  border-color: var(--catalog-line) !important;
}

#quoteForm {
  background: #ffffff !important;
  border: 1px solid var(--catalog-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#quoteForm::before {
  display: none !important;
}

#quoteForm .button--accent {
  background: var(--catalog-ink) !important;
  color: #ffffff !important;
}

#quoteForm .button--accent:hover {
  background: #2a5044 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Less vertical air, while keeping each section clearly separated. */
.products-section,
.production-section {
  padding-top: 78px !important;
  padding-bottom: 76px !important;
}

.company-section {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.shipping-section {
  padding-top: 78px !important;
  padding-bottom: 28px !important;
}

.quote-section {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

@media (max-width: 900px) {
  main .section-heading {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #company .company-facts {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}

@media (max-width: 560px) {
  main .section-heading h2,
  main .company-copy h2,
  main .quote-grid h2 {
    font-size: clamp(36px, 11vw, 54px) !important;
  }

  #company .company-copy > p:not(.section-kicker) {
    font-size: 15px !important;
  }

  .products-section,
  .production-section,
  .company-section,
  .shipping-section,
  .quote-section {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
}

@media (min-width: 901px) {
  #production .production-gallery__slide,
  #shipping .shipping-gallery__slide {
    height: 680px !important;
  }
}

/* Final spacing correction: fill the lower chapters without changing product modals. */
#company .company-layout {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr) !important;
  gap: clamp(42px, 6vw, 88px) !important;
  align-items: center !important;
}

#company .company-copy {
  max-width: none !important;
}

#company .company-image-slot {
  display: grid !important;
  min-height: 560px !important;
  place-items: center !important;
  padding: 34px !important;
  background: #e8ece8 !important;
  border: 1px solid #cbd4cc !important;
  overflow: hidden !important;
}

#company .company-image-slot::before,
#company .company-image-slot::after {
  display: none !important;
}

#company .company-image-slot__frame {
  display: flex !important;
  width: 100% !important;
  min-height: 490px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 34px !important;
  border: 1px dashed #aebbb0 !important;
  color: #607169 !important;
  text-align: center !important;
}

#company .company-image-slot__frame span {
  color: #607169 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#company .company-image-slot__frame strong {
  color: #17352d !important;
  font-size: clamp(25px, 3vw, 42px) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

#company .company-profile-panel {
  min-height: 470px;
  padding: clamp(30px, 4vw, 54px) !important;
  background: #17352d;
  color: #fff;
  border: 1px solid rgba(23, 53, 45, .16);
  box-shadow: 0 24px 58px rgba(23, 53, 45, .14);
}

#company .company-profile-panel__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255,255,255,.22);
  color: #d88763;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}

#company .company-profile-panel h3 {
  margin: 48px 0 48px;
  color: #fff !important;
  font-size: clamp(34px, 3.3vw, 48px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

#company .company-profile-panel h3 em {
  color: #d88763 !important;
  font-style: normal;
}

#company .company-profile-panel__list {
  border-top: 1px solid rgba(255,255,255,.22);
}

#company .company-profile-panel__list > div {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 12px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(255,255,255,.22);
}

#company .company-profile-panel__list b {
  color: #d88763;
  font-size: 10px;
}

#company .company-profile-panel__list strong,
#company .company-profile-panel__list span {
  grid-column: 2;
}

#company .company-profile-panel__list strong {
  color: #fff;
  font-size: 14px;
}

#company .company-profile-panel__list span {
  margin-top: -5px;
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.45;
}

#production .production-grid--gallery {
  grid-template-columns: minmax(0, 2.2fr) minmax(370px, .9fr) !important;
  gap: 46px !important;
}

#production .production-gallery__slide,
#shipping .shipping-gallery__slide {
  height: clamp(560px, 55vw, 740px) !important;
}

#shipping .shipping-flow {
  grid-template-columns: minmax(0, 2.1fr) minmax(370px, .9fr) !important;
  gap: 44px !important;
}

#shipping .shipping-detail-strip,
.shipping-detail-strip {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 900px) {
  #company .company-layout,
  #production .production-grid--gallery,
  #shipping .shipping-flow {
    grid-template-columns: 1fr !important;
  }

  #company .company-image-slot {
    min-height: 460px !important;
  }

  #company .company-image-slot__frame {
    min-height: 390px !important;
  }
}

@media (max-width: 560px) {
  #company .company-image-slot {
    min-height: 360px !important;
    padding: 20px !important;
  }

  #company .company-image-slot__frame {
    min-height: 310px !important;
    padding: 20px !important;
  }

  #production .production-gallery__slide,
  #shipping .shipping-gallery__slide {
    height: 440px !important;
  }
}

/* Final corrective pass: reduce the poster-sized headings and give the
   content chapters a fuller, more practical layout. */
main .section-heading h2,
main .company-copy h2,
main .production-brief h3,
main .shipping-brief h3,
main .quote-grid h2 {
  font-size: clamp(36px, 3.8vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}

#products .section-heading h2 {
  font-size: clamp(38px, 4vw, 54px) !important;
}

#company .company-copy {
  max-width: 1120px !important;
}

#company .company-context {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  max-width: 900px !important;
  margin: 28px 0 4px !important;
  border-top: 1px solid var(--catalog-line) !important;
  border-bottom: 1px solid var(--catalog-line) !important;
}

#company .company-context article {
  padding: 19px 0 21px !important;
}

#company .company-context b {
  display: block !important;
  margin-bottom: 9px !important;
  color: var(--catalog-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

#company .company-context p {
  max-width: 370px !important;
  margin: 0 !important;
  color: var(--catalog-muted) !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

#company .company-context h3 {
  margin: 0 0 8px !important;
  color: var(--catalog-ink) !important;
  font-size: clamp(20px, 1.8vw, 27px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

#company .company-facts {
  margin-top: 27px !important;
}

#production .production-grid--gallery {
  grid-template-columns: minmax(0, 2.25fr) minmax(300px, .8fr) !important;
  gap: 36px !important;
}

#production .production-gallery__slide {
  height: 680px !important;
}

#shipping .shipping-flow {
  grid-template-columns: minmax(0, 2.15fr) minmax(300px, .8fr) !important;
  gap: 36px !important;
}

#shipping .shipping-gallery__slide {
  height: 680px !important;
}

#shipping .shipping-detail-strip {
  display: none !important;
}

#shipping .shipping-route {
  min-height: 48px !important;
  margin-top: 24px !important;
  padding: 14px 0 !important;
  background: transparent !important;
  color: var(--catalog-muted) !important;
}

/* The inquiry section is intentionally the one dark closing chapter. */
#quote {
  background: #17352d !important;
  color: #fff !important;
  border-top-color: rgba(255,255,255,.16) !important;
}

#quote .quote-grid h2 {
  color: #fff !important;
  font-size: clamp(36px, 3.5vw, 50px) !important;
  white-space: nowrap !important;
}

#quote .quote-grid > div > p:not(.section-kicker),
#quote .quote-grid li {
  color: rgba(255,255,255,.72) !important;
}

#quote .quote-grid ul,
#quote .quote-grid li {
  border-color: rgba(255,255,255,.2) !important;
}

#quoteForm {
  background: #fff !important;
  color: var(--catalog-ink) !important;
}

@media (max-width: 900px) {
  #production .production-grid--gallery,
  #shipping .shipping-flow {
    grid-template-columns: 1fr !important;
  }

  #production .production-gallery__slide,
  #shipping .shipping-gallery__slide {
    height: clamp(430px, 66vw, 590px) !important;
  }
}

@media (max-width: 560px) {
  main .section-heading h2,
  main .company-copy h2,
  main .production-brief h3,
  main .shipping-brief h3,
  main .quote-grid h2,
  #products .section-heading h2 {
    font-size: 35px !important;
    line-height: 1.12 !important;
  }

  #company .company-context {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  #company .company-context article + article {
    border-top: 1px solid var(--catalog-line) !important;
  }

  #quote .quote-grid h2 {
    white-space: normal !important;
  }
}