/**
 * WA Cushion �?ATELIER FORMAL 20260729atelier
 * Final visual authority. Quiet-luxury formal site system.
 * Cream plate · ink · bronze · Cormorant + Outfit.
 * Anti-PPT: editorial rhythm, hairlines, no card walls.
 */

:root {
  --wa-cream: #E5E2D9;
  --wa-cream-soft: #F3EFE6;
  --wa-ink: #1A1510;
  --wa-ink-soft: #3D2A1C;
  --wa-mute: #5C5044;
  --wa-accent: #8F7358;
  --wa-champagne: #E0C8A8;
  --wa-deep: #1C140F;
  --wa-line: rgba(26, 21, 16, 0.14);
  --wa-line-light: rgba(245, 239, 228, 0.28);
  --wa-max: 88rem;
  --wa-gutter: clamp(1.25rem, 3.5vw, 2.5rem);
  --wa-section: clamp(4.75rem, 10vw, 8rem);
  --wa-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* =========================================================
   BASE SURFACE + TYPE
   ========================================================= */
html {
  background-color: var(--wa-cream) !important;
}

body {
  background-color: var(--wa-cream) !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.0625rem !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;
}

.container {
  width: min(100% - (var(--wa-gutter) * 2), var(--wa-max)) !important;
  margin-inline: auto !important;
}

main .section,
main > section.section,
.pcat-section,
.news-section,
.faq-search-section,
.faq-popular-section,
.faq-main-section {
  padding-block: var(--wa-section) !important;
}

h1, h2, h3, h4,
.hero-brand,
.about-hero__title,
.product-hero__title,
.craft-hero__title,
.news-hero__title,
.faq-hero__title,
.dl-hero__title,
.contact-hero__title {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
}

.eyebrow,
.hero-kicker,
.product-hero__label,
.craft-hero__label,
.news-hero__label,
.faq-hero__label,
.dl-hero__label,
.contact-hero__label,
.about-hero__label,
.pcat-hero__label {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
}

.lead,
.home-section-head p,
.section-intro p,
.pcat-head p {
  color: var(--wa-ink-soft) !important;
  -webkit-text-fill-color: var(--wa-ink-soft) !important;
  max-width: 42ch !important;
  line-height: 1.7 !important;
}

/* Section heads — left editorial, never centered PPT */
.home-section-head,
.section-intro,
.pcat-head,
.ed-head,
.block-head,
.news-section__head,
.dl-intro__copy,
.contact-intro .section-intro {
  text-align: left !important;
  max-width: 40rem !important;
  margin: 0 0 clamp(2rem, 4vw, 3rem) !important;
}

.home-section-head h2,
.section-intro h2,
.pcat-head h2,
.ed-head h2,
.block-head h2 {
  margin: 0.55rem 0 0 !important;
  font-size: clamp(2rem, 3.8vw, 3.15rem) !important;
  line-height: 1.05 !important;
}

/* =========================================================
   PHOTO HEROES �?cream type on veiled imagery
   ========================================================= */
.home-hero,
.about-hero,
.product-hero,
.craft-hero,
.news-hero,
.faq-hero,
.dl-hero,
.contact-hero,
.pcat-hero,
.page-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: min(88vh, 46rem) !important;
  background: var(--wa-deep) !important;
}

.home-hero__veil,
.about-hero__veil,
.product-hero__veil,
.craft-hero__veil,
.news-hero__veil,
.faq-hero__veil,
.dl-hero__veil,
.contact-hero__veil,
.pcat-hero__veil,
.page-hero__veil,
.hero__veil {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(105deg, rgba(12, 10, 8, 0.62) 0%, rgba(12, 10, 8, 0.28) 46%, rgba(12, 10, 8, 0.45) 100%),
    linear-gradient(180deg, rgba(12, 10, 8, 0.3) 0%, transparent 38%, rgba(12, 10, 8, 0.62) 100%) !important;
}

.home-hero__layout,
.home-hero__copy,
.about-hero__content,
.product-hero__content,
.craft-hero__content,
.news-hero__content,
.faq-hero__content,
.dl-hero__content,
.contact-hero__content,
.pcat-hero__content,
.page-hero__content {
  position: relative !important;
  z-index: 3 !important;
}

/* =========================================================
   HERO COPY POSITION �?unify all pages (bottom-left editorial)
   ========================================================= */
.about-hero,
.product-hero,
.craft-hero,
.news-hero,
.faq-hero,
.dl-hero,
.contact-hero,
.pcat-hero,
.page-hero,
.page-products-catalog .product-hero,
.page-about .about-hero,
.page-craftsmanship .craft-hero,
.page-news .news-hero,
.page-faq .faq-hero,
.page-download .dl-hero,
.page-contact .contact-hero {
  display: grid !important;
  align-items: end !important;
  justify-items: start !important;
  text-align: left !important;
}

.about-hero__content,
.product-hero__content,
.craft-hero__content,
.news-hero__content,
.faq-hero__content,
.dl-hero__content,
.contact-hero__content,
.pcat-hero__content,
.page-hero__content,
.page-products-catalog .product-hero__content,
.page-about .about-hero__content,
.page-craftsmanship .craft-hero__content,
.page-news .news-hero__content,
.page-faq .faq-hero__content,
.page-download .dl-hero__content,
.page-contact .contact-hero__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: min(100% - 2rem, 42rem) !important;
  max-width: 42rem !important;
  margin: 0 !important;
  margin-inline: 0 auto 0 0 !important;
  padding:
    calc(var(--lang-bar-h, 2rem) + var(--header-h, 4.5rem) + clamp(2.5rem, 6vh, 4.5rem))
    clamp(1.5rem, 5vw, 4.5rem)
    clamp(3.25rem, 8vh, 5.25rem) !important;
  text-align: left !important;
  justify-self: start !important;
  align-self: end !important;
  transform: none !important;
}

.page-products-catalog .product-hero {
  align-items: end !important;
  min-height: min(88vh, 46rem) !important;
}

/* Craft hero was mid-centered + translateY �?force same bottom-left stack */
.page-craftsmanship .craft-hero,
.page-craftsmanship .craft-hero.craft-hero {
  display: grid !important;
  align-items: end !important;
  justify-items: start !important;
  min-height: min(88vh, 46rem) !important;
}

.page-craftsmanship .craft-hero__content,
.page-craftsmanship .craft-hero .craft-hero__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: min(100% - 2rem, 42rem) !important;
  max-width: 42rem !important;
  margin: 0 !important;
  margin-inline: 0 auto 0 0 !important;
  padding:
    calc(var(--lang-bar-h, 2rem) + var(--header-h, 4.5rem) + clamp(2.5rem, 6vh, 4.5rem))
    clamp(1.5rem, 5vw, 4.5rem)
    clamp(3.25rem, 8vh, 5.25rem) !important;
  transform: none !important;
  text-align: left !important;
  justify-self: start !important;
  align-self: end !important;
}

.page-craftsmanship .craft-hero__label,
.page-craftsmanship .craft-hero h1,
.page-craftsmanship .craft-hero__lead,
.page-craftsmanship .craft-hero__content > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  align-self: flex-start !important;
  max-width: 100% !important;
  transform: none !important;
  opacity: 1 !important;
  animation: none !important;
}

.page-craftsmanship .craft-hero__label {
  margin: 0 0 1rem !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  color: var(--wa-champagne) !important;
  -webkit-text-fill-color: var(--wa-champagne) !important;
}

.page-craftsmanship .craft-hero h1 {
  margin: 0 0 1.15rem !important;
  font-size: clamp(2.75rem, 7vw, 5.25rem) !important;
  line-height: 0.98 !important;
  max-width: 12ch !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.page-craftsmanship .craft-hero__lead {
  margin: 0 !important;
  max-width: 36ch !important;
  font-size: clamp(1.02rem, 1.4vw, 1.15rem) !important;
  line-height: 1.65 !important;
  color: rgba(245, 239, 228, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.88) !important;
}

.page-craftsmanship .craft-hero__veil {
  background:
    linear-gradient(105deg, rgba(12, 10, 8, 0.72) 0%, rgba(12, 10, 8, 0.32) 46%, rgba(12, 10, 8, 0.48) 100%),
    linear-gradient(180deg, rgba(12, 10, 8, 0.32) 0%, transparent 38%, rgba(12, 10, 8, 0.66) 100%) !important;
}

@media (max-width: 760px) {
  .page-craftsmanship .craft-hero {
    align-items: end !important;
  }

  .page-craftsmanship .craft-hero__content,
  .page-craftsmanship .craft-hero .craft-hero__content {
    width: min(100% - 2rem, 42rem) !important;
    max-width: 42rem !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    padding:
      calc(var(--lang-bar-h, 2rem) + var(--header-h, 4.5rem) + 2rem)
      1.35rem
      3rem !important;
    transform: none !important;
  }
}

.page-craftsmanship .craft-hero__content {
  transform: none !important;
}

/* Products hero CTA �?solid, large, high contrast */
.page-products-catalog .product-hero a.product-hero__cta,
.page-products-catalog .product-hero a.btn.btn--dark.product-hero__cta,
.product-hero a.product-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  margin-top: 1.85rem !important;
  padding: 1.05rem 1.7rem !important;
  background: #F5EFE4 !important;
  background-color: #F5EFE4 !important;
  background-image: none !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  overflow: visible !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.page-products-catalog .product-hero a.product-hero__cta:not(:hover):not(:focus-visible) span,
.page-products-catalog .product-hero a.product-hero__cta:not(:hover):not(:focus-visible) *,
.page-products-catalog .product-hero a.product-hero__cta:not(:hover):not(:focus-visible) .product-hero__cta-arrow {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  background: transparent !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

.page-products-catalog .product-hero a.product-hero__cta::before,
.page-products-catalog .product-hero a.product-hero__cta::after {
  content: none !important;
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-products-catalog .product-hero a.product-hero__cta:hover,
  .page-products-catalog .product-hero a.hero-cta.product-hero__cta:hover {
    background: #1A1510 !important;
    background-color: #1A1510 !important;
    background-image: none !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
    border-color: #1A1510 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.34) !important;
  }

  .page-products-catalog .product-hero a.product-hero__cta:hover span,
  .page-products-catalog .product-hero a.product-hero__cta:hover *,
  .page-products-catalog .product-hero a.product-hero__cta:hover .product-hero__cta-arrow {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
    background: transparent !important;
  }

  .page-products-catalog .product-hero a.product-hero__cta:hover .product-hero__cta-arrow {
    transform: translateX(4px) !important;
  }
}

.home-hero .hero-kicker,
.home-hero .hero-brand,
.home-hero .hero-line,
.about-hero__label,
.about-hero h1,
.about-hero p,
.product-hero__label,
.product-hero h1,
.product-hero p,
.craft-hero__label,
.craft-hero h1,
.craft-hero p,
.news-hero__label,
.news-hero h1,
.news-hero p,
.faq-hero__label,
.faq-hero h1,
.faq-hero p,
.dl-hero__label,
.dl-hero h1,
.dl-hero p,
.contact-hero__label,
.contact-hero h1,
.contact-hero p,
.pcat-hero__label,
.pcat-hero h1,
.pcat-hero p {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.35) !important;
}

.home-hero .hero-brand,
.about-hero h1,
.product-hero__title,
.product-hero h1,
.craft-hero h1,
.news-hero h1,
.faq-hero h1,
.dl-hero h1,
.contact-hero h1,
.pcat-hero h1 {
  font-size: clamp(2.75rem, 7vw, 5.25rem) !important;
  line-height: 0.98 !important;
  max-width: 12ch !important;
}

.home-hero .hero-kicker,
.about-hero__label,
.product-hero__label,
.craft-hero__label,
.news-hero__label,
.faq-hero__label,
.dl-hero__label,
.contact-hero__label,
.pcat-hero__label {
  color: var(--wa-champagne) !important;
  -webkit-text-fill-color: var(--wa-champagne) !important;
}

/* =========================================================
   BUTTONS �?solid, legible, no nested boxes
   ========================================================= */
.btn,
a.btn,
button.btn,
.hero-cta,
a.hero-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.65rem !important;
  min-height: 3rem !important;
  padding: 0.85rem 1.45rem !important;
  border-radius: 0 !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color 0.35s var(--wa-ease), color 0.35s var(--wa-ease), border-color 0.35s var(--wa-ease), transform 0.35s var(--wa-ease) !important;
}

