/* Independent logo controls. Header percentages are relative to header width.
   Change scale to 1.35 for 35% larger, or 1 for original size.
   Footer and inner-page logo sizes do not affect the header. */
:root {
  --header-santa-scale: 1.3;
  --header-santa-base-width: 9.8%;
  --header-santa-left: 0.9%;
  --header-santa-bottom: -2%;
  --header-santa-shadow: drop-shadow(0 5px 5px rgba(25, 44, 25, .24));
  --footer-santa-height: 180px;
  --page-santa-height: 230px;
  --page-santa-right-inset: 40px;
}
/* The clean background plate has no embedded badge; the transparent Santa layer remains independent. */
.art-header-frame { container-type: inline-size; }
.header-santa {
  position: absolute;
  left: var(--header-santa-left);
  bottom: var(--header-santa-bottom);
  width: calc(var(--header-santa-base-width) * var(--header-santa-scale));
  z-index: 30;
  filter: var(--header-santa-shadow);
  margin: 0; padding: 0; border: 0; background: transparent; appearance: none; -webkit-appearance: none; font: inherit; line-height: 0;
}
.header-santa img { display:block; width:100%; height:auto; }
/* Keep the emblem in front of the divider, with room to cross it. */
@media(min-width:701px){
 .art-header-frame{container-type:normal;overflow:visible;height:25.390625vw}
 .art-header-frame>img{clip-path:inset(16.9270833% 0 16.40625% 0)}
 .header-santa{width:min(187px,13%)}
}
/* Navigation feedback is drawn by header.css; the clean plate contains no baked underline. */
@media(max-width:700px){.art-header-frame{z-index:26}}
.art-home { z-index:2; }
.art-header nav { position:relative; z-index:4; }
/* Desktop navigation remains positioned relative to the artwork frame. */
@media(min-width:701px){.art-header nav{position:static}.art-header nav .art-link{z-index:4}}
.footer-brand img.logo-mark { height:var(--footer-santa-height); }
.page-hero-badge { height:var(--page-santa-height); margin:-25px var(--page-santa-right-inset) -25px 0; }
@media(min-width:701px) and (max-width:900px){.page-hero-badge{height:200px;margin-right:18px}}
@media(max-width:700px){
  .header-santa { bottom:auto; top:calc(25.390625cqw - 0.2cqw); transform:translateY(-100%); }
}
/* Shift the existing title artwork independently of Santa and navigation. */
:root { --header-wordmark-shift: 1.4vw; }
.header-wordmark-mask,.header-wordmark-shift {
 position:absolute;left:0;top:-6.34765625vw;width:100%;height:37.5vw;
 pointer-events:none;z-index:2;
 clip-path:polygon(12.4% 53.5%,21% 53.5%,21.4% 57.2%,24.8% 57.2%,24.8% 53.5%,53.1% 53.5%,53.1% 80%,12.4% 80%);
}
.header-wordmark-mask{background:#f8f1e1}
.header-wordmark-shift{background:url('images/variation3-header-clean.webp') 0 0 / 100% 100%;transform:translateX(var(--header-wordmark-shift))}