/* Holiday Market route, batch 9 (2026-10-01). Loads after every layered Holiday rule; no copy changes.
   1 hero stack  2 rotating frames  3 OH10 heading  4 chapter marquee  5 banner  6 slot sign last
   7 two-column years  8 merged caption bar  9 compact tenth strip */
html.omhm-holiday{--hm9-red:#ef2435;--hm9-mint:#71f6c1;--hm9-ink:#080808}

/* 1. Hero headline stack ------------------------------------------------- */
html.omhm-holiday #hero .hero-word.hw-a{position:absolute;inset:0!important;width:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}
html.omhm-holiday #hero .hw-a :is(h1,h2).hm9-stack{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;text-align:center;line-height:1;letter-spacing:0;text-shadow:none;transform:none}
html.omhm-holiday #hero .hm9-stack>span{display:block;white-space:nowrap}
html.omhm-holiday #hero .hm9-stack .hm9-l1{font-family:"OMHM Tomorrow",Arial,sans-serif!important;font-weight:700!important;text-transform:uppercase!important;font-size:clamp(2.6rem,8.4vw,7.6rem)!important;line-height:1!important;letter-spacing:.01em!important;color:var(--om-headline-red,#ef2435);-webkit-text-stroke:var(--om-headline-stroke) #fff;paint-order:stroke fill;text-shadow:none}
html.omhm-holiday #hero .hm9-stack .hm9-l2{font-family:"OMHM Tomorrow",Arial,sans-serif!important;font-weight:700!important;text-transform:none!important;font-size:clamp(1.5rem,4.4vw,4rem)!important;line-height:1.1!important;letter-spacing:0!important;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 6px #000}
html.omhm-holiday #hero .hm9-stack .hm9-l3{font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;font-size:clamp(2.2rem,6.4vw,5.8rem)!important;line-height:1.1!important;letter-spacing:0!important;color:var(--hm9-mint);-webkit-text-stroke:0;text-shadow:0 3px 6px #000}
html.omhm-holiday #hero .hero-word.hw-b{display:none!important}
/* The corner plates keep their place; the venue line is longer now, so the right plate may wrap. */
html.omhm-holiday #hero .hero-meta{max-width:min(320px,42vw)!important}
html.omhm-holiday #hero .hero-meta p{overflow-wrap:anywhere}
html.omhm-holiday #hero .hero-meta{display:block!important}

/* 2. Rotating plaid frames ---------------------------------------------- */
html.omhm-holiday #hero .collage{width:100%!important;left:0!important;transform:none!important;top:0!important;height:100%!important}
html.omhm-holiday #hero #review-wreath-photos{position:absolute;inset:0;width:100%;height:100%;transform:none;pointer-events:none}
html.omhm-holiday #hero .hm9-frame{position:absolute;margin:0;width:min(15%,215px);aspect-ratio:3/4;border:0;background:transparent;pointer-events:auto;opacity:0;animation:review-photo-in .7s 1s both;outline-offset:4px}
html.omhm-holiday #hero .hm9-frame-1{left:3%;top:5%;transform:rotate(-8deg)}
html.omhm-holiday #hero .hm9-frame-2{right:3%;top:5%;transform:rotate(8deg)}
html.omhm-holiday #hero .hm9-frame-3{left:11%;bottom:17%;transform:rotate(5deg)}
html.omhm-holiday #hero .hm9-frame-4{right:11%;bottom:17%;transform:rotate(-5deg)}
html.omhm-holiday #hero .hm9-frame-photos{position:absolute;left:16%;top:12%;width:68%;height:63%;overflow:hidden;background:#080808}
html.omhm-holiday #hero .hm9-frame .approved-event-picture{position:absolute;inset:0;display:block;opacity:0;transition:opacity 800ms ease;pointer-events:none}
html.omhm-holiday #hero .hm9-frame .approved-event-picture.is-current{opacity:1}
html.omhm-holiday #hero .hm9-frame .approved-event-picture img{display:block;width:100%;height:100%;object-fit:cover}
html.omhm-holiday #hero .hm9-frame figcaption{position:absolute;left:13%;right:13%;bottom:8.5%;height:9%;display:grid;place-items:center;text-align:center;color:#fff;font:700 clamp(6px,.9vw,12px)/1.1 "OMHM Tomorrow",sans-serif}
html.omhm-holiday #hero .hm9-frame:focus-visible{outline:3px solid var(--hm9-mint)}
@media(max-width:760px){
  html.omhm-holiday #hero .hero-word.hw-a{bottom:auto!important;height:50%}
  html.omhm-holiday #hero .hm9-frame{width:24%;bottom:19%;top:auto}
  html.omhm-holiday #hero .hm9-frame-1{left:2%;right:auto;transform:rotate(-7deg)}
  html.omhm-holiday #hero .hm9-frame-3{left:26%;right:auto;transform:rotate(5deg)}
  html.omhm-holiday #hero .hm9-frame-4{left:50%;right:auto;transform:rotate(-5deg)}
  html.omhm-holiday #hero .hm9-frame-2{left:74%;right:auto;transform:rotate(7deg)}
}
@media(prefers-reduced-motion:reduce){html.omhm-holiday #hero .hm9-frame{animation:none;opacity:1}html.omhm-holiday #hero .hm9-frame .approved-event-picture{transition:none}}

/* 3. "OH10 MADE" heading --------------------------------------------------- */
html.omhm-holiday #process .hz-head h2.hm9-ten-head{display:flex;flex-direction:column;align-items:center;gap:.02em;font-size:clamp(1.8rem,4.6vw,4.2rem)!important;line-height:1.04;letter-spacing:.01em;max-width:none!important}
html.omhm-holiday #process .hm9-ten-head>span{display:block}
html.omhm-holiday #process .hm9-ten-head .hm9-ten-l1{font-size:1em}
html.omhm-holiday #process .hm9-ten-head .hm9-ten{display:inline-block;font:inherit;font-weight:800;color:var(--hm9-red);-webkit-text-stroke:inherit;paint-order:stroke fill;padding-inline:.02em}
html.omhm-holiday #process .hz-head{display:block;text-align:center}
html.omhm-holiday #process .hz-head>p{text-align:center!important;max-width:60ch;margin:10px auto 0}

/* 4. Chapter tiles: slow marquee, four across ------------------------------ */
html.omhm-holiday #process.chapter-index .hm9-marquee{--hm9-gap:14px;--hm9-per:4;container-type:inline-size;position:relative;overflow:hidden;margin:18px 0 4px;width:100%}
html.omhm-holiday #process.chapter-index .hm9-marquee-lane{display:flex;width:max-content;animation:hm9-marquee 60s linear infinite;will-change:transform}
html.omhm-holiday #process.chapter-index .hm9-marquee:is(:hover,:focus-within) .hm9-marquee-lane{animation-play-state:paused}
@keyframes hm9-marquee{to{transform:translateX(-50%)}}
html.omhm-holiday #process.chapter-index .hm9-marquee #hzTrack,html.omhm-holiday #process.chapter-index .hm9-marquee .hm9-clone{display:flex!important;flex:none;grid-template-columns:none!important;gap:var(--hm9-gap)!important;width:max-content!important;margin:0!important;padding:0 var(--hm9-gap) 0 0!important;overflow:visible!important;transform:none!important}
html.omhm-holiday #process.chapter-index .hm9-marquee .phase.chapter-tree-card{flex:0 0 calc((100cqw - (var(--hm9-per) - 1) * var(--hm9-gap)) / var(--hm9-per))!important;width:calc((100cqw - (var(--hm9-per) - 1) * var(--hm9-gap)) / var(--hm9-per))!important;min-height:0!important;height:auto!important;padding:12px 12px 10px!important;border-width:3px!important;border-radius:12px;scroll-snap-align:none}
html.omhm-holiday #process.chapter-index .hm9-marquee .chapter-tree-card .num{font-size:10px}
html.omhm-holiday #process.chapter-index .hm9-marquee .chapter-section-badge{height:auto!important;aspect-ratio:600/430;width:100%;object-fit:contain;margin:2px auto}
html.omhm-holiday #process.chapter-index .hm9-marquee .chapter-tree-card .bar{margin:4px 0}
html.omhm-holiday #process.chapter-index .hm9-marquee .chapter-tree-card a{min-height:44px;font-size:12px}
@media(max-width:1023px){html.omhm-holiday #process.chapter-index .hm9-marquee{--hm9-per:2;--hm9-gap:10px}}
@media(prefers-reduced-motion:reduce){
  html.omhm-holiday #process.chapter-index .hm9-marquee{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  html.omhm-holiday #process.chapter-index .hm9-marquee-lane{animation:none;width:max-content}
  html.omhm-holiday #process.chapter-index .hm9-marquee .hm9-clone{display:none!important}
  html.omhm-holiday #process.chapter-index .hm9-marquee .phase.chapter-tree-card{scroll-snap-align:start}
}

/* 5. Anniversary banner above "A place to belong" -------------------------- */
html.omhm-holiday #ten-years .hm9-banner{margin:0 0 16px;width:100%}
html.omhm-holiday #ten-years .hm9-banner img{display:block;width:100%;height:auto}

/* 6. Slot sign is the last thing before the site footer -------------------- */
html.omhm-holiday #services[data-celebration-preview]{margin:36px auto 0!important;padding:0 0 56px!important}

/* 7. Archive years: two equal-height dark columns (batch 10: smaller, same bottom edge) */
html.omhm-holiday .hm9-years{display:block}
html.omhm-holiday .hm9-years .review-year-archive.album-gift{--gift-paper:#111;--gift-ink:#fff;display:flex;flex-direction:column;width:calc(100% - 48px)!important;max-width:760px!important;margin:0 auto 18px!important}
html.omhm-holiday .hm9-years .album-gift-topper{width:min(100%,320px)!important;margin:0 auto;flex:none}
html.omhm-holiday .hm9-years .album-gift-body{flex:1 1 auto;display:flex;flex-direction:column;margin-top:-6%;padding:clamp(18px,3vw,28px) 14px 8px;background:#111!important}
html.omhm-holiday .hm9-years .year-preview-index{flex:1 1 auto;display:grid;grid-auto-rows:1fr;gap:4px}
html.omhm-holiday .hm9-years .year-preview-row{grid-template-columns:56px minmax(0,1fr) 32px;gap:8px;padding:2px 10px;min-height:0;align-items:center}
html.omhm-holiday .hm9-years .year-preview-heading h3{font-size:20px}
html.omhm-holiday .hm9-years .year-preview-photo{flex-basis:48px;width:48px;height:64px}
html.omhm-holiday .hm9-years .year-preview-photo img{width:48px!important;height:64px!important}
html.omhm-holiday .hm9-years .year-preview-strip,html.omhm-holiday .hm9-years .year-preview-strip:has(.year-preview-track){padding:8px 0;margin:0;grid-column:auto;grid-row:auto}
html.omhm-holiday .hm9-years .year-preview-link{font-size:18px;min-width:32px;grid-column:auto;grid-row:auto;max-width:none;justify-content:center}
html.omhm-holiday .hm9-years .album-gift-body>h2{flex:none;font-size:clamp(24px,2.6vw,32px)!important;margin:6px 0 0!important;line-height:1.1!important}
html.omhm-holiday .hm9-years .album-gift-body>p{flex:none;font-size:13px;line-height:1.3;margin:2px 0 0!important}
html.omhm-holiday .hm9-years .album-gift-browse{flex:none;font-size:13px;margin:4px auto 0;min-height:24px}
@media(min-width:1024px){
  html.omhm-holiday .hm9-years{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;width:calc(100% - 48px);max-width:1280px;margin:20px auto}
  html.omhm-holiday .hm9-years .review-year-archive.album-gift{width:100%!important;max-width:none!important;margin:0!important}
}

/* 8. All seven chapter galleries: one caption bar under the photo (batch 10 widened from makers only) --------------------------- */
html.omhm-holiday #story-makers .maker-accordion-strip,html.omhm-holiday #story-bags .maker-accordion-strip,html.omhm-holiday #story-party .maker-accordion-strip,html.omhm-holiday #team .maker-accordion-strip,html.omhm-holiday #words .maker-accordion-strip,html.omhm-holiday #story-raffle .maker-accordion-strip,html.omhm-holiday #story-volunteers .maker-accordion-strip{padding-bottom:64px!important}
html.omhm-holiday #story-makers .maker-accordion-panel,html.omhm-holiday #story-bags .maker-accordion-panel,html.omhm-holiday #story-party .maker-accordion-panel,html.omhm-holiday #team .maker-accordion-panel,html.omhm-holiday #words .maker-accordion-panel,html.omhm-holiday #story-raffle .maker-accordion-panel,html.omhm-holiday #story-volunteers .maker-accordion-panel{overflow:visible}
html.omhm-holiday #story-makers .maker-accordion-panel img,html.omhm-holiday #story-bags .maker-accordion-panel img,html.omhm-holiday #story-party .maker-accordion-panel img,html.omhm-holiday #team .maker-accordion-panel img,html.omhm-holiday #words .maker-accordion-panel img,html.omhm-holiday #story-raffle .maker-accordion-panel img,html.omhm-holiday #story-volunteers .maker-accordion-panel img{border-radius:6px}
html.omhm-holiday #story-makers .maker-accordion-caption,html.omhm-holiday #story-bags .maker-accordion-caption,html.omhm-holiday #story-party .maker-accordion-caption,html.omhm-holiday #team .maker-accordion-caption,html.omhm-holiday #words .maker-accordion-caption,html.omhm-holiday #story-raffle .maker-accordion-caption,html.omhm-holiday #story-volunteers .maker-accordion-caption{top:calc(100% + 10px);bottom:auto;left:0;right:0;width:100%;padding:5px 8px;gap:8px;flex-wrap:nowrap;align-items:center;white-space:nowrap;overflow:hidden;background:#0b0b0b;border:5px solid transparent;border-image:url('./journey-weave-tile.jpg') 46 round;border-radius:0;box-sizing:border-box}
html.omhm-holiday #story-makers .maker-accordion-caption>span,html.omhm-holiday #story-bags .maker-accordion-caption>span,html.omhm-holiday #story-party .maker-accordion-caption>span,html.omhm-holiday #team .maker-accordion-caption>span,html.omhm-holiday #words .maker-accordion-caption>span,html.omhm-holiday #story-raffle .maker-accordion-caption>span,html.omhm-holiday #story-volunteers .maker-accordion-caption>span{overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.2}
html.omhm-holiday #story-makers .maker-accordion-caption strong,html.omhm-holiday #story-bags .maker-accordion-caption strong,html.omhm-holiday #story-party .maker-accordion-caption strong,html.omhm-holiday #team .maker-accordion-caption strong,html.omhm-holiday #words .maker-accordion-caption strong,html.omhm-holiday #story-raffle .maker-accordion-caption strong,html.omhm-holiday #story-volunteers .maker-accordion-caption strong{flex:none;font-size:13px;padding:4px 8px}

/* 9. The tenth: compact closing strip under the makers band ----------------- */
html.omhm-holiday #cta[data-hm9-tenth]{display:block;width:calc(100% - 24px);max-width:1160px;margin:18px auto 24px!important;padding:14px 20px!important;min-height:0!important;height:auto!important;border:3px solid #e72330;border-radius:12px;background:#080808!important}
html.omhm-holiday #cta[data-hm9-tenth] .ghosts,html.omhm-holiday #cta[data-hm9-tenth] .cta-underline,html.omhm-holiday #cta[data-hm9-tenth] .dock-av{display:none!important}
html.omhm-holiday #cta[data-hm9-tenth] .cta-core{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:6px 22px;margin:0;padding:0;max-width:none;text-align:left;min-height:0}
html.omhm-holiday #cta[data-hm9-tenth] .eyebrow{margin:0;font-size:11px;letter-spacing:.12em;max-width:11ch;line-height:1.3}
html.omhm-holiday #cta[data-hm9-tenth] .cta-head{margin:0;padding:0}
html.omhm-holiday #cta[data-hm9-tenth] .cta-head h2{margin:0;font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;font-size:clamp(2rem,3.4vw,3rem)!important;line-height:1.1;letter-spacing:0;color:var(--hm9-mint)!important;white-space:nowrap}
html.omhm-holiday #cta[data-hm9-tenth] .story-prose{margin:0;padding:0;text-align:left;max-width:none;background:transparent;border:0}
html.omhm-holiday #cta[data-hm9-tenth] .story-prose p{margin:0 0 3px;font-size:12.5px;line-height:1.4;color:#fff}
html.omhm-holiday #cta[data-hm9-tenth] .story-prose p:last-child{margin-bottom:0}
html.omhm-holiday #cta[data-hm9-tenth] .dock{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;transform:none;background:transparent;border:0;width:auto;min-height:44px}
html.omhm-holiday #cta[data-hm9-tenth] .dock::before,html.omhm-holiday #cta[data-hm9-tenth] .dock::after{display:none!important}
html.omhm-holiday #cta[data-hm9-tenth] .dock .bub{position:static;display:inline-block;margin:0;transform:none;opacity:1;font-size:12px;white-space:nowrap}
html.omhm-holiday #cta[data-hm9-tenth] .dock p{margin:0;font-size:12.5px;white-space:nowrap}
@media(max-width:1023px){
  html.omhm-holiday #cta[data-hm9-tenth] .cta-core{grid-template-columns:auto minmax(0,1fr);gap:8px 16px}
  html.omhm-holiday #cta[data-hm9-tenth] .eyebrow{max-width:none;grid-column:1/-1}
  html.omhm-holiday #cta[data-hm9-tenth] .story-prose{grid-column:1/-1}
  html.omhm-holiday #cta[data-hm9-tenth] .dock{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap}
}

/* 10. Batch 10: the plaid dim is one shared rule in site-family.css; this route only keeps its hero band clear. */
html.omhm-holiday{--om-plaid-dim-top:720px}
@media(max-width:600px){html.omhm-holiday{--om-plaid-dim-top:560px}}

/* 11. Batch 10: chapter text becomes one strip under its gallery (same look as The Tenth) ------------------ */
html.omhm-holiday section.feature-gift .hm10-strip{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;width:calc(100% - 24px)!important;max-width:1160px!important;margin:12px auto 0!important;padding:14px 20px!important;border:3px solid #e72330;border-radius:12px;background:#080808;box-sizing:border-box}
html.omhm-holiday section.feature-gift .hm10-strip .story-chapter-head{margin:0!important;padding:0!important;text-align:left;max-width:none!important;width:auto!important;background:transparent!important;border:0}
html.omhm-holiday section.feature-gift .hm10-strip .story-chapter-head h2{margin:0!important;font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;font-size:clamp(2rem,3.4vw,3rem)!important;line-height:1.1!important;letter-spacing:0;color:var(--hm9-mint)!important;white-space:normal;-webkit-text-stroke:0;text-shadow:none}
html.omhm-holiday section.feature-gift .hm10-strip .story-prose{margin:0!important;padding:0!important;max-width:none!important;width:auto!important;text-align:left;background:transparent!important;border:0;box-shadow:none}
html.omhm-holiday section.feature-gift .hm10-strip .story-prose p{margin:0!important;font-size:14px;line-height:1.45;color:#fff!important;text-shadow:none;max-width:none}
@media(max-width:1023px){
  html.omhm-holiday section.feature-gift .hm10-strip{grid-template-columns:minmax(0,1fr)}
  html.omhm-holiday section.feature-gift .hm10-strip .story-chapter-head h2{white-space:normal}
}

/* 12. Batch 10: about 40 percent less padding inside and between chapter galleries ---------------------- */
html.omhm-holiday :is(#story-makers,#story-bags,#team,#story-party,#words,#story-raffle,#story-volunteers){margin-top:24px!important;margin-bottom:20px!important;padding-top:8px!important;padding-bottom:20px!important}
html.omhm-holiday :is(#team,#words){padding-top:24px!important;padding-bottom:24px!important}
html.omhm-holiday :is(#story-makers,#story-bags,#team,#story-party,#words,#story-raffle,#story-volunteers) .maker-accordion-strip{padding-top:20px!important;padding-bottom:60px!important}
html.omhm-holiday :is(#story-makers,#story-bags,#team,#story-party,#words,#story-raffle,#story-volunteers) .maker-accordion-controls output{padding:6px 0 12px!important}

/* 13. Batch 11: year columns. The wreath lockup sits fully inside the dark column (column top above the wreath, 18px top gap),
   both columns identical. The dark box moves from the body to the column so the lockup is not half outside it. */
html.omhm-holiday .hm9-years .review-year-archive.album-gift{padding:18px 0 0!important;background:linear-gradient(90deg,#202020 0,#101010 10px,#050505 22px,#080808 calc(100% - 22px),#151515 calc(100% - 10px),#252525 100%)!important;border:1px solid #3c3c3c!important;border-radius:7px!important;box-sizing:border-box}
html.omhm-holiday .hm9-years .album-gift-topper{margin:0 auto!important;width:min(calc(100% - 24px),320px)!important}
html.omhm-holiday .hm9-years .album-gift-body{margin-top:0!important;padding-top:8px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0 0 7px 7px}
html.omhm-holiday .hm9-years .album-gift-body::after{display:none}

/* 14. Batch 11: hm10 chapter strips always stack, title above prose, prose full width (also on hosted markup). */
html.omhm-holiday section.feature-gift .hm10-strip{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
html.omhm-holiday section.feature-gift .hm10-strip>.story-chapter-head,html.omhm-holiday section.feature-gift .hm10-strip>.story-prose{display:block!important;float:none!important;flex:0 0 auto!important;width:100%!important;max-width:none!important;column-count:1!important;columns:auto!important;position:static!important}
html.omhm-holiday section.feature-gift .hm10-strip .story-chapter-head h2{white-space:normal!important;overflow-wrap:break-word}
html.omhm-holiday section.feature-gift .hm10-strip .story-prose p{width:100%!important;max-width:none!important}

/* 15. Batch 12: 10th Anniversary copy. Hero copy panel, buttons, year-column text, final CTA. Copy only; no existing rule is changed. */
html.omhm-holiday .hm12-hero-copy{position:relative;z-index:3;width:calc(100% - 48px);max-width:820px;margin:18px auto 22px;padding:22px 28px 26px;background:#080808;border:3px solid #e72330;border-radius:12px;color:#fff;text-align:center;box-sizing:border-box}
html.omhm-holiday .hm12-hero-copy h2{margin:0 0 12px;font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;font-size:clamp(1.8rem,3.4vw,3rem)!important;line-height:1.1!important;color:var(--hm9-mint)!important;-webkit-text-stroke:0!important;text-shadow:none!important}
html.omhm-holiday .hm12-hero-copy p{margin:0 0 10px;font-size:16px;line-height:1.5;color:#fff}
html.omhm-holiday .hm12-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:center;margin-top:14px}
html.omhm-holiday .hm12-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;background:#ef2435;color:#fff!important;border:2px solid #fff;border-radius:8px;font:700 15px/1.2 "OMHM Tomorrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:transform .2s ease}
html.omhm-holiday .hm12-btn:hover{transform:translateY(-3px)}
html.omhm-holiday .hm12-link{display:inline-flex;align-items:center;min-height:44px;color:var(--hm9-mint)!important;font:700 15px/1.2 "OMHM Tomorrow",Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
html.omhm-holiday #process .hm12-head-copy{max-width:44rem;margin:0 auto;text-align:center}
html.omhm-holiday #process .hm12-head-copy p{margin:0 0 10px;max-width:none}
html.omhm-holiday #ten-years .hm12-belong-intro{max-width:46rem;margin:12px auto 0;text-align:center}
html.omhm-holiday #ten-years .held-story-scenes article>div p+p,html.omhm-holiday #ten-years .held-story-close p+p{margin-top:.7em}
html.omhm-holiday .hm12-years-intro{max-width:1280px;width:calc(100% - 48px);margin:20px auto 0;text-align:center}
html.omhm-holiday .hm12-years-intro p{margin:10px 0 0;font-size:16px}
html.omhm-holiday .hm9-years .album-gift-body>.hm12-range{font:700 12px/1.2 "OMHM Tomorrow",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:8px 0 0!important}
html.omhm-holiday .hm9-years .album-gift-body>p{text-align:center}
html.omhm-holiday .hm9-years .hm12-year-links{margin-top:6px!important}
html.omhm-holiday .hm9-years .hm12-year-links a{color:var(--hm9-mint);text-decoration:underline;text-underline-offset:3px;padding:6px 2px}
html.omhm-holiday .hm12-years-note{max-width:1280px;width:calc(100% - 48px);margin:6px auto 18px;text-align:center;color:#fff;font-size:14px;background:#080808cc;border-radius:8px;padding:10px 14px;box-sizing:border-box}
html.omhm-holiday #faq .hm12-actions,html.omhm-holiday #hm12-final-cta .hm12-actions,html.omhm-holiday #story-learned .hm12-actions{justify-content:flex-start}
html.omhm-holiday #hm12-final-cta .shell{padding:28px 28px 32px;background:#080808;border:3px solid #e72330;border-radius:12px;width:calc(100% - 24px);max-width:1160px;box-sizing:border-box}
html.omhm-holiday #hm12-final-cta p{color:#fff}
html.omhm-holiday .hm12-event-card{display:flex;flex-direction:column;gap:4px;margin:16px 0 4px;padding:14px 18px;max-width:460px;background:#080808;border:3px solid #e72330;border-radius:12px;color:#fff}
html.omhm-holiday .hm12-event-card strong{font-family:"OMHM Tomorrow",Arial,sans-serif;text-transform:uppercase}
html.omhm-holiday .hm12-sign-off{margin-top:16px;font-family:"OMHM Backline",cursive;font-size:1.6rem}
html.omhm-holiday #process .hm9-marquee .hm12-no-badge .chapter-badge-heading{position:static!important;width:auto!important;height:auto!important;clip-path:none;overflow:visible!important;white-space:normal;margin:24px 0;text-align:center;font-family:"OMHM Backline",cursive!important;font-weight:400;font-size:2.4rem;line-height:1.1;color:var(--hm9-mint)!important;-webkit-text-stroke:0!important;text-shadow:0 2px 4px #000;padding:0 12px}
html.omhm-holiday .chapter-tree-card[data-tree-crop="7"] .chapter-tree-art{object-position:50% 50%}
html.omhm-holiday section.feature-gift .hm10-strip .story-prose p+p{margin-top:.7em!important}
html.omhm-holiday .hm9-years .album-gift-browse{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 14px;margin:2px auto 0}

/* 16. Batch 12 layout fixes: The Tenth stacks like the other strips, year-column buttons are red pills, closing headline centers over the block. */
html.omhm-holiday #cta[data-hm9-tenth] .cta-core{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;text-align:center!important;width:100%!important}
html.omhm-holiday #cta[data-hm9-tenth] .cta-head,html.omhm-holiday #cta[data-hm9-tenth] .story-prose{width:100%!important;max-width:none!important;text-align:center!important}
html.omhm-holiday #cta[data-hm9-tenth] .cta-head h2{white-space:normal!important;text-align:center}
html.omhm-holiday #cta[data-hm9-tenth] .story-prose p{text-align:center;font-size:14px;line-height:1.45;margin:0 0 .7em}
html.omhm-holiday .hm9-years .album-gift-body>a.album-gift-browse{display:flex!important;width:fit-content;margin:8px auto 10px!important;min-height:44px;padding:10px 22px!important;background:#ef2435;color:#fff!important;border:2px solid #fff;border-radius:8px;font:700 15px/1.2 "OMHM Tomorrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
html.omhm-holiday #story-learned .story-chapter-head{text-align:center}
html.omhm-holiday #story-learned .story-chapter-head h2{width:100%!important;max-width:none!important;margin:0 auto!important;text-align:center!important}

/* Batch 14 (2026-10-01): the Ohio arch is back as the hero centerpiece. The type stack sits inside the archway; sizes follow the arch width (--hm14-arch). */
html.omhm-holiday #hero{--hm14-arch:min(52vw,800px)}
html.omhm-holiday #hero .collage .selected-ohio-arch{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:var(--hm14-arch)!important;height:auto!important;max-height:none!important;aspect-ratio:1448/1086;object-fit:contain!important;z-index:1;pointer-events:none}
html.omhm-holiday #hero #review-wreath-photos{z-index:3}
html.omhm-holiday #hero .hero-word.hw-a{align-items:flex-end;padding-bottom:calc(var(--hm14-arch)*.75*.22)}
html.omhm-holiday #hero .hm9-stack .hm9-l1{font-size:calc(var(--hm14-arch)*.068)!important;-webkit-text-stroke-width:calc(var(--hm14-arch)*.0045)}
html.omhm-holiday #hero .hm9-stack .hm9-l2{font-size:calc(var(--hm14-arch)*.047)!important}
html.omhm-holiday #hero .hm9-stack .hm9-l3{font-size:calc(var(--hm14-arch)*.058)!important}
@media(max-width:1100px){
  html.omhm-holiday #hero{--hm14-arch:min(66vw,800px)}
  html.omhm-holiday #hero .hero-word.hw-a{padding-bottom:calc(var(--hm14-arch)*.75*.36)}
}
@media(min-width:761px) and (max-width:900px){
  html.omhm-holiday #hero{--hm14-arch:62vw}
  html.omhm-holiday #hero .hm9-frame-3{left:1%}
  html.omhm-holiday #hero .hm9-frame-4{right:1%}
}
@media(max-width:760px){
  html.omhm-holiday #hero{--hm14-arch:min(88vw,480px)}
  html.omhm-holiday #hero .collage .selected-ohio-arch{top:10px!important;bottom:auto!important}
  html.omhm-holiday #hero .hero-word.hw-a{inset:auto!important;left:0!important;right:0!important;top:10px!important;bottom:auto!important;height:calc(var(--hm14-arch)*.75)!important;padding-bottom:calc(var(--hm14-arch)*.75*.1);box-sizing:border-box}
  html.omhm-holiday #hero .hm9-stack .hm9-l1{font-size:calc(var(--hm14-arch)*.072)!important}
}
