.brand{display:block;line-height:1;text-align:center;letter-spacing:0}.brand .brand-wordmark{display:block;width:210px;height:auto;max-width:none;mix-blend-mode:multiply}.brand small{margin-top:2px!important}.footer .brand .brand-wordmark{width:250px}.footer .brand small{margin-top:6px!important}#collection .edit-extra{margin:55px auto 0}#collection .edit-extra h3{font-size:2rem;margin:12px 0 16px}@media(max-width:820px){.brand .brand-wordmark{width:190px}.footer .brand .brand-wordmark{width:240px}}
.brand .brand-wordmark{filter:url(#wordmark-cleanup);mix-blend-mode:normal}/* Keep desktop branding anchored to the page edge on wide screens. */
header.wrap.nav{width:100%;max-width:none;margin:0;padding:0 clamp(20px,3vw,56px);gap:24px;min-height:100px;height:auto;box-sizing:border-box}header.nav>.brand{flex:0 0 210px;width:210px;min-width:0;padding:8px 0}header.nav>.brand .brand-wordmark{width:100%;max-width:100%;height:auto}header.nav>.brand small{display:block;width:100%;text-align:center;font-size:9px;letter-spacing:2px;white-space:nowrap}header.nav>.links{margin-left:auto;min-width:0}@media(max-width:820px){header.wrap.nav{min-height:88px;padding:0 20px}header.nav>.brand{flex-basis:190px;width:190px}.nav.open .links{top:126px}}
/* Keep the digital shop reachable without crowding the site navigation. */
@media(min-width:1101px){header.nav>.links{gap:17px;font-size:9px;letter-spacing:.05em}}
@media(max-width:1100px){header.nav .mobile{display:block}header.nav>.links{display:none}header.nav.open>.links{display:flex;flex-direction:column;align-items:flex-start;position:absolute;z-index:20;left:0;right:0;top:100px;background:var(--paper);padding:25px;gap:19px;white-space:normal}}