/* Batch 33 (2026-10-03): Home level up. Home only (enqueued on /explore/ after the site-wide batch 33 sheet).
   C2 benefits as one four-card row     C3 photo orbit band and five cards     C4 CasinOH photo and open first item
   C5 Plan your visit band              C6 ticket art tiles
   Motion rules: transform, translate, opacity, filter and box-shadow only. Reduced motion shows everything, nothing moves. */

/* ---------- Reveal stagger for the benefit row: where the row wraps or stacks, cards that enter one at a time do not wait for siblings ---------- */
@media(max-width:1099px){.journey-home-benefits-grid[data-reveal-stagger]>:nth-child(odd){--rv33-i:0}.journey-home-benefits-grid[data-reveal-stagger]>:nth-child(even){--rv33-i:1}}
@media(max-width:599px){.journey-home-benefits-grid[data-reveal-stagger]>*{--rv33-i:0}}

/* ---------- C2. Benefits: four cards in one row from 1100px, two by two under 1100px, one column under 600px. Equal heights come from the grid. ---------- */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto;align-items:stretch!important;gap:clamp(16px,1.8vw,24px)}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit{display:grid!important;grid-template-rows:auto 1fr;justify-items:center;align-content:start;grid-column:auto!important;grid-row:auto!important;min-width:0}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit .journey-home-benefit-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
@media(min-width:1100px){
  /* Four across: the titles are Backline and must fit a quarter of the row, so they wrap instead of running past the card edge. */
  body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-copy strong{white-space:normal!important;font-size:clamp(1.2rem,1.7vw,1.7rem)!important;line-height:1.1!important}
  body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-copy span{font-size:.92rem;line-height:1.45}
}
@media(max-width:1099px){body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:599px){body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:minmax(0,1fr)!important}}

/* ---------- C3. Photo orbit: polaroids scale with the viewport, the band is the card plus 32px above and below ---------- */
@media(min-width:601px){
  body.om-mvp .omhm26-root .home-photo-orbit{--orbit-w:clamp(180px,16vw,260px)}
  body.om-mvp .omhm26-root .home-photo-orbit.is-orbiting .home-photo-orbit-stage{height:calc(var(--orbit-w) * 1.3333 + 64px)}
  /* The older rule seats the cards at 45 percent of the stage; with a tight band the card has to sit dead center so the space above and below is equal. */
  body.om-mvp .omhm26-root .home-photo-orbit.is-orbiting figure{top:50%}
}

/* ---------- C4. CasinOH: a 16x9 photo in a plaid frame box under the date line fills the left column; on mobile it sits above the list ---------- */
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .hp33-casinoh-photo{box-sizing:border-box;width:100%;max-width:620px;margin:clamp(20px,2.4vw,32px) 0 0;padding:10px;border:2px solid #ef2435;border-radius:12px;background:#000 url('./journey-weave-tile.jpg') center/48px;box-shadow:0 12px 24px #0008}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .hp33-casinoh-photo picture{display:block}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .hp33-casinoh-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}

/* ---------- C5. Plan your visit: copy and button left, the wreath as a 220px anchor right, a blurred ornament wall under a 62 percent scrim ---------- */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-plan-bar.hp33-plan{display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;align-items:center;column-gap:clamp(20px,4vw,56px);row-gap:20px;background:#0a0a0a!important;background-image:none!important;padding:clamp(26px,4vw,52px)}
/* The shared well scrim (rgba .62) replaces the older gradient on this band; the older after layer is retired here. */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-plan-bar.hp33-plan::before{background:rgba(0,0,0,.62)!important;background-blend-mode:normal!important;z-index:-1}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-plan-bar.hp33-plan::after{display:none!important}
body.om-mvp .hp33-plan-copy{min-width:0;text-align:left}
body.om-mvp .hp33-plan-copy>p:last-of-type{margin-bottom:0}
body.om-mvp .hp33-plan .journey-home-plan-actions{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:22px}
body.om-mvp .hp33-plan .hp33-plan-wreath{display:block;width:220px;max-width:100%;height:auto;justify-self:center;align-self:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}
@media(max-width:700px){
  body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-plan-bar.hp33-plan{grid-template-columns:minmax(0,1fr)!important;justify-items:start}
  body.om-mvp .hp33-plan .hp33-plan-wreath{width:min(220px,60vw);justify-self:center}
  body.om-mvp .hp33-plan .journey-home-plan-actions{width:100%}
  body.om-mvp .hp33-plan .journey-home-plan-actions .journey-button{width:100%;text-align:center;line-height:1.2}
}

/* ---------- C6. Ticket art tiles: the art is 72px tall (capped by the tile width on a phone), 2px red outline, 8px radius ---------- */
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon{box-sizing:border-box;width:fit-content!important;max-width:132px;aspect-ratio:auto!important;padding:3px!important;border:2px solid #ef2435;border-radius:8px}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon img{height:72px;width:auto;max-width:100%;max-height:none}
/* On a phone the batch 17 chooser fixes the tile column at 72px; the column follows the tile instead so the art can be 72px tall. */
@media(max-width:767px){body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice{grid-template-columns:auto minmax(0,1fr)!important}body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon{max-width:112px}}

/* Gate fix: all four benefit photo frames use the standard 2px red frame. The older benefit rule draws a 3px mint border (review-20260921.css). */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo{border:0!important;outline:0}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo[data-photo-rotor]:focus-visible{outline:3px solid #68f8b3!important;outline-offset:4px}

/* Batch 38: the Home ticket cards carry the same bullet lines as the Tickets page cards (one source, omhm26_ticket_perks). */
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice .comparison-perks{list-style:disc outside;margin:4px 0 6px;padding:0 0 0 20px;font-size:14px;line-height:1.5;color:#f2e8d8}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice .comparison-perks li{display:list-item;padding:0 0 4px;color:#fff}