/* Approved centered wordmark with responsive artwork on both sides. */
header .brand{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;height:clamp(220px,21vw,340px);padding:12px 0 24px;background:#000 url('assets/brand/centered-desktop.webp') center / cover no-repeat;color:#fff;text-decoration:none;overflow:hidden}
header .brand-art{display:block;position:relative;flex:none;width:48%;max-width:700px;aspect-ratio:100 / 35.38;overflow:hidden;margin:0 auto}
header .brand .brand-art img{position:absolute;display:block;left:-2.3%;top:-32.62%;width:230.77%;max-width:none;height:auto;margin:0;object-fit:contain;object-position:center;clip-path:inset(0 58% 0 0);mix-blend-mode:screen}
header .brand .brand-tagline{display:block;flex:none;width:48%;max-width:700px;box-sizing:border-box;margin:0 auto;padding:0 3% 0 0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.3vw,18px);font-weight:400;line-height:1.5;letter-spacing:.24em;text-align:left;text-indent:9.6%;white-space:nowrap;color:#fff}
@media(max-width:760px){
 header .brand{min-height:0;height:clamp(150px,45vw,230px);padding:12px 0 20px;background-image:url('assets/brand/centered-mobile.webp');background-size:100% 100%}
 header .brand-art{width:82%;max-width:420px}
 header .brand .brand-tagline{width:82%;max-width:420px;padding:0;font-size:clamp(12px,3.1vw,14px);line-height:1.5;letter-spacing:.12em;text-indent:9.6%}
}