/* Original images own layout and accessibility; the temporary SVG only reveals them. */
.brand-art{position:relative;display:block;width:100%;isolation:isolate}
.brand-intro{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;--logo-ink:#a69073;--logo-sage:#b8c0ae}
[data-palette="negativa"] .brand-intro{--logo-ink:#f7f5f0;--logo-sage:#f7f5f0}
.logo-intro-pending .brand-art>.brand-logo,.logo-intro-running .brand-art>.brand-logo{visibility:hidden;animation:logo-static-rescue 0s 4s forwards}
.logo-intro-running .brand-intro{display:block;animation:logo-intro-clock 3s linear both}
.intro-signature,.intro-symbol{fill:var(--logo-ink)}
.intro-atelier{fill:var(--logo-sage)}
.intro-pen{opacity:0;fill:none;stroke:white;stroke-width:13;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:logo-write var(--duration) var(--delay) linear forwards}
.intro-signature-finish{opacity:0;animation:logo-settle .16s 2.04s ease-out forwards}
.intro-powder-mark{opacity:0;animation:logo-powder-reveal .72s 2.12s ease-out forwards;transform-origin:420px 150px}
.intro-powder{opacity:0;transform-box:fill-box;transform-origin:center;animation:logo-powder var(--life) var(--at) ease-out both}
.intro-powder-haze{fill:url(#intro-blush-haze)}
.intro-powder-grain{fill:#b58c78}
[data-palette="negativa"] .intro-powder-grain{fill:#d2b49a}
@keyframes logo-write{from{opacity:1}to{opacity:1;stroke-dashoffset:0}}
@keyframes logo-settle{to{opacity:1}}
@keyframes logo-powder-reveal{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@keyframes logo-powder{0%{opacity:0;transform:translate(0,10px) scale(.4)}25%{opacity:var(--alpha)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.6)}}
@keyframes logo-intro-clock{from{opacity:1}to{opacity:1}}
@keyframes logo-static-rescue{to{visibility:visible}}
@media(prefers-reduced-motion:reduce){.brand-art>.brand-logo{visibility:visible!important}.brand-intro{display:none!important}}