.btn span,
.btn *,
.hero-cta span,
.hero-cta * {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.btn::before,
.btn::after,
.hero-cta::before,
.hero-cta::after,
a.btn::before,
a.btn::after {
  content: none !important;
  display: none !important;
}

.btn--dark,
a.btn--dark,
button.btn--dark,
.hero-cta,
a.hero-cta,
.contact-form__submit,
.dl-feat-card__btn {
  background: var(--wa-ink) !important;
  background-color: var(--wa-ink) !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 0 !important;
}

.btn--dark span,
.btn--dark *,
.hero-cta span,
.hero-cta *,
.contact-form__submit *,
.dl-feat-card__btn * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.btn--dark:hover,
a.btn--dark:hover,
.hero-cta:hover,
a.hero-cta:hover {
  background: #2A2118 !important;
  background-color: #2A2118 !important;
  transform: translateY(-1px) !important;
}

.btn--line,
a.btn--line,
button.btn--line {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  border: 1px solid rgba(26, 21, 16, 0.32) !important;
}

.btn--line span,
.btn--line * {
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
}

.btn--line:hover,
a.btn--line:hover {
  background: rgba(26, 21, 16, 0.06) !important;
  border-color: var(--wa-ink) !important;
}

/* Photo hero outline CTAs �?cream plate */
.home-hero .btn--line,
.about-hero .btn--line,
.product-hero .btn--line,
.craft-hero .btn--line,
.news-hero .btn--line,
.faq-hero .btn--line,
.dl-hero .btn--line,
.contact-hero .btn--line,
.pcat-hero .btn--line,
.page-hero .btn--line,
.about-sustain .btn--line {
  background: #F5EFE4 !important;
  background-color: #F5EFE4 !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  border: 0 !important;
}

.home-hero .btn--line *,
.about-hero .btn--line *,
.product-hero .btn--line *,
.craft-hero .btn--line *,
.news-hero .btn--line *,
.faq-hero .btn--line *,
.dl-hero .btn--line *,
.contact-hero .btn--line *,
.pcat-hero .btn--line *,
.page-hero .btn--line * {
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  background: transparent !important;
}

.link-arrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.28) !important;
  padding-bottom: 0.2rem !important;
}

.link-arrow:hover {
  border-bottom-color: var(--wa-ink) !important;
}

/* Product card CTA �?solid button, not underline link */
.pcat-card__cta,
a.pcat-card .pcat-card__cta,
a.pcat-feat-card .pcat-card__cta,
.page-products-catalog .pcat-card__cta,
.page-products-catalog .pcat-feat-card .pcat-card__cta,
.page-product-detail .pcat-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 1.1rem !important;
  padding: 0.72rem 1.15rem !important;
  background: #1A1510 !important;
  background-color: #1A1510 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
  width: fit-content !important;
  max-width: 100% !important;
  transition:
    background-color 0.3s var(--wa-ease),
    transform 0.3s var(--wa-ease),
    box-shadow 0.3s var(--wa-ease) !important;
}

.pcat-card__cta span,
.pcat-card__cta *,
a.pcat-card .pcat-card__cta span,
a.pcat-card .pcat-card__cta *,
a.pcat-feat-card .pcat-card__cta span,
a.pcat-feat-card .pcat-card__cta * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
  border: 0 !important;
}

.pcat-card__cta-arrow {
  display: inline-block !important;
  transition: transform 0.3s var(--wa-ease) !important;
  font-size: 0.95em !important;
  line-height: 1 !important;
}

.pcat-card__body,
.pcat-feat-card__body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* =========================================================
   ANTI-CARD �?hairlines, no walls
   ========================================================= */
.feat-card,
.pcat-card,
.pcat-feat-card,
.pcat-custom__card,
.about-mv__card,
.about-custom__card,
.dl-feat-card,
.dl-cat-card,
.news-journal__card,
.news-launch__card,
.contact-card,
.why-card,
.col-item,
.pillar,
.compliance-card,
.featured-card {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
}

.feat-card__body,
.pcat-card__body,
.pcat-feat-card__body,
.pcat-custom__card,
.about-mv__card,
.about-custom__card,
.dl-feat-card,
.dl-cat-card,
.news-journal__card,
.news-launch__card,
.contact-card {
  padding: 1.15rem 0 0 !important;
  background: transparent !important;
  border-top: 0 !important;
}

.feat-card__media,
.pcat-card__media,
.pcat-feat-card__media,
.col-item__media,
.gallery-item__media {
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Collection / featured �?neat grids with breathing gap */
.collection-stack--grid,
.home-featured__grid,
.pdet-related__grid,
.pcat-grid,
.pcat-feat-grid {
  gap: clamp(1.25rem, 2.8vw, 2.25rem) !important;
}

.col-item__index,
.why-strip__num,
.about-sustain__num,
.contact-why__num {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
}

.col-item__name,
.feat-card__body h3,
.pcat-card__body h3,
.pcat-feat-card__body h3 {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
}

.col-item__desc,
.feat-card__body p,
.pcat-card__body p,
.pcat-feat-card__body p {
  color: var(--wa-ink-soft) !important;
  -webkit-text-fill-color: var(--wa-ink-soft) !important;
}

/* =========================================================
   HOME
   ========================================================= */
.page-home .home-hero--classic {
  min-height: 100vh !important;
  display: grid !important;
  align-items: stretch !important;
}

.page-home .home-hero__layout--classic {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-height: 100vh !important;
  width: min(100% - 2rem, var(--wa-max, 72rem)) !important;
  margin-inline: auto !important;
  padding:
    calc(var(--lang-bar-h, 2rem) + var(--header-h, 4.5rem) + clamp(2.5rem, 7vh, 4.5rem))
    clamp(1.5rem, 5vw, 4.5rem)
    clamp(3rem, 8vh, 5rem) !important;
  box-sizing: border-box !important;
}

.page-home .home-hero__layout--classic .home-hero__copy,
.page-home .home-hero__copy {
  max-width: 34rem !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: flex-start !important;
  position: relative !important;
  z-index: 4 !important;
}

/* Keep text off the busy chair �?darker left panel + image shift */
.page-home .home-hero__veil {
  background:
    linear-gradient(105deg, rgba(12, 10, 8, 0.78) 0%, rgba(12, 10, 8, 0.48) 34%, rgba(12, 10, 8, 0.18) 58%, rgba(12, 10, 8, 0.28) 100%),
    linear-gradient(180deg, rgba(12, 10, 8, 0.42) 0%, transparent 42%, rgba(12, 10, 8, 0.55) 100%) !important;
}

.page-home .home-hero__media {
  background-position: 62% 42% !important;
  background-size: cover !important;
}

.page-home .home-hero a.hero-cta,
.page-home .hero-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 1.65rem !important;
  padding: 1.05rem 1.65rem !important;
  background: #F5EFE4 !important;
  background-color: #F5EFE4 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.page-home .hero-cta span,
.page-home .hero-cta * {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  background: transparent !important;
  text-shadow: none !important;
}

.page-home .home-about--editorial .home-about__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: center !important;
}

.page-home .home-about__copy h2 {
  font-size: clamp(2.1rem, 4vw, 3.4rem) !important;
  max-width: 14ch !important;
}

.page-home .media-torn,
.page-home .media-torn__frame {
  border-radius: 0 !important;
  filter: none !important;
  box-shadow: none !important;
}

.page-home .home-about__media,
.page-home .media-torn__frame {
  aspect-ratio: 4 / 5 !important;
  min-height: 0 !important;
  background-size: cover !important;
  background-position: center !important;
}

.page-home .home-craft-band {
  position: relative !important;
  min-height: 0 !important;
  display: block !important;
  place-items: unset !important;
  padding-block: var(--wa-section) !important;
  color: var(--wa-ink) !important;
  background: transparent !important;
}

.page-home .home-craft-band,
.page-home .home-craft-band * {
  color: inherit !important;
  -webkit-text-fill-color: unset !important;
}

.page-home .home-craft-band__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: center !important;
}

.page-home .home-craft-band__copy .eyebrow {
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
}

.page-home .home-craft-band__copy blockquote {
  margin: 0.85rem 0 1.5rem !important;
  padding: 0 !important;
  border: 0 !important;
}

.page-home .home-craft-band__copy blockquote p {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.65rem, 3vw, 2.45rem) !important;
  font-style: italic !important;
  line-height: 1.25 !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  max-width: 22ch !important;
}

.page-home .home-craft-band__media {
  aspect-ratio: 5 / 4 !important;
  min-height: 0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.page-home .home-featured__head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  margin-bottom: clamp(2rem, 4vw, 3rem) !important;
}

.page-home .feat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(1.5rem, 3vw, 2.5rem) !important;
}

.page-home .feat-card__media {
  display: block !important;
  aspect-ratio: 5 / 4 !important;
  overflow: hidden !important;
}

.page-home .feat-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.8s var(--wa-ease) !important;
}

.page-home a.feat-card__media:hover img {
  transform: scale(1.03) !important;
}

.page-home .feat-card__index {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
  font-size: 1.1rem !important;
}

.page-home .why-strip {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--wa-line) !important;
}

.page-home .why-strip__item {
  display: grid !important;
  grid-template-columns: 3.5rem minmax(0, 1fr) !important;
  gap: 1rem 1.5rem !important;
  align-items: start !important;
  padding: 1.45rem 0 !important;
  border-bottom: 1px solid var(--wa-line) !important;
  background: transparent !important;
}

.page-home .why-strip__copy h3 {
  margin: 0 0 0.4rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.25rem, 2vw, 1.55rem) !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
}

.page-home .why-strip__copy p {
  margin: 0 !important;
  max-width: 46ch !important;
  color: var(--wa-ink-soft) !important;
  -webkit-text-fill-color: var(--wa-ink-soft) !important;
}

