/* Home, wave F (2026-10-07 night, Justin's second walkthrough, F-H2 to F-H4). Home only; loads after home-walkthrough-20261007.css and the batch 43, 44, 58 and 59a sheets (same selector prefix, later in the cascade).
   F-H2 the weekend band: the Sleigh the Season lockup replaces the wreath       F-H3 the hero: the text panel fills the video's height, the video is framed, the panel is a wall box, the title is two lines
   F-H4 every red box edge on Home is a black 3px edge (VISUAL_GLOSSARY_20261006 amendment). Controls (the CasinOH go buttons, the date pill) keep their own look: they are not boxes.
   The headings themselves (Tomorrow 800, red fill, white .15em stroke, no shadow) come from the shared sheet assets/headings-walkthrough2-20261007.css, which loads after this one.
   Nothing here animates and no copy is written here. The wall drifts through assets/tree-box-batch58-20261006.js (transform only, off under reduced motion and ?static=1). */

html body.om-mvp .omhm26-root.omhm26-journey-home{--hwf-edge:#000;--hwf-mint:#68f8b3;--hwf-red:#ef2435}

/* ---------- F-H3 hero ---------- */
/* No drop shadow on the two hero boxes: a soft black pool would dim the plaid around them, and the plaid stays bright. The video: a box with a black 3px edge and 12px corners; the fade into the plaid (home-batch44-20261005.css:144, home-hero-split-20261001.css) is gone. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media{box-sizing:border-box;border:3px solid var(--hwf-edge);border-radius:12px;background:#000;box-shadow:none}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video{-webkit-mask-image:none!important;mask-image:none!important}
/* The text panel fills the row, so it is as tall as the video (the row is the video's height). */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel{align-self:stretch;position:relative;isolation:isolate;overflow:hidden;border:3px solid var(--hwf-edge)!important;border-radius:12px;background:#0a0a0a;box-shadow:none;
  --tb58-host-travel:16;--tb58-shade:linear-gradient(180deg,rgba(5,5,5,.5) 0%,rgba(5,5,5,.38) 55%,rgba(5,5,5,.5) 100%)}
/* The ornament wall (the portrait wall, the panel is taller than wide) inside the box on the batch 58 layer. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel>.tb58-clip .tb58-tree{background-image:url('./art-20261003/ornament-wall-portrait-940.webp');background-size:cover;background-position:50% 36%}
/* A confined support behind the copy: a dark inset box with a rim of wall around it, so the words read and the wall still shows. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel::before{content:"";position:absolute;z-index:-1;inset:clamp(10px,1.2vw,16px);border-radius:8px;background:rgba(5,5,5,.82);pointer-events:none}
/* The title: "Ohio Made" (Tomorrow, red, the shared heading look) over "Holiday Market" (Backline, mint). Same words, same order, two spans. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel h1.home-hero-title .hm-g-ohio{display:block}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel h1.home-hero-title .hm-g-hm{display:block;white-space:nowrap;margin-top:.04em;font-family:"OMHM Backline",cursive!important;font-weight:400!important;font-size:1.04em;line-height:1.1;letter-spacing:0!important;word-spacing:0;text-transform:none!important;color:var(--hwf-mint)!important;-webkit-text-stroke:.1em #000!important;paint-order:stroke fill!important;text-shadow:none!important}
/* "Holiday Market" stays on one line: the title never shrinks below its own width, and the badge drops under it when the row is too narrow. */
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-titlerow{flex-wrap:wrap;row-gap:10px}
html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .hm-e-titlerow .hm-e-badge{width:clamp(84px,8vw,112px)}
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:max-content}
@media(max-width:767px){
  html body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video{-webkit-mask-image:none!important;mask-image:none!important}
}

/* ---------- F-H2 the weekend band: the Sleigh the Season lockup in the right column ---------- */
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-weekend-band img.hm44-weekend-wreath.hm-g-sleigh{width:min(100%,clamp(240px,30vw,440px));height:auto;aspect-ratio:3 / 2;object-fit:contain}
@media(max-width:700px){html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-weekend-band img.hm44-weekend-wreath.hm-g-sleigh{width:min(78vw,300px)}}

/* ---------- F-H4 black box edges on Home ---------- */
/* ticket grid cards and their art tiles (home-batch43-20261005.css:72, home-batch33-20261003.css:52) */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card,html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card:hover{border:3px solid var(--hwf-edge)!important}
/* benefit cards: the 3px red edge of wave E and its 2px near-black outer keyline become one 3px black edge (a black keyline outside a black edge would read as a 5px edge) */
html body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit.hp43-card{border:3px solid var(--hwf-edge);box-shadow:0 10px 20px rgba(0,0,0,.45)}
/* CasinOH: the photo frame box and the six accordion item boxes (home-batch33-20261003.css:31, home-batch56-20261001.css:39) */
html body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .hp33-casinoh-photo{border:3px solid var(--hwf-edge);border-radius:10px}
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-acc .hm44-acc-item,html body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item{border:3px solid var(--hwf-edge);border-radius:10px}
/* the ticket card header's own bottom rule (home-batch43-20261005.css:76) is the lower edge of the header box: black, same width (the header keeps its 2:1 shape) */
html body.om-mvp .omhm26-root.omhm26-journey-home .ticket-home-preview a.tc43-card .tc43-head{border-bottom-color:var(--hwf-edge)!important}
/* the weekend band (home-batch44-20261005.css:94). The newsletter band is in the shared heading sheet. */
html body.om-mvp .omhm26-root.omhm26-journey-home .hm44-weekend-band{border:3px solid var(--hwf-edge);border-radius:10px}
