/* Jade Dark v0.9.33: temporary Halloween 2026 homepage layer. */
.jade-hero-body > .jade-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,4vw,70px);align-items:center}
.jade-hero-content{max-width:100%}
.jade-hero h1{font-size:clamp(2.5rem,3.5vw,4.3rem);letter-spacing:-.065em}
.jade-halloween-art[hidden]{display:flex!important;flex-direction:column;align-items:center;position:relative;isolation:isolate;width:100%;max-width:470px;justify-self:end;padding:58px 15px 15px;pointer-events:none}
.jade-halloween-art:before{content:'';position:absolute;inset:26% -8% -8%;background:radial-gradient(ellipse,#000b,transparent 72%);z-index:-1}
.jade-halloween-logo{width:100%;height:auto;display:block;position:relative;z-index:2;filter:drop-shadow(0 2px 10px #000)}
.jade-halloween-pumpkins{position:absolute;width:40%;height:auto;left:-15%;bottom:17%;z-index:3}
.jade-halloween-pumpkins-right{left:auto;right:-18%;width:24%;transform:scaleX(-1);bottom:5%;z-index:1}
.jade-halloween-ghost{position:absolute;width:34%;height:auto;right:-7%;top:-14%;z-index:3;transform:rotate(8deg)}
.jade-halloween-greeting{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:760;line-height:1.2;letter-spacing:-.045em;color:#fff5dc;margin:30px 0 0;white-space:nowrap;text-shadow:0 2px 14px #000}
.jade-halloween-greeting span{color:#ff981e}
.home .jade-header .jade-brand{position:relative;overflow:visible}
.home .jade-header .jade-brand:before,.home .jade-header .jade-brand:after{content:'';position:absolute;background:url('../images/halloween-pumpkins.png') center/contain no-repeat;width:45px;height:36px;left:-27px;bottom:0;pointer-events:none}
.home .jade-header .jade-brand:after{left:auto;right:-22px;width:32px;height:27px;transform:scaleX(-1)}
@media(min-width:801px) and (max-width:1100px){.jade-hero-body>.jade-shell{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}.jade-hero h1{font-size:clamp(2.3rem,4vw,3.5rem)}.jade-halloween-greeting{font-size:1.5rem}.jade-halloween-art[hidden]{padding-top:35px}.jade-halloween-ghost{top:-21%}}
@media(max-width:800px){.jade-hero-stage{height:max(840px,96svh)}.jade-hero{--jade-hero-height:max(840px,96svh)}.jade-hero-body{align-items:flex-start;padding-top:30px}.jade-hero-body>.jade-shell{grid-template-columns:1fr;gap:15px}.jade-halloween-art[hidden]{grid-row:1;justify-self:center;width:min(235px,58vw);padding-top:30px;padding-bottom:0}.jade-halloween-content{grid-row:2}.jade-halloween-greeting{font-size:1.5rem;margin-top:18px}.jade-halloween-ghost{width:34%;right:-7%;top:-15%}.jade-hero-content{margin-top:10px}.jade-hero h1{font-size:clamp(2.45rem,6.5vw,3.6rem)}.jade-hero-sub{font-size:1rem;line-height:1.65}.jade-hero-buttons{margin-top:21px}}
@media(max-width:560px){.jade-halloween-art[hidden]{width:190px;padding-top:24px}.jade-halloween-greeting{font-size:1.35rem;margin-top:17px}.jade-hero-body{padding-top:18px}.jade-hero-body>.jade-shell{gap:13px}.jade-hero h1{font-size:clamp(2.25rem,9.2vw,3rem)}.jade-hero-sub{font-size:.93rem}.home .jade-header .jade-brand:before{width:32px;height:27px;left:-12px}.home .jade-header .jade-brand:after{width:25px;height:23px;right:-14px}}
@media(prefers-reduced-motion:reduce){.jade-halloween-art *{animation:none!important;transition:none!important}}

/* Stacked content must remain readable while the visitor scrolls on phones. */
@media(max-width:800px){
 .jade-hero{position:relative;top:0!important;height:100%!important}
 .jade-hero-body{opacity:1!important;transform:none!important;pointer-events:auto!important}
 .jade-hero-mark{display:none!important}
}

/* Decorative sky stays above the logo, clear of its lettering. */
.jade-halloween-art:after{content:'';position:absolute;width:220px;height:120px;top:-40px;left:-12%;background:url('../images/halloween-sky.svg') center/contain no-repeat;z-index:1;pointer-events:none}
@media(max-width:800px){.jade-halloween-art:after{width:115px;height:70px;top:-22px;left:-23%}.jade-halloween-pumpkins-right{right:-15%;bottom:3%}}

.jade-halloween-greeting{position:relative;z-index:4}
.home .jade-header .jade-brand:after{right:-36px}
@media(max-width:560px){.home .jade-header .jade-brand:after{right:-30px}.jade-halloween-pumpkins-right{right:-25%;bottom:10%}}