/* The original mark stays visible; a roofline signature and letter gleam pass over it. */
.site-header .brand[data-brand-signature]{position:relative;isolation:isolate}
.site-header .brand[data-brand-signature] img{position:relative;z-index:0}
.brand-roof-signature{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;fill:none;stroke:#f6e5b8;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round}
.brand-roof-line{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.site-header .brand[data-brand-signature]::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 38%,#f9eccd 49%,transparent 60%) -120% 0/240% 100% no-repeat;-webkit-mask:var(--brand-art) center/100% 100% no-repeat;mask:var(--brand-art) center/100% 100% no-repeat;clip-path:inset(61% 0 0)}
.site-header .brand.is-signing .brand-roof-line{animation:brand-roof-sign 1700ms cubic-bezier(.25,.65,.3,1) both}
.site-header .brand.is-signing .brand-roof-line:nth-child(2){animation-delay:170ms}
.site-header .brand.is-signing .brand-roof-line:nth-child(3){animation-delay:340ms}
.site-header .brand.is-signing::after{animation:brand-letter-gleam 1700ms ease-in-out 650ms both}
@keyframes brand-roof-sign{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.8}70%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:0;opacity:0}}
@keyframes brand-letter-gleam{0%{background-position:120% 0;opacity:0}18%{opacity:.52}82%{opacity:.52}100%{background-position:-120% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.brand-roof-signature,.site-header .brand[data-brand-signature]::after{display:none!important}.site-header .brand.is-signing .brand-roof-line{animation:none!important}}