/* Larger signature mark with an unobstructed, stable masthead. */
body>.site-header {height:166px;min-height:166px;padding:10px 0;}
body .site-header .site-wordmark {display:flex;align-items:center;justify-content:center;min-height:44px;}
body .site-header .bakery-logo-medallion {width:206px;height:144px;margin:0;}
body .site-header .bakery-logo-medallion>.bakery-logo {width:100%;height:100%;object-fit:contain;scale:1;}
body .site-header .boutique-utility {top:65px;}
/* A vector repeat of the original cupcake ornament, confined to the masthead. */
body>.site-header {position:relative;isolation:isolate;}
body>.site-header::before {
 content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;
 transform:translateX(-50%);z-index:-1;pointer-events:none;
 background:url("assets/bakery/brand-patisserie-pattern.svg?v=repeat2") 50% 4px / 112px 88px repeat;
 opacity:.34;
 -webkit-mask-image:linear-gradient(#000 0%,#0009 50%,transparent 100%),radial-gradient(ellipse 170px 110px at 50% 45%,transparent 25%,#000 100%),linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
 -webkit-mask-composite:source-in,source-in;
 mask-image:linear-gradient(#000 0%,#0009 50%,transparent 100%),radial-gradient(ellipse 170px 110px at 50% 45%,transparent 25%,#000 100%),linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
 mask-composite:intersect,intersect;
}
@media(max-width:700px) {
 body>.site-header {height:136px;min-height:136px;padding:8px 0;}
 body .site-header .bakery-logo-medallion {width:168px;height:118px;}
 body .site-header .boutique-utility {top:53px;right:0;}
 body .site-header .boutique-utility a {font-size:10px;}
 body>.site-header::before {
  background-size:84px 66px;background-position:50% 4px;opacity:.38;
  -webkit-mask-image:linear-gradient(#000 0%,#000a 35%,transparent 100%),radial-gradient(ellipse 105px 90px at 50% 44%,transparent 20%,#000 100%),linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);
  mask-image:linear-gradient(#000 0%,#000a 35%,transparent 100%),radial-gradient(ellipse 105px 90px at 50% 44%,transparent 20%,#000 100%),linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);
 }
}
@media(max-width:359px) {
 body .site-header .boutique-utility {display:none;}
}