/* ZATYSHNO: a quiet, widely spaced serif wordmark. */
.wordmark {
  display: inline-block;
  font-family: Didot, "Bodoni MT", "Times New Roman", serif;
  font-size: clamp(1.375rem, 6.1vw, 1.875rem);
  font-weight: 400;
  font-style: normal;
  font-kerning: normal;
  letter-spacing: .12em;
  line-height: 1.15;
  padding-right: 0;
  color: var(--ink);
  text-decoration: none;
}
.footer-wordmark { font-size: clamp(1.5rem, 6.8vw, 2rem); letter-spacing: .09em; }
.site-header { flex-wrap: wrap; row-gap: .5rem; }
.footer-main { grid-template-columns: minmax(0, 1fr) auto; }
.footer-main .footer-wordmark { grid-column: 1 / -1; width: fit-content; }
.footer-main .footer-link { grid-column: 2; grid-row: 2; }
.hero-content { padding-bottom: 26px; }
.hero h1 { font-size: clamp(2.75rem, 10vw, 3.4rem); line-height: 1.1; }
.hero h1 em { display: inline-block; }
.hero-description { max-width: 100%; }
.hero-carousel { width: 90%; margin: 0 auto; }
.hero-frames { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 26px; background: #e9e9e3; isolation: isolate; box-shadow: 0 8px 28px #2529200d; touch-action: pan-y; }
.hero-frame { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility .9s; pointer-events: none; }
.hero-frame.is-active { opacity: 1; visibility: visible; }
.hero-frame > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; user-select: none; -webkit-user-drag: none; }
.hero-action { padding: 22px 5% 10px; }
.hero-action .button { width: 100%; margin-top: 0; justify-content: space-between; }
#collection { padding-top: 2rem; }
.care-questions summary { align-items: flex-start; }
.care-questions .details-icon { margin-top: .25rem; }
.care-questions details p { padding-right: 0; }
.scent-guidance {
  margin-top: 1.125rem;
  padding: 1rem;
  border-left: 3px solid #397249;
  border-radius: 0 12px 12px 0;
  background: #dfead9;
  color: #244a30;
}
.scent-guidance h3 { margin: 0 0 .5rem; font-size: 1.0625rem; line-height: 1.4; font-weight: 600; }
.scent-guidance p { margin: 0; font-size: 1rem; line-height: 1.65; }
.scent-guidance strong { font-weight: 700; }
.burn-estimate-note { color: var(--muted); font-size: .875rem; line-height: 1.65; margin: -14px 0 26px; }
/* Navigation still moves screen-reader focus. Decorative headings need no focus ring.
   Do not remove focus styles from buttons, links, inputs or selects. */
#main:focus, .shop-page h1[tabindex="-1"]:focus { outline: none; box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  .hero-frame { transition: none; transform: none; }
}