/* Seam: everyday clothing. A quiet, editorial look on top of base.css:
   sentence-case labels, a serif for headings, rounded buttons and calm spacing. */
.ui, .button, .card__title, .cart-item__remove, .cart-item__title, .look-item__title, .sticky-atc__title, .badge, .quick-add__label, .toast {
  text-transform: none;
  letter-spacing: 0.01em;
}
.ui { font-size: 13px; }
.button { font-size: 14px; border-radius: 999px; padding: 0 26px; min-height: 48px; }
.button--small { font-size: 13px; min-height: 40px; padding: 0 18px; }
.card__title { font-size: 14px; }
.card .price { font-size: 14px; color: var(--color-muted); }
.card__info { padding-top: 12px; }
.badge { border-radius: 999px; padding: 0 10px; font-size: 11px; }

.h0, .h1, .h2 { letter-spacing: -0.025em; line-height: 0.98; }
.product__title { font-size: calc(clamp(26px, 2.6vw, 36px) * var(--heading-scale)); letter-spacing: -0.02em; }

/* Header: logo left, menu beside it, a thin rule underneath */
.site-header { --header-border: var(--color-line); }
.site-header__logo .logo-text { font-family: var(--font-heading); font-size: 26px; text-transform: none; letter-spacing: -0.02em; }
.header-nav__list { gap: 26px; font-size: 14px; }

/* Hero: the text panel gets breathing room and a softer kicker */
.hero--split .hero__kicker { color: var(--color-accent); }
.hero--split .hero__heading { max-width: 11ch; }
@media (min-width: 990px) { .hero--split .hero__content { padding-left: clamp(48px, 7vw, 120px); } }

/* Large first card in the new-in grid */
@media (min-width: 750px) { .grid--feature > li:first-child .card__title { font-family: var(--font-heading); font-size: 22px; letter-spacing: -0.01em; } }

/* Tiles: name underneath, arrow at the end */
.tiles--below .tile__label { font-family: var(--font-heading); font-size: 20px; letter-spacing: -0.01em; }

/* Footer wordmark in the serif, sentence case */
.footer__wordmark { text-transform: none; letter-spacing: -0.05em; font-weight: 400; }
.announcement { font-size: 13px; }