/* Home: split hero, intro, wreath banner and ticket chooser (2026-10-01).
   Loaded last on /explore/ only. Scoped above the layered Home rules so they stay as they were.
   Brand wins over the generic layout guide: plaid page, brand red, mint, OMHM Tomorrow and OMHM Backline. */

/* ---- A. Hero: video left (3fr), text panel right (2fr), single column under 768px ---- */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-hero{display:block;width:min(1360px,calc(100% - 32px));height:auto;min-height:0;margin:18px auto 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-feature.home-hero-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:clamp(8px,1.4vw,20px);min-height:clamp(520px,calc(100dvh - 112px),700px);aspect-ratio:auto;padding:0;overflow:visible;isolation:auto;border:0;border-radius:0;box-shadow:none;text-align:left;background:transparent!important;background-color:transparent!important}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media{position:relative;display:grid;place-items:center;min-width:0;min-height:0;height:100%;overflow:hidden}
/* The video fades into the plaid on its inner edge so the two halves read as one scene. */
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video{position:absolute;inset:0;z-index:0;overflow:hidden;background:transparent;-webkit-mask-image:linear-gradient(to right,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 72%,transparent 100%)}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video::after{display:none}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
/* The approved lockup is the hero moment; no text is printed over the video. */
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-wordmark{position:relative;z-index:1;grid-area:1/1;align-self:center;justify-self:center;width:min(64%,600px);max-width:100%;max-height:none;height:auto;margin:0;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55))}

body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:1;max-width:none;margin:0;padding:clamp(24px,3vw,48px);text-align:left;color:#fff;background:#0a0a0a;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-kicker{margin:0 0 14px;font:700 clamp(12px,1.05vw,14px)/1.4 "OMHM Tomorrow",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f5ede4;text-align:left}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-kicker span{display:block;margin-top:4px;font-size:clamp(20px,1.9vw,26px);letter-spacing:.08em;color:#71f6c1}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel h2{margin:0 0 16px;font-family:"OMHM Tomorrow",Impact,sans-serif;font-size:clamp(22px,2.1vw,30px);font-weight:700;line-height:1.12;text-transform:uppercase;text-align:left;color:#fff}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when{margin:0 0 24px;font-size:clamp(16px,1.3vw,18px);line-height:1.5;text-align:left}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when strong{display:block;color:#fff}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .home-hero-when span{display:block;color:#e9e1d8}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .owner-draft-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:0}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .journey-button{min-height:48px;transition:transform .12s ease}
body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .journey-button:active{transform:translateY(1px) scale(.98)}

@media(max-width:767px){
 body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-hero{width:calc(100% - 16px);margin-top:8px}
 body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-feature.home-hero-split{grid-template-columns:minmax(0,1fr);min-height:0;gap:8px}
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media{grid-column:1;grid-row:1;height:auto;aspect-ratio:3/2}
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-video{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%)}
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-media .journey-home-wordmark{width:min(70%,320px)}
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-split .home-hero-panel{grid-column:1;grid-row:2;padding:22px 18px}
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .journey-button{flex:1 1 140px;font-size:.82rem}
}

/* ---- Intro copy (moved from the hero; same words) ---- */
body.om-mvp .omhm26-root .home-intro-copy{width:min(calc(100% - 40px),1160px);margin:12px auto 20px;padding:clamp(20px,2.4vw,32px);color:#fff;text-align:left;background:#0a0a0a;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.om-mvp .omhm26-root .home-intro-copy p{max-width:68ch;margin:0 0 14px;font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:#fff}
body.om-mvp .omhm26-root .home-intro-copy p:last-child{margin-bottom:0}

/* ---- B. Shop Ohio Made banner: more air above, about 72% of the content width, aspect kept ---- */
body.om-mvp .omhm26-root .home-shop-separator{display:flex;justify-content:center;width:min(calc(100% - 40px),1160px);margin:48px auto 12px;padding:0;border:0;background:none;box-shadow:none}
body.om-mvp .omhm26-root .home-shop-separator img{width:72%;max-width:none;height:auto;max-height:none;object-fit:contain}
@media(max-width:767px){
 body.om-mvp .omhm26-root .home-shop-separator{margin-top:32px}
 body.om-mvp .omhm26-root .home-shop-separator img{width:92%}
}

/* Batch 43 (2026-10-05): the card art tile no longer paints the lane-generated tree files; the card header is the plaid-flocked tree band (home-batch43-20261005.css). */
/* ---- C. Ticket chooser: cards follow the Tickets page (brand red edge, 12px radius, badge art) ---- */
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-day{background:#0a0a0a;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-day h3{font-family:"OMHM Tomorrow",Impact,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice{grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start;padding:14px 16px;background:#080808;border:3px solid #e72330;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:transform .12s ease,background-color .12s ease}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice:hover{background:#101010;border-color:#ff3846}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice:active{transform:translateY(1px) scale(.99)}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice>:not(.ticket-comparison-icon){grid-column:2;min-width:0}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon{grid-column:1;grid-row:1/span 5;align-self:center;display:grid;place-items:center;width:112px;aspect-ratio:4/3;padding:6px;overflow:hidden;border-radius:8px;background:#0a0a0a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice strong span{font-size:22px;font-weight:700;line-height:1.1;color:var(--omhm-red,#ef2435)}
body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice .comparison-date{font-family:"OMHM Backline",cursive!important;font-size:22px;font-weight:400!important;line-height:1.2;letter-spacing:0;text-transform:none;color:#72efc4}
@media(max-width:767px){
 body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice{column-gap:12px;padding:12px}
 body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-icon{width:84px;padding:4px}
 body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice strong{font-size:16px}
 body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice strong span{font-size:20px}
 body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice .comparison-date{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 body.om-mvp .omhm26-root.omhm26-journey-home .home-hero-panel .journey-button,body.om-mvp .omhm26-root .ticket-home-preview .ticket-comparison-choice{transition:none}
}