/* H6 homepage. Product artwork and the approved book and ribbon keep their source colours. */
body[data-page="index"] {
  --home-paper: var(--h6-paper);
  --chapter-space: clamp(120px, 9vw, 144px);
  --warm-print-light: sepia(.10) saturate(.94) brightness(1.012);
}
@media (max-width: 767px) {
  body[data-page="index"] { --chapter-space: 72px; }
}
#season {
  background: var(--home-paper);
  padding-top: var(--chapter-space);
  padding-bottom: max(var(--chapter-space), var(--herbier-space));
}
#season .season-board { background: var(--h6-sand); }
#season .season-board::before { opacity: .10; }
#season .season-board .h2-light { background: var(--home-paper); }
#season .season-board.h2-lit .h2-light { opacity: .48; }
#season .season-art img, .create-section .product-image img { filter: var(--warm-print-light); }
#season .eyebrow::before, #herbier .h2-eyebrow::before { background: var(--accent-orange); }
#season .season-bottom a { text-decoration-color: var(--accent-orange); }
#season .season-bottom a:is(:hover, :focus-visible) { color: var(--h6-rust); }
#season .section-heading .season-price-note, #herbier .h2-eyebrow,
body[data-page="index"] .site-nav .site-herbier small { color: var(--h6-rust); }
#herbier {
  background: var(--h6-sand);
  border: 0;
  mask-image: linear-gradient(to bottom, transparent, #000 96px, #000 calc(100% - 84px), transparent);
}
#herbier::after { content: none; }
#herbier.h2-lit::before { opacity: .12; }
/* Background light sits behind both the cover and the type. */
#herbier .h2-light, #herbier .h2-grain { z-index: 1; }
#herbier .h2-light { background: var(--h6-paper); }
#herbier .h2-light-screen { opacity: .12; }
#herbier .h2-lede, #herbier .h2-specs .h2-number, .process-section .step-number, .home-footer .footer-top p {
  font-family: var(--h6-sans); font-style: normal; font-weight: 400;
}
#herbier .h2-lede { font-size: clamp(16px, 1.25vw, 19px); line-height: 1.6; }
#herbier .h2-specs .h2-number { font-size: 15px; }
.home-footer .footer-top p { font-size: 20px; }
body[data-page="index"] #main > .section {
  padding-block: var(--chapter-space); max-width: none; border-block: 0;
}
#main .create-section, #main .process-section, .home-footer { background-color: var(--h6-paper); }
#main .craft-section, #main .studio-section { background-color: var(--h6-sand); }
.home-footer { border-top: 0; }
body[data-page="index"] #main :is(h1,h2,h3):not(#herbier-feature-title) {
  font-family: var(--h6-sans); font-weight: 400; letter-spacing: normal; line-height: 1.22;
}
body[data-page="index"] #main h1 { font-size: clamp(28px, 3.1vw, 44px); }
body[data-page="index"] #main h2:not(#herbier-feature-title) { font-size: clamp(25px, 2.55vw, 36px); }
body[data-page="index"] #main h3 { font-size: clamp(19px, 1.6vw, 23px); }
@media (min-width: 1760px) {
  body[data-page="index"] #main > .section {
    padding-inline: calc((100% - 1760px) / 2 + var(--gutter));
  }
}
