/* Friendly display lettering and handwritten accents across both pages. */
h1,h2,h3 { font-weight:700; letter-spacing:-.045em; font-optical-sizing:auto; }
.hero h1 { font-weight:750; letter-spacing:-.055em; line-height:1.04; }
.hero h1 .serif { font-size:1.2em; line-height:.9; }
.section-heading h2 .serif,.reviews-heading h2 .serif,.spotlight-copy h2 .serif,.photos-intro h1 .serif { font-size:1.13em; line-height:.95; }
.brand-title h2 .serif,.photo-teaser h2 .serif { font-size:1.18em; }
.label-bottom .serif { font-size:35px; line-height:1; }
.feed-title,.card-hover strong { letter-spacing:-.035em; }
.wordmark { letter-spacing:-1.8px; }
.skip-link { top:12px; transform:translateY(calc(-100% - 20px)); }
.skip-link:focus { transform:translateY(0); }
.skip-link:not(:focus) { width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:1100px) and (min-width:761px) {
  .hero h1 { font-size:clamp(51px,5.8vw,65px); }
  .hero h1 .serif { font-size:1.12em; }
}
@media (max-width:760px) {
  .hero h1 { font-size:clamp(48px,11.5vw,81px); }
  .hero h1 .serif { font-size:1.13em; }
  .label-bottom .serif { font-size:32px; }
}
@media (max-width:365px) {
  .hero h1 { font-size:45px; }
  .label-bottom .serif { font-size:28px; }
}