/* Wave F (2026-10-07 night), Holiday lane: Justin's second walkthrough, F-M1 to F-M8. Holiday route only; loads after wave E and the batch 58 tree layer.
   Older Holiday sheets carry many !important rules on the same elements, so every rule here names html.omhm-holiday body.om-mvp and an id (or section#id) and uses !important where it must win.
   Glossary (VISUAL_GLOSSARY_20261006 with the 2026-10-07 night amendment): box = black edge, 10 px radius; 3 px everywhere, 4 px on the stripe, the memories box and the covers. Frames only on photographs.
   Dependency: headings that are not cursive take the Home lane's global heading sheet (headings-walkthrough2-20261007.css). This sheet restyles none of them; the only heading rule here removes a Holiday-only shadow (F-M3 note). */
html.omhm-holiday{--hmg-ring:44px;--hmg-red:#ef2435;--hmg-mint:#68f8b3}
@media(max-width:1099px){html.omhm-holiday{--hmg-ring:28px}}
@media(max-width:760px){html.omhm-holiday{--hmg-ring:16px}}

/* ---------- F-M1. Hero: one grid inside the content width ----------
   Row 1: frame, wreath, frame (the frames sit at the wreath's mid-height). Row 2: the buttons centered under the wreath. Row 3: the "One idea in 2016" box and the date box side by side at one height.
   Nothing is absolute at the viewport corners. The collage wrappers and the copy wrapper become display:contents, so their children are the grid items and every script selector still finds them. */
html.omhm-holiday body.om-mvp section#hero{height:auto!important;min-height:0!important;max-height:none!important;display:block!important;padding:0!important;overflow:visible!important}
html.omhm-holiday body.om-mvp section#hero .hero-stage{position:relative!important;inset:auto!important;height:auto!important;width:min(1200px,calc(100% - 48px))!important;margin:0 auto!important;padding:128px 0 48px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:22px;align-items:center}
html.omhm-holiday body.om-mvp section#hero :is(.collage,.collage-in,#hero-copy){display:contents!important}
html.omhm-holiday body.om-mvp section#hero figure.hme-side{position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:270px;height:auto!important;aspect-ratio:1122/1402;margin:0!important;grid-row:1;align-self:center;z-index:5}
html.omhm-holiday body.om-mvp section#hero figure.hme-side.hme-side--l{grid-column:1;justify-self:end;transform:rotate(-4deg)!important}
html.omhm-holiday body.om-mvp section#hero figure.hme-side.hme-side--r{grid-column:4;justify-self:start;transform:rotate(4deg)!important}
html.omhm-holiday body.om-mvp section#hero .hm47-lockup{grid-column:2 / 4;grid-row:1;justify-self:center;align-self:center;width:min(600px,100%)!important;margin:0!important}
html.omhm-holiday body.om-mvp section#hero .hm47-actions{grid-column:1 / -1;grid-row:2;margin:0!important;justify-content:center}
html.omhm-holiday body.om-mvp section#hero :is(.hero-list,.hero-meta){position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;grid-row:3;align-self:stretch;box-sizing:border-box;padding:16px 24px!important;text-align:center;border:3px solid #000!important;border-radius:10px!important;background:rgba(8,8,8,.94)!important;list-style:none}
html.omhm-holiday body.om-mvp section#hero .hero-list{grid-column:1 / 3;display:flex!important;flex-direction:column;justify-content:center;align-items:center;font-size:1rem!important}
html.omhm-holiday body.om-mvp section#hero .hero-list li{margin:0;padding:0;list-style:none}
html.omhm-holiday body.om-mvp section#hero .hero-meta{grid-column:3 / 5;display:grid!important;grid-template-columns:auto auto;justify-content:center;align-content:center;column-gap:16px;row-gap:2px}
html.omhm-holiday body.om-mvp section#hero .hero-meta .om17-date{grid-column:1 / -1;margin:0!important;line-height:1.15;text-align:center}
html.omhm-holiday body.om-mvp section#hero .hero-meta p.mono-sm:not(.om17-date){margin:0!important;text-align:center}
@media(max-width:899px){
  html.omhm-holiday body.om-mvp section#hero .hero-stage{grid-template-columns:repeat(2,minmax(0,1fr));padding:104px 0 36px!important;row-gap:18px}
  html.omhm-holiday body.om-mvp section#hero .hm47-lockup{grid-column:1 / -1;width:min(320px,88%)!important}
  html.omhm-holiday body.om-mvp section#hero figure.hme-side{grid-row:2;max-width:190px}
  html.omhm-holiday body.om-mvp section#hero figure.hme-side.hme-side--l{grid-column:1}
  html.omhm-holiday body.om-mvp section#hero figure.hme-side.hme-side--r{grid-column:2}
  html.omhm-holiday body.om-mvp section#hero .hm47-actions{grid-row:3}
  html.omhm-holiday body.om-mvp section#hero .hero-list,html.omhm-holiday body.om-mvp section#hero .hero-meta{grid-column:1 / -1;padding:12px 16px!important}
  html.omhm-holiday body.om-mvp section#hero .hero-list{grid-row:4}
  html.omhm-holiday body.om-mvp section#hero .hero-meta{grid-row:5}
}

/* ---------- F-M2. Photo stripe: the wall is a quieter backdrop, the category art is the star ---------- */
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn{border:4px solid #000!important;border-radius:4px!important}
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn>img:first-child{transform:scale(1)!important}
/* Gate follow-up: the wall is a mirrored double tile at about 60 percent scale (each half is a 2.5:1 cover crop of the 800 px wall, shown at 0.6), the lower copy flipped so the seam is continuous. */
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn>img.hmg-wall{position:absolute!important;left:0;display:block;width:100%!important;height:50%!important;object-fit:cover;aspect-ratio:auto;border-radius:0}
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn>img.hmg-wall--a{top:0;transform:none!important}
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn>img.hmg-wall--b{top:50%;transform:scaleY(-1)!important}
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.45);pointer-events:none}
html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn>.hme-cat{z-index:2;width:60%!important}

