/* Batch 36 (2026-10-04): Holiday Market art provenance and reveal pass. Holiday route only, loads after batch 33.
   R1  The raffle lid is a plaid lid with the chapter title set in type (no image). Chapter card 05 carries the same typed title on its plaid card.
   R2  Batch 36 fitted the reel inside the approved plaid frame; batch 38 removed the reel from the page, so its rules are gone.
   Reveal hooks are plain data-reveal attributes handled by the batch 33 system. Nothing here moves on its own. */

/* ---------- R1a. The raffle lid: typed title on a plaid lid ---------- */
html.omhm-holiday #story-raffle .feature-gift-lid.hm36-typed-lid{
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;position:relative;z-index:3;
  width:calc(100% + 16px)!important;max-width:none!important;height:clamp(104px,16vw,168px)!important;margin:0 -8px -12px!important;padding:0 clamp(12px,3vw,32px);
  border:3px solid var(--om-headline-red,#ef2435);border-radius:16px 16px 6px 6px;
  background:url('./journey-weave-tile.jpg') 0 0/94px 93px repeat,#8f1620;
  box-shadow:0 9px 5px #0007;pointer-events:none;text-align:center;
}
html.omhm-holiday #story-raffle .hm36-typed-lid::before{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:11px 11px 3px 3px;pointer-events:none}
html.omhm-holiday #story-raffle .hm36-typed-title{
  position:relative;display:block;font-family:"OMHM Tomorrow",system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1;
  font-size:clamp(2rem,6vw,4.2rem);color:var(--om-headline-red,#ef2435);-webkit-text-stroke:min(8px,.14em) #fff;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.45);
}
@media(max-width:780px){html.omhm-holiday #story-raffle .feature-gift-lid.hm36-typed-lid{width:calc(100% + 12px)!important;margin-inline:-6px!important;margin-bottom:-8px!important}}

/* ---------- R1b. Chapter card 05: the badge image is gone, the title is typed where the badge sat ---------- */
html.omhm-holiday #process .hm36-typed-card .chapter-badge-heading{
  position:static!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:auto!important;aspect-ratio:600/430;margin:2px auto!important;padding:0 8px;
  clip-path:none!important;overflow:visible!important;white-space:normal!important;text-align:center;pointer-events:none;
  font-family:"OMHM Tomorrow",system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1;font-size:clamp(1.9rem,2.5vw,2.5rem);
  color:var(--om-headline-red,#ef2435)!important;-webkit-text-stroke:min(8px,.14em) #fff!important;paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.45)!important;
}

/* R2 (batch 38): the reel section is stripped in the render layer, so the plaid frame rules that only served it are gone. The frame art files stay on disk and in the package. */

/* ---------- Reveal pass: the lids keep their own drop shadow through the batch 33 blur so the filter list interpolates ---------- */
html.rv33-js #story-makers .feature-gift-lid[data-reveal]:not(.is-in),
html.rv33-js #story-volunteers .feature-gift-lid[data-reveal]:not(.is-in){filter:blur(6px) drop-shadow(0 9px 5px #0007)}
html.omhm-holiday #story-makers .feature-gift-lid[data-reveal].is-in,
html.omhm-holiday #story-volunteers .feature-gift-lid[data-reveal].is-in{filter:blur(0) drop-shadow(0 9px 5px #0007)}

/* Batch 37: one line under each year tile, full row width. */
html.omhm-holiday .hm9-years .hm37-year-line{grid-column:1/-1;margin:0;padding:0 2px 6px;font-size:14px;line-height:1.35;color:#fff}

/* Batch 38: with the reel gone the closing band sits directly above the newsletter card. The card keeps the standard section gap on a phone too (the shared rule only sets it from 768px). */
@media(max-width:767px){html.omhm-holiday .om-site-community{margin-block-start:var(--om17-gap)}}
