/* Timing is half of the original (2x speed). User's combined bow / handwritten reveal / rose-gold artwork. Original PNG bytes. */
.sj-logo{--m-bow:url('../images/logo/bow.png');--m-per:url('../images/logo/per.png');--m-lat:url('../images/logo/lat.png');--m-acc:url('../images/logo/acc.png');--m-a1:url('../images/logo/a1.png');--m-a2:url('../images/logo/a2.png');--m-a3:url('../images/logo/a3.png');--m-a4:url('../images/logo/a4.png');--metal:linear-gradient(105deg,#a15a70 0%,#cf9292 24%,#f0c8b7 45%,#e6b6a8 55%,#c17f89 77%,#a15a70 100%);--shine-start:3.075s;position:relative;display:block;width:100%;aspect-ratio:605/505}
.sj-logo__fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.sj-logo__motion{position:absolute;inset:0;display:none;animation:sj-finish-glow .325s ease var(--shine-start) both}
.sj-logo-ready .sj-logo__motion{display:block}.sj-logo-ready .sj-logo__fallback{visibility:hidden}
.sj-logo__layer{position:absolute;inset:0;display:block;background:var(--metal);-webkit-mask:var(--x) center/100% 100% no-repeat;mask:var(--x) center/100% 100% no-repeat}
.sj-logo__a1{--x:var(--m-a1);--tx:-18%;--ty:-12%;--r:-14deg;animation:sj-ring-fly .5s cubic-bezier(.2,.9,.3,1) .55s both}
.sj-logo__a2{--x:var(--m-a2);--tx:18%;--ty:-12%;--r:14deg;animation:sj-ring-fly .5s cubic-bezier(.2,.9,.3,1) .6s both}
.sj-logo__a3{--x:var(--m-a3);--tx:-18%;--ty:14%;--r:10deg;animation:sj-ring-fly .5s cubic-bezier(.2,.9,.3,1) .65s both}
.sj-logo__a4{--x:var(--m-a4);--tx:18%;--ty:14%;--r:-10deg;animation:sj-ring-fly .5s cubic-bezier(.2,.9,.3,1) .7s both}
.sj-logo__bow{--x:var(--m-bow);transform-origin:48% 9%;animation:sj-bow-drop .55s ease-in .1s both}
.sj-logo__per{--x:var(--m-per);animation:sj-write-fa .825s cubic-bezier(.4,0,.2,1) .725s both}
.sj-logo__lat{--x:var(--m-lat);animation:sj-write-en .8s cubic-bezier(.4,0,.2,1) 1.6s both}
.sj-logo__acc{--x:var(--m-acc);animation:sj-write-accessory .5s ease-in-out 2.475s both}
@keyframes sj-bow-drop{0%{transform:translateY(-150%) rotate(-25deg);opacity:0}50%{transform:translateY(9%) rotate(6deg);opacity:1}72%{transform:translateY(-4%) rotate(-2deg)}86%{transform:translateY(1%)}100%{transform:translateY(0) rotate(0);opacity:1}}
@keyframes sj-ring-fly{from{transform:translate(var(--tx),var(--ty)) rotate(var(--r));opacity:0}to{transform:translate(0,0) rotate(0);opacity:1}}
@keyframes sj-write-fa{from{clip-path:inset(0 0 0 49%)}to{clip-path:inset(0 0 0 1%)}}
@keyframes sj-write-en{from{clip-path:inset(0 53% 0 0)}to{clip-path:inset(0 1% 0 0)}}
@keyframes sj-write-accessory{from{clip-path:inset(0 81% 0 0)}to{clip-path:inset(0 22% 0 0)}}
@keyframes sj-finish-glow{from{filter:drop-shadow(0 0 0 rgba(255,205,181,0))}to{filter:drop-shadow(0 0 7px rgba(255,205,181,.24))}}
.sj-logo__sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;-webkit-mask-image:var(--m-bow),var(--m-per),var(--m-lat),var(--m-acc),var(--m-a1),var(--m-a2),var(--m-a3),var(--m-a4);mask-image:var(--m-bow),var(--m-per),var(--m-lat),var(--m-acc),var(--m-a1),var(--m-a2),var(--m-a3),var(--m-a4);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add;animation:sj-shine-show .275s ease var(--shine-start) forwards}
/* Move one exact repeated pattern period; never reset/rebuild the logo on a timer. */
.sj-logo__track{position:absolute;top:0;bottom:0;left:-100%;width:300%;background-image:linear-gradient(105deg,rgba(255,238,220,0) 0%,rgba(255,238,220,0) 28%,rgba(255,213,183,.12) 37%,rgba(255,227,201,.52) 45%,rgba(255,253,242,.96) 50%,rgba(255,227,201,.52) 55%,rgba(255,213,183,.12) 63%,rgba(255,238,220,0) 72%,rgba(255,238,220,0) 100%);background-size:calc(100% / 3) 100%;background-repeat:repeat-x;transform:translateX(calc(100% / 6));animation:sj-shine-flow 2.5s linear var(--shine-start) infinite;will-change:transform}
@keyframes sj-shine-show{to{opacity:1}}@keyframes sj-shine-flow{from{transform:translateX(calc(100% / 6))}to{transform:translateX(calc(-100% / 6))}}
.shop .shop-brand--motion{display:block;width:140px;flex:none;padding:4px;border-radius:16px;overflow:hidden;background:transparent;line-height:0}
.shop .shop-header-main{padding-block:12px}
@media(max-width:600px){.shop .shop-brand--motion{width:96px;padding:3px;border-radius:12px}.shop .shop-header-main{gap:10px}.shop .shop-tools{gap:10px}}
@media(prefers-reduced-motion:reduce){.sj-logo-ready .sj-logo__motion{display:none}.sj-logo-ready .sj-logo__fallback{visibility:visible}.sj-logo__motion,.sj-logo__layer,.sj-logo__sheen,.sj-logo__track{animation:none!important}}
@media print{.sj-logo-ready .sj-logo__motion{display:none}.sj-logo-ready .sj-logo__fallback{visibility:visible}}