/* Single-use Vytlar brand artwork: icon in header, wordmark in home hero. */
.site-header .brand-icon{
  display:block;
  width:clamp(48px,4.6vw,62px);
  height:clamp(48px,4.6vw,62px);
  flex:none;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 7px rgba(56,140,180,.18));
}
.site-header .brand{gap:14px;}
.site-header .brand-label{max-width:132px;}
.home-page .opening-brand-art{
  position:absolute;
  z-index:4;
  top:clamp(22px,4.4vh,52px);
  left:var(--gutter);
  width:clamp(210px,33vw,420px);
  max-width:calc(100% - (var(--gutter) * 2));
  height:auto;
  object-fit:contain;
  pointer-events:none;
}
.home-page .opening h1{margin-top:clamp(75px,8vw,124px);}
@media(max-width:1100px){
 .site-header .brand-label{display:inline-block;font-size:11px;line-height:1.2}
}
@media(max-width:700px){
 .site-header .brand-icon{width:48px;height:48px}
 .site-header .brand-label{display:none}
 .home-page .opening-brand-art{
  top:19px;
  width:min(74vw,340px);
 }
 .home-page .opening h1{margin-top:100px}
}
@media(prefers-reduced-motion:reduce){
 .home-page .opening-brand-art{animation:none}
}