/* ---------- F-M3. Black edges: 4 px on the memories box and the covers, 3 px on every other Holiday box ---------- */
html.omhm-holiday .hm48-surface{border:3px solid #000!important}
html.omhm-holiday .hm48-surface.hm48-surface--memory{border:4px solid #000!important}
/* The 3 px edge pushes the dark panel's top 1 px lower than the 2 px red edge did; on one column the cursive headings' glyph boxes start 3 px above their line, so the panel top rises 4 px there (heading contrast on phones). */
@media(max-width:1099px){html.omhm-holiday .hm48-row .hm48-surface--block>.hm48-support{inset:calc(var(--hme-inch) - 5px) var(--hme-inch) var(--hme-inch)}}
html.omhm-holiday body.om-mvp #process.chapter-index .hm9-marquee .phase.chapter-tree-card{border:4px solid #000!important}
html.omhm-holiday .hm48-stage{border:3px solid #000!important}
html.omhm-holiday .hm48-stage>.omhm-gallery-open,html.omhm-holiday .hm48-slot{border-color:#000!important}
html.omhm-holiday body.om-mvp .hm48-strip[data-slots="1"] .hm48-slot.is-active:not(.b59b-framed){border-color:#000!important}
html.omhm-holiday body.om-mvp section#cta[data-hm9-tenth]{border-color:#000!important}
/* Gate follow-up: a 1 px white keyline just inside the black edge, so the edge reads on a dark wall (the same inner keyline technique as the cards). Every black-edged box that sits on an ornament wall. */
html.omhm-holiday .hm48-surface::after,html.omhm-holiday .hm19-stripe--land .hm19-tile--trees.hme-orn::before,html.omhm-holiday body.om-mvp #process.chapter-index .hm9-marquee .phase.chapter-tree-card::before,html.omhm-holiday body.om-mvp section#faq::after,html.omhm-holiday body.om-mvp section#hm12-final-cta .shell::after{content:"";position:absolute;inset:0;z-index:6;box-sizing:border-box;border:1px solid rgba(255,255,255,.85);border-radius:inherit;pointer-events:none}
/* A Holiday-only shadow on the Memories heading would fight the global heading sheet; the approved red outline stays. */
html.omhm-holiday body.om-mvp #process h2.hm47-heading .hm47-r2{text-shadow:none!important}

/* ---------- F-M4. A Place to Belong: the Est. 2016 Where It Started lockup is the section art; the heading (Justin's copy) is Backline mint ---------- */
html.omhm-holiday body.om-mvp #ten-years .hmg-est{margin:0 auto 22px;padding:0;text-align:center}
html.omhm-holiday body.om-mvp #ten-years .hmg-est img{display:block;width:min(420px,78%);height:auto;aspect-ratio:1287/1222;margin:0 auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
html.omhm-holiday body.om-mvp #ten-years h2#held-founder-title{font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;font-size:clamp(2.4rem,3.5vw,3.4rem)!important;line-height:1.08!important;color:var(--hmg-mint)!important;-webkit-text-stroke:0!important;text-shadow:0 2px 0 rgba(0,0,0,.6)!important;paint-order:normal!important;margin:0 0 10px!important}

/* ---------- F-M6. Chapter stage bodies (the bottom half of the present) are solid black; the lids stay plaid ---------- */
html.omhm-holiday body.om-mvp .hm48-stage{background:#000!important}
html.omhm-holiday body.om-mvp .hm48-stage::after{background:none!important}

/* ---------- F-M7. VIP Raffle: the Ohio Made Winners The Raffle lockup sits on the lid ---------- */
html.omhm-holiday #story-raffle.hm48-row .hm48-gallery .feature-gift-lid.hmg-raffle-lid{display:block!important;position:relative;aspect-ratio:2.5/1;height:auto!important;margin:clamp(48px,6vw,84px) -8px calc(-7.2cqw)!important;padding:0!important;overflow:visible}
html.omhm-holiday #story-raffle .hmg-raffle-lid .hmg-raffle-lid-art{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:block;width:min(64%,380px);height:auto;aspect-ratio:1448/1086;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
@media(max-width:780px){html.omhm-holiday #story-raffle.hm48-row .hm48-gallery .feature-gift-lid.hmg-raffle-lid{margin-inline:-6px!important}}

/* ---------- F-M8. Make a Day of It and The Best Gifts Come With a Story: the batch 58 ornament wall inside the box, a crisp dark panel inset inside it ---------- */
html.omhm-holiday body.om-mvp section#faq,html.omhm-holiday body.om-mvp section#hm12-final-cta .shell{position:relative!important;isolation:isolate;overflow:hidden!important;box-sizing:border-box;border:3px solid #000!important;border-radius:10px!important;background:#050505!important;--tb58-host-travel:16;--tb58-shade:none;padding:0!important}
html.omhm-holiday body.om-mvp section#faq .tb58-tree{background-image:url('./art-20261003/ornament-wall-a-1600.webp');background-size:cover;background-position:50% 40%}
html.omhm-holiday body.om-mvp section#hm12-final-cta .shell .tb58-tree{background-image:url('./art-20261003/ornament-wall-b-1600.webp');background-size:cover;background-position:50% 60%}
@media(max-width:767px){
  html.omhm-holiday body.om-mvp section#faq .tb58-tree{background-image:url('./art-20261003/ornament-wall-portrait-940.webp');background-position:50% 30%}
  html.omhm-holiday body.om-mvp section#hm12-final-cta .shell .tb58-tree{background-image:url('./art-20261003/ornament-wall-portrait-940.webp');background-position:50% 70%}
}
html.omhm-holiday body.om-mvp .hmg-wallpanel{position:absolute;z-index:-1;inset:var(--hmg-ring);display:block;border-radius:10px;background:rgba(5,5,5,.94);pointer-events:none}
html.omhm-holiday body.om-mvp section#faq .shell.hme-day{padding:calc(var(--hmg-ring) + 28px)!important;margin:0!important;width:auto;max-width:none!important}
html.omhm-holiday body.om-mvp section#hm12-final-cta .shell{padding:calc(var(--hmg-ring) + 28px)!important;margin-inline:auto}
html.omhm-holiday body.om-mvp section#hm12-final-cta .hm12-event-card{border:3px solid #000!important}