/* Why Choose �?editorial split (anti-PPT equal list) */
.page-home .home-why--editorial {
  background: var(--wa-cream, #E5E2D9) !important;
  padding-block: clamp(4.5rem, 9vw, 7rem) !important;
}

.page-home .home-why__layout {
  display: grid !important;
  grid-template-columns: minmax(14rem, 0.9fr) minmax(0, 1.35fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
}

.page-home .home-why__head {
  position: sticky !important;
  top: 6.5rem !important;
  text-align: left !important;
  max-width: none !important;
  margin: 0 !important;
}

.page-home .home-why__head .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-home .home-why__head h2 {
  margin: 0.65rem 0 1rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.4rem, 4.5vw, 3.6rem) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  max-width: 12ch !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-home .home-why__head p {
  margin: 0 0 1.75rem !important;
  max-width: 32ch !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
}

.page-home .home-why__cta,
.page-home a.home-why__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  padding: 0.9rem 1.35rem !important;
  background: #1A1510 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 0 !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.page-home .home-why__cta span,
.page-home .home-why__cta * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.page-home .home-why__layout .why-strip {
  margin: 0 !important;
}

.page-home .home-why__layout .why-strip__item {
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  gap: 0.85rem 1.25rem !important;
  padding: 1.25rem 0.2rem 1.25rem 0 !important;
  transition: background-color 0.3s var(--wa-ease, ease), padding-left 0.35s var(--wa-ease, ease) !important;
}

.page-home .home-why__layout .why-strip__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
  padding-top: 0.35rem !important;
}

.page-home .home-why__layout .why-strip__copy h3 {
  font-size: clamp(1.2rem, 1.7vw, 1.45rem) !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-home .home-why__layout .why-strip__item:hover {
    background: rgba(143, 115, 88, 0.06) !important;
    padding-left: 0.45rem !important;
  }

  .page-home .home-why__layout .why-strip__item:hover .why-strip__num {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }

  .page-home .home-why__layout .why-strip__item:hover h3 {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }

  .page-home a.home-why__cta:hover {
    background: #2A2118 !important;
    transform: translateY(-2px) !important;
  }
}

@media (max-width: 900px) {
  .page-home .home-why__layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-home .home-why__head {
    position: static !important;
  }

  .page-home .home-why__head h2 {
    max-width: 16ch !important;
  }
}

.page-home .home-about__media {
  aspect-ratio: 4 / 5 !important;
  background-image: url("https://images.unsplash.com/photo-1616046229478-9901c5536a45?auto=format&fit=crop&w=1400&q=88") !important;
  background-size: cover !important;
  background-position: center !important;
}

@media (max-width: 900px) {
  .page-home .home-craft-band__grid,
  .page-home .feat-grid {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   EFFECT CURSOR �?keep visible above all locks
   ========================================================= */
.water-cursor,
.water-cursor--core,
.water-cursor--halo,
.water-cursor--label,
.water-cursor--ripple,
canvas.water-canvas {
  display: block !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 99999 !important;
}

html.has-water-cursor.is-cursor-live,
html.has-water-cursor.is-cursor-live body,
html.has-water-cursor.is-cursor-live body * {
  cursor: none !important;
}

html.has-water-cursor.is-cursor-live .water-cursor--core {
  opacity: 1 !important;
}

html.has-water-cursor.is-cursor-live .water-cursor--core,
html.has-water-cursor.is-cursor-live .water-cursor--halo {
  opacity: 1 !important;
}

/* Products filter �?content strip, NOT a second sticky header */
.page-products-catalog .pcat-toolbar,
.page-products-catalog .pcat-section .pcat-toolbar,
.page-products-catalog .pcat-section--white .pcat-toolbar {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem 2rem !important;
  width: 100% !important;
  margin: 0.35rem 0 2.25rem !important;
  padding: 1.15rem clamp(0.25rem, 1.5vw, 0.5rem) 1.25rem !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.14) !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.14) !important;
  box-shadow: none !important;
}

.page-products-catalog .pcat-head {
  /* Split title + aside needs full container width — 40rem causes overlap */
  max-width: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(12rem, 0.85fr) !important;
  column-gap: clamp(1.75rem, 4vw, 3.5rem) !important;
  row-gap: 0.75rem !important;
  align-items: end !important;
  margin-bottom: 1.75rem !important;
}

.page-products-catalog .pcat-head .eyebrow {
  grid-column: 1 !important;
}

.page-products-catalog .pcat-head h2 {
  grid-column: 1 !important;
  max-width: min(14ch, 100%) !important;
  min-width: 0 !important;
  overflow-wrap: normal !important;
}

.page-products-catalog .pcat-head p {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: end !important;
  justify-self: start !important;
  min-width: 0 !important;
  max-width: 28ch !important;
  margin: 0 !important;
}

@media (max-width: 820px) {
  .page-products-catalog .pcat-head {
    grid-template-columns: 1fr !important;
  }

  .page-products-catalog .pcat-head h2 {
    max-width: 14ch !important;
  }

  .page-products-catalog .pcat-head p {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: 42ch !important;
  }
}

.page-products-catalog .pcat-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem 1.65rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

.page-products-catalog .pcat-filter a {
  padding: 0.5rem 0 !important;
}

.page-products-catalog .pcat-search {
  display: block !important;
  margin-left: auto !important;
  padding: 0 !important;
  min-width: min(100%, 15rem) !important;
}

.page-products-catalog .pcat-search input {
  width: 100% !important;
  max-width: 16rem !important;
  padding: 0.5rem 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.28) !important;
  background: transparent !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-products-catalog .pcat-search input::placeholder {
  color: rgba(26, 21, 16, 0.45) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.45) !important;
}

@media (max-width: 720px) {
  .page-products-catalog .pcat-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .page-products-catalog .pcat-search {
    margin-left: 0 !important;
  }

  .page-products-catalog .pcat-search input {
    max-width: none !important;
  }
}

/* =========================================================
   COLLECTION TILES �?cream type on dark photo gradient
   ========================================================= */
.page-home .col-item,
.page-home a.col-item,
.page-home .collection-stack .col-item {
  position: relative !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  overflow: hidden !important;
}

.page-home .col-item__body {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: clamp(1.25rem, 2.5vw, 1.85rem) !important;
  background: linear-gradient(180deg, transparent 0%, rgba(12, 10, 8, 0.42) 28%, rgba(12, 10, 8, 0.9) 100%) !important;
}

.page-home .col-item__body,
.page-home .col-item__body *,
.page-home .col-item__index,
.page-home .col-item__name,
.page-home .col-item__desc,
.page-home .col-item__cta,
.page-home .col-item__cta *,
.page-home .col-item__arrow,
.page-home a.col-item .col-item__body,
.page-home a.col-item .col-item__name,
.page-home a.col-item .col-item__desc {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.page-home .col-item__index {
  color: #E0C8A8 !important;
  -webkit-text-fill-color: #E0C8A8 !important;
}

.page-home .col-item__desc {
  color: rgba(245, 239, 228, 0.9) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.9) !important;
}


/* =========================================================
   ABOUT
   ========================================================= */
.page-about .about-timeline,
.page-about .about-values__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--wa-line) !important;
}

.page-about .about-timeline li,
.page-about .about-values__list li {
  padding: 1.4rem 0 !important;
  border-bottom: 1px solid var(--wa-line) !important;
  background: transparent !important;
}

.page-about .about-mv__grid,
.page-about .about-custom__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-top: 1px solid var(--wa-line) !important;
  border-left: 1px solid var(--wa-line) !important;
}

.page-about .about-mv__card,
.page-about .about-custom__card {
  padding: clamp(1.5rem, 3vw, 2.25rem) !important;
  border-right: 1px solid var(--wa-line) !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

.page-about .about-sustain--cinematic .about-sustain__content {
  padding-block: var(--wa-section) !important;
}

.page-about .about-sustain--cinematic .about-sustain__intro h2 {
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  max-width: 14ch !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

/* =========================================================
   PRODUCTS / DETAIL
   ========================================================= */
.page-products-catalog .pcat-section--white,
.page-products-catalog .pcat-section--grey,
.page-news .news-section--cream,
.page-news .news-section--white {
  background: transparent !important;
  background-color: transparent !important;
}

.page-product-detail .pdet-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: clamp(1.75rem, 4vw, 3.25rem) !important;
  align-items: start !important;
}

.page-product-detail .pdet-hero__media {
  min-width: 0 !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
}

.page-product-detail .pdet-hero__copy {
  background: var(--wa-cream) !important;
  color: var(--wa-ink) !important;
}

.page-product-detail .pdet-hero__copy,
.page-product-detail .pdet-hero__copy * {
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  text-shadow: none !important;
}

.page-product-detail .pdet-hero__copy .eyebrow {
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
}

/* =========================================================
   CONTACT
   ========================================================= */
.page-contact .contact-why__layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 0.85fr) minmax(0, 1.35fr) !important;
  gap: clamp(2rem, 5vw, 4rem) !important;
  align-items: start !important;
}

.page-contact .contact-why__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--wa-line) !important;
}

.page-contact .contact-why__item {
  display: grid !important;
  grid-template-columns: 3.25rem minmax(0, 1fr) !important;
  gap: 0.85rem 1.25rem !important;
  padding: 1.35rem 0 !important;
  border-bottom: 1px solid var(--wa-line) !important;
  background: transparent !important;
  border-left: 0 !important;
}

.page-contact .contact-form-section {
  background: var(--wa-cream-soft) !important;
}

.page-contact .contact-chip span {
  background: var(--wa-cream) !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  border: 1px solid var(--wa-line) !important;
}

.page-contact .contact-chip input:checked + span {
  background: var(--wa-ink) !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  border-color: var(--wa-ink) !important;
}

/* =========================================================
   NEWS / FAQ / DOWNLOAD / CRAFT
   ========================================================= */
.page-news .news-journal__card,
.page-news .news-launch__card {
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

.page-faq .faq-item {
  border-top: 1px solid var(--wa-line) !important;
  background: transparent !important;
}

/* =========================================================
   PRODUCTS FAQ �?editorial split (title �?questions)
   ========================================================= */
.page-products-catalog .pcat-faq {
  padding-block: clamp(4rem, 8vw, 6.5rem) !important;
  background: var(--wa-cream) !important;
}

.page-products-catalog .pcat-faq__layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 0.9fr) minmax(0, 1.35fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
  max-width: 72rem !important;
}

.page-products-catalog .pcat-faq__head {
  position: sticky !important;
  top: 6.5rem !important;
  text-align: left !important;
  max-width: none !important;
  margin: 0 !important;
}

.page-products-catalog .pcat-faq__head .eyebrow {
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
  letter-spacing: 0.16em !important;
}

.page-products-catalog .pcat-faq__head h2 {
  margin: 0.65rem 0 0 !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.75rem, 5.2vw, 4.25rem) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.02em !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  max-width: 8ch !important;
}

.page-products-catalog .pcat-faq__list {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.18) !important;
}

.page-products-catalog .pcat-faq__item,
.page-products-catalog #product-faq .faq-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.14) !important;
  background: transparent !important;
  background-color: transparent !important;
}

.page-products-catalog .pcat-faq__item button,
.page-products-catalog #product-faq .faq-item button {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 2.25rem 1fr auto !important;
  align-items: center !important;
  gap: 0.85rem 1rem !important;
  padding: 1.15rem 0.35rem 1.15rem 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-align: left !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: clamp(0.98rem, 1.15vw, 1.12rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.35 !important;
  transition:
    color 0.3s var(--wa-ease),
    -webkit-text-fill-color 0.3s var(--wa-ease),
    padding-left 0.35s var(--wa-ease),
    background-color 0.35s var(--wa-ease) !important;
}

.page-products-catalog .pcat-faq__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
  transition: color 0.3s var(--wa-ease) !important;
}

.page-products-catalog .pcat-faq__q {
  font: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.page-products-catalog .pcat-faq__item button::after,
.page-products-catalog #product-faq .faq-item button::after {
  content: "+" !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: var(--wa-accent) !important;
  -webkit-text-fill-color: var(--wa-accent) !important;
  transition: transform 0.35s var(--wa-ease), color 0.3s var(--wa-ease) !important;
  justify-self: end !important;
}

.page-products-catalog .pcat-faq__item.is-open button::after,
.page-products-catalog #product-faq .faq-item.is-open button::after {
  content: "\2212" !important;
  color: var(--wa-ink) !important;
  -webkit-text-fill-color: var(--wa-ink) !important;
  transform: none !important;
}

.page-products-catalog .pcat-faq__item .faq-answer {
  padding: 0 0 0 3.1rem !important;
}

