/* Give the wordmark more presence while preserving its original proportions. */
body .landing-header .landing-wordmark{width:280px;flex:0 0 280px;min-width:0}
body header.shop-header .shop-header-main{grid-template-columns:clamp(230px,22vw,300px) minmax(180px,1fr) auto;gap:16px}
body .shop-header .shop-wordmark{width:100%;max-width:300px;min-width:0}
body .landing-header .landing-wordmark img,body .shop-header .shop-wordmark img{width:100%;height:auto;transform:none}
@media(min-width:801px) and (max-width:1200px){body .landing-header .landing-wordmark{width:230px;flex-basis:230px}}
@media(max-width:800px){
 body .landing-header .landing-wordmark{width:180px;flex:0 1 180px;min-width:0}
 body .landing-header .landing-header-actions{flex-shrink:0}
 body header.shop-header .shop-header-main{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 body .shop-header .shop-wordmark{width:100%;max-width:180px;min-width:0}
}
@media(max-width:360px){body header.shop-header .shop-header-main{gap:5px}}

@media(min-width:801px) and (max-width:1000px){body header.shop-header .shop-header-main{grid-template-columns:200px minmax(0,1fr) auto}}