/* Home, wave E (2026-10-07, Justin's walkthrough, H1 to H7). Home only; loads after the batch 43, 44, 58 and 59a sheets (same selector prefix, later in the cascade).
   H1 hero title row with the tall badge          H2 statement lines, no support          H3 Friday and Saturday script labels, GA badge size, fees footnote
   H4 three experience cards in a row, true red outline          H5 headings on bare plaid, category art without cards or frames, no count line
   H6 Make a weekend of it, one voice          H7 OH10 chip as the CasinOH stage art
   New ruling (Justin 2026-10-07): headings sit on the plaid with no support behind them. The lever for reading is the white outline weight, never a pool or a gradient.
   Frames stay on photographs only (the guest photo tiles keep theirs); the category tiles are art. Nothing here animates. No copy is written here. */

html body.om-mvp .omhm26-root.omhm26-journey-home{--hwe-red:#ef2435;--hwe-mint:#68f8b3;--hwe-ink:#050505;--hwe-head-stroke:.15em}

/* ---------- H1 hero title row: the tall badge beside "Ohio Made Holiday Market" ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-titlerow{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,1.2vw,18px);margin:0 0 16px}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-titlerow h1.home-hero-title{flex:1 1 auto;min-width:0;max-width:none;margin:0;font-size:clamp(30px,calc(10px + 1.9vw),42px)!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-badge{flex:none;display:block;width:clamp(104px,9.6vw,138px);height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
@media(max-width:767px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-titlerow h1.home-hero-title{font-size:clamp(22px,6.6vw,30px)!important}
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-badge{width:clamp(78px,24vw,104px)}
}

/* ---------- H2 statement: sits on the plaid, no support. Line one Tomorrow caps bold white; line two Backline mint with a black outline ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p.hm-e-statement{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.5vw,8px);max-width:none!important;margin:0 auto 24px!important;text-align:center}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy .hm-e-not{display:block;font-family:"OMHM Tomorrow",system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(26px,3.4vw,50px)!important;line-height:1.08!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#fff!important;-webkit-text-stroke:.17em var(--hwe-ink);paint-order:stroke fill;text-wrap:balance}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy .hm-e-party{display:block;font-family:"OMHM Backline",cursive!important;font-weight:400!important;font-size:clamp(44px,6vw,88px)!important;line-height:1.05!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;color:var(--hwe-mint)!important;-webkit-text-stroke:.12em var(--hwe-ink);paint-order:stroke fill}
/* The two support paragraphs lose their pool too, so they read by outline: bold white with a black outline. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-intro-copy p:not(.hm-e-statement){-webkit-text-stroke:.2em var(--hwe-ink);paint-order:stroke fill}

/* ---------- H3 ticket grid: Friday and Saturday in Backline, black fill, green outline; GA badge weight; the fees footnote ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview h3.tc43-label{font-family:"OMHM Backline",cursive!important;font-weight:400!important;font-size:clamp(46px,5vw,72px)!important;line-height:1.05!important;letter-spacing:0!important;text-transform:none!important;color:var(--hwe-ink)!important;-webkit-text-stroke:.12em var(--hwe-mint)!important;paint-order:stroke fill!important;padding:2px 12px}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview h3.tc43-label::before{display:none!important;content:none!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card.tc43-general .tc43-head{--tb58-bw:65.3%}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview p.hm-e-fees{margin:16px 0 0;padding:0;text-align:center;font-family:"OMHM Tomorrow",system-ui,sans-serif;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:.02em;color:#fff;-webkit-text-stroke:.2em var(--hwe-ink);paint-order:stroke fill}
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview p.hm-e-fees+.ticket-planning{margin-top:12px}

/* ---------- H4 experience cards: three cards in a row from 900px (batch F: Give Back left Home), a red outline that reads on the plaid ---------- */
@media(min-width:900px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:none}
  html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits-grid>.journey-home-benefit.hp43-card{grid-column:span 2!important}
}
/* True #ef2435 at 3px is the edge (Justin: a better red you can see); a thin near-black keyline outside it lifts it off the red squares of the plaid. */
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card{border:3px solid var(--hwe-red);box-shadow:0 0 0 2px var(--hwe-ink),0 10px 20px rgba(0,0,0,.45)}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy strong{font-size:clamp(26px,2.3vw,34px)!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card .journey-home-benefit-copy span{font-size:clamp(16px,1.15vw,17px)!important}

/* ---------- H5 headings on bare plaid: red fill, a heavier white outline, no support ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home :is(#home-ticket-choice-title,#journey-home-benefits-heading,#home-categories-title,#home-highlights-title,.home-hero-panel h1.home-hero-title,#home-plan-link-title){-webkit-text-stroke-width:var(--hwe-head-stroke)!important;paint-order:stroke fill!important;word-spacing:.14em}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-mix-head::before,html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino-head::before{display:none!important}
/* The eyebrows ("Made here. Found here.", "Experiences from 10 years...") are small text on the plaid: white Tomorrow caps with a black outline, since a small red line with a white outline closes up into a blob. */
html body.om-mvp .omhm26-root.omhm26-journey-home :is(.hm44-mix-head .journey-kicker,.hm44-casino .casinoh-kicker){margin:0 0 .5rem;font-family:"OMHM Tomorrow",system-ui,sans-serif!important;font-weight:800!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fff!important;-webkit-text-stroke:.24em var(--hwe-ink);paint-order:stroke fill}
/* "Your Kind" is the heading's script voice: mint with a black outline so it reads on the plaid. */
html body.om-mvp .omhm26-root.omhm26-journey-home #home-categories-title .review-script{color:var(--hwe-mint)!important;-webkit-text-stroke:.14em var(--hwe-ink)!important;paint-order:stroke fill!important}
/* The category tiles are art, not photographs: no black card, no border, no shadow, no frame. The guest photo tiles keep their card and their frame. */
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-slide--category .hm44-card{background:none!important;border-color:transparent!important;box-shadow:none!important}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-slide--category .hm44-art{filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-slide--category .hm44-cap{color:#fff;-webkit-text-stroke:.24em var(--hwe-ink);paint-order:stroke fill}
/* CasinOH: the head sits on the plaid; the OH10 chip is the stage art on its right (below the text on a phone). */
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-casino-head{width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(16px,3vw,48px);align-items:center;justify-items:start}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-casino-head>:not(.hm44-art-slot){grid-column:1}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-art-slot{display:block;grid-column:2;grid-row:1 / span 3;width:clamp(150px,17vw,240px);height:auto;margin:0}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-art-slot img.hm-e-chip{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .casinoh-dates{font-size:clamp(1.9rem,2.9vw,2.7rem);color:var(--hwe-ink)!important;-webkit-text-stroke:.14em var(--hwe-mint);paint-order:stroke fill}
@media(max-width:700px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-casino-head{grid-template-columns:minmax(0,1fr);row-gap:6px}
  html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-casino .hm44-art-slot{grid-column:1;grid-row:auto;order:5;justify-self:center;width:150px;margin-top:10px}
}

/* ---------- H6 Make a weekend of it: one voice, Tomorrow caps, red fill, white outline (no cursive) ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-weekend-copy h2 .hm44-voice{display:block;margin-top:0;font-family:"OMHM Tomorrow",system-ui,sans-serif!important;font-weight:800!important;font-size:1em!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:uppercase!important;color:var(--hwe-red)!important;-webkit-text-stroke:inherit!important;paint-order:stroke fill!important}
