/* Warm plaster, Clay and Espresso colour pass — no layout or typography changes. */
:root {
  --color-background: #C5A486;
  --color-foreground: #2C201B;
  --color-primary: #3A2119;
  --color-muted-foreground: #72584C;
}
/* Roman editorial typography: calm, considered and recognisably SM rather than a generic handwritten-luxe treatment. */
#root * { font-style: normal !important; }
#root :is(h1, h2, h3, h4, h5, h6) { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; }
.hero-left h1, .hero-left h1 span { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; letter-spacing: -0.028em; }
.hero-left .hero-heading-second-line { color: #C5A486 !important; }
/* The News & Notes marker is the sole intentional italic: it signals an editorial subsection, not a decorative default. */
#root .clay-news-ticker__title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; }
body { background-color: #C5A486; }
.panel-dark { background: #3A2119; }
.hero-grid { grid-template-columns: 42% 58% !important; }
.hero-grid { height: calc(100svh - 94px) !important; min-height: calc(100svh - 94px) !important; }
.hero-left > div { transform: translateY(-68px); }
.hero-left h1 {
  font-size: clamp(42px, 4.45vw, 62px) !important;
  line-height: 1.02 !important;
  margin-bottom: 22px !important;
}
.btn-catalogue {
  background: #79A3C3 !important;
  color: #3A2119 !important;
}
.btn-catalogue:hover { background: #99B7CD !important; color: #3A2119 !important; }
.cta-link,
.tier-label { color: #3A2119; }
.cta-link:after,
.ornament-line { background: #3A2119; }
.panel-dark .cta-link,
.hero-left .cta-link { color: #FFFFFF !important; }
.panel-dark .cta-link:after,
.hero-left .cta-link:after { background: #FFFFFF !important; }
.hero-left .clay-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 28px; }
.hero-left .clay-hero-actions .cta-link { margin: 0; }
.hero-left .clay-hero-primary,
.hero-left .clay-hero-work {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  letter-spacing: 0.14em;
  min-height: 48px;
  padding: 0 22px;
  text-transform: uppercase;
  transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}
.hero-left .clay-hero-primary {
  background: #79A3C3 !important;
  color: #3A2119 !important;
}
.hero-left .clay-hero-primary:hover { background: #99B7CD !important; color: #3A2119 !important; }
.hero-left .clay-hero-work { border: 1px solid rgba(255,255,255,0.68); color: #FFFFFF !important; }
.hero-left .clay-hero-work:hover { background: #FFFFFF !important; color: #3A2119 !important; }
.hero-left .clay-hero-primary:after,
.hero-left .clay-hero-work:after { display: none !important; }
.hero-left .clay-hero-primary:active,
.hero-left .clay-hero-work:active { transform: scale(0.97); }
.hero-left .clay-hero-audience {
  color: rgba(255,255,255,0.76) !important;
  font-family: 'Jost', sans-serif;
  font-size: 10px !important;
  letter-spacing: 0.16em;
  line-height: 1.6 !important;
  margin: 22px 0 0 !important;
  text-transform: uppercase;
}

/* Hero readability pass: warm tonal hierarchy without blue text. */
.hero-left .section-label { color: #FFFFFF !important; }
.hero-left h1 span { color: #B89372 !important; }
.hero-left p { color: #E7D9CB !important; }

/* Warm plaster page field: Clay-led, with a quiet light/dark rhythm rather than an all-white page. */
main { background: #C5A486; }
main > section:nth-of-type(2),
main > section:nth-of-type(3),
main > section:nth-of-type(5),
main > section:nth-of-type(8),
main > section:nth-of-type(10),
main > section:nth-of-type(12) { background: #C5A486 !important; }
main > section:nth-of-type(4),
main > section:nth-of-type(7),
main > section:nth-of-type(9),
main > section:nth-of-type(11) { background: #B89372 !important; }
main > section:nth-of-type(14) { background: #C5A486 !important; }
main > section:nth-of-type(2) .cta-link,
main > section:nth-of-type(3) .cta-link,
main > section:nth-of-type(4) .cta-link,
main > section:nth-of-type(7) .cta-link,
main > section:nth-of-type(8) .cta-link,
main > section:nth-of-type(9) .cta-link,
main > section:nth-of-type(10) .cta-link,
main > section:nth-of-type(11) .cta-link,
main > section:nth-of-type(12) .cta-link { color: #3A2119; }
main > section:nth-of-type(2) .ornament-line,
main > section:nth-of-type(3) .ornament-line,
main > section:nth-of-type(4) .ornament-line,
main > section:nth-of-type(7) .ornament-line,
main > section:nth-of-type(8) .ornament-line,
main > section:nth-of-type(9) .ornament-line,
main > section:nth-of-type(10) .ornament-line,
main > section:nth-of-type(11) .ornament-line,
main > section:nth-of-type(12) .ornament-line { background: #3A2119; }

/* A restrained white seam makes the alternating plaster fields read as a considered sequence. */
main > section + section { border-top: 1px solid rgba(255, 255, 255, 0.42); }

/* Philosophy: repeat the crisp white used in the hero for editorial labels and the key italic word. */
main > section:nth-of-type(3) .philosophy-grid > div:nth-child(2) > div:nth-child(1),
main > section:nth-of-type(3) .philosophy-grid > div:nth-child(2) > div:nth-child(2),
main > section:nth-of-type(3) .philosophy-grid > div:nth-child(2) h2 em { color: #FFFFFF !important; }
main > section:nth-of-type(3) .philosophy-grid > div:nth-child(2) > div:nth-child(3),
main > section:nth-of-type(3) .philosophy-grid > div:first-child > div,
main > section:nth-of-type(3) .philosophy-grid > div:last-child > div { background: #FFFFFF !important; }
main > section:nth-of-type(3) .philosophy-grid > div:first-child > div,
main > section:nth-of-type(3) .philosophy-grid > div:last-child > div { opacity: 0.48 !important; }

/* Carry the white accent through editorial display headings only; card subtitles remain readable brown. */
.hero-left h1 [style*="font-style: italic"],
main h2 em,
main h2 [style*="font-style: italic"] { color: #FFFFFF !important; }

/* Clay surfaces use true near-black text, not a low-contrast warm brown. */
main > section:nth-of-type(4) :is(h1, h2, h3, h4, h5, h6, p, li, span, div, a, label),
main > section:nth-of-type(7) :is(h1, h2, h3, h4, h5, h6, p, li, span, div, a, label),
main > section:nth-of-type(9) :is(h1, h2, h3, h4, h5, h6, p, li, span, div, a, label),
main > section:nth-of-type(11) :is(h1, h2, h3, h4, h5, h6, p, li, span, div, a, label) { color: #2C201B !important; }
main > section:nth-of-type(4) h2 em,
main > section:nth-of-type(4) h2 [style*="font-style: italic"],
main > section:nth-of-type(7) h2 em,
main > section:nth-of-type(7) h2 [style*="font-style: italic"],
main > section:nth-of-type(9) h2 em,
main > section:nth-of-type(9) h2 [style*="font-style: italic"],
main > section:nth-of-type(11) h2 em,
main > section:nth-of-type(11) h2 [style*="font-style: italic"] { color: #FFFFFF !important; }
main > section:nth-of-type(4) .btn-catalogue,
main > section:nth-of-type(7) .btn-catalogue,
main > section:nth-of-type(9) .btn-catalogue,
main > section:nth-of-type(11) .btn-catalogue { color: #3A2119 !important; }