/* Load after queerpig-studios.css. Enabled only by qp-halloween on a grid. */
.qp-price-grid.qp-halloween{row-gap:26px;padding-top:42px}
.qp-price-grid.qp-halloween .qp-price-card.halloween-card{position:relative;overflow:visible}
.qp-price-grid.qp-halloween .qp-price-card .qp-price-card__cta{background:#F28C28!important;color:#181719!important}
.qp-price-grid.qp-halloween .qp-price-card .qp-price-card__cta>span{color:inherit!important}
[data-scheme="dark"] .qp-price-grid.qp-halloween .qp-price-card .qp-price-card__cta{background:#FFAA4D!important;color:#181719!important}
.qp-price-grid.qp-halloween .qp-price-card .qp-price-card__cta:focus-visible{outline-color:#B85B00}
[data-scheme="dark"] .qp-price-grid.qp-halloween .qp-price-card .qp-price-card__cta:focus-visible{outline-color:#FFD19B}
:where(.qp-halloween) .halloween-bat{position:absolute;z-index:3;width:66px;height:40px;top:-21px;left:-19px;pointer-events:none;transform:rotate(-13deg);transform-origin:center;filter:drop-shadow(0 3px 3px #00000033);transition:transform 240ms ease}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .halloween-bat{transform:translate(-3px,-6px) rotate(-20deg)}}
@media(max-width:600px){:where(.qp-halloween) .halloween-bat{width:50px;height:31px;top:-16px;left:-12px}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .halloween-bat{transition:none}:where(.qp-halloween) .halloween-card:hover .halloween-bat{transform:rotate(-13deg)}}
:where(.qp-halloween) .halloween-pumpkin{position:absolute;z-index:3;width:54px;height:54px;top:-25px;left:-16px;pointer-events:none;transform:rotate(-12deg);filter:drop-shadow(0 3px 3px #00000033)}
:where(.qp-halloween) .pumpkin-eyes{fill:#291811;transition:fill 180ms ease,filter 180ms ease}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .pumpkin-eyes{fill:#FFF19A;filter:drop-shadow(0 0 3px #FFCF40) drop-shadow(0 0 6px #FF8A24)}}
:where(.qp-halloween) .halloween-card:focus-within .pumpkin-eyes{fill:#FFF19A;filter:drop-shadow(0 0 3px #FFCF40)}
@media(max-width:600px){:where(.qp-halloween) .halloween-pumpkin{width:44px;height:44px;top:-20px;left:-10px}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .pumpkin-eyes{transition:none}}
:where(.qp-halloween) .halloween-ghost{position:absolute;z-index:3;width:51px;height:59px;top:-29px;left:-16px;pointer-events:none;transform:rotate(-11deg);transform-origin:center 70%;filter:drop-shadow(0 3px 3px #00000033);transition:transform 380ms ease}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .halloween-ghost{transform:translate(3px,-9px) rotate(7deg)}}
:where(.qp-halloween) .halloween-card:focus-within .halloween-ghost{transform:translate(3px,-9px) rotate(7deg)}
@media(max-width:600px){:where(.qp-halloween) .halloween-ghost{width:42px;height:48px;top:-23px;left:-10px}}
@media(hover:none){:where(.qp-halloween) .halloween-card:focus-within .halloween-ghost{transform:rotate(-11deg)}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .halloween-ghost{transition:none}:where(.qp-halloween) .halloween-card:hover .halloween-ghost,:where(.qp-halloween) .halloween-card:focus-within .halloween-ghost{transform:rotate(-11deg)}}
:where(.qp-halloween) .halloween-spider{position:absolute;z-index:3;width:59px;height:48px;top:-25px;left:-17px;pointer-events:none;filter:drop-shadow(0 3px 3px #00000033);transform:rotate(-16deg)}
:where(.qp-halloween) .spider-legs-a,:where(.qp-halloween) .spider-legs-b{transform-origin:50px 40px}
@keyframes spider-crawl{0%{transform:translateX(0) rotate(-16deg)}25%{transform:translate(12px,-2px) rotate(-10deg)}50%{transform:translate(25px,0) rotate(-15deg)}75%{transform:translate(39px,-2px) rotate(-10deg)}100%{transform:translate(52px,0) rotate(-13deg)}}
@keyframes spider-step{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .halloween-spider{animation:spider-crawl 1400ms ease-in-out both}:where(.qp-halloween) .halloween-card:hover .spider-legs-a{animation:spider-step 280ms ease-in-out 5}:where(.qp-halloween) .halloween-card:hover .spider-legs-b{animation:spider-step 280ms ease-in-out 5 reverse}}
:where(.qp-halloween) .halloween-card:focus-within .halloween-spider{animation:spider-crawl 1400ms ease-in-out both}
:where(.qp-halloween) .halloween-card:focus-within .spider-legs-a{animation:spider-step 280ms ease-in-out 5}
:where(.qp-halloween) .halloween-card:focus-within .spider-legs-b{animation:spider-step 280ms ease-in-out 5 reverse}
@media(max-width:600px){:where(.qp-halloween) .halloween-spider{width:48px;height:39px;top:-21px;left:-11px}}
@media(hover:none),(prefers-reduced-motion:reduce){:where(.qp-halloween) .halloween-card:hover .halloween-spider,:where(.qp-halloween) .halloween-card:focus-within .halloween-spider,:where(.qp-halloween) .halloween-card:hover .spider-legs-a,:where(.qp-halloween) .halloween-card:hover .spider-legs-b,:where(.qp-halloween) .halloween-card:focus-within .spider-legs-a,:where(.qp-halloween) .halloween-card:focus-within .spider-legs-b{animation:none}}
:where(.qp-halloween) .halloween-witch,:where(.qp-halloween) .halloween-mummy{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 3px 3px #00000033)}
:where(.qp-halloween) .halloween-witch{width:78px;height:64px;top:-35px;left:-21px}
:where(.qp-halloween) .halloween-mummy{width:47px;height:58px;top:-33px;left:-13px}
:where(.qp-halloween) .mummy-leg-front,:where(.qp-halloween) .mummy-leg-back{transform-origin:42px 73px}
@keyframes witch-flight{0%{transform:translate(0,0) rotate(-4deg)}45%{transform:translate(22px,-10px) rotate(3deg)}100%{transform:translate(44px,-4px) rotate(-3deg)}}
@keyframes mummy-walk{0%{transform:translateX(0) rotate(-3deg)}25%{transform:translate(7px,-2px) rotate(3deg)}50%{transform:translate(14px,0) rotate(-3deg)}75%{transform:translate(21px,-2px) rotate(3deg)}100%{transform:translate(28px,0) rotate(-2deg)}}
@keyframes mummy-step{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .halloween-witch{animation:witch-flight 1500ms ease-in-out both}:where(.qp-halloween) .halloween-card:hover .halloween-mummy{animation:mummy-walk 1600ms ease-in-out both}:where(.qp-halloween) .halloween-card:hover .mummy-leg-front{animation:mummy-step 400ms ease-in-out 4}:where(.qp-halloween) .halloween-card:hover .mummy-leg-back{animation:mummy-step 400ms ease-in-out 4 reverse}}
@media(max-width:600px){:where(.qp-halloween) .halloween-witch{width:62px;height:51px;top:-29px;left:-13px}:where(.qp-halloween) .halloween-mummy{width:39px;height:48px;top:-28px;left:-9px}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .halloween-card:hover .halloween-witch,:where(.qp-halloween) .halloween-card:hover .halloween-mummy,:where(.qp-halloween) .halloween-card:hover .mummy-leg-front,:where(.qp-halloween) .halloween-card:hover .mummy-leg-back{animation:none}}
:where(.qp-halloween) .halloween-vampire{position:absolute;z-index:3;pointer-events:none;width:46px;height:50px;top:-37px;left:-13px;filter:drop-shadow(0 3px 3px #00000033)}
:where(.qp-halloween) .vampire-mouth{transform-box:view-box;transform-origin:50px 63px;transform:scaleY(.05);opacity:0;transition:transform 240ms ease,opacity 140ms ease}
:where(.qp-halloween) .vampire-smile{opacity:1;transition:opacity 120ms ease}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .vampire-mouth{transform:scaleY(1);opacity:1}:where(.qp-halloween) .halloween-card:hover .vampire-smile{opacity:0}}
:where(.qp-halloween) .halloween-card:focus-within .vampire-mouth{transform:scaleY(1);opacity:1}
:where(.qp-halloween) .halloween-card:focus-within .vampire-smile{opacity:0}
@media(max-width:600px){:where(.qp-halloween) .halloween-vampire{width:38px;height:41px;top:-29px;left:-9px}}
@media(hover:none){:where(.qp-halloween) .halloween-card:focus-within .vampire-mouth{transform:scaleY(.05);opacity:0}:where(.qp-halloween) .halloween-card:focus-within .vampire-smile{opacity:1}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .vampire-mouth,:where(.qp-halloween) .vampire-smile{transition:none}}
:where(.qp-halloween) .halloween-rising-zombie{position:absolute;z-index:3;pointer-events:none;width:68px;height:68px;top:-49px;left:-16px;filter:drop-shadow(0 2px 2px #00000033)}
:where(.qp-halloween) .rising-zombie-body{transform:translateY(67px);transition:transform 650ms cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (pointer:fine){:where(.qp-halloween) .halloween-card:hover .rising-zombie-body{transform:translateY(0)}}
:where(.qp-halloween) .halloween-card:focus-within .rising-zombie-body{transform:translateY(0)}
@media(max-width:600px){:where(.qp-halloween) .halloween-rising-zombie{width:54px;height:54px;top:-38px;left:-10px}}
@media(hover:none){:where(.qp-halloween) .rising-zombie-body,:where(.qp-halloween) .halloween-card:focus-within .rising-zombie-body{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){:where(.qp-halloween) .rising-zombie-body{transition:none}}
@media(max-width:600px){.qp-price-grid.qp-halloween{row-gap:20px;padding-top:34px}}

/* Compact archive note and Continue Reading, retaining decoration spacing between cards. */
.qp-price-grid.qp-halloween { --qp-halloween-row-gap: 26px; }
.qp-price-grid.qp-halloween > .qp-price-grid__note {
  margin-top: calc(20px - var(--qp-halloween-row-gap)) !important;
  margin-bottom: 0 !important;
}
.qp-price-grid.qp-halloween > .post-more {
  margin-top: calc(24px - var(--qp-halloween-row-gap)) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  text-align: center;
}
@media(max-width:600px) {
  .qp-price-grid.qp-halloween { --qp-halloween-row-gap: 20px; }
}