/* Comfortable type sizes at every breakpoint, including scaled hero artwork. */
body{font-size:16px;--muted:#566976}
nav a,.button,.text-link,.filter{font-size:15px}
.eyebrow,.hero .eyebrow,.blog-card .eyebrow{font-size:12px;letter-spacing:1.4px}
.hero .lead{font-size:18px;max-width:490px}
.hero-note,.scroll-note,.platforms p,.graphic-caption,.blog-art small{font-size:11px;letter-spacing:1.1px}
.hero-note{color:#566976;flex-wrap:wrap}
.float-label{font-size:16px;padding:13px 18px;font-weight:500}
.coordinate{font-size:14px;letter-spacing:1.4px;color:#536f80}
.service-number,.service-tags,.values span,.contact-item>span{font-size:12px}
.service-card p,.section-heading>p,.about-band p:not(.eyebrow),.values p{font-size:16px;line-height:1.8}
.service-card h3{font-size:26px;min-height:60px}
.blog-card h3{font-size:26px}
.about-graphic>span:last-child,.editorial-note,.contact-aside{font-size:14px}
.footer-top p,.footer-top>div>a,.contact-item a,.contact-item p{font-size:15px}
.footer-bottom{font-size:12px;flex-wrap:wrap;align-items:center}
.footer-bottom>div{flex-wrap:wrap;gap:12px 22px}
label,input,select,textarea{font-size:16px}
.form-note,#form-status,.article-byline{font-size:14px}
.brand-sub{font-size:9px}
.legal-page{max-width:900px}.legal-page a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:1000px){.hero-actions{gap:17px}.hero-note{max-width:400px}.footer-bottom>div{max-width:560px}}
@media(max-width:760px){.hero .lead,.page-intro .lead{font-size:17px}.hero .eyebrow{font-size:11px}.hero-note{font-size:11px;letter-spacing:.7px}.hero-actions .text-link{font-size:15px}.service-card h3{font-size:25px}.service-card p{font-size:16px}.orbital{scale:1;height:360px;max-width:340px;min-width:0;margin:20px auto 5px}.orbit{width:340px;height:340px}.orbit-two{width:310px;height:310px}.orbit-three{width:335px;height:335px}.sphere{width:220px;height:220px}.float-label{font-size:14px;padding:10px 13px}.label-one{right:0;top:15%}.label-two{left:0;bottom:20%}.coordinate{font-size:12px;bottom:2%}.footer-top>div>a{font-size:14px}.footer-bottom{font-size:12px}.contact-item a{font-size:15px}}
@media(max-width:420px){.hero .eyebrow{font-size:10px;letter-spacing:.8px}.hero-note{font-size:11px;letter-spacing:.5px}.service-card h3{min-height:0}.orbital{scale:1;margin:24px auto 0}.coordinate{font-size:12px}.contact-item a{font-size:14px}}