/* Kiln: handmade and ceramics. A gallery feel on top of base.css: a tall serif for headings,
   small tracked labels, square corners and a lot of air around each piece. */
.ui { font-size: 11px; letter-spacing: 0.12em; }
.button { font-size: 11px; letter-spacing: 0.14em; min-height: 48px; padding: 0 28px; }
.card__title { font-family: var(--font-heading); font-size: 19px; text-transform: none; letter-spacing: 0; line-height: 1.15; }
.card .price { font-size: 13px; color: var(--color-muted); }
.card__info { padding-top: 14px; }
.card__row { flex-direction: column; align-items: flex-start; gap: 4px; }
.badge { font-size: 9px; letter-spacing: .14em; }
.h0, .h1, .h2, .h3 { letter-spacing: -0.015em; line-height: 0.95; }
.product__title { font-size: calc(clamp(32px, 3.4vw, 48px) * var(--heading-scale)); line-height: 1; }

/* Header: logo left, menu centred */
.site-header__logo .logo-text { font-family: var(--font-heading); text-transform: none; font-size: 30px; letter-spacing: -0.01em; font-weight: 400; }
.header-nav__list { gap: 30px; }

/* Offset hero: the heading crosses onto the photo */
@media (min-width: 990px) {
  .hero--offset .hero__heading { position: relative; z-index: 2; margin-right: -18%; }
  .hero--offset .hero__body { max-width: 360px; color: var(--color-muted); opacity: 1; }
}
.hero__kicker { color: var(--color-accent); }

/* Tiles with large names over the photo */
.tiles--overlay .tile__label { font-size: calc(clamp(24px, 2.4vw, 34px) * var(--heading-scale)); text-transform: none; letter-spacing: 0; }
.tiles--below .tile__label { font-family: var(--font-heading); font-size: 24px; letter-spacing: 0; text-transform: none; }

/* Made-to-order note */
.mto { background: transparent; border: 1px solid var(--color-line); }
.quote { border: 0; border-top: 1px solid var(--color-text, var(--color-fg)); border-radius: 0; padding: 22px 0 0; background: transparent; }
.quote__text { font-family: var(--font-heading); font-size: 24px; line-height: 1.15; }
.footer__wordmark { text-transform: none; letter-spacing: -0.03em; font-weight: 400; }