/* Rounded, connected lettering echoing the supplied TEES wordmark. */
@font-face {
  font-family: 'Pacifico';
  src: url('assets/fonts/pacifico-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root { --brand-script: 'Pacifico', cursive; }
h1, h2, h3, .footer-main p, .footer-star, .search-dialog label {
  font-family: var(--brand-script);
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  letter-spacing: 0;
}
h1 em, h2 em, h3 em { font: inherit; }
.hero h1 { font-size: clamp(70px, 6.4vw, 102px); line-height: 1.38; letter-spacing: 0; margin: 25px 0 24px; }
.hero-copy { width: 58%; padding-top: 62px; }
h2, .section-heading h2 { font-size: clamp(35px, 3.2vw, 48px); line-height: 1.55; letter-spacing: 0; }
.ritual-copy h2 { font-size: 39px; line-height: 1.6; }
.category-bottom h3 { font-size: 43px; line-height: 1.5; letter-spacing: 0; }
.story-copy h2 { font-size: 43px; line-height: 1.6; }
.faq h2 { font-size: 38px; line-height: 1.6; }
.footer-main p { font-size: 27px; line-height: 1.7; }
.footer-star { font-size: 52px; }
.detail-copy h2 { font-size: 29px; line-height: 1.55; }
.dialog-top h2 { font-size: 31px; line-height: 1.55; }
.checkout-dialog h2 { font-size: 35px; line-height: 1.6; }
.search-dialog label { display: block; font-size: 30px; line-height: 1.6; }
/* Functional text stays clear at small sizes, with softer spacing. */
.desktop-nav { letter-spacing: .65px; }
.product-title, .cart-info h3 { font-family: 'DM Sans', sans-serif; font-weight: 500; font-style: normal; }
@media (min-width: 1600px) {
  .hero h1 { font-size: 112px; }
  .hero-copy { padding-top: 65px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .hero-copy { width: 67%; padding-top: 65px; }
  .hero h1 { font-size: 74px; }
  .ritual-copy h2, .story-copy h2 { font-size: 33px; }
  .category-bottom h3 { font-size: 36px; }
}
@media (max-width: 700px) {
  .hero-copy { width: 100%; padding: 45px 7% 25px; }
  .hero h1 { font-size: clamp(48px, 14.4vw, 77px); line-height: 1.48; letter-spacing: 0; margin: 70px 0 22px; }
  .section-heading h2 { font-size: 34px; line-height: 1.6; }
  .ritual-copy h2 { font-size: 30px; line-height: 1.7; }
  .category-bottom h3 { font-size: 39px; line-height: 1.5; }
  .story-copy h2 { font-size: 34px; line-height: 1.65; }
  .faq h2 { font-size: 33px; line-height: 1.65; }
  .footer-main p { font-size: 22px; line-height: 1.75; }
  .detail-copy h2 { font-size: 27px; }
  .checkout-dialog h2 { font-size: 30px; }
  .search-dialog label { font-size: 26px; }
}