/* Roboto is bundled locally. Keep legacy --serif selectors compatible with old content. */
:root{--font-reading:'Roboto',Arial,Helvetica,sans-serif;--serif:var(--font-reading)}
body{font-family:var(--font-reading);font-size:16px;line-height:1.7}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-reading);font-weight:600;letter-spacing:-.02em;line-height:1.22}
h1{font-size:clamp(36px,4.4vw,56px)}h2{font-size:clamp(28px,2.8vw,38px)}h3{font-size:26px}
.wordmark{font-family:var(--font-reading);font-weight:700;font-size:42px;letter-spacing:-1.7px}
.main-nav{font-size:14px;font-weight:500}
.overline{font-size:11px;letter-spacing:.08em}
.eyebrow{font-size:11px;letter-spacing:.07em;font-weight:600}
.hero h1{font-size:clamp(40px,4.4vw,58px);font-weight:700;line-height:1.13;letter-spacing:-.03em}
.hero h1 em{font-style:normal;font-weight:inherit;color:inherit}
.hero-copy>p{font-size:16px;line-height:1.75;max-width:390px}
.hero .eyebrow{font-size:11px;letter-spacing:.07em}
.button,.text-link{font-size:14px;font-weight:500}
.image-stamp{font-family:var(--font-reading);font-size:21px;font-weight:500;line-height:1.35}
.image-stamp span{font-family:inherit;font-size:10px;letter-spacing:.07em;font-weight:500}
.image-caption{font-size:11px;line-height:1.5}
.room-link{font-size:17px;font-weight:500;letter-spacing:0}
.section-head h2,.guide-feature h2{font-size:clamp(28px,2.8vw,38px);line-height:1.25}
.story-card h3{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.story-card p,.guide-feature p{font-size:15px;line-height:1.7}
.card-meta{font-size:11px;letter-spacing:.02em}
.about-band .serif{font-family:var(--font-reading);font-size:30px;font-weight:500;line-height:1.35;letter-spacing:-.02em}
.page-intro h1,.narrow-page h1,.about-hero h1{font-size:clamp(34px,4vw,50px);line-height:1.2}
.article-intro h1{font-size:clamp(34px,4vw,50px);font-weight:700;line-height:1.2}
.prose,.entry-content{font-size:17px;line-height:1.8}
.prose h2{font-size:30px;line-height:1.3}.prose h3{font-size:24px;line-height:1.35}
.prose .wp-block-table th,.prose .wp-block-table td{font-size:15px;line-height:1.6;vertical-align:top;overflow-wrap:break-word}
.entry-content blockquote{font-size:22px;line-height:1.6;font-weight:400}
.search-heading h2,.empty-state h2{font-size:30px}
.search-results strong{font-weight:500;font-size:20px}
.footer-nav a{font-size:14px}.footer-bottom{font-size:11px;letter-spacing:0}
@media(max-width:800px){.wordmark{font-size:36px}.hero h1{font-size:42px}.main-nav a{font-size:15px}}
@media(max-width:580px){
  .wordmark{font-size:34px;letter-spacing:-1.3px}.overline{font-size:10px;letter-spacing:.06em}
  .hero h1{font-size:42px;line-height:1.15;max-width:100%}.hero .eyebrow{font-size:10px}
  .hero-copy>p{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}
  .hero .button,.hero-actions .text-link{font-size:13px}.image-stamp{font-size:18px}
  .image-caption{font-size:10px}.room-link{font-size:16px}
  .section-head{flex-wrap:wrap;gap:14px}.section-head h2{font-size:29px}
  .section-head .text-link{margin-top:0;font-size:13px}.section-head .eyebrow{font-size:10px}
  .story-card h3{font-size:26px}.story-card p{font-size:15px}.card-meta{font-size:10px}
  .guide-feature h2,.about-band .serif{font-size:28px}.guide-feature p{font-size:15px}
  .prose,.entry-content{font-size:16px}.prose h2{font-size:27px}.prose h3{font-size:22px}
  .prose .wp-block-table th,.prose .wp-block-table td{font-size:14px;padding:10px 8px}
  .footer-bottom{font-size:11px}.search-heading h2,.empty-state h2{font-size:27px}
}
@media print{.article-intro h1{font-size:32px}}
