/* CandMa Halloween — reference composition, transparent decorative artwork. */
.h-edge,.h-brand,.h-top{display:none}
body:has(#candma-halloween-scene){position:relative;background:#f4e8da;--h-wine:#490815}
body:has(#candma-halloween-scene) [layout="announcement-bar"]{display:none!important}
body:has(#candma-halloween-scene) .h-top{display:flex;justify-content:space-between;align-items:center;min-height:5.4vw;padding:0 16%;gap:35%;color:#fff1df;background:radial-gradient(ellipse at center,#7a1326,#31050c);font:clamp(10px,.95vw,15px)/1.4 Arial,sans-serif}
.h-top span{white-space:nowrap}
body:has(#candma-halloween-scene) .h-edge{display:block;position:absolute;top:0;height:66.6667vw;width:13vw;background-image:var(--h-overlay, url('halloween-overlay-v2.png'));background-size:100vw auto;background-repeat:no-repeat;z-index:15;pointer-events:none}
.h-edge-left{left:0;background-position:left top}.h-edge-right{right:0;background-position:right top}
body:has(#candma-halloween-scene) .h-brand{display:block;position:absolute;top:0;left:32%;width:36%;height:11.7vw;z-index:16;background:var(--h-overlay, url('halloween-overlay-v2.png')) center top/100vw auto no-repeat}
body:has(#candma-halloween-scene) #youcan-section--header{background:#f6ecdf;border:0;position:relative;z-index:12}
body:has(#candma-halloween-scene) [layout="header"]{position:relative!important;top:auto!important;display:flex!important;justify-content:center;align-items:flex-end;min-height:6.3vw!important;max-width:none;padding:2.9vw 12% 1vw!important;background:#f6ecdf!important;border:0!important;gap:24px}
body:has(#candma-halloween-scene) [layout="header"] .logo{display:none!important}
body:has(#candma-halloween-scene) [layout="header"] .links{display:flex;justify-content:center;gap:clamp(14px,2vw,32px)!important;padding:0;margin:0;flex:1}
body:has(#candma-halloween-scene) [layout="header"] .links a{font-size:clamp(12px,1.05vw,16px)!important;color:#16100e!important}
body:has(#candma-halloween-scene) [layout="header"] .actions{margin:0;align-self:center;flex:none}
body:has(#candma-halloween-scene) main{position:relative;isolation:auto}
#candma-halloween-scene{position:relative;overflow:hidden;height:31vw;min-height:390px;max-height:610px;background:#120506;border-bottom:10px solid #480a17;color:#fff6e8}
#candma-halloween-scene .h-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#candma-halloween-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 65%);pointer-events:none}
.h-copy{position:relative;z-index:2;padding:3.5vw 0 2vw;margin-left:18%;width:34%}
.h-kicker{font:clamp(23px,2vw,34px)/1 Georgia,serif;margin:0 0 12px}
#candma-halloween-scene h1{font:400 clamp(39px,4vw,70px)/.98 Georgia,serif!important;letter-spacing:-.035em;color:#fff5e4!important;margin:0 0 14px}
#candma-halloween-scene h1 em{display:inline-block;color:#b4001e;font-size:1.28em;font-weight:700;font-style:italic;line-height:1.05;text-shadow:1px 3px #45040a}
.h-description{font:clamp(12px,1.15vw,18px)/1.45 Arial,sans-serif;margin:0 0 18px;color:#fff9ee}
.h-cta{display:inline-flex;align-items:center;gap:20px;border-radius:50px;background:#f8e8d0;color:#17100c!important;text-decoration:none;padding:16px 27px;font:clamp(12px,1vw,16px)/1.2 Arial,sans-serif;box-shadow:0 5px 20px #0004}
.h-cta:hover{background:#fff8eb;transform:translateY(-2px)}.h-cta:focus-visible,.h-brand:focus-visible{outline:3px solid #ba2034;outline-offset:4px}
body:has(#candma-halloween-scene) [section="benefits"]{background:#f5e9dc!important;max-width:none!important;margin:0!important;padding:25px 14%!important;min-height:95px;box-shadow:0 5px 12px #361a1920;position:relative;z-index:1}
body:has(#candma-halloween-scene) .candma-section{max-width:1200px;width:78%;padding-left:0;padding-right:0}
body:has(#candma-halloween-scene) .candma-collections{padding-top:25px!important}
body:has(#candma-halloween-scene) .candma-arch-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(min-width:1800px){.h-copy{padding-top:45px}}
@media(max-width:769px){
 body:has(#candma-halloween-scene) .h-top{min-height:35px;padding:8px 14px;justify-content:center;font-size:10px;gap:0}.h-top span+span{display:none}
 body:has(#candma-halloween-scene) .h-brand{width:180px;height:70px;left:28px;top:26px;background-size:440px auto}
 body:has(#candma-halloween-scene) .h-edge{width:15px;height:650px;background-size:975px 650px;z-index:14}
 body:has(#candma-halloween-scene) [layout="header"]{min-height:68px!important;padding:10px 23px!important;align-items:center;justify-content:flex-end}
 body:has(#candma-halloween-scene) [layout="header"] .links{display:none!important}
 body:has(#candma-halloween-scene) [layout="header"] .actions{position:relative;z-index:17;gap:10px!important}
 body:has(#candma-halloween-scene) [layout="header"] .actions>li:first-child{display:none}
 body:has(#candma-halloween-scene) [layout="header"] .actions>li:last-child{display:block!important}
 #candma-halloween-scene{height:420px;min-height:0;max-height:none;border-bottom-width:6px}
 #candma-halloween-scene .h-art{height:235px;object-position:67% center;object-fit:cover}
 #candma-halloween-scene:after{background:linear-gradient(0deg,#120506 45%,transparent 78%)}
 .h-copy{padding:0 28px;margin:0;position:absolute;top:190px;width:100%;box-sizing:border-box}
 .h-kicker{font-size:16px;margin-bottom:7px}#candma-halloween-scene h1{font-size:29px!important;line-height:1.02!important;margin-bottom:9px}#candma-halloween-scene h1 br:first-child{display:initial}#candma-halloween-scene h1 em{font-size:1.12em}
 .h-description{font-size:11px;line-height:1.4;margin-bottom:12px}.h-cta{font-size:12px;padding:12px 18px}
 body:has(#candma-halloween-scene) [section="benefits"]{padding:20px 32px!important;display:grid;grid-template-columns:1fr 1fr;gap:18px}
 body:has(#candma-halloween-scene) .candma-section{width:calc(100% - 48px)}
 body:has(#candma-halloween-scene) .candma-arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
body:has(#candma-halloween-scene) .h-top{width:100%;box-sizing:border-box}
@media(min-width:770px){body:has(#candma-halloween-scene) .h-brand{left:30%;width:40%;height:12vw;background-size:80vw auto}body:has(#candma-halloween-scene) .h-edge{width:17.5vw}.h-edge-left{mask-image:linear-gradient(to right,#000 85%,transparent)}.h-edge-right{mask-image:linear-gradient(to left,#000 85%,transparent)}}
@media(min-width:770px){body:has(#candma-halloween-scene) .h-top{padding-left:16%;padding-right:9%;gap:0;font-size:clamp(9px,.9vw,15px)}.h-top span:first-child{max-width:28%}.h-top span:last-child{max-width:40%;text-align:right}.h-top span{white-space:normal}}

/* Global motion: fixed to viewport, never intercepts a click or touch. */
#candma-halloween-motion{position:fixed;inset:0;overflow:hidden;pointer-events:none!important;z-index:18;contain:layout paint}
#candma-halloween-motion *{pointer-events:none!important}
.hm-spider{position:absolute;top:-105px;right:5%;width:51px;height:100px;animation:cm-spider-drop 19s ease-in-out infinite;transform-origin:50% 0;filter:drop-shadow(0 1px 2px #fff8)}
.hm-spider svg{position:absolute;bottom:0;width:51px;height:57px}
.hm-thread{position:absolute;bottom:55px;left:50%;height:100vh;width:1px;background:linear-gradient(#b8a4a0,#61484d)}
.hm-bat{position:absolute;left:-130px;top:19%;width:76px;height:40px;fill:#150b11;filter:drop-shadow(0 1px 2px #e1d0c580);animation:cm-bat-pass 23s linear infinite;will-change:transform}
.hm-bat svg{width:100%;height:100%;overflow:visible}.hm-wing{transform-box:fill-box;animation:cm-wingbeat .29s ease-in-out infinite alternate}.hm-wing-left{transform-origin:right center}.hm-wing-right{transform-origin:left center}
.hm-bat-1{top:38%;width:49px;animation-duration:29s;animation-delay:6s}.hm-bat-1 .hm-wing{animation-duration:.23s}
.hm-bat-2{top:12%;width:60px;animation-duration:31s;animation-delay:12s}.hm-bat-2 .hm-wing{animation-duration:.34s}
@keyframes cm-spider-drop{0%,8%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(31vh) rotate(3deg)}34%{transform:translateY(28vh) rotate(-3deg)}44%,54%{transform:translateY(37vh) rotate(2deg)}72%,94%{transform:translateY(0) rotate(0)}}
@keyframes cm-bat-pass{0%,8%{transform:translate3d(0,0,0) rotate(-7deg)}23%{transform:translate3d(30vw,42px,0) rotate(5deg)}40%{transform:translate3d(66vw,-28px,0) rotate(-8deg)}61%{transform:translate3d(calc(100vw + 260px),36px,0) rotate(5deg)}100%{transform:translate3d(calc(100vw + 260px),36px,0) rotate(5deg)}}
@keyframes cm-wingbeat{from{transform:scaleY(.35) rotate(-8deg)}to{transform:scaleY(1) rotate(5deg)}}
#candma-halloween-motion.hm-paused *,#candma-halloween-motion.hm-paused *:before{animation-play-state:paused!important}
@media(max-width:769px){.hm-spider{right:6%;width:35px}.hm-spider svg{width:35px;height:40px}.hm-thread{bottom:38px}.hm-bat{width:50px}.hm-bat-1{width:35px}.hm-bat-2{width:42px}}
@media(prefers-reduced-motion:reduce){#candma-halloween-motion{display:none}}

/* A small translucent ghost floats through occasionally on all pages. */
.hm-ghost{position:absolute;right:-90px;top:57%;width:62px;height:78px;opacity:0;animation:cm-ghost-pass 38s linear 9s infinite;filter:drop-shadow(0 0 8px #fff9);will-change:transform}
.hm-ghost svg{width:100%;height:100%;animation:cm-ghost-sway 2.1s ease-in-out infinite alternate}
@keyframes cm-ghost-pass{0%,10%{opacity:0;transform:translate3d(0,0,0)}14%{opacity:.58}27%{opacity:.58;transform:translate3d(-36vw,-28px,0)}42%{opacity:.5;transform:translate3d(-74vw,18px,0)}54%{opacity:0;transform:translate3d(calc(-100vw - 180px),-20px,0)}100%{opacity:0;transform:translate3d(calc(-100vw - 180px),-20px,0)}}
@keyframes cm-ghost-sway{from{transform:rotate(-7deg) scaleY(.96)}to{transform:rotate(7deg) scaleY(1.04)}}
@media(max-width:769px){.hm-ghost{width:42px;height:54px;top:52%}}