/* Review wave Phase C, Holiday lane (2026-10-07). Loads after every Holiday sheet. No animation, no transition, no control.
   Vera 1  : ?static=1 (html.rv33 without html.rv33-js) rests the two marquees the way reduced motion does.
   Vera 7  : the grain, the vignette and the crop marks are removed from the markup; this is the safety net if a cached page still carries them.
   Vera 6  : "From 2016 to the Tenth Annual Market" is one centered box inside the 1,200 px content width, 2 px red edge, 10 px corners.
   Vera 8 / Umbra 7d : phone tap targets are 44 px; no label on this route is under 11 px.
   Vera 15 : the two arrival caption boxes sit below the four memory cards (desktop).
   Vera 16 : the A Place to Belong text box has no bright edge: its dark support runs past the box edge, which clips it. */

/* Vera 7 */
html.omhm-holiday .grain,html.omhm-holiday .vignette,html.omhm-holiday .frame-mark{display:none!important;animation:none!important}

/* Vera 1: static page. rv33 is set by the head guard for ?static=1; rv33-js is absent whenever motion is off. */
html.rv33:not(.rv33-js).omhm-holiday .hm19-stripe{overflow-x:auto}
html.rv33:not(.rv33-js).omhm-holiday .hm19-track{animation:none!important;transform:none!important}
html.rv33:not(.rv33-js).omhm-holiday .hm19-set-copy{display:none}
html.rv33:not(.rv33-js).omhm-holiday #process.chapter-index .hm9-marquee{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
html.rv33:not(.rv33-js).omhm-holiday #process.chapter-index .hm9-marquee-lane{animation:none!important;transform:none!important;width:max-content}
html.rv33:not(.rv33-js).omhm-holiday #process.chapter-index .hm9-marquee .hm9-clone{display:none!important}

/* Vera 1: the drifting dust canvas (and the ghost and webgl layers, as the reduced motion class hides them) is a script driven loop that does not read ?static=1. */
html.rv33:not(.rv33-js).omhm-holiday #dust,html.rv33:not(.rv33-js).omhm-holiday #ghosts,html.rv33:not(.rv33-js).omhm-holiday #glcanvas{display:none!important}

/* Batch 57: ?static=1 shows the hero photos at rest. Reduced motion already does (holiday-batch9, review-20260921); the static state was missing, so the four hero photos stayed at opacity 0 until a 0.7 s fade that starts about a second after load. */
html.rv33:not(.rv33-js).omhm-holiday #hero .hm9-frame,html.rv33:not(.rv33-js).omhm-holiday #hero .review-wreath-photo{animation:none!important;opacity:1!important}

/* Vera 6 */
html.omhm-holiday body.om-mvp #story-learned{box-sizing:border-box;width:min(1200px,calc(100% - 48px));max-width:1200px;margin-left:auto!important;margin-right:auto!important;border:2px solid #ef2435;border-radius:10px!important;overflow:hidden}

/* Batch 57 (Phase D): the Make a Day of It closer is a box inside the 1,200 px content width, the same recipe as the Tenth box above (2 px red edge, 10 px corners, centered). It was a 1,380 px band with a 4 px edge and 24 px corners. */
html.omhm-holiday body.om-mvp #faq{box-sizing:border-box;width:min(1200px,calc(100% - 48px));max-width:1200px;margin-left:auto!important;margin-right:auto!important;border:2px solid #ef2435;border-radius:10px!important;overflow:hidden}
@media(max-width:760px){html.omhm-holiday body.om-mvp #faq{width:calc(100% - 28px)}}

/* Vera 16 */
html.omhm-holiday .hm48-origin>.hm48-surface--origin>.hm48-support{inset:-10px;filter:blur(4px)}

/* Vera 8 / Umbra 7d: no label under 11 px */
html.omhm-holiday #hero .hm9-frame figcaption{font-size:max(11px,clamp(6px,.9vw,12px))!important}
html.omhm-holiday body.om-mvp #hero .hero-meta p.mono-sm:not(.om17-date){font-size:max(11px,1em)}
@media(max-width:1023px){html.omhm-holiday body.om-mvp #hero .hero-meta p.mono-sm:not(.om17-date){font-size:11px!important}}
html.omhm-holiday body.om-mvp #process.chapter-index .hm9-marquee .chapter-tree-card .num{font-size:11px}

/* Vera 8: phone tap targets (carousel arrows, year chips in the rows and in the year package links) */
@media(max-width:760px){
  html.omhm-holiday body.om-mvp .hm9-years .hm47-row .hm47-nav button{width:44px;height:44px}
  html.omhm-holiday body.om-mvp .hm9-years .hm47-row .year-preview-heading h3 a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
  html.omhm-holiday body.om-mvp .hm9-years .hm12-year-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
  html.omhm-holiday body.om-mvp .hm9-years .hm12-year-links a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;padding:0 6px}
}

/* Vera 15 on phones: the venue lines go from 9 px to 11 px. The date box is a little wider and its script date a little smaller so the two venue lines stay on one line each
   (360 and wider) and the box is no taller than before; the 2016 idea box gives it the room; the four cards rise 14 px so neither box covers a card. */
@media(max-width:599px){
  html.omhm-holiday body.om-mvp #hero .hero-list{left:16px!important;width:calc(50% - 30px)!important;max-width:none!important;padding:8px 10px!important;font-size:12px!important}
  html.omhm-holiday body.om-mvp #hero .hero-meta{right:16px!important;left:auto!important;width:calc(50% - 8px)!important;max-width:none!important;padding:8px 6px!important}
  html.omhm-holiday body.om-mvp #hero .hero-meta .om17-date{font-size:1.25rem!important;line-height:1.15!important}
  html.omhm-holiday body.om-mvp #hero .hm9-frame{bottom:calc(19% + 14px)!important}
}

/* Vera 15: at 1024 and wider the cards 3 and 4 end near y 632 of the arrival (720 tall). The two boxes are one or two lines tall and sit under them. */
@media(min-width:1024px){
  html.omhm-holiday body.om-mvp #hero .hero-list{bottom:10px!important;height:auto!important;width:min(420px,34vw)!important;max-width:none!important;padding:10px 16px!important}
  html.omhm-holiday body.om-mvp #hero .hero-meta{bottom:10px!important;height:auto!important;width:max-content!important;max-width:min(420px,34vw)!important;padding:8px 16px!important;display:grid!important;grid-template-columns:auto auto;justify-content:end;column-gap:12px;row-gap:0;text-align:right}
  html.omhm-holiday body.om-mvp #hero .hero-meta .om17-date{grid-column:1 / -1;line-height:1.15;margin:0!important}
  html.omhm-holiday body.om-mvp #hero .hero-meta p.mono-sm:not(.om17-date){margin:0!important}
}