/* WAJH homepage v2 (approved 25 Oct 2026). Active only while html has .hv2 (homepage). */
html.hv2{--ink:#120d0b;--ink-2:#1a1310;--ink-3:#241a16;--paper:#f3f2f0;--paper-2:#e8e6e2;--paper-line:#16110f1f;--text-d:#16110f;--mute-d:#6f645c;--ember:#c4522a;--ember-glow:#c4522a59;background:#120d0b}
html.hv2 body{background:#120d0b}
html.hv2 .hv-light{background:var(--paper)!important;color:var(--text-d)}
html.hv2 .hv-light.hv-alt{background:var(--paper-2)!important}
html.hv2 .hv-light h2,html.hv2 .hv-light h3{color:var(--text-d)}
html.hv2 .hv-light .small,html.hv2 .hv-light p{color:var(--mute-d)}
html.hv2 .hv-light .lead{color:#3d3430}
html.hv2 .hv-light p[style*="cream"]{color:var(--mute-d)!important}
html.hv2 .hv-light .btn.ghost{color:var(--text-d);border-color:#16110f40}
html.hv2 .hv-light .btn.ghost:hover{border-color:var(--text-d)}
html.hv2 .hv-light .glow{display:none}
html.hv2 .hv-light.hairline,html.hv2 .hv-dark.hairline{border-top:0}
html.hv2 .hv-dark{background:#120d0b!important}
html.hv2 .hv-dark.hv-soft{background:#1a1310!important}
html.hv2 .ftr{background:#0c0807}

/* hero: full-bleed film */
html.hv2 .hero{isolation:isolate;position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:min(calc(100svh - 64px),880px);background:#120d0b}
html.hv2 .hero .hero-media{position:absolute!important;inset:0!important;z-index:-2;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;border-radius:0!important;aspect-ratio:auto!important;transform:none!important}
html.hv2 .hero .hero-media img.hv-hide{display:none}
html.hv2 .hero .hero-media video{width:100%;height:100%;object-fit:cover;object-position:55% 40%;transform:scale(calc(1 + var(--hp,0) * .08));transition:transform .1s linear}
html.hv2 .hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#120d0b33 0%,#120d0b00 35%,#120d0bb3 75%,#120d0b 100%),linear-gradient(90deg,#120d0bcc 0%,#120d0b40 55%,#120d0b00 100%)}
html.hv2 .hero .wrap{position:relative;padding-top:140px;padding-bottom:clamp(40px,8vw,96px)}
html.hv2 .hero .lead{color:var(--cream)}
html.hv2 .hv-cue{position:absolute;right:max(var(--pad,24px),env(safe-area-inset-right,0px));bottom:clamp(40px,8vw,96px);writing-mode:vertical-rl;font:600 10px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--cream);display:none;gap:12px;align-items:center}
html.hv2 .hv-cue:after{content:"";width:1px;height:56px;background:linear-gradient(var(--cream),transparent)}
@media (min-width:900px){html.hv2 .hv-cue{display:flex}}

/* marquee: ember band */
html.hv2 .marquee{background:var(--ember)!important;border-block:0}
html.hv2 .marquee span{color:#fff!important}
html.hv2 .marquee span i{color:#120d0b!important;font-style:normal}

/* concept: scroll-lit copy + filling wordmark */
html.hv2 .hv-concept .split{display:block!important}
html.hv2 .hv-concept .lead.hv-lit{font:500 clamp(22px,3.2vw,40px)/1.25 var(--body)!important;letter-spacing:-.01em;max-width:26em;color:var(--text-d)!important}
html.hv2 .hv-concept .hv-lit span{color:inherit!important}
html.hv2 .hv-lit .w{opacity:var(--o,.22);transition:opacity .25s}
html.hv2 .hv-giant{margin-top:clamp(48px,7vw,96px);font:900 italic clamp(56px,13.5vw,230px)/.82 var(--display);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap;position:relative;color:transparent;-webkit-text-stroke:1.5px #16110f33;overflow:hidden}
html.hv2 .hv-giant span{position:absolute;inset:0;color:var(--text-d);-webkit-text-stroke:0;clip-path:inset(0 calc(100% - var(--fill,0%)) 0 0)}
html.hv2 .hv-giant span b{color:var(--ember);font-weight:900}
html.hv2 .hv-concept .stats{background:none!important;border-radius:0!important;gap:0!important;border-top:1px solid var(--paper-line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(40px,6vw,72px)}
html.hv2 .hv-concept .stats>div{padding:24px 16px 0 0;border:0;background:none}
html.hv2 .hv-concept .stats>div+div{padding-left:20px;border-left:1px solid var(--paper-line)}
html.hv2 .hv-concept .stats .num{color:var(--text-d)!important;font-size:clamp(36px,5vw,64px);line-height:1;display:block}
html.hv2 .hv-concept .stats .caps{color:var(--mute-d)!important;margin-top:10px;font-size:10px;display:block}

/* workouts: swipe carousel */
html.hv2 .hv-railhead{padding-bottom:22px;border-bottom:1px solid var(--line-2);margin-bottom:28px;flex-wrap:wrap;gap:20px;align-items:flex-end!important}
html.hv2 .hv-ctrl{display:flex;gap:10px;align-items:center;margin-left:auto}
html.hv2 .hv-ctrl button{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--cream);cursor:pointer;font-size:18px;transition:background .2s,border-color .2s}
html.hv2 .hv-ctrl button:hover{background:var(--cream);color:#120d0b;border-color:var(--cream)}
html.hv2 .grid.hv-rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:min(78vw,360px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;margin-right:calc(var(--pad,24px) * -1);padding-right:var(--pad,24px)}
html.hv2 .hv-rail::-webkit-scrollbar{display:none}
html.hv2 .hv-rail>*{scroll-snap-align:start}
html.hv2 .hv-rail .wcard{aspect-ratio:3/4;border-radius:var(--r-lg,28px);background:var(--ink-3);isolation:isolate;position:relative;overflow:hidden;display:block}
html.hv2 .hv-rail .wcard img.hv-hide{display:none}
html.hv2 .hv-rail .wcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.hv2 .hv-rail .wcard:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#120d0b00 40%,#120d0be0 100%)}
html.hv2 .hv-rail .wcard:hover video{transform:scale(1.05)}
html.hv2 .hv-rail .wcard .meta{position:absolute;bottom:22px;left:22px;right:22px;z-index:1}
html.hv2 .hv-rail .wcard .name{font-size:clamp(40px,6vw,52px)!important;line-height:.9;color:#fff}
html.hv2 .hv-idx{position:absolute;top:18px;left:20px;z-index:1;font:600 11px/1 var(--body);letter-spacing:.28em;color:var(--cream)}
html.hv2 .hv-rail .wcard .tag{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
html.hv2 .hv-rail .wcard .tag>span:last-child{background:var(--ember);color:#fff!important;border-radius:999px;padding:7px 12px;font:600 11px/1 var(--body)!important;letter-spacing:.16em}
html.hv2 .hv-bar{height:2px;background:var(--line-2);margin-top:26px;border-radius:2px;overflow:hidden}
html.hv2 .hv-bar i{display:block;height:100%;width:var(--rp,16%);background:var(--ember);transition:width .2s}

/* how it works: hairline grid */
html.hv2 .hv-how .steps{background:none!important;border-radius:0!important;overflow:visible;border-top:1px solid var(--paper-line);display:grid;gap:0;margin-top:44px}
@media (min-width:800px){html.hv2 .hv-how .steps{grid-template-columns:repeat(3,1fr)}}
html.hv2 .hv-how .steps>div{padding:30px 26px 34px 0;border:0;border-bottom:1px solid var(--paper-line);background:none!important;border-radius:0;box-shadow:none}
@media (min-width:800px){html.hv2 .hv-how .steps>div{border-bottom:0}html.hv2 .hv-how .steps>div+div{border-left:1px solid var(--paper-line);padding-left:26px}}
html.hv2 .hv-how .steps .num{color:var(--ember)!important;margin-bottom:22px;font-size:56px;line-height:1;display:block}
html.hv2 .hv-how .steps p{color:#3d3430!important;margin:12px 0 0;max-width:28em}

/* boosters: sticky film + rows on light */
html.hv2 .frame video{width:100%;height:100%;object-fit:cover;display:block}
html.hv2 .frame img.hv-hide{display:none}
@media (min-width:900px){html.hv2 .hv-boost .frame{position:sticky;top:96px}}
html.hv2 .hv-boost .rows{border-top:1px solid var(--paper-line)}
html.hv2 .hv-boost .row{border-bottom:1px solid var(--paper-line)!important;background:none!important;transition:padding .25s}
html.hv2 .hv-boost .row:hover{padding-left:10px}
html.hv2 .hv-boost .row .t{color:var(--text-d)!important}
html.hv2 .hv-boost .row .d{color:var(--mute-d)!important}
html.hv2 .hv-boost .row .p{color:var(--ember)!important}

/* beauty label */
html.hv2 .hv-ba{position:absolute;left:16px;bottom:16px;font:600 10px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#fff;background:#120d0b8c;border-radius:999px;padding:8px 12px}
html.hv2 .hv-beauty .frame{position:relative}

/* gentle rise */
html.hv2 .hv-rise{transform:translateY(var(--ry,0px));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){html.hv2 .marquee-track{animation:none!important}html.hv2 .hero-media video,html.hv2 .hv-rise{transform:none!important;transition:none!important}html.hv2 .hv-lit .w{opacity:1!important}html.hv2 .hv-giant span{clip-path:none!important}}