/* Use the complete transparent logo with its own clear space. */
.logo{display:flex;align-items:center;width:166px;height:auto;min-height:52px;overflow:visible;background:transparent;border-radius:0;flex-shrink:0}
.logo img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;left:auto;top:auto}
.footer .logo{width:185px;min-height:0}
@media(max-width:760px){
 .nav .logo{width:145px;min-height:48px}
 .hero{text-align:center}
 .hero .eyebrow{max-width:30ch;margin-inline:auto}
 .hero h1{font-size:clamp(2.3rem,10.7vw,2.9rem);text-align:center}
 .hero p{margin-inline:auto}
 .hero .actions{justify-content:center}
 .hero-bottom{justify-content:center;text-align:center;column-gap:22px;row-gap:9px}
 .art-note{justify-content:center;flex-wrap:wrap;text-align:center;gap:5px 16px}
}