/* Home A (batch 43, 2026-10-05). Home only (enqueued on /explore/ after the batch 41 background sheet).
   HM-09 date band        HM-10 one h1 and a subordinate anniversary      HM-12 and HM-13 unboxed statement
   HM-14 to HM-17, HM-20, HM-40 ticket cards (one parent grid, image headers)     HM-22 and HM-23 experience cards (3:2 photo, integrated caption footer)
   Rules that never change here: no copy is rewritten, no control is added, nothing in this sheet animates (batch 58: the wall layers in the ticket headers and the caption footers drift with the scroll, written by assets/tree-box-batch58-20261006.js, never by this sheet), reveal hooks
   stay as batch 33 set them, the root plaid stays bright and still, rounded rectangles are 10px, mint stays #68f8b3, red stays #ef2435.
   Every selector starts with html body.om-mvp .omhm26-root.omhm26-journey-home so it outranks the layered Home sheets and the wildcard font rule of journey-fonts.css. */

html body.om-mvp .omhm26-root.omhm26-journey-home{--hp43-red:#ef2435;--hp43-mint:#68f8b3;--hp43-ink:#050505;--hp43-gap:clamp(20px,2.2vw,32px)}

/* ---------- 1. HM-10 hero panel: kicker, annual line, the one h1, makers line, date band, venue, buttons ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel{--hp43-pad:clamp(24px,3vw,40px);padding:var(--hp43-pad);overflow:visible}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-kicker{margin:0 0 10px;font:700 clamp(12px,.95vw,13px)/1.45 "OMHM Tomorrow",system-ui,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--hp43-mint)}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-kicker span{display:inline;margin:0 0 0 .6em;font:inherit!important;letter-spacing:inherit;color:var(--hp43-mint);white-space:nowrap}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-annual{margin:0 0 6px;font:700 clamp(14px,1.1vw,16px)/1.3 "OMHM Tomorrow",system-ui,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:#fff}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel h1.home-hero-title{max-width:11em;margin:0 0 16px;font-size:clamp(32px,calc(14px + 2.3vw),50px)!important;line-height:1.02!important;letter-spacing:0!important;text-align:left;text-wrap:balance;text-transform:uppercase!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-line{margin:0 0 22px;font-size:clamp(16px,1.3vw,18px);line-height:1.5;color:#fff}
/* HM-09 date band: edge to edge across the panel (it breaks out of the panel padding), near-black, a 1px red rule top and bottom, mint Backline. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when{margin:0 0 24px;padding:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when .home-hero-date{display:block;box-sizing:border-box;margin:0 calc(var(--hp43-pad) * -1) 14px;padding:18px var(--hp43-pad);background:var(--hp43-ink);border-top:1px solid var(--hp43-red);border-bottom:1px solid var(--hp43-red);font-family:"OMHM Backline",cursive!important;font-weight:400!important;font-size:clamp(26px,2.5vw,36px);line-height:1.3;letter-spacing:0!important;text-transform:none!important;color:var(--hp43-mint);text-align:left}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when .home-hero-date span{display:inline!important;font:inherit!important;letter-spacing:inherit!important;color:inherit!important;white-space:nowrap}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when>span:not(.hd-a,.hd-b){display:block;font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.4;color:#fff}
@media(max-width:767px){
  /* A phone keeps the primary action in the first screen (home-cta-policy test, 844px): the title takes two lines and the gaps tighten. */
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel{--hp43-pad:20px;padding:20px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-kicker{margin-bottom:8px;letter-spacing:.04em}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-annual{margin-bottom:4px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel h1.home-hero-title{max-width:none;margin-bottom:12px;font-size:clamp(24px,7.9vw,34px)!important}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-line{margin-bottom:16px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when{margin-bottom:16px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when .home-hero-date{font-size:clamp(22px,6.4vw,28px);padding-block:16px;margin-bottom:10px}
}

/* ---------- 2. HM-12 and HM-13 statement: no box; Backline mint sentence, bold white support, centered under the art ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-shop-separator{margin-bottom:0}
html body.om-mvp main#journey-main>section.home-intro-copy{width:min(calc(100% - 40px),820px)!important;max-width:none!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy{margin:clamp(24px,2.6vw,34px) auto clamp(40px,5vw,64px);padding:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0;text-align:center}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy.om41-support::before{--om41-support-a:.86;--om41-support-b:.76;--om41-support-angle:180deg;--om41-support-inset-x:calc(min(72px,(100vw - 100%) / 2) * -1);--om41-support-inset-y:-52px;--om41-support-fx:11%;--om41-support-fy:15%;--om41-support-radius:140px}
@media(max-width:767px){html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy.om41-support::before{--om41-support-inset-x:-14px;--om41-support-inset-y:-48px;--om41-support-fx:5%;--om41-support-fy:9%;--om41-support-radius:36px}}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p{max-width:54ch!important;margin:0 auto 14px!important;font-size:clamp(17px,1.4vw,20px);line-height:1.6;font-weight:700;color:#fff}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p:first-child{max-width:none!important;margin-bottom:20px!important;font-family:"OMHM Backline",cursive!important;font-weight:400;font-size:clamp(34px,4.1vw,58px);line-height:1.18;letter-spacing:0;color:var(--hp43-mint);text-wrap:balance}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p:last-child{margin-bottom:0!important}
@media(max-width:767px){html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p:first-child{max-width:none!important;font-size:clamp(34px,10.4vw,44px)}}

/* ---------- 3. HM-14 to HM-17, HM-20, HM-40 ticket cards ----------
   One parent grid with named areas. Desktop (900px and up): FRIDAY over the left column, SATURDAY over the right; row one OG VIP beside Early Access, row two Friday VIP beside
   General Admission. Under 900px one column in DOM order: Friday label, OG, VIP, Saturday label, Early, GA. The two day shells and the empty Saturday base are gone. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .ticket-comparison{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:none!important;gap:20px var(--hp43-gap)!important;align-items:stretch!important;max-width:720px;margin:0 auto;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
@media(min-width:900px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .ticket-comparison{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"lf ls" "og early" "vip ga"!important;max-width:none}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-label--friday{grid-area:lf}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-label--saturday{grid-area:ls}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-og{grid-area:og}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-early{grid-area:early}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-vip{grid-area:vip}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-general{grid-area:ga}
}
/* Day labels: Tomorrow caps, red fill, white outline, no outer border or shell. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview h3.tc43-label{position:relative;isolation:isolate;justify-self:start;margin:0 0 -4px;padding:8px 16px;font-family:"OMHM Tomorrow",system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(30px,2.9vw,42px)!important;line-height:1.05!important;letter-spacing:0!important;text-transform:uppercase!important;color:var(--hp43-red)!important;-webkit-text-stroke:clamp(2px,.06em,3px) #fff!important;paint-order:stroke fill!important;text-shadow:none!important;text-align:left}
/* Day label support (orchestrator gate fix): a red fill on the bright red plaid nearly vanishes, so each label sits on a confined, feathered near-black pool of the batch 41
   family (80 to 70 percent, 10px radius, 8px feather). The pool is the label's own box (the label carries 16px of side padding), so it bleeds past the text by 16px and never past
   the card column or the page gutter; it is not a bar. The fill stays red, the outline white, Tomorrow caps. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview h3.tc43-label::before{--om41-support-a:.8;--om41-support-b:.7;--om41-support-angle:100deg;--om41-support-inset-x:0px;--om41-support-inset-y:0px;--om41-support-fx:8px;--om41-support-fy:6px;--om41-support-radius:10px;content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:10px;
  background:linear-gradient(var(--om41-support-angle),rgba(5,5,5,var(--om41-support-a)) 0%,rgba(5,5,5,var(--om41-support-b)) 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--om41-support-fy),#000 calc(100% - var(--om41-support-fy)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--om41-support-fx),#000 calc(100% - var(--om41-support-fx)),transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,transparent 0,#000 var(--om41-support-fy),#000 calc(100% - var(--om41-support-fy)),transparent 100%),linear-gradient(to right,transparent 0,#000 var(--om41-support-fx),#000 calc(100% - var(--om41-support-fx)),transparent 100%);mask-composite:intersect}
/* Reveal stagger by row: each card keeps its batch 33 data-reveal hook; the two cards of a row enter together and the second row follows one token step later (80ms). In one column every card is its own entrance. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-og,html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-early{--rv33-i:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-vip,html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-general{--rv33-i:1}
@media(max-width:899px){html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .tc43-card{--rv33-i:0}html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid[data-reveal-stagger]>*{--rv33-i:0}}

/* The card: one perimeter (2px red), 10px radius, a flex column so the action sits at the bottom of the taller card in a row. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card{display:flex!important;flex-direction:column;box-sizing:border-box;min-width:0;padding:0!important;gap:0!important;overflow:hidden;background:#080808!important;border:2px solid var(--hp43-red)!important;border-radius:10px!important;box-shadow:none!important;color:#fff;text-decoration:none}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card:hover{background:#0c0c0c!important;border-color:var(--hp43-red)!important}
@media(hover:none){html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card:hover{transform:none!important}}
/* (A) Image header: one aspect for all four (2:1, batch 58; it was 2.3:1), an ornament wall crop covering the whole header (the layer is painted by assets/tree-box-batch58-20261006.css, a different crop per tier). (B) the tier banner contained over it, centered, never cropped. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-head{position:relative;display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;aspect-ratio:2/1!important;margin:0!important;padding:0!important;grid-column:auto!important;grid-row:auto!important;overflow:hidden;isolation:isolate;border:0!important;border-radius:0!important;background:#0a0a0a!important;background-image:none!important;box-shadow:none!important;border-bottom:2px solid var(--hp43-red)!important}
/* Batch 58: the banner is centered and sized by the share of the header its visible art takes (the files keep a few percent of clear margin): OG 83 percent of the header width and General Admission
   85 percent (their batch 43 widths), VIP and Early Access 65 percent (64 percent of the header shows art, at least 62 asked), so the four tiers carry the same weight. Height follows the file's ratio. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-head img.tc43-banner{position:absolute;left:50%;top:50%;display:block;width:var(--tb58-bw,85%)!important;height:auto!important;max-width:none!important;max-height:none!important;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card.tc43-og .tc43-head{--tb58-bw:83%}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card.tc43-general .tc43-head{--tb58-bw:85%}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card.tc43-vip .tc43-head{--tb58-bw:65.3%}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card.tc43-early .tc43-head{--tb58-bw:64.4%}
/* (C) Body: name left and price right (the price never overlaps a long title), the date in Backline mint, the entry line, the bullets, the details link. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-body{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:26px;min-width:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-body>*{min-width:0;margin:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card strong{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:clamp(20px,1.7vw,24px);font-weight:700;line-height:1.2;letter-spacing:0;color:#fff;text-align:left}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card strong span{flex:none;font-size:clamp(22px,1.9vw,26px);font-weight:700;line-height:1.1;color:var(--hp43-red)}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-mood{font-size:16px;line-height:1.5;color:#fff}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-date{font-size:24px;line-height:1.2;color:var(--hp43-mint)}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-body>span:not(.comparison-mood,.comparison-date,.comparison-details){font-size:16px;line-height:1.5;color:#fff;font-weight:600}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-perks{margin:4px 0 0;padding:0 0 0 20px;font-size:15px;line-height:1.5}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-perks li{padding:0 0 5px}
/* (D) The action stays at the bottom of the card whatever the height. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-details{margin-top:auto!important;padding-top:14px;font-size:16px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:767px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-body{padding:22px 20px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .comparison-date{font-size:22px}
}
/* Explore All Ticket Details sits 28px under the last row; the next section starts at the section gap. */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview h2#home-ticket-choice-title{margin-bottom:clamp(18px,2vw,28px)}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview .ticket-planning{margin:28px 0 0;padding:0;text-align:center}

/* ---------- 4. HM-22 and HM-23 experience cards ----------
   Two columns from 900px, one below. The photo sits in the shared photo frame (batch 59a, Justin's frames; the red edge and the caption rule retire) inside the card's 2px red box; the caption is the card's footer: a different crop of the ornament wall under a localized
   dark gradient, Backline mint title, white copy. No floating plaque and no offset slab. */
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:minmax(0,1fr)!important;gap:var(--hp43-gap)!important;max-width:720px;margin-inline:auto}
@media(min-width:900px){html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none}}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card{display:flex!important;flex-direction:column;align-items:stretch;justify-items:stretch;box-sizing:border-box;min-width:0;overflow:hidden;background:#080808;border:2px solid var(--hp43-red);border-radius:10px;box-shadow:none}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-photo{position:relative;box-sizing:border-box;flex:none;width:100%!important;height:auto!important;aspect-ratio:var(--omf-ar,3/2)!important;margin:0!important;padding:0;overflow:visible;border:0!important;border-radius:0;box-shadow:none;background:transparent;--home-proof-ratio:3/2}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-photo .approved-event-picture{aspect-ratio:auto!important;display:block;width:100%;height:100%}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-photo[data-photo-rotor] .approved-event-picture{position:absolute;inset:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-photo .approved-event-picture img{display:block;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;object-fit:cover!important;border-radius:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy{--hp43-x:20%;--hp43-y:20%;position:relative;isolation:isolate;overflow:hidden;flex:1 1 auto;box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;align-self:stretch;text-align:left;border:0;border-radius:0;box-shadow:none;transform:none;
  background:#050505}
/* Batch 58: the ornament wall crop and the dark readability gradient (85 to 65 percent) are painted on the footer's drift layer (assets/tree-box-batch58-20261006.css), same crop, same gradient; only the scroll drift is new. */
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card--1 .journey-home-benefit-copy{--hp43-x:6%;--hp43-y:10%}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card--2 .journey-home-benefit-copy{--hp43-x:90%;--hp43-y:40%}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card--3 .journey-home-benefit-copy{--hp43-x:30%;--hp43-y:88%}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card--4 .journey-home-benefit-copy{--hp43-x:70%;--hp43-y:62%}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy::before,html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy::after{display:none!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy strong{display:block;white-space:normal!important;font-family:"OMHM Backline",cursive!important;font-weight:400!important;font-size:clamp(28px,2.6vw,36px)!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;text-align:left;color:var(--hp43-mint);text-shadow:0 2px 0 rgba(0,0,0,.6)}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy span{display:block;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.5!important;font-weight:600;text-align:left;color:#fff}
@media(max-width:767px){html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy{padding:20px 20px}}
@media(prefers-reduced-motion:reduce){html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card{transition:none}}
