/* =========================================================
   CUSTOMISATION 20260728custom — equal 2×2 editorial grid
   About + Products. No mosaic / hero-side skinny columns.
   Clean image crop (no torn). Dark ink. Generous padding.
   ========================================================= */

/* --- About: Customisation --- */
.page-about .about-custom {
  background: var(--white, #fff) !important;
}

.page-about .about-custom__head {
  max-width: 38rem !important;
  margin-bottom: clamp(2.5rem, 5vw, 3.75rem) !important;
}

.page-about .about-custom__grid,
.page-about .about-custom__grid--mosaic {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(16rem, 1fr)) !important;
  gap: clamp(1.75rem, 3.5vw, 2.75rem) clamp(1.5rem, 3vw, 2.25rem) !important;
  align-items: stretch !important;
}

.page-about .about-custom__card,
.page-about .about-custom__card--hero,
.page-about .about-custom__card--tall,
.page-about .about-custom__card--wide,
.page-about .about-custom__card--size,
.page-about .about-custom__grid--mosaic > .about-custom__card {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}

.page-about .about-custom__media,
.page-about .about-custom__card--hero .about-custom__media,
.page-about .about-custom__card--tall .about-custom__media,
.page-about .about-custom__card--size .about-custom__media,
.page-about .about-custom__card--wide .about-custom__media {
  position: relative !important;
  aspect-ratio: 5 / 4 !important;
  overflow: hidden !important;
  background: var(--sand, #ebe6dc) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: none !important;
}

.page-about .about-custom__media img,
.page-about .about-custom__media.media-torn > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  filter: none !important;
}

.page-about .about-custom__body {
  display: grid !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(1.35rem, 2.6vw, 1.85rem) 0.15rem 0.35rem !important;
}

.page-about .about-custom__body h3 {
  font-family: var(--font-display) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.05rem) !important;
  font-weight: 500 !important;
  color: #1a1510 !important;
  margin: 0 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
  max-width: none !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.page-about .about-custom__body p {
  font-family: var(--font-body) !important;
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  color: #3a3128 !important;
  margin: 0 !important;
  max-width: 36ch !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.page-about .about-swatches {
  margin-top: clamp(2.5rem, 5vw, 3.5rem) !important;
  padding-top: clamp(1.5rem, 3vw, 2rem) !important;
}

@media (max-width: 720px) {
  .page-about .about-custom__grid,
  .page-about .about-custom__grid--mosaic {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}

/* --- Products: Customisation --- */
.page-products-catalog .pcat-custom {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(16rem, 1fr)) !important;
  gap: clamp(1.75rem, 3.5vw, 2.75rem) clamp(1.5rem, 3vw, 2.25rem) !important;
  align-items: stretch !important;
}

.page-products-catalog .pcat-custom__side {
  display: contents !important;
}

.page-products-catalog .pcat-custom__card,
.page-products-catalog .pcat-custom__card--hero {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}

.page-products-catalog .pcat-custom__media,
.page-products-catalog .pcat-custom__card--hero .pcat-custom__media {
  position: relative !important;
  flex: 0 0 auto !important;
  aspect-ratio: 5 / 4 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: var(--sand, #ebe6dc) !important;
}

.page-products-catalog .pcat-custom__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.page-products-catalog .pcat-custom__body {
  display: grid !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: clamp(1.35rem, 2.6vw, 1.85rem) 0.15rem 0.35rem !important;
}

.page-products-catalog .pcat-custom__body h3,
.page-products-catalog .pcat-custom__body p {
  max-width: none !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.page-products-catalog .pcat-custom__body h3 {
  font-family: var(--font-display) !important;
  font-size: clamp(1.55rem, 2.4vw, 2.05rem) !important;
  font-weight: 500 !important;
  color: #1a1510 !important;
  margin: 0 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.2 !important;
}

.page-products-catalog .pcat-custom__body p,
.page-products-catalog .pcat-custom__card--hero .pcat-custom__body p {
  font-family: var(--font-body) !important;
  font-size: 0.98rem !important;
  line-height: 1.65 !important;
  color: #3a3128 !important;
  margin: 0 !important;
  max-width: 36ch !important;
}

.page-products-catalog .pcat-swatches {
  margin-top: clamp(2.5rem, 5vw, 3.5rem) !important;
  padding-top: clamp(1.5rem, 3vw, 2rem) !important;
}

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

/* HDRTYPE2_FINAL — absolute last (wins over later agent appends) */
.site-header .logo__mark,.logo__mark,a.logo .logo__mark{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:700!important;font-size:clamp(1.75rem,2.4vw,2.2rem)!important;letter-spacing:0.06em!important;padding-left:0.06em!important;line-height:1!important;text-transform:none!important;font-variant-caps:normal!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-shadow:none!important;filter:none!important}
body.is-scrolled .site-header .logo__mark,.site-header.is-scrolled .logo__mark,body.is-scrolled .logo__mark{font-weight:700!important;font-size:clamp(1.5rem,1.9vw,1.85rem)!important;letter-spacing:0.055em!important;padding-left:0.055em!important;text-transform:none!important;text-shadow:none!important}
.site-header .header-cats a,.header-cats a,nav.header-cats a{font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:500!important;font-size:0.875rem!important;letter-spacing:0.04em!important;text-transform:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-shadow:none!important;filter:none!important}
.site-header .header-cats a:hover,.header-cats a:hover{letter-spacing:0.045em!important;text-shadow:none!important}
body.is-scrolled .site-header .header-cats a,.site-header.is-scrolled .header-cats a,body.is-scrolled .header-cats a{font-weight:500!important;font-size:0.82rem!important;letter-spacing:0.035em!important;text-transform:none!important}
body:not(.is-scrolled) .site-chrome:hover .site-header .logo__mark,body:not(.is-scrolled) .site-chrome:hover .site-header .header-cats a,body:not(.is-scrolled) .site-chrome:focus-within .site-header .logo__mark,body:not(.is-scrolled) .site-chrome:focus-within .site-header .header-cats a{color:#1A1510!important;-webkit-text-fill-color:#1A1510!important;text-shadow:none!important}