.page-products-catalog .pcat-faq__item .faq-answer p,
.page-products-catalog #product-faq .faq-answer p {
  margin: 0 0 1.15rem !important;
  max-width: 46ch !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-products-catalog .pcat-faq__item button:hover,
  .page-products-catalog #product-faq .faq-item button:hover {
    color: var(--wa-accent) !important;
    -webkit-text-fill-color: var(--wa-accent) !important;
    padding-left: 0.45rem !important;
    background: rgba(143, 115, 88, 0.06) !important;
  }

  .page-products-catalog .pcat-faq__item button:hover .pcat-faq__num,
  .page-products-catalog .pcat-faq__item button:hover::after {
    color: var(--wa-ink) !important;
    -webkit-text-fill-color: var(--wa-ink) !important;
  }

  .page-products-catalog .pcat-faq__item button:hover::after {
    transform: rotate(90deg) !important;
  }

  .page-products-catalog .pcat-faq__item.is-open button:hover::after {
    transform: none !important;
  }
}

@media (max-width: 860px) {
  .page-products-catalog .pcat-faq__layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-products-catalog .pcat-faq__head {
    position: static !important;
  }

  .page-products-catalog .pcat-faq__head h2 {
    max-width: none !important;
    font-size: clamp(2.35rem, 9vw, 3.25rem) !important;
  }

  .page-products-catalog .pcat-faq__item .faq-answer {
    padding-left: 0 !important;
  }
}

.page-download .dl-feat-card,
.page-download .dl-cat-card {
  padding: 0 0 1.25rem !important;
  border-bottom: 1px solid var(--wa-line) !important;
}

.page-craftsmanship .craft-std__row,
.page-craftsmanship .craft-comp {
  border-top: 1px solid var(--wa-line) !important;
}

/* =========================================================
   FOOTER �?formal chocolate
   ========================================================= */
.site-footer {
  background: var(--wa-deep) !important;
  background-color: var(--wa-deep) !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0 2rem !important;
  border-top: 0 !important;
}

.site-footer,
.site-footer a,
.site-footer p,
.site-footer h4,
.site-footer .logo,
.site-footer .footer-copy {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.site-footer .logo {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: 2rem !important;
  margin: 0 0 0.75rem !important;
}

.site-footer .footer-copy {
  color: rgba(245, 239, 228, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.72) !important;
  max-width: 28ch !important;
  line-height: 1.6 !important;
}

.site-footer h4 {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin: 0 0 1rem !important;
  color: var(--wa-champagne) !important;
  -webkit-text-fill-color: var(--wa-champagne) !important;
}

.site-footer .footer-col a {
  display: block !important;
  margin: 0 0 0.55rem !important;
  opacity: 0.82 !important;
  text-decoration: none !important;
}

.site-footer .footer-col a:hover {
  opacity: 1 !important;
}

.site-footer .footer-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 0.8fr)) !important;
  gap: clamp(1.5rem, 3vw, 2.5rem) !important;
  margin-bottom: 2.5rem !important;
}

.site-footer .footer-bottom {
  display: flex !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding-top: 1.35rem !important;
  border-top: 1px solid rgba(245, 239, 228, 0.16) !important;
  font-size: 0.85rem !important;
  color: rgba(245, 239, 228, 0.55) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.55) !important;
}

.site-footer .footer-bottom p {
  color: rgba(245, 239, 228, 0.55) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.55) !important;
  margin: 0 !important;
}

/* =========================================================
   HEADER polish on light pages
   ========================================================= */
body.is-scrolled .site-header,
.site-header.is-scrolled,
.site-chrome:hover .site-header,
.page-inner .site-header {
  background: rgba(229, 226, 217, 0.92) !important;
  backdrop-filter: blur(10px) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 900px) {
  .page-home .home-about--editorial .home-about__grid,
  .page-product-detail .pdet-hero__grid,
  .page-contact .contact-why__layout,
  .page-about .about-mv__grid,
  .page-about .about-custom__grid,
  .site-footer .footer-grid {
    grid-template-columns: 1fr !important;
  }

  .home-hero .hero-brand,
  .about-hero h1,
  .product-hero h1,
  .craft-hero h1,
  .news-hero h1,
  .faq-hero h1,
  .dl-hero h1,
  .contact-hero h1,
  .pcat-hero h1 {
    max-width: 16ch !important;
  }
}

/* =========================================================
   HOVER SYSTEM 20260729hover �?all buttons + images
   ========================================================= */
