@font-face{font-family:Syne;src:url('assets/syne-variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{--display-font:Syne,Arial,sans-serif}
.intro h1,.section-title h2,.about h2{font-family:var(--display-font);font-weight:650;letter-spacing:-.045em}
.intro h1{font-size:clamp(44px,5.5vw,98px);line-height:1.04}
.intro h1 .headline-line{display:block}
.intro h1 .headline-line:after{content:none}
.brand{font-family:var(--display-font);font-weight:650;font-size:17px;letter-spacing:-.3px}
.brand span{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.5px}
header nav,header nav button,#worlds-panel a,.group-header h3,.photo .caption,.viewer-caption h2,.signature{font-family:var(--display-font);font-weight:600}
.eyebrow,.intro-footnote,.hero-caption{letter-spacing:.8px;text-transform:none}
.eyebrow{font-size:12px}
.intro-footnote{font-size:11px}
.hero-caption{font-size:12px}
.ribbon-track{font-family:var(--display-font);font-weight:600;letter-spacing:-1px}
.group-header h3{letter-spacing:-.8px}
.section-title h2,.about h2{line-height:1.1}
@media(max-width:767px){
 header{margin-top:8px;padding:8px 16px 3px;gap:2px;top:8px}
 header .brand{line-height:1.3}
 header .brand{font-size:18px;letter-spacing:-.3px;gap:8px}
 header .brand span{font-size:9px}
 header nav a,#worlds-toggle{font-size:13px}
 .intro h1{font-size:clamp(34px,9.8vw,58px);line-height:.94;letter-spacing:-.045em;margin:16px 0 14px}
 .opening{padding-top:16px}
 .intro{padding:6px 0 16px}
 .intro-footnote{margin-top:12px}
 .browse{margin-top:14px}
 .intro .eyebrow{font-size:10px;letter-spacing:.5px}
 .intro-footnote{font-size:10px;letter-spacing:.4px}
 .hero-caption{font-size:11px;letter-spacing:.3px}
 .group-header h3{font-size:26px;letter-spacing:-.7px}
 .section-title h2{font-size:clamp(34px,9vw,52px)}
 .about h2{font-size:clamp(29px,8vw,46px)}
}