/* Miniature atelier drawings. Complete and calm even without motion. */
.brand-art{display:block;width:104px;height:78px;flex:0 0 auto;color:#454b32;overflow:visible;pointer-events:none}
.brand-art svg{display:block;width:100%;height:100%;overflow:visible}
.brand-art path{transition:fill .35s ease}
.brand-art [class*="brand-art__"]{transform-box:fill-box;transform-origin:center}
.brand-art .brand-art__door{transform-origin:left center}
.brand-art .brand-art__ribbon-tail{transform-origin:50% 0}
.brand-art .brand-art__leaf{transform-origin:50% 85%}
.brand-art .brand-art__sprig{transform-origin:30% 100%}
.brand-art .brand-art__leaf-echo{transform-origin:0 100%}
.brand-art__hello{opacity:.75}
.brand-art--playing .brand-art__door{animation:wd-detail-door 2.1s cubic-bezier(.25,.65,.25,1) both}
.brand-art--playing .brand-art__light{animation:wd-detail-light 2.1s ease both}
.brand-art--playing .brand-art__lantern{animation:wd-detail-light 2.1s ease both}
.brand-art--playing .brand-art__hello{animation:wd-detail-hello 2.1s ease both}
.brand-art--playing .brand-art__pumpkin--back{animation:wd-detail-gather-back 1.7s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__pumpkin--left{animation:wd-detail-gather-left 1.9s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__pumpkin--right{animation:wd-detail-gather-right 2.1s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__sprig{animation:wd-detail-sprig 2.1s ease both}
.brand-art--playing .brand-art__bow{animation:wd-detail-bow 1.85s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__ribbon-tail--left{animation:wd-detail-tail-left 2.1s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__ribbon-tail--right{animation:wd-detail-tail-right 2.1s cubic-bezier(.22,.75,.25,1) both}
.brand-art--playing .brand-art__wreath{animation:wd-detail-wreath 2.1s ease both}
.brand-art--playing .brand-art__leaf{animation:wd-detail-leaf 2.1s cubic-bezier(.25,.65,.25,1) both}
.brand-art--playing .brand-art__leaf-echo{animation:wd-detail-sprig 2.1s ease both}
@keyframes wd-detail-door{0%,8%{transform:none}36%,59%{transform:skewY(-7deg) scaleX(.6)}86%,100%{transform:none}}
@keyframes wd-detail-light{0%,12%{opacity:.3}36%,70%{opacity:1}100%{opacity:.8}}
@keyframes wd-detail-hello{0%,25%{opacity:0;transform:scale(.6)}51%{opacity:1;transform:scale(1.2)}76%,100%{opacity:.75;transform:none}}
@keyframes wd-detail-gather-back{0%,8%{transform:translate(7px,-3px) rotate(8deg)}65%,100%{transform:none}}
@keyframes wd-detail-gather-left{0%,12%{transform:translate(-12px,0) rotate(-13deg)}65%{transform:translate(1px,0) rotate(2deg)}90%,100%{transform:none}}
@keyframes wd-detail-gather-right{0%,24%{transform:translate(13px,0) rotate(14deg)}70%{transform:translate(-1px,0) rotate(-2deg)}95%,100%{transform:none}}
@keyframes wd-detail-sprig{0%,15%{transform:rotate(-8deg)}53%{transform:rotate(5deg)}81%,100%{transform:none}}
@keyframes wd-detail-bow{0%,10%{transform:scale(.88) rotate(-4deg)}48%{transform:scale(1.035) rotate(2deg)}82%,100%{transform:none}}
@keyframes wd-detail-tail-left{0%,12%{transform:rotate(-22deg) scaleY(.7)}49%{transform:rotate(9deg) scaleY(1.03)}75%{transform:rotate(-3deg)}100%{transform:none}}
@keyframes wd-detail-tail-right{0%,18%{transform:rotate(20deg) scaleY(.75)}55%{transform:rotate(-9deg) scaleY(1.025)}79%{transform:rotate(3deg)}100%{transform:none}}
@keyframes wd-detail-wreath{0%,10%{transform:rotate(-3deg)}48%{transform:rotate(1.5deg)}84%,100%{transform:none}}
@keyframes wd-detail-leaf{0%{transform:translate(-10px,-10px) rotate(-16deg)}35%{transform:translate(4px,-5px) rotate(10deg)}65%{transform:translate(-2px,-1px) rotate(-4deg)}90%,100%{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-art *{animation:none!important;transition:none!important}}