body>header{position:sticky;top:0;z-index:50;max-height:100svh;overflow-y:auto}
html{scroll-padding-top:155px}
.wordmark{width:180px;display:flex;flex-direction:column;align-items:center;gap:7px;line-height:1;letter-spacing:0}
.wordmark .brand-logo{display:block;width:100%;height:auto;aspect-ratio:2000 / 1242;object-fit:contain}
.wordmark span{font-family:var(--display);font-size:.75rem;font-weight:400;letter-spacing:.04em;margin:0;line-height:1.3;text-align:center}
.footer-top .wordmark{width:230px;flex-shrink:0}
.brand-panel{background:var(--cream);color:var(--navy);gap:35px}
.brand-panel .brand-logo{display:block;width:100%;max-width:400px;height:auto;aspect-ratio:2000 / 1242;object-fit:contain}
@media(max-width:1100px){header .wordmark{width:150px}.footer-top .wordmark{width:200px}}
@media(max-width:520px){header .wordmark{width:145px}.footer-top .wordmark{width:210px}.brand-panel{gap:25px}}