/* Home batch 5 and 6 (2026-10-01). Loaded last on /explore/ only.
   Brand wins over the generic layout guide: plaid page, brand red #ef2435, mint accent,
   OMHM Tomorrow and OMHM Backline, approved art only. */
body.om-mvp .omhm26-root.omhm26-journey-home{--b56-red:#ef2435;--b56-black:#0a0a0a;--b56-mint:#71f6c1;--b56-paper:#fff8eb}

/* ---- 1. "A Shopping Party For Everyone": header width (heading look moved to the shared system in batch 43) ---- */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefits>header{max-width:none;width:100%}
/* Batch 43 (2026-10-05, PG-01): the one-off size, nowrap and layered shadow rules for this heading are gone; it follows the shared heading system (site-family batch 10 rule and artistic-batch17 S1). */

/* ---- 2 and 3. Benefit photos: 4:5 frames capped to the viewport, crossfading photo slots ---- */
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit:has(.journey-home-benefit-photo){--rotor-h:clamp(240px,calc(100svh - 430px),480px);--rotor-w:min(100%,calc(var(--rotor-h) * .8));display:grid;justify-items:center}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo:has(.approved-event-picture){position:relative;box-sizing:border-box;width:var(--rotor-w);height:auto!important;aspect-ratio:4/5!important;--home-proof-ratio:4/5;margin-inline:auto}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo .approved-event-picture,
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo .approved-event-picture img{aspect-ratio:4/5!important}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo[data-photo-rotor] .approved-event-picture{position:absolute;inset:0;opacity:0;transition:opacity 800ms ease;pointer-events:none}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo[data-photo-rotor] .approved-event-picture.is-current{opacity:1;pointer-events:auto}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo[data-photo-rotor]:focus-visible{outline:3px solid var(--b56-mint);outline-offset:4px}
body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit:has(.journey-home-benefit-photo) .journey-home-benefit-copy{width:calc(var(--rotor-w) - 24px);max-width:100%;margin-inline:auto;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){body.om-mvp .omhm26-root.omhm26-journey-home .journey-home-benefit-photo[data-photo-rotor] .approved-event-picture{transition:none}}

/* ---- 4 and 5. Photo orbit: chalkboard captions, 1.25x center, tighter plaid above and below ---- */
body.om-mvp .omhm26-root .home-photo-orbit{--orbit-w:clamp(150px,17.5vw,252px);margin-top:calc(var(--home-gap,48px) / 2);margin-bottom:0}
body.om-mvp .omhm26-root .home-photo-orbit.is-orbiting .home-photo-orbit-stage{height:calc(var(--orbit-w) * 1.333 + 72px)}
body.om-mvp .omhm26-root .home-photo-orbit.is-orbiting figure{width:var(--orbit-w)!important;container-type:inline-size}
body.om-mvp .omhm26-root .home-photo-orbit figure figcaption{z-index:3;position:absolute;left:12%!important;right:11%!important;top:80.8%!important;bottom:auto!important;height:10.8%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08em;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important;text-align:center;line-height:1}
body.om-mvp .omhm26-root.omhm26-journey .home-photo-orbit figure figcaption :is(.orbit-phrase,.orbit-year){font-family:"OMHM Backline",cursive!important;font-weight:400!important;text-transform:none!important}
body.om-mvp .omhm26-root .home-photo-orbit figure figcaption .orbit-phrase{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:clip;font-size:max(9px,6cqw);line-height:1.02;opacity:.94}
body.om-mvp .omhm26-root .home-photo-orbit figure figcaption .orbit-year{display:block;font-size:max(9px,5.6cqw);line-height:1;opacity:.85;letter-spacing:.04em}
body.om-mvp .omhm26-root .home-photo-orbit figure figcaption:only-child .orbit-year{font-size:max(10px,6cqw)}
@media(max-width:600px){body.om-mvp .omhm26-root .home-photo-orbit{--orbit-w:136px}body.om-mvp .omhm26-root .home-photo-orbit.is-orbiting figure{width:var(--orbit-w)!important}}

/* ---- 6. See you at the CasinOH: two columns, stacked expandable list ---- */
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,36px);align-items:center}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .casinoh-head{max-width:none;margin:0;padding:0}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .casinoh-kicker{margin:0 0 .9rem;font-family:"OMHM Tomorrow",Impact,sans-serif!important;font-size:.82rem!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase!important;line-height:1.4;color:var(--b56-mint)!important;text-shadow:0 2px 3px #000}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh h2{margin:0;font-size:clamp(2.3rem,4.2vw,3.9rem);line-height:.95;text-transform:uppercase}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .casinoh-dates{display:inline-block;margin:1.1rem 0 0;padding:.2em .7em .12em;border:2px solid var(--b56-red);border-radius:8px;background:var(--b56-black);font-family:"OMHM Backline",cursive!important;font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:400;line-height:1.2;color:var(--b56-red);text-transform:none}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-list{display:grid;gap:12px;min-width:0}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item{border:2px solid var(--b56-red);border-radius:12px;background:var(--b56-black);overflow:hidden;box-shadow:0 12px 24px #0008}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;list-style:none;cursor:pointer;color:var(--b56-mint)}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary::-webkit-details-marker{display:none}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary::before{content:"";grid-column:1/-1;display:block;height:10px;background:#000 url("journey-weave-tile.jpg") center/48px}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary .casinoh-title{grid-row:2;padding:14px 16px;font-family:"OMHM Tomorrow",Impact,sans-serif!important;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;line-height:1.15;text-transform:uppercase;color:var(--b56-mint)}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary::after{content:"";grid-row:2;grid-column:2;width:.6rem;height:.6rem;margin-right:20px;border:solid var(--b56-mint);border-width:0 3px 3px 0;transform:translateY(-2px) rotate(45deg);transition:transform 180ms ease}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item[open] summary::after{transform:translateY(2px) rotate(-135deg)}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary:focus-visible{outline:3px solid #fff;outline-offset:-5px}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 16px;background:var(--b56-paper);color:#000}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-panel p{margin:0;max-width:60ch;font-size:.95rem;line-height:1.5;color:#000}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-go{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid var(--b56-red);border-radius:50%;background:var(--b56-black);color:var(--b56-mint)}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-go:focus-visible{outline:3px solid #000;outline-offset:2px}
@media(min-width:1024px){body.om-mvp .omhm26-root.omhm26-journey-home .casinoh{grid-template-columns:minmax(0,11fr) minmax(0,9fr);gap:clamp(32px,4vw,64px)}body.om-mvp .omhm26-root.omhm26-journey-home .casinoh .casinoh-dates{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){body.om-mvp .omhm26-root.omhm26-journey-home .casinoh-item summary::after{transition:none}}

/* ---- 7 and 8. Category carousel: no select, tight spacing, section moved after the benefits ---- */
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel{padding-block:12px}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel header{padding-block:4px}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid{height:clamp(300px,27vw,390px)}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid img{height:calc(100% - 40px)}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid figcaption{padding:0 8px;margin-top:-6px}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories .category-panel-controls{grid-template-rows:auto;margin-top:6px;gap:12px}
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories .category-panel-controls :is(button:first-of-type,button:last-of-type,[role=status]){grid-row:1}
@media(max-width:760px){body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel .home-category-grid{height:clamp(250px,70vw,310px)}}

/* Half the empty plaid between the carousel, the orbit and the CasinOH section. */
body.om-mvp .omhm26-root.omhm26-journey-home .home-product-categories.has-category-carousel{margin-bottom:calc(var(--home-gap,48px) / 2)}
body.om-mvp .omhm26-root.omhm26-journey-home .casinoh{margin-top:calc(var(--home-gap,48px) / 2)}
