/* Original cinematic art and category casts live inside the content, never in the WoodMart header. */
#elevenads-gate{background:transparent url('backdrops/portal-toggle.webp') center/contain no-repeat!important;border:0!important;border-radius:50%!important;overflow:visible!important;box-shadow:0 0 0 2px #2c0507,0 0 22px #d61627b8,0 8px 24px #000a!important;transition:filter .2s ease,scale .2s ease}
#elevenads-gate:hover{filter:brightness(1.26);scale:1.07}
#elevenads-gate .elevenads-gate-inner,#elevenads-gate .elevenads-gate-split{display:none!important}
#elevenads-gate[aria-pressed=true]{animation:elevenads-portal-button-beat 3s ease-in-out infinite!important}
@keyframes elevenads-portal-button-beat{0%,100%{filter:brightness(.92) drop-shadow(0 0 6px #c20a22)}50%{filter:brightness(1.3) drop-shadow(0 0 19px #f21a29)}}
#elevenads-cinematic-hero[hidden]{display:none!important}
#elevenads-cinematic-hero{
  --hero-red:#e1293c;
  position:relative;isolation:isolate;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;
  width:min(1280px,calc(100% - 34px));min-height:292px;margin:22px auto 32px;padding:clamp(24px,4vw,58px);overflow:hidden;border-radius:19px;
  border:1px solid #d72d4188;box-shadow:0 18px 65px #000b,inset 0 0 34px #ac12302b;
  background-color:#10070e;background-position:center;background-size:cover;color:#fff!important;font-family:inherit;opacity:0;transform:translateY(24px)
}
#elevenads-cinematic-hero.elevenads-hero-revealed{animation:elevenads-hero-entrance .9s cubic-bezier(.2,.7,.3,1) forwards}
#elevenads-cinematic-hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(93deg,transparent 0 210px,#c7102415 211px 213px,transparent 214px 330px),radial-gradient(ellipse at 92% 48%,#d6253a40,transparent 55%)}
#elevenads-cinematic-hero::after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;border:1px solid #ff809041;border-radius:inherit;box-shadow:inset 0 0 1px 2px #5f101849,inset 0 0 50px #01000260}
.elevenads-hero-lightning{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(127deg,transparent 38%,#ff17370d 44%,#ff7c8dba 44.5%,transparent 45.2%,transparent 57%,#ed102730 57.4%,transparent 58%);mix-blend-mode:screen;animation:elevenads-hero-storm 11s steps(1,end) infinite}
.elevenads-hero-copy{position:relative;z-index:5;max-width:770px;min-width:0;align-self:center;text-shadow:0 2px 16px #050106}
#elevenads-cinematic-hero .elevenads-hero-eyebrow{display:inline-block;margin-bottom:13px;border:1px solid #ed5263;padding:7px 13px;border-radius:24px;color:#ffc5cc!important;background:#21070ac9;font:800 11px/1.2 Arial,sans-serif;letter-spacing:.18em}
#elevenads-cinematic-hero .elevenads-hero-heading{color:#fff!important;font-weight:900!important;font-size:clamp(26px,3.7vw,51px)!important;line-height:1.05!important;letter-spacing:-.03em!important;margin:0 0 15px!important;text-wrap:balance;text-shadow:0 3px 24px #000,0 0 25px #30000b!important}
#elevenads-cinematic-hero .elevenads-hero-description{color:#ffe8e8!important;font-size:clamp(14px,1.35vw,18px)!important;line-height:1.5!important;margin:0!important;max-width:620px!important;text-shadow:0 2px 10px #000!important}
#elevenads-cinematic-hero .elevenads-hero-cast{display:inline-block;margin-top:21px;background:#220509d9;color:#ffb3bd!important;border:1px solid #dd2945;border-radius:4px;padding:7px 12px;font:800 11px/1.1 Arial,sans-serif;letter-spacing:.18em;box-shadow:0 0 18px #dc243740}
.elevenads-hero-portrait{position:relative;z-index:4;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:190px;margin:-38px -30px -60px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 18% 100%)}
.elevenads-hero-portrait::before{content:'';position:absolute;inset:8% 3% -15% 11%;background:radial-gradient(ellipse at 62% 38%,#e72e3949,transparent 62%);filter:blur(12px)}
.elevenads-hero-portrait img{height:clamp(260px,26vw,400px);width:min(100%,335px);max-width:unset!important;display:block;object-fit:cover;object-position:center 16%;border-radius:36% 45% 21% 26%;filter:contrast(1.12) saturate(.9) drop-shadow(0 0 25px #d8112e);mask-image:radial-gradient(ellipse 70% 60% at 50% 41%,#000 40%,#000 60%,transparent 95%);transform:translateY(15px);animation:elevenads-hero-person 8s ease-in-out infinite alternate}
.elevenads-hero-portrait img[hidden]{display:none!important}
.elevenads-hero-portrait.elevenads-hero-ensemble{justify-content:center;gap:0;overflow:visible;mask-image:linear-gradient(90deg,transparent,#000 12% 100%)}
.elevenads-hero-ensemble img{width:37%;height:270px;min-width:0;margin-left:-13%;object-position:center 15%;animation-delay:calc(var(--cast-index) * -.8s)}
.elevenads-hero-ensemble img:first-child{margin-left:0}
.elevenads-hero-bottom{position:absolute;z-index:5;right:30px;bottom:14px;color:#d9a8ad;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.2em}
.elevenads-hero-tone-forest{--hero-red:#d76b5d;border-color:#6e657288!important}
.elevenads-hero-tone-forest::before{background:radial-gradient(ellipse at 90% 10%,#f9782d29,transparent 42%),repeating-linear-gradient(0deg,#08071012 0 2px,transparent 3px 6px)}
.elevenads-hero-tone-forest .elevenads-hero-portrait img{filter:contrast(1.1) sepia(.13) drop-shadow(0 0 15px #c74e43)}
.elevenads-hero-intense{box-shadow:0 15px 75px #a9132770,inset 0 0 48px #cb19283d!important}
.elevenads-hero-intense .elevenads-hero-lightning{animation-duration:5s}
.elevenads-hero-character-eleven .elevenads-hero-portrait img{animation:elevenads-hero-telekinetic 5.5s ease-in-out infinite}
.elevenads-hero-character-max .elevenads-hero-portrait img{animation:elevenads-hero-telekinetic 7s ease-in-out infinite}
.elevenads-hero-character-vecna .elevenads-hero-portrait img{filter:contrast(1.25) drop-shadow(0 0 28px #e8182a);animation:elevenads-hero-vecna 8s ease-in-out infinite}
.elevenads-hero-character-whatsit .elevenads-hero-portrait img{filter:grayscale(.85) contrast(1.5) drop-shadow(0 0 15px #fff);mask-image:radial-gradient(ellipse 45% 65% at 50% 40%,#000 32%,transparent 85%)}
.elevenads-hero-character-whatsit::before,.elevenads-hero-character-dustin::before{background:repeating-linear-gradient(0deg,#ffffff12 0px 1px,transparent 2px 5px);animation:elevenads-hero-static 1s steps(4) infinite}
.elevenads-hero-character-will .elevenads-hero-portrait img,.elevenads-hero-character-joyce .elevenads-hero-portrait img{animation:elevenads-hero-flicker 9s steps(1,end) infinite}
.elevenads-hero-character-eddie .elevenads-hero-portrait img{animation:elevenads-hero-guitar 6s ease-in-out infinite}
.elevenads-hero-character-robin .elevenads-hero-portrait img{filter:sepia(.2) saturate(1.2) hue-rotate(-9deg) drop-shadow(0 0 15px #ff94a4)}
.elevenads-hero-character-hawkins .elevenads-hero-bottom{color:#ffe0a1}
.elevenads-hero-home{min-height:345px;margin-top:22px}
.elevenads-hero-home .elevenads-hero-heading{max-width:670px}
.elevenads-hero-product{min-height:150px;grid-template-columns:minmax(0,1fr) minmax(180px,.3fr);padding:16px 45px;margin:12px auto 23px}
.elevenads-hero-product .elevenads-hero-portrait{min-height:155px;margin:-16px -25px -16px 0}
.elevenads-hero-product .elevenads-hero-portrait img{height:195px;width:195px}
.elevenads-hero-product .elevenads-hero-heading{font-size:clamp(20px,2.5vw,30px)!important}
.elevenads-hero-product .elevenads-hero-description{font-size:13px!important}
.elevenads-hero-product .elevenads-hero-cast{margin-top:11px!important}
.elevenads-hero-product .elevenads-hero-bottom{display:none}
@keyframes elevenads-hero-entrance{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes elevenads-hero-person{0%,100%{transform:translateY(16px) scale(1)}50%{transform:translateY(0) scale(1.04)}}
@keyframes elevenads-hero-telekinetic{0%,100%{transform:translateY(14px) rotate(-2deg) scale(1)}50%{transform:translateY(-25px) rotate(1deg) scale(1.09)}}
@keyframes elevenads-hero-vecna{0%,100%{transform:translateY(22px) scale(.94);opacity:.8}50%{transform:translateY(-3px) scale(1.04);opacity:1}}
@keyframes elevenads-hero-flicker{0%,12%,29%,62%,100%{filter:brightness(1)}13%,27%{filter:brightness(.25)}30%,65%{filter:brightness(1.65)}}
@keyframes elevenads-hero-guitar{0%,100%{transform:rotate(-4deg) translateY(15px)}45%{transform:rotate(5deg) translateY(-6px)}}
@keyframes elevenads-hero-storm{0%,92%,97%,100%{opacity:0}92.5%,96%{opacity:.8}}
@keyframes elevenads-hero-static{0%{opacity:.2}50%{opacity:.55;transform:translateY(2px)}100%{opacity:.2}}
@media(max-width:767px){
  #elevenads-cinematic-hero{width:calc(100% - 24px);min-height:310px;grid-template-columns:1fr;padding:24px 22px 95px;margin:12px auto 20px;border-radius:14px;background-position:67% center}
  #elevenads-cinematic-hero .elevenads-hero-copy{max-width:100%}
  #elevenads-cinematic-hero .elevenads-hero-heading{font-size:clamp(23px,7vw,34px)!important;max-width:80%}
  #elevenads-cinematic-hero .elevenads-hero-description{font-size:14px!important;max-width:68%!important}
  .elevenads-hero-portrait{position:absolute;right:-22px;bottom:-32px;top:12%;height:87%;width:50%;min-height:0;margin:0;align-self:auto;opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 40% 100%)}
  .elevenads-hero-portrait img{height:260px;width:190px;object-position:center 12%}
  .elevenads-hero-ensemble img{width:50%;height:200px;margin-left:-20%}
  .elevenads-hero-bottom{left:22px;bottom:14px;right:auto;font-size:8px}
  #elevenads-cinematic-hero.elevenads-hero-product{min-height:184px;padding:18px 18px 35px}
  .elevenads-hero-product .elevenads-hero-portrait{width:32%;height:100%;top:4%;right:0;bottom:0;opacity:.72}
  .elevenads-hero-product .elevenads-hero-portrait img{height:180px;width:120px}
  #elevenads-cinematic-hero.elevenads-hero-product .elevenads-hero-heading{font-size:22px!important;max-width:74%}
  #elevenads-cinematic-hero.elevenads-hero-product .elevenads-hero-description{max-width:73%!important}
}
@media(prefers-reduced-motion:reduce){#elevenads-cinematic-hero,#elevenads-cinematic-hero *{animation:none!important;transition:none!important}#elevenads-cinematic-hero{opacity:1;transform:none}}
