.sms-halloween .hv-lockup{position:relative;width:100%;aspect-ratio:7526/1538}
.sms-halloween .hv-mark{display:block;position:absolute;inset:0;z-index:2;background:linear-gradient(155deg,#ffb957 0%,#fa941f 38%,#ec7012 100%);-webkit-mask:url('logo-source.png') center/contain no-repeat;mask:url('logo-source.png') center/contain no-repeat}
.sms-halloween .hv-hat{position:absolute;left:-1.35%;top:-49%;width:18.8%;aspect-ratio:1.214;background:url('witch-hat.webp') center/contain no-repeat;transform:rotate(-4deg);transform-origin:50% 90%;z-index:3;filter:drop-shadow(0 1px 1px #0002)}
.sms-halloween .hv-resident{position:absolute;display:block;z-index:1;aspect-ratio:2.54;filter:brightness(1.85) drop-shadow(0 1px 1px #8e52af30)}
.sms-halloween .hv-one{left:94%;top:-29%;width:10.5%;transform:rotate(-12deg)}
.sms-halloween .hv-two{left:104%;top:1%;width:7%;transform:rotate(15deg)}
.sms-halloween .hv-resident i,.sms-halloween .hv-bat i{position:absolute;inset:0;background:url('bat.webp') center/100% 100% no-repeat}
.sms-halloween .hv-resident i:nth-child(1),.sms-halloween .hv-bat i:nth-child(1){clip-path:inset(0 57% 0 0);transform-origin:43% 60%}
.sms-halloween .hv-resident i:nth-child(2),.sms-halloween .hv-bat i:nth-child(2){clip-path:inset(0 0 0 57%);transform-origin:57% 60%}
.sms-halloween .hv-resident i:nth-child(3),.sms-halloween .hv-bat i:nth-child(3){clip-path:inset(0 41% 0 41%)}
.sms-halloween .hv-scene{position:absolute;inset:0;z-index:2;pointer-events:none}
.sms-halloween .hv-night{position:absolute;inset:0;background:radial-gradient(ellipse at 32% 42%,#382047 0%,transparent 62%),radial-gradient(ellipse at 72% 68%,#45241855,transparent 55%),#130d1c}
.sms-halloween .hv-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 36% 70%,#9764b522,transparent 42%);filter:blur(24px)}
.sms-halloween .hv-logo{position:absolute;left:50%;top:53%;width:min(72%,480px);aspect-ratio:7526/1538;transform:translate(-50%,-50%);transform-origin:0 0;z-index:3;filter:drop-shadow(0 0 15px #fa7d121b)}
.sms-halloween .hv-flock{position:absolute;inset:0;z-index:2;pointer-events:none}
.sms-halloween .hv-bat{position:absolute;left:0;top:0;width:52px;aspect-ratio:2.54;opacity:0;will-change:transform;filter:brightness(1.8) drop-shadow(0 1px 2px #0006)}
.sms-halloween .hv-edition{position:absolute;left:0;right:0;top:74%;text-align:center;color:#c7b4ce;letter-spacing:.3em;font-size:11px;font-weight:500;z-index:5}
.sms-halloween .hv-skip{position:absolute;right:14px;bottom:12px;z-index:5;padding:10px;color:#d2bddb;background:transparent;border:0;font:12px Arial,sans-serif}
.sms-halloween .hv-mark{overflow:hidden;isolation:isolate}
.sms-halloween .hv-mark{overflow:hidden;isolation:isolate}
.sms-halloween .hv-mark::before{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.14) 47%,white 50%,rgba(255,255,255,.16) 53%,transparent 58%);transform:translate3d(var(--hv-blade,-100%),0,0);pointer-events:none}
.sms-halloween .hv-spark{display:none}
.sms-halloween .hv-dock .hv-mark::before{background-size:300% 300%;transform:none;animation:smsThemeBladeHeader 14s linear infinite}
@keyframes smsThemeBladeHeader{from{background-position:180% 50%}to{background-position:-180% 50%}}
@media(prefers-reduced-motion:reduce){.sms-halloween .hv-mark::before{display:none}}

#sms-halloween-intro{position:fixed;inset:0;z-index:2147483601;isolation:isolate;overflow:hidden;font-family:Arial,sans-serif;animation:smsHalloweenFail 0s 12s forwards}
#sms-halloween-intro .hv-logo{max-width:none}
.sms-halloween .hv-lockup{display:block}
#sms-halloween-intro .hv-skip{cursor:pointer;min-height:44px;min-width:90px}
.smsheader-logo-media.sms-halloween-host,.smsheader-logo-link:has(.sms-halloween-host){overflow:visible!important}
.sms-halloween-host>.smsheader-logo-img{visibility:hidden!important}
.sms-halloween-host>.smsheader-logo-shine{display:none!important}
.sms-halloween-brand{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;visibility:visible}
.sms-halloween-brand .hv-lockup{display:block;flex:1;transform:translateY(8px) scale(.92);transform-origin:center center}
.sms-halloween-brand .hv-mark::before{display:none}
.sms-halloween-brand .smsheader-logo-shine{z-index:3}
.sms-halloween-brand .hv-hat{top:-49%}
.sms-halloween-brand.sms-halloween-landing{opacity:0}
.sms-halloween-brand .hv-resident{filter:brightness(1.25)}
@keyframes smsHalloweenFail{to{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#sms-halloween-intro{display:none}.sms-halloween-brand .smsheader-logo-shine{display:none!important;animation:none!important}}