@media (hover: hover) and (pointer: fine) {
  .btn,
  a.btn,
  button.btn,
  .hero-cta,
  a.hero-cta,
  .link-arrow,
  .contact-form__submit,
  .dl-feat-card__btn,
  .dl-table__dl,
  .dl-cta__btn,
  .gallery-filters button,
  .news-filter__btn,
  .pcat-filter a,
  .faq-sidenav a,
  .category-nav a,
  .contact-chip span,
  .nav-toggle,
  .search-btn,
  .header-cats a,
  .site-footer a,
  .lang-bar__link {
    transition:
      background-color 0.35s var(--wa-ease),
      color 0.35s var(--wa-ease),
      border-color 0.35s var(--wa-ease),
      opacity 0.35s var(--wa-ease),
      transform 0.35s var(--wa-ease),
      letter-spacing 0.35s var(--wa-ease),
      box-shadow 0.35s var(--wa-ease) !important;
  }

  .btn:hover,
  a.btn:hover,
  button.btn:hover,
  .hero-cta:hover,
  a.hero-cta:hover,
  .contact-form__submit:hover,
  .dl-feat-card__btn:hover,
  .dl-table__dl:hover,
  .dl-cta__btn:hover {
    transform: translateY(-2px) !important;
  }

  .btn--dark:hover,
  a.btn--dark:hover,
  button.btn--dark:hover,
  .hero-cta:hover,
  a.hero-cta:hover,
  .contact-form__submit:hover,
  .dl-feat-card__btn:hover {
    background: #2A2118 !important;
    background-color: #2A2118 !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
    box-shadow: 0 10px 28px rgba(26, 21, 16, 0.18) !important;
  }

  .btn--dark:hover *,
  a.btn--dark:hover *,
  .hero-cta:hover *,
  a.hero-cta:hover * {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  .btn--line:hover,
  a.btn--line:hover,
  button.btn--line:hover {
    background: #1A1510 !important;
    background-color: #1A1510 !important;
    border-color: #1A1510 !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  .btn--line:hover *,
  a.btn--line:hover * {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
    background: transparent !important;
  }

  .home-hero .btn--line:hover,
  .about-hero .btn--line:hover,
  .product-hero .btn--line:hover,
  .craft-hero .btn--line:hover,
  .news-hero .btn--line:hover,
  .faq-hero .btn--line:hover,
  .dl-hero .btn--line:hover,
  .contact-hero .btn--line:hover,
  .pcat-hero .btn--line:hover,
  .page-hero .btn--line:hover {
    background: #1A1510 !important;
    background-color: #1A1510 !important;
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  .home-hero .btn--line:hover *,
  .about-hero .btn--line:hover *,
  .product-hero .btn--line:hover *,
  .craft-hero .btn--line:hover *,
  .news-hero .btn--line:hover *,
  .faq-hero .btn--line:hover *,
  .dl-hero .btn--line:hover *,
  .contact-hero .btn--line:hover *,
  .pcat-hero .btn--line:hover *,
  .page-hero .btn--line:hover * {
    color: #F5EFE4 !important;
    -webkit-text-fill-color: #F5EFE4 !important;
  }

  .link-arrow:hover {
    gap: 0.85rem !important;
    border-bottom-color: #1A1510 !important;
    transform: translateX(2px) !important;
  }

  .hero-cta:hover .hero-cta__arrow,
  a.hero-cta:hover .hero-cta__arrow {
    transform: translateX(5px) !important;
  }

  .hero-cta__arrow {
    transition: transform 0.35s var(--wa-ease) !important;
    display: inline-block !important;
  }

  .pcat-filter a:hover:not(.is-active),
  .gallery-filters button:hover:not(.is-active),
  .news-filter__btn:hover:not(.is-active),
  .category-nav a:hover:not(.is-active),
  .faq-sidenav a:hover:not(.is-active) {
    opacity: 1 !important;
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }

  .contact-chip:hover span {
    border-color: #1A1510 !important;
    background: rgba(26, 21, 16, 0.06) !important;
  }

  .header-cats a:hover,
  .site-footer a:hover,
  .lang-bar__link:hover {
    opacity: 1 !important;
  }

  .search-btn:hover,
  .nav-toggle:hover {
    transform: scale(1.06) !important;
  }

  /* ---- Images ---- */
  .feat-card__media,
  .pcat-card__media,
  .pcat-feat-card__media,
  .pcat-cat__media,
  .col-item__media,
  .gallery-item__media,
  .news-journal__media,
  .news-launch__media,
  .dl-feat-card__media,
  .dl-cat-card__media,
  .home-about__media,
  .home-craft-band__media,
  .pdet-hero__media,
  .pdet-related .pcat-card__media,
  .about-story__media,
  .craft-process__media,
  a[href] > img,
  .feat-card__media img,
  .pcat-card__media img,
  .pcat-feat-card__media img,
  .pcat-cat__img,
  .col-item__img,
  .gallery-item__media img,
  .news-journal__media img,
  .news-launch__media img,
  .dl-feat-card__media img,
  .pdet-hero__media img,
  .pdet-related img {
    transition: transform 0.75s var(--wa-ease), filter 0.75s var(--wa-ease), opacity 0.45s var(--wa-ease) !important;
  }

  .feat-card__media,
  .pcat-card__media,
  .pcat-feat-card__media,
  .pcat-cat__media,
  .col-item__media,
  .gallery-item__media,
  .news-journal__media,
  .news-launch__media,
  .dl-feat-card__media,
  .dl-cat-card__media,
  .home-about__media,
  .home-craft-band__media,
  .pdet-hero__media,
  .about-story__media,
  .craft-process__media {
    overflow: hidden !important;
  }

  a.feat-card__media:hover img,
  a.pcat-card__media:hover img,
  a.pcat-feat-card__media:hover img,
  a.pcat-cat:hover .pcat-cat__img,
  a.col-item:hover .col-item__img,
  a.gallery-item__media:hover .gallery-item__img,
  a.gallery-item__media:hover img,
  a.pcat-gallery__media:hover .pcat-gallery__img,
  .news-journal__media:hover img,
  .news-launch__media:hover img,
  .dl-feat-card__media:hover img,
  .dl-cat-card__media:hover img {
    transform: scale(1.045) !important;
  }

  .home-about__media:hover,
  .home-craft-band__media:hover,
  .pdet-hero__media:hover img,
  .about-story__media:hover,
  .craft-process__media:hover {
    transform: scale(1.03) !important;
  }

  .col-item:hover .col-item__body,
  .pcat-cat:hover .pcat-cat__overlay {
    opacity: 1 !important;
  }

  .feat-card__body h3 a:hover,
  .pcat-card__body h3 a:hover,
  .pcat-feat-card__body h3 a:hover {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn:hover,
  a.btn:hover,
  .hero-cta:hover,
  a.feat-card__media:hover img,
  a.pcat-card__media:hover img,
  a.pcat-feat-card__media:hover img,
  a.col-item:hover .col-item__img,
  a.pcat-card__cta:hover {
    transform: none !important;
  }
}

/* =========================================================
   SEPARATE HOVER ZONES �?image / title / button each alone
   ========================================================= */
.feat-card,
.pcat-card,
.pcat-feat-card {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  background: transparent !important;
  transform: none !important;
}

.feat-card__media,
.pcat-card__media,
.pcat-feat-card__media,
a.feat-card__media,
a.pcat-card__media,
a.pcat-feat-card__media {
  display: block !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.feat-card__media img,
.pcat-card__media img,
.pcat-feat-card__media img,
a.feat-card__media img,
a.pcat-card__media img,
a.pcat-feat-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.7s var(--wa-ease) !important;
}

.pcat-card__body h3 a,
.pcat-feat-card__body h3 a,
.feat-card__body h3 a {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  text-decoration: none !important;
  transition: color 0.3s var(--wa-ease) !important;
}

/* Kill whole-card hover coupling �?effects only on the hovered child */
.feat-card:hover,
.pcat-card:hover,
.pcat-feat-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  /* Image only when pointer is on the image */
  a.feat-card__media:hover img,
  a.pcat-card__media:hover img,
  a.pcat-feat-card__media:hover img {
    transform: scale(1.05) !important;
  }

  /* Title only when pointer is on the title */
  .feat-card__body h3 a:hover,
  .pcat-card__body h3 a:hover,
  .pcat-feat-card__body h3 a:hover {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }

  /* Button only when pointer is on the button */
  a.pcat-card__cta:hover {
    background: #2A2118 !important;
    background-color: #2A2118 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(26, 21, 16, 0.22) !important;
  }

  a.pcat-card__cta:hover .pcat-card__cta-arrow {
    transform: translateX(4px) !important;
  }
}

a.col-item {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

@media (hover: hover) and (pointer: fine) {
  a.col-item:hover .col-item__img {
    transform: scale(1.045) !important;
  }
}

/* =========================================================
   HOVER EVERYTHING 20260729hoverall
   ========================================================= */
@media (hover: hover) and (pointer: fine) {
  /* Universal interactive transition */
  a[href],
  button,
  [role="button"],
  input[type="submit"],
  input[type="button"],
  .contact-chip,
  .faq-item,
  .faq-question,
  .pcat-custom__card,
  .about-mv__card,
  .about-custom__card,
  .dl-feat-card,
  .dl-cat-card,
  .news-journal__card,
  .news-launch__card,
  .news-inside__row,
  .gallery-item,
  .pcat-gallery__item,
  .pcat-cat,
  .why-strip__item,
  .contact-why__item,
  .pcat-why__item,
  .about-timeline li,
  .craft-std__row,
  .logo {
    transition:
      transform 0.35s var(--wa-ease),
      opacity 0.35s var(--wa-ease),
      color 0.35s var(--wa-ease),
      background-color 0.35s var(--wa-ease),
      border-color 0.35s var(--wa-ease),
      box-shadow 0.35s var(--wa-ease),
      filter 0.45s var(--wa-ease) !important;
  }

  img,
  [class*="__media"],
  [class*="__img"],
  [class*="-media"],
  .col-item__img,
  .pcat-gallery__img,
  .pcat-cat__img,
  .home-about__media,
  .home-craft-band__media,
  .home-hero__media,
  .about-hero__media,
  .product-hero__media,
  .craft-hero__media,
  .news-hero__media,
  .faq-hero__media,
  .dl-hero__media,
  .contact-hero__media {
    transition: transform 0.75s var(--wa-ease), filter 0.75s var(--wa-ease), opacity 0.45s var(--wa-ease) !important;
  }

  /* All text links �?exclude product media / CTA / titles */
  a[href]:not(.btn):not(.hero-cta):not(.feat-card):not(.pcat-card):not(.pcat-feat-card):not(.col-item):not(.pcat-gallery__item):not(.gallery-item):not(.pcat-cat):not(.pcat-card__media):not(.pcat-feat-card__media):not(.feat-card__media):not(.pcat-card__cta):not(.pcat-gallery__media):not(.pcat-gallery__cta):not(.gallery-item__media):not(.gallery-item__cta):hover {
    opacity: 0.72 !important;
  }

  .pcat-card__body h3 a:hover,
  .pcat-feat-card__body h3 a:hover,
  .feat-card__body h3 a:hover {
    opacity: 1 !important;
  }

  .header-cats a:hover,
  .nav__links a:hover,
  .lang-bar__link:hover,
  .site-footer a:hover,
  .logo:hover,
  .pdet-back:hover {
    opacity: 1 !important;
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }

  /* FAQ accordion */
  .faq-item:hover,
  .faq-question:hover,
  [data-faq-item]:hover,
  .faq-item summary:hover {
    background: rgba(26, 21, 16, 0.035) !important;
  }

  .faq-question:hover,
  .faq-item:hover .faq-question,
  [data-faq-toggle]:hover {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }

  /* List / strip rows */
  .why-strip__item:hover,
  .contact-why__item:hover,
  .pcat-why__item:hover,
  .about-timeline li:hover,
  .news-inside__row:hover,
  .craft-std__row:hover {
    background: rgba(26, 21, 16, 0.03) !important;
    transform: translateX(4px) !important;
  }

  /* Info / custom material cards with images */
  .pcat-custom__card,
  .about-mv__card,
  .about-custom__card,
  .dl-feat-card,
  .dl-cat-card,
  .news-journal__card,
  .news-launch__card {
    overflow: hidden !important;
  }

  /* Multi-zone cards: no whole-card lift (keeps photo/button effects separate) */
  .pcat-custom__card:hover,
  .about-mv__card:hover,
  .about-custom__card:hover,
  .dl-feat-card:hover,
  .dl-cat-card:hover,
  .news-journal__card:hover,
  .news-launch__card:hover {
    transform: none !important;
  }

  /* Image zoom only when pointer is on the media, not the card shell */
  .pcat-custom__media:hover img,
  .dl-feat-card__media:hover img,
  .dl-cat-card__media:hover img,
  .news-journal__media:hover img,
  .news-launch__media:hover img,
  .about-custom__media:hover img {
    transform: scale(1.05) !important;
  }

  .pcat-custom__media,
  .dl-feat-card__media,
  .dl-cat-card__media,
  .news-journal__media,
  .news-launch__media {
    overflow: hidden !important;
    display: block !important;
  }

  /* Gallery / category tiles */
  a.gallery-item,
  a.pcat-gallery__item,
  a.pcat-cat,
  .gallery-item,
  .pcat-gallery__item {
    overflow: hidden !important;
    display: block !important;
    text-decoration: none !important;
  }

  /* Gallery: image only on media hover �?not when hovering title/CTA below */
  a.gallery-item__media:hover .gallery-item__img,
  a.gallery-item__media:hover img,
  a.pcat-gallery__media:hover .pcat-gallery__img,
  a.pcat-cat:hover .pcat-cat__img {
    transform: scale(1.06) !important;
  }

  a.gallery-item:hover,
  a.pcat-gallery__item:hover,
  .gallery-item:hover,
  .pcat-gallery__item:hover {
    transform: none !important;
  }

  /* Single-link category tile may lift as one unit */
  a.pcat-cat:hover {
    transform: translateY(-2px) !important;
  }

  /* Contact chips / social */
  .contact-chip:hover span,
  label.contact-chip:hover span {
    border-color: #1A1510 !important;
    transform: translateY(-1px) !important;
  }

  .contact-social a:hover,
  .social-links a:hover,
  .contact-social__list a:hover {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
    transform: translateY(-2px) !important;
  }

  /* Form controls subtle */
  input:hover,
  textarea:hover,
  select:hover {
    border-color: rgba(26, 21, 16, 0.45) !important;
  }

  /* Standalone media blocks */
  .home-about__media:hover,
  .home-craft-band__media:hover,
  .pdet-hero__media:hover,
  .about-story__media:hover {
    filter: brightness(1.04) !important;
  }

  .pdet-hero__media:hover img {
    transform: scale(1.03) !important;
  }

  /* Download / table links */
  .dl-table__dl:hover,
  .dl-cta__btn:hover,
  a[download]:hover {
    transform: translateY(-2px) !important;
  }

  /* Mobile nav links */
  .nav__links a:hover {
    transform: translateX(6px) !important;
  }

  /* Ensure overflow clip on media parents */
  .feat-card__media,
  .pcat-card__media,
  .pcat-feat-card__media,
  .col-item__media,
  .pcat-gallery__media,
  .gallery-item__media,
  .pcat-cat__media,
  .pcat-custom__media,
  .pdet-hero__media {
    overflow: hidden !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  a:hover,
  button:hover,
  .feat-card:hover,
  .pcat-card:hover,
  .pcat-custom__card:hover,
  .gallery-item:hover,
  .why-strip__item:hover {
    transform: none !important;
  }

  a:hover img,
  .feat-card:hover img,
  .pcat-card:hover img,
  .col-item:hover .col-item__img {
    transform: none !important;
  }
}

/* =========================================================
   NEWS HERO �?unify with About / Products / Contact
   Full-bleed photo + veil + cream type (no cream split panel)
   ========================================================= */
.page-news .news-hero,
.news-hero {
  position: relative !important;
  display: grid !important;
  align-items: end !important;
  justify-items: start !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  min-height: min(88vh, 46rem) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--wa-deep) !important;
  background-color: var(--wa-deep) !important;
  color: #F5EFE4 !important;
}

.page-news .news-hero::after,
.news-hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

.page-news .news-hero__media,
.news-hero__media {
  display: block !important;
  position: absolute !important;
  inset: -6% 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background-image: url("https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=2400&q=88") !important;
  background-position: 50% 45% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.page-news .news-hero__veil,
.news-hero__veil {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  background:
    linear-gradient(105deg, rgba(12, 10, 8, 0.72) 0%, rgba(12, 10, 8, 0.32) 46%, rgba(12, 10, 8, 0.48) 100%),
    linear-gradient(180deg, rgba(12, 10, 8, 0.32) 0%, transparent 38%, rgba(12, 10, 8, 0.66) 100%) !important;
}

.page-news .news-hero__content,
.news-hero__content {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: min(100% - 2rem, 44rem) !important;
  max-width: 44rem !important;
  margin: 0 !important;
  padding:
    calc(var(--lang-bar-h) + var(--header-h) + clamp(2.5rem, 6vh, 4.5rem))
    clamp(1.5rem, 5vw, 4.5rem)
    clamp(3.25rem, 8vh, 5.25rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  box-shadow: none !important;
  border: 0 !important;
}

.page-news .news-hero__label,
.page-news .news-hero__title,
.page-news .news-hero__lead,
.page-news .news-hero h1,
.news-hero__label,
.news-hero__title,
.news-hero__lead {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.35) !important;
  background: transparent !important;
}

.page-news .news-hero__label,
.news-hero__label {
  color: var(--wa-champagne) !important;
  -webkit-text-fill-color: var(--wa-champagne) !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  margin: 0 0 1rem !important;
}

.page-news .news-hero__title,
.page-news .news-hero h1,
.news-hero__title {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.75rem, 7vw, 5.25rem) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.02em !important;
  max-width: 12ch !important;
  margin: 0 0 1.15rem !important;
}

.page-news .news-hero__lead,
.news-hero__lead {
  max-width: 36ch !important;
  font-size: clamp(1.02rem, 1.4vw, 1.15rem) !important;
  line-height: 1.65 !important;
  margin: 0 0 1.75rem !important;
  color: rgba(245, 239, 228, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.88) !important;
}

.page-news .news-hero a.news-hero__cta,
.page-news .news-hero a.btn.btn--line.news-hero__cta,
.news-hero a.news-hero__cta {
  background: #F5EFE4 !important;
  background-color: #F5EFE4 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  border: 0 !important;
  padding: 0.95rem 1.45rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.page-news .news-hero a.news-hero__cta span,
.page-news .news-hero a.news-hero__cta *,
.page-news .news-hero a.btn.btn--line.news-hero__cta span,
.page-news .news-hero a.btn.btn--line.news-hero__cta *,
.news-hero a.news-hero__cta span,
.news-hero a.news-hero__cta * {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  background: transparent !important;
}

.page-news .news-hero a.news-hero__cta::before,
.page-news .news-hero a.news-hero__cta::after {
  content: none !important;
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-news .news-hero a.news-hero__cta:hover,
  .news-hero a.news-hero__cta:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
  }
}

/* =========================================================
   CRAFT PROCESS �?sequential bounce pop (01 �?06)
   Do NOT put !important on opacity/transform here �?it kills @keyframes.
   ========================================================= */
@keyframes wa-craft-step-pop {
  0% {
    opacity: 0;
    transform: translate3d(0, 2.6rem, 0) scale(0.84);
  }
  55% {
    opacity: 1;
    transform: translate3d(0, -0.55rem, 0) scale(1.06);
  }
  78% {
    opacity: 1;
    transform: translate3d(0, 0.2rem, 0) scale(0.98);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes wa-craft-num-bounce {
  0% { transform: translateY(0.7rem) scale(0.75); opacity: 0; }
  65% { transform: translateY(-0.2rem) scale(1.1); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

.page-craftsmanship .craft-flow__node,
html.has-motion .page-craftsmanship .craft-flow__node,
html.has-motion .craft-flow__node,
html.has-motion .craft-flow__node.reveal,
html.has-motion .craft-flow__node.is-visible {
  opacity: 0;
  transform: translate3d(0, 2.4rem, 0) scale(0.86);
  transition: none !important;
  animation: none;
  will-change: transform, opacity;
}

.page-craftsmanship .craft-flow.is-in .craft-flow__node,
.page-craftsmanship .craft-flow.is-in .craft-flow__node.is-visible,
.page-craftsmanship .craft-flow.is-in .craft-flow__node.is-pop,
html.has-motion .page-craftsmanship .craft-flow.is-in .craft-flow__node,
html.has-motion .page-craftsmanship .craft-flow.is-in .craft-flow__node.is-visible,
html.has-motion .craft-flow.is-in .craft-flow__node,
html.has-motion .craft-flow.is-in .craft-flow__node.is-visible {
  /* Let keyframes own opacity + transform (no !important on those) */
  animation-name: wa-craft-step-pop !important;
  animation-duration: 0.82s !important;
  animation-timing-function: cubic-bezier(0.22, 1.45, 0.36, 1) !important;
  animation-fill-mode: both !important;
  animation-delay: calc(var(--i, 0) * 0.18s) !important;
  transition: none !important;
}

.page-craftsmanship .craft-flow.is-in .craft-flow__num {
  display: inline-block !important;
  animation: wa-craft-num-bounce 0.58s cubic-bezier(0.22, 1.6, 0.36, 1) both !important;
  animation-delay: calc(var(--i, 0) * 0.18s + 0.1s) !important;
}

html.nofx .page-craftsmanship .craft-flow__node,
.fx-off .page-craftsmanship .craft-flow__node,
html.nofx .craft-flow__node,
.fx-off .craft-flow__node {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .page-craftsmanship .craft-flow__node,
  html.has-motion .craft-flow__node,
  .page-craftsmanship .craft-flow.is-in .craft-flow__node {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* =========================================================
   GALLERY CTA �?solid formal button (not tiny chip)
   ========================================================= */
.pcat-gallery__item,
.gallery-item {
  display: block !important;
  break-inside: avoid !important;
  text-decoration: none !important;
  color: inherit !important;
  transform: none !important;
}

.pcat-gallery__media,
.gallery-item__media,
a.pcat-gallery__media,
a.gallery-item__media {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.pcat-gallery__meta,
.gallery-item__meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.35rem !important;
  padding: 1rem 0.05rem 0.35rem !important;
  background: transparent !important;
}

.pcat-gallery__name,
.gallery-item__name,
a.pcat-gallery__name,
a.gallery-item__name {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.2rem, 1.6vw, 1.45rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  text-decoration: none !important;
  transition: color 0.3s var(--wa-ease) !important;
}

.pcat-gallery__cat,
.gallery-item__cat {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.78rem !important;
  color: #5C5044 !important;
  -webkit-text-fill-color: #5C5044 !important;
}

/* Hide old tiny action chips */
.pcat-gallery__action,
.gallery-item__action {
  display: none !important;
}

.pcat-gallery__cta,
.gallery-item__cta,
a.pcat-gallery__cta,
a.gallery-item__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin-top: 0.7rem !important;
  padding: 0.82rem 1.25rem !important;
  background: #1A1510 !important;
  background-color: #1A1510 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
  width: fit-content !important;
  max-width: 100% !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition:
    background-color 0.3s var(--wa-ease),
    transform 0.3s var(--wa-ease),
    box-shadow 0.3s var(--wa-ease) !important;
}

.pcat-gallery__cta span,
.pcat-gallery__cta *,
.gallery-item__cta span,
.gallery-item__cta * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
}

.pcat-gallery__cta-arrow,
.gallery-item__cta-arrow {
  display: inline-block !important;
  transition: transform 0.3s var(--wa-ease) !important;
}

.pcat-gallery__more .btn--line,
.page-products-catalog .pcat-gallery__more .btn {
  padding: 0.95rem 1.5rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
}

@media (hover: hover) and (pointer: fine) {
  a.pcat-gallery__media:hover .pcat-gallery__img,
  a.gallery-item__media:hover .gallery-item__img {
    transform: scale(1.05) !important;
  }

  a.pcat-gallery__name:hover,
  a.gallery-item__name:hover {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
    opacity: 1 !important;
  }

  a.pcat-gallery__cta:hover,
  a.gallery-item__cta:hover {
    background: #2A2118 !important;
    background-color: #2A2118 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(26, 21, 16, 0.22) !important;
    opacity: 1 !important;
  }

  a.pcat-gallery__cta:hover .pcat-gallery__cta-arrow,
  a.gallery-item__cta:hover .gallery-item__cta-arrow {
    transform: translateX(4px) !important;
  }

  .pcat-gallery__item:hover,
  .gallery-item:hover {
    transform: none !important;
  }
}

/* =========================================================
   NEWS INSIDE WA �?editorial lead + numbered index (anti-PPT)
   ========================================================= */
.page-news .news-inside-section {
  background: var(--wa-cream, #E5E2D9) !important;
}

.page-news .news-inside__layout {
  display: grid !important;
  grid-template-columns: minmax(12rem, 0.85fr) minmax(0, 1.4fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
}

.page-news .news-inside__head {
  position: sticky !important;
  top: 6.5rem !important;
  text-align: left !important;
  max-width: none !important;
  margin: 0 !important;
}

.page-news .news-inside__head .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-news .news-inside__head h2 {
  margin: 0.65rem 0 0.85rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.6rem, 5vw, 4rem) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  max-width: 8ch !important;
}

.page-news .news-inside__head p {
  margin: 0 !important;
  max-width: 28ch !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
  line-height: 1.65 !important;
}

.page-news .news-inside__stage {
  display: grid !important;
  gap: clamp(1.75rem, 3.5vw, 2.5rem) !important;
}

.page-news .news-inside__feature {
  display: block !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  background: #d8d2c6 !important;
}

.page-news .news-inside__feature-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  transition: transform 1s var(--wa-ease, ease) !important;
}

.page-news .news-inside__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.16) !important;
}

.page-news .news-inside__item {
  display: grid !important;
  grid-template-columns: 2.5rem minmax(0, 1fr) !important;
  gap: 0.85rem 1.15rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 1.15rem 0.15rem 1.15rem 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.12) !important;
  background: transparent !important;
  transition: background-color 0.3s var(--wa-ease, ease), padding-left 0.35s var(--wa-ease, ease) !important;
}

.page-news .news-inside__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
  padding-top: 0.35rem !important;
}

.page-news .news-inside__copy h3 {
  margin: 0 0 0.35rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.25rem, 1.8vw, 1.55rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-news .news-inside__copy p {
  margin: 0 !important;
  max-width: 42ch !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
}

/* Kill old equal thumbnail PPT rows if any leftover rules apply */
.page-news .news-inside__row,
.page-news .news-inside__media {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-news .news-inside__feature:hover .news-inside__feature-img {
    transform: scale(1.04) !important;
  }

  .page-news .news-inside__item:hover {
    background: rgba(143, 115, 88, 0.06) !important;
    padding-left: 0.45rem !important;
  }

  .page-news .news-inside__item:hover .news-inside__num {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }

  .page-news .news-inside__item:hover h3 {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }
}

@media (max-width: 900px) {
  .page-news .news-inside__layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-news .news-inside__head {
    position: static !important;
  }

  .page-news .news-inside__head h2 {
    max-width: none !important;
  }

  .page-news .news-inside__feature {
    aspect-ratio: 4 / 3 !important;
  }
}

/* News gallery CTA + lightbox nav */
.page-news .news-gallery__more {
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 2rem !important;
}

.page-news .news-gallery__full,
.page-news button.news-gallery__full {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 1rem 1.55rem !important;
  background: #1A1510 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 0 !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.page-news .news-gallery__full span,
.page-news .news-gallery__full * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.page-news .news-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 400 !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(12, 10, 8, 0.88) !important;
  padding: 2rem !important;
}

.page-news .news-lightbox[hidden] {
  display: none !important;
}

.page-news .news-lightbox__nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
  width: 3rem !important;
  height: 3rem !important;
  border: 0 !important;
  background: #F5EFE4 !important;
  color: #1A1510 !important;
  font-size: 1.25rem !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

.page-news .news-lightbox__nav--prev { left: clamp(0.75rem, 3vw, 2rem) !important; }
.page-news .news-lightbox__nav--next { right: clamp(0.75rem, 3vw, 2rem) !important; }

.page-news .news-lightbox__count {
  margin: 0.65rem 0 0 !important;
  color: rgba(245, 239, 228, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.72) !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.12em !important;
  text-align: center !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-news .news-gallery__full:hover {
    background: #2A2118 !important;
    transform: translateY(-2px) !important;
  }
}

/* =========================================================
   ABOUT CLIENTS �?editorial index (not boxed name wall)
   ========================================================= */
.page-about .about-clients--partners {
  background: var(--wa-cream, #E5E2D9) !important;
  border-top: 1px solid rgba(26, 21, 16, 0.12) !important;
  padding-block: clamp(4.5rem, 9vw, 7rem) !important;
}

/* Beat styles.css `.about-clients--partners .container { display:flex }` */
.page-about .about-clients--partners .container.about-clients__layout,
.page-about .about-clients--partners .about-clients__layout {
  display: grid !important;
  flex-direction: unset !important;
  grid-template-columns: minmax(14rem, 0.9fr) minmax(0, 1.35fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
  margin-bottom: clamp(2.5rem, 5vw, 4rem) !important;
}

.page-about .about-clients--partners .about-clients__intro {
  position: sticky !important;
  top: 6.5rem !important;
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
  text-align: left !important;
}

.page-about .about-clients--partners .about-clients__intro .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-about .about-clients--partners .about-clients__intro h2 {
  margin: 0.65rem 0 1rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.5rem, 4.8vw, 3.75rem) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  max-width: 11ch !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-about .about-clients--partners .about-clients__intro p {
  margin: 0 !important;
  max-width: 28ch !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
}

.page-about .about-clients--partners .about-clients__index {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border-top: 1px solid rgba(26, 21, 16, 0.16) !important;
  display: block !important;
  grid-template-columns: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.page-about .about-clients--partners .about-clients__item {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  gap: 0.85rem 1.25rem !important;
  align-items: baseline !important;
  margin: 0 !important;
  padding: 1.15rem 0.15rem 1.15rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.12) !important;
  border-right: 0 !important;
  background: transparent !important;
  text-align: left !important;
  transition: background-color 0.3s ease, padding-left 0.35s ease !important;
}

.page-about .about-clients--partners .about-clients__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-about .about-clients--partners .about-clients__name {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.65rem, 2.8vw, 2.25rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  position: relative !important;
}

.page-about .about-clients--partners .about-clients__name::after {
  display: none !important;
  content: none !important;
}

/* Kill old boxed grid leftovers */
.page-about .about-clients__names {
  display: none !important;
}

.page-about .about-clients__names::before,
.page-about .about-clients__names::after {
  display: none !important;
  content: none !important;
}

.page-about .about-clients--partners .about-clients__pull {
  margin: 0 !important;
  padding-top: clamp(1.5rem, 3vw, 2.25rem) !important;
  border-top: 1px solid rgba(26, 21, 16, 0.14) !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-about .about-clients--partners .about-clients__item:hover {
    background: rgba(143, 115, 88, 0.06) !important;
    padding-left: 0.45rem !important;
  }

  .page-about .about-clients--partners .about-clients__item:hover .about-clients__num {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }

  .page-about .about-clients--partners .about-clients__item:hover .about-clients__name {
    color: #8F7358 !important;
    -webkit-text-fill-color: #8F7358 !important;
  }
}

@media (max-width: 900px) {
  .page-about .about-clients--partners .container.about-clients__layout,
  .page-about .about-clients--partners .about-clients__layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-about .about-clients--partners .about-clients__intro {
    position: static !important;
  }

  .page-about .about-clients--partners .about-clients__intro h2 {
    max-width: none !important;
  }
}

/* =========================================================
   ABOUT SUSTAINABILITY �?cream editorial (no dark wall vs footer)
   ========================================================= */
.page-about .about-sustain.about-sustain--editorial,
.page-about .about-sustain--editorial {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: var(--wa-cream, #E5E2D9) !important;
  color: #1A1510 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.12) !important;
  padding-block: clamp(4rem, 8vw, 6.5rem) !important;
  padding-bottom: clamp(5.5rem, 11vw, 8.5rem) !important;
}

.page-about .about-sustain--editorial .about-sustain__stage,
.page-about .about-sustain--editorial .about-sustain__veil,
.page-about .about-sustain--editorial .about-sustain__strip,
.page-about .about-sustain--editorial .about-sustain__panel,
.page-about .about-sustain--editorial .about-sustain__content,
.page-about .about-sustain--editorial .about-sustain__media {
  display: none !important;
}

.page-about .about-sustain--editorial .about-sustain__shell {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(2rem, 4.5vw, 3.25rem) !important;
}

.page-about .about-sustain--editorial .about-sustain__figure {
  margin: 0 !important;
  width: 100% !important;
  position: relative !important;
  top: auto !important;
  overflow: hidden !important;
}

.page-about .about-sustain--editorial .about-sustain__photo {
  display: block !important;
  width: 100% !important;
  height: clamp(14rem, 28vw, 22rem) !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #D9D3C8 !important;
}

.page-about .about-sustain--editorial .about-sustain__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
}

.page-about .about-sustain--editorial .about-sustain__intro {
  max-width: 28rem !important;
  margin: 0 !important;
  position: sticky !important;
  top: 6.25rem !important;
}

.page-about .about-sustain--editorial .about-sustain__intro .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-about .about-sustain--editorial .about-sustain__intro h2 {
  margin: 0.65rem 0 1rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.5rem, 4.8vw, 3.85rem) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  max-width: 12ch !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-about .about-sustain--editorial .about-sustain__lead {
  margin: 0 !important;
  max-width: 36ch !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
  opacity: 1 !important;
}

.page-about .about-sustain--editorial .about-sustain__index {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.14) !important;
  display: block !important;
  grid-template-columns: none !important;
}

.page-about .about-sustain--editorial .about-sustain__item {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  gap: 0.75rem 1.15rem !important;
  align-items: start !important;
  margin: 0 !important;
  padding: 1.15rem 0.1rem 1.15rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.12) !important;
  background: transparent !important;
  transition: background-color 0.3s ease, padding-left 0.35s ease !important;
}

.page-about .about-sustain--editorial .about-sustain__num {
  padding-top: 0.35rem !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
  opacity: 1 !important;
}

.page-about .about-sustain--editorial .about-sustain__item h3 {
  margin: 0 0 0.35rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-about .about-sustain--editorial .about-sustain__item p {
  margin: 0 !important;
  max-width: 40ch !important;
  line-height: 1.6 !important;
  color: rgba(26, 21, 16, 0.66) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.66) !important;
  opacity: 1 !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-about .about-sustain--editorial .about-sustain__item:hover {
    background: rgba(143, 115, 88, 0.06) !important;
    padding-left: 0.4rem !important;
  }

  .page-about .about-sustain--editorial .about-sustain__item:hover .about-sustain__num {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }
}

@media (max-width: 900px) {
  .page-about .about-sustain--editorial .about-sustain__layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-about .about-sustain--editorial .about-sustain__intro {
    position: static !important;
    max-width: none !important;
  }

  .page-about .about-sustain--editorial .about-sustain__intro h2 {
    max-width: none !important;
  }

  .page-about .about-sustain--editorial .about-sustain__photo {
    height: clamp(12rem, 48vw, 18rem) !important;
  }
}

/* =========================================================
   HEADER TYPE �?architectural mark (less soft / cute serif)
   Beat styles.css / _customisation logo locks (a.logo .logo__mark)
   ========================================================= */
html body .site-header a.logo .logo__mark,
html body .site-header .logo__mark,
html body a.logo .logo__mark {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: clamp(0.92rem, 1.15vw, 1.05rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  padding-left: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  font-variant-caps: normal !important;
  text-shadow: none !important;
  filter: none !important;
}

html body.is-scrolled .site-header a.logo .logo__mark,
html body.is-scrolled .site-header .logo__mark,
html body .site-header.is-scrolled a.logo .logo__mark,
html body .site-header.is-scrolled .logo__mark,
html body.is-scrolled a.logo .logo__mark {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: clamp(0.84rem, 1.05vw, 0.95rem) !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  padding-left: 0.15em !important;
  text-transform: uppercase !important;
}

html body .site-header .header-cats a {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

html body.is-scrolled .site-header .header-cats a,
html body .site-header.is-scrolled .header-cats a {
  font-size: 0.68rem !important;
  letter-spacing: 0.095em !important;
}

html body .nav__brand {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

html body .site-footer .logo {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

/* =========================================================
   WA LOGO MARK �?image brand (header / drawer / footer)
   ========================================================= */
html body .site-header a.logo,
html body a.logo {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
}

html body .site-header a.logo .logo__mark,
html body a.logo .logo__mark {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .site-header .logo__img,
html body a.logo .logo__img {
  display: block !important;
  width: auto !important;
  height: clamp(2.55rem, 3.4vw, 3.15rem) !important;
  max-width: min(42vw, 11rem) !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html body.is-scrolled .site-header .logo__img,
html body .site-header.is-scrolled .logo__img {
  height: clamp(2.2rem, 2.8vw, 2.65rem) !important;
}

html body .nav__brand {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body .nav__brand-img {
  display: block !important;
  height: 2.75rem !important;
  width: auto !important;
  object-fit: contain !important;
}

html body .site-footer .logo {
  margin: 0 0 0.85rem !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-size: 0 !important;
}

html body .site-footer .logo__img,
html body .site-footer .logo__img--footer {
  display: block !important;
  height: clamp(3.25rem, 5vw, 4rem) !important;
  width: auto !important;
  max-width: 11rem !important;
  object-fit: contain !important;
  background: rgba(245, 239, 228, 0.96) !important;
  padding: 0.35rem 0.45rem !important;
}

/* =========================================================
   FAQ PAGE �?editorial desk (less flat / monotonous)
   ========================================================= */
.page-faq .faq-hero__cta.btn--dark,
.page-faq .faq-hero a.faq-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 1.5rem !important;
  padding: 0.95rem 1.45rem !important;
  background: #F5EFE4 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  border: 0 !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.page-faq .faq-search-section,
.page-faq .faq-popular-section {
  display: none !important;
}

.page-faq .faq-desk {
  background: var(--wa-cream, #E5E2D9) !important;
  border-top: 1px solid rgba(26, 21, 16, 0.1) !important;
  padding-block: clamp(4rem, 8vw, 6.5rem) !important;
}

.page-faq .faq-desk__layout {
  display: grid !important;
  grid-template-columns: minmax(14rem, 0.95fr) minmax(0, 1.2fr) !important;
  gap: clamp(2rem, 5vw, 4.5rem) !important;
  align-items: start !important;
}

.page-faq .faq-desk__intro {
  position: sticky !important;
  top: 6.5rem !important;
  max-width: 28rem !important;
}

.page-faq .faq-desk__intro .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-faq .faq-desk__intro h2 {
  margin: 0.65rem 0 0.85rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.4rem, 4.6vw, 3.6rem) !important;
  font-weight: 500 !important;
  line-height: 1.02 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-faq .faq-desk__intro > p {
  margin: 0 0 1.5rem !important;
  max-width: 34ch !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.68) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.68) !important;
}

.page-faq .faq-search {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  max-width: 26rem !important;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  border: 1px solid rgba(26, 21, 16, 0.18) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

.page-faq .faq-search:focus-within {
  border-color: rgba(26, 21, 16, 0.4) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}

.page-faq .faq-search__icon {
  color: rgba(26, 21, 16, 0.55) !important;
  flex: 0 0 auto !important;
}

.page-faq .faq-search input {
  flex: 1 1 auto !important;
  width: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.95rem !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-faq .faq-popular__index {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.16) !important;
}

.page-faq .faq-popular__item {
  margin: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.12) !important;
}

.page-faq .faq-popular__link {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  gap: 0.85rem 1.15rem !important;
  align-items: baseline !important;
  padding: 1.2rem 0.2rem 1.2rem 0 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease, padding-left 0.35s ease !important;
}

.page-faq .faq-popular__link::after {
  display: none !important;
  content: none !important;
}

.page-faq .faq-popular__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-faq .faq-popular__text {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.page-faq .faq-main-section {
  background: #F3F1EC !important;
  border-top: 1px solid rgba(26, 21, 16, 0.1) !important;
  padding-block: clamp(4rem, 8vw, 6.75rem) !important;
}

.page-faq .faq-main__head {
  max-width: 40rem !important;
  margin: 0 0 clamp(2rem, 4vw, 3rem) !important;
}

.page-faq .faq-main__head .eyebrow {
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-faq .faq-main__head h2 {
  margin: 0.55rem 0 0.75rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.35rem, 4.4vw, 3.4rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-faq .faq-main__head p {
  margin: 0 !important;
  max-width: 42ch !important;
  color: rgba(26, 21, 16, 0.66) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.66) !important;
}

.page-faq .faq-layout {
  display: grid !important;
  grid-template-columns: minmax(11rem, 0.78fr) minmax(0, 1.45fr) !important;
  gap: clamp(1.75rem, 4vw, 3.5rem) !important;
  align-items: start !important;
}

.page-faq .faq-rail {
  position: sticky !important;
  top: 6.5rem !important;
}

.page-faq .faq-rail__label {
  margin: 0 0 1rem !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(26, 21, 16, 0.5) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.5) !important;
}

.page-faq .faq-sidenav {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid rgba(26, 21, 16, 0.14) !important;
}

.page-faq .faq-sidenav a {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0.85rem 0.15rem !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.1) !important;
  color: rgba(26, 21, 16, 0.62) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.62) !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  transition: color 0.25s ease, padding-left 0.3s ease !important;
}

.page-faq .faq-sidenav a.is-active,
.page-faq .faq-sidenav a:hover {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  padding-left: 0.35rem !important;
}

.page-faq .faq-sidenav__count {
  font-size: 0.68rem !important;
  letter-spacing: 0.1em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-faq .faq-group {
  margin: 0 0 clamp(2.25rem, 4vw, 3.25rem) !important;
}

.page-faq .faq-group__title {
  margin: 0 0 0.85rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.85rem, 3vw, 2.4rem) !important;
  font-weight: 500 !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
}

.page-faq .faq-list {
  border-top: 1px solid rgba(26, 21, 16, 0.16) !important;
}

.page-faq .faq-item {
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 21, 16, 0.12) !important;
  background: transparent !important;
}

.page-faq .faq-item button {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 2.5rem minmax(0, 1fr) 1.25rem !important;
  gap: 0.75rem 1rem !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 1.15rem 0.15rem 1.15rem 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  transition: background-color 0.3s ease, padding-left 0.35s ease !important;
}

.page-faq .faq-item button::after {
  display: none !important;
  content: none !important;
}

.page-faq .faq-item__num {
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  color: var(--wa-accent, #8F7358) !important;
  -webkit-text-fill-color: var(--wa-accent, #8F7358) !important;
}

.page-faq .faq-item__q {
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.page-faq .faq-item__toggle {
  justify-self: end !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  border-right: 1.5px solid currentColor !important;
  border-bottom: 1.5px solid currentColor !important;
  transform: rotate(45deg) translateY(-2px) !important;
  opacity: 0.55 !important;
  transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.page-faq .faq-item.is-open .faq-item__toggle {
  transform: rotate(225deg) translateY(-1px) !important;
  opacity: 0.9 !important;
}

.page-faq .faq-answer {
  display: grid !important;
  grid-template-rows: 0fr !important;
  margin: 0 !important;
  padding: 0 0 0 3.5rem !important;
  opacity: 0 !important;
  transition:
    grid-template-rows 0.45s var(--wa-ease, ease),
    opacity 0.35s ease,
    padding 0.35s ease !important;
}

.page-faq .faq-answer > * {
  overflow: hidden !important;
  min-height: 0 !important;
}

.page-faq .faq-item.is-open .faq-answer {
  grid-template-rows: 1fr !important;
  opacity: 1 !important;
  padding: 0 0 1.2rem 3.5rem !important;
}

.page-faq .faq-answer p {
  margin: 0 !important;
  max-width: 52ch !important;
  line-height: 1.65 !important;
  color: rgba(26, 21, 16, 0.7) !important;
  -webkit-text-fill-color: rgba(26, 21, 16, 0.7) !important;
}

.page-faq .faq-more-help {
  display: none !important;
}

.page-faq .faq-help-band {
  background: #1A1510 !important;
  color: #F5EFE4 !important;
  padding-block: clamp(3.5rem, 7vw, 5.5rem) !important;
}

.page-faq .faq-help-band__layout {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1.75rem 2.5rem !important;
}

.page-faq .faq-help-band .eyebrow {
  color: var(--wa-champagne, #E0C8A8) !important;
  -webkit-text-fill-color: var(--wa-champagne, #E0C8A8) !important;
}

.page-faq .faq-help-band h2 {
  margin: 0.55rem 0 0.75rem !important;
  font-family: var(--wa-font-display, "Instrument Serif"), Georgia, serif !important;
  font-size: clamp(2.2rem, 4vw, 3.2rem) !important;
  font-weight: 500 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

.page-faq .faq-help-band p {
  margin: 0 !important;
  max-width: 36ch !important;
  color: rgba(245, 239, 228, 0.72) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.72) !important;
}

.page-faq .faq-help-band__cta,
.page-faq a.btn.btn--dark.faq-help-band__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
  padding: 0.95rem 1.45rem !important;
  background: #1A1510 !important;
  background-color: #1A1510 !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border: 1px solid #1A1510 !important;
  font-family: var(--wa-font-body, "Plus Jakarta Sans"), system-ui, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.page-faq .faq-help-band__cta span,
.page-faq .faq-help-band__cta *,
.page-faq a.btn.btn--dark.faq-help-band__cta span,
.page-faq a.btn.btn--dark.faq-help-band__cta * {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  background: transparent !important;
}

.page-faq .faq-hero__cta.btn--dark span,
.page-faq .faq-hero__cta.btn--dark *,
.page-faq .faq-hero a.faq-hero__cta span,
.page-faq .faq-hero a.faq-hero__cta * {
  color: #1A1510 !important;
  -webkit-text-fill-color: #1A1510 !important;
  background: transparent !important;
}

@media (hover: hover) and (pointer: fine) {
  .page-faq .faq-popular__link:hover,
  .page-faq .faq-item button:hover {
    background: rgba(143, 115, 88, 0.07) !important;
    padding-left: 0.4rem !important;
  }

  /* FAQ hero CTA hover matches sitewide: ink plate + cream type */
  .page-faq .faq-hero__cta:hover,
  .page-faq .faq-hero a.faq-hero__cta:hover,
  .page-faq .faq-hero__cta.btn--dark:hover {
    background: #14110e !important;
    background-color: #14110e !important;
    background-image: none !important;
    color: #f7f1e6 !important;
    -webkit-text-fill-color: #f7f1e6 !important;
    border-color: #14110e !important;
    transform: translateY(-2px) !important;
  }

  .page-faq .faq-hero__cta:hover span,
  .page-faq .faq-hero__cta:hover *,
  .page-faq .faq-hero a.faq-hero__cta:hover span,
  .page-faq .faq-hero a.faq-hero__cta:hover * {
    color: #f7f1e6 !important;
    -webkit-text-fill-color: #f7f1e6 !important;
  }

  .page-faq .faq-help-band__cta:hover,
  .page-faq a.btn.btn--dark.faq-help-band__cta:hover {
    background: #F5EFE4 !important;
    background-color: #F5EFE4 !important;
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
    border-color: #1A1510 !important;
    transform: translateY(-2px) !important;
  }

  .page-faq .faq-help-band__cta:hover span,
  .page-faq .faq-help-band__cta:hover *,
  .page-faq a.btn.btn--dark.faq-help-band__cta:hover span,
  .page-faq a.btn.btn--dark.faq-help-band__cta:hover * {
    color: #1A1510 !important;
    -webkit-text-fill-color: #1A1510 !important;
  }
}

@media (max-width: 900px) {
  .page-faq .faq-desk__layout,
  .page-faq .faq-layout {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }

  .page-faq .faq-desk__intro,
  .page-faq .faq-rail {
    position: static !important;
  }

  .page-faq .faq-sidenav {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.35rem 1rem !important;
    border-top: 0 !important;
  }

  .page-faq .faq-sidenav a {
    border-bottom: 0 !important;
    padding: 0.35rem 0 !important;
  }

  .page-faq .faq-answer {
    padding-left: 0 !important;
  }
}

/* =========================================================
   SECTION FLOW �?kinetic text + interval between parts
   ========================================================= */
html.has-section-flow .flow-section {
  position: relative !important;
  scroll-margin-top: 5.5rem !important;
}

html.has-section-flow .flow-section.is-flow-in {
  animation: wa-flow-in 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes wa-flow-in {
  from {
    opacity: 0.72;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Interval veil between parts (wheel snap) */
html.is-section-crossing::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 11800 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(229, 226, 217, 0) 0%,
      rgba(229, 226, 217, 0.55) 42%,
      rgba(229, 226, 217, 0.55) 58%,
      rgba(229, 226, 217, 0) 100%
    ) !important;
  animation: wa-section-cross 0.7s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.is-section-crossing::after {
  content: "" !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  width: min(42vw, 18rem) !important;
  height: 1px !important;
  z-index: 11801 !important;
  pointer-events: none !important;
  background: rgba(26, 21, 16, 0.35) !important;
  transform: translate(-50%, -50%) scaleX(0.2) !important;
  animation: wa-section-rule 0.7s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes wa-section-cross {
  0% { opacity: 0; }
  35% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes wa-section-rule {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleX(0.15);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scaleX(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scaleX(1.05);
  }
}

/* Kinetic headings �?drift with scroll */
html.has-section-flow .kinetic-text {
  --kx: 0px;
  --ky: 0px;
  --kr: 0deg;
  will-change: transform;
  transform: translate3d(var(--kx), var(--ky), 0) rotate(var(--kr)) !important;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.has-section-flow .kinetic-text .split-word__inner {
  display: inline-block !important;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.has-section-flow .is-flow-in .kinetic-text .split-word {
  animation: wa-word-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(2) { animation-delay: 0.04s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(3) { animation-delay: 0.08s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(4) { animation-delay: 0.12s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(5) { animation-delay: 0.16s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(6) { animation-delay: 0.2s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(7) { animation-delay: 0.24s; }
html.has-section-flow .is-flow-in .kinetic-text .split-word:nth-child(8) { animation-delay: 0.28s; }

@keyframes wa-word-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 0.7em, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (hover: hover) and (pointer: fine) {
  html.has-section-flow .kinetic-text:hover .split-word__inner {
    transform: translate3d(0, -0.12em, 0) !important;
  }

  html.has-section-flow .kinetic-text:hover .split-word:nth-child(odd) .split-word__inner {
    transform: translate3d(0, -0.18em, 0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.has-section-flow .flow-section.is-flow-in,
  html.has-section-flow .kinetic-text,
  html.is-section-crossing::before,
  html.is-section-crossing::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================================
   HOME CATEGORY TILES �?cream type on photo (beat readable ink)
   ========================================================= */
html body.page-home .col-item,
html body.page-home a.col-item {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
}

html body.page-home .col-item__body {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 3 !important;
  padding: clamp(1.35rem, 2.8vw, 2rem) clamp(1.1rem, 2vw, 1.6rem) clamp(1.2rem, 2.4vw, 1.7rem) !important;
  background: linear-gradient(
    180deg,
    rgba(12, 10, 8, 0) 0%,
    rgba(12, 10, 8, 0.55) 32%,
    rgba(12, 10, 8, 0.92) 100%
  ) !important;
  pointer-events: none !important;
}

html body.page-home .col-item__body a,
html body.page-home .col-item__cta {
  pointer-events: auto !important;
}

html body.page-home .col-item__body,
html body.page-home .col-item__body *,
html body.page-home .col-item__index,
html body.page-home .col-item__name,
html body.page-home .col-item__desc,
html body.page-home .col-item__cta,
html body.page-home .col-item__cta *,
html body.page-home .col-item__arrow,
html body.page-home a.col-item .col-item__index,
html body.page-home a.col-item .col-item__name,
html body.page-home a.col-item .col-item__desc,
html body.page-home a.col-item .col-item__cta {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.page-home .col-item__index {
  color: #E0C8A8 !important;
  -webkit-text-fill-color: #E0C8A8 !important;
  font-weight: 500 !important;
}

html body.page-home .col-item__desc {
  color: rgba(245, 239, 228, 0.88) !important;
  -webkit-text-fill-color: rgba(245, 239, 228, 0.88) !important;
}

html body.page-home .col-item__cta {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border-color: rgba(245, 239, 228, 0.45) !important;
}