:root{--navy:#171c2e;--ink:#111626;--muted:#626b81;--cream:#f7f8fb;--line:#e2e6ee;--blue:#687da7}
body:has(.home-main){background:var(--cream)}
.home-main{padding:0;overflow:clip}
.home-main h1,.home-main h2,.home-main h3{letter-spacing:-.064em;line-height:1.02}
.home-main p{line-height:1.55}
.section-kicker{display:inline-flex;align-items:center;gap:12px;font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#77829a}
.kicker-line{width:28px;height:1px;background:currentColor}
.home-hero{position:relative;min-height:calc(100svh - 96px);padding:34px clamp(24px,5vw,84px) 80px;background:#f7f8fb;color:var(--ink);display:flex;flex-direction:column;overflow:hidden}

.hero-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}
.wordmark{font-size:clamp(1.6rem,2.1vw,2rem);font-weight:850;letter-spacing:-.075em}.wordmark span{color:#7185ae}.hero-edition{font-size:.67rem;font-weight:750;letter-spacing:.15em;color:#7b8496}
.hero-copy{position:relative;z-index:2;width:min(900px,68%);margin:auto 0;padding-top:8vh}
.home-hero h1{font-size:clamp(4.3rem,8.5vw,9.2rem);margin:24px 0 28px;font-weight:760}.home-hero h1 em,.home-main h2 em{font-style:normal;color:#8394b7}.hero-lead{max-width:520px;font-size:clamp(1.05rem,1.5vw,1.35rem);color:#596378}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:36px}.apple-button{display:inline-flex;align-items:center;gap:11px;background:#171c2e;color:#fff;border-radius:15px;padding:13px 21px;min-height:63px;white-space:nowrap;box-shadow:0 14px 28px #171c2e22}.apple-button svg{width:29px;height:29px}.apple-button span{display:grid;line-height:1.15}.apple-button small{font-size:.68rem;opacity:.75}.apple-button strong{font-size:1.05rem}
.scroll-story{height:var(--story-height);position:relative;background:#f7f8fb}.story-stage{position:sticky;top:0;height:100svh;min-height:640px;padding:40px clamp(24px,5vw,84px);overflow:hidden;display:flex;flex-direction:column}.story-grid{flex:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(30px,7vw,130px);max-width:1460px;width:100%;margin:auto}.story-visual{position:relative}.visual-plate{background:#11151c;border-radius:31px;padding:22px;box-shadow:0 35px 80px #1c2c4d2b;overflow:hidden;color:#fff}.plate-top,.video-meta{display:flex;justify-content:space-between;align-items:center;font-size:.73rem;font-weight:750;letter-spacing:.15em}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#79ca94;margin-left:7px}.video-wrap{height:clamp(230px,47vh,520px);display:grid;place-items:center;overflow:hidden}.scrub-video{width:100%;height:100%;object-fit:contain;display:block}.video-meta{font-size:.83rem}.video-count{color:#8b97a6}.plate-progress{height:3px;background:#454c5b;margin-top:22px;border-radius:3px}.plate-progress span{display:block;width:0;height:100%;background:#9ab1d4}
.story-copy,.program-copy{position:relative;min-height:390px}.story-block{position:absolute;left:0;top:50%;width:100%;opacity:0;transform:translateY(calc(-40% + 36px));transition:none;pointer-events:none}.story-block.is-active{pointer-events:auto}.block-no{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#8594ac}.story-block h2{font-size:clamp(3rem,4.7vw,5.8rem);margin:20px 0 22px}.story-block p{font-size:clamp(1rem,1.2vw,1.17rem);max-width:440px;color:#626b81}
.interlude{padding:130px clamp(24px,7vw,120px);background:#e7edf6}.interlude-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.interlude h2{font-size:clamp(4rem,7vw,8rem);margin:25px 0 0}.interlude p{font-size:clamp(1.05rem,1.6vw,1.36rem);max-width:470px}
.program-story{background:#e9eef7}.program-layout{flex:1;max-width:1400px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.program-visual{display:grid;place-items:center}
.anatomy-intro{text-align:center;display:grid;place-content:center;min-height:80vh;padding:90px 24px;background:#171c2e;color:white}.anatomy-intro h2{font-size:clamp(3.7rem,7.4vw,8rem);margin:25px 0}.anatomy-intro p{max-width:570px;margin:auto;color:#b7c0d0;font-size:1.2rem}
.anatomy-story{background:#eef1f6}.anatomy-layout{position:relative;flex:1;display:grid;grid-template-columns:1fr minmax(240px,390px) 1fr;gap:4vw;align-items:center;max-width:1500px;width:100%;margin:auto}.body-wrap{height:min(76vh,760px);display:flex;flex-direction:column;align-items:center;justify-content:center}.body-figure{position:relative;height:100%;aspect-ratio:1510/4064}.body-figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.body-base{filter:drop-shadow(0 15px 20px #8390a33b)}.body-figure .muscle{opacity:0;filter:sepia(1) saturate(4) hue-rotate(170deg) drop-shadow(0 0 13px #6788bd);mix-blend-mode:multiply}.anatomy-side{position:relative;height:100%;display:flex;align-items:center}.anatomy-label{position:absolute;left:0;right:0;opacity:0;transform:translateY(25px)}.anatomy-label h3{font-size:clamp(2rem,3vw,3.8rem);margin:0 0 17px}.anatomy-label p{max-width:260px;color:#667185}
.closing{min-height:87vh;display:grid;place-items:center;background:#171c2e;color:white;text-align:center;padding:100px 24px;position:relative;overflow:hidden}.closing-inner{position:relative;z-index:1}.closing .section-kicker{color:#b5c2db}.closing h2{font-size:clamp(4rem,8vw,8.5rem);margin:24px 0}.closing p{max-width:570px;margin:0 auto 30px;color:#b9c3d4;font-size:1.1rem}.apple-button-light{background:white;color:#171c2e;box-shadow:none}
.video-wrap{display:block;position:relative}.scrub-video{min-width:0;min-height:0}
.workout-story .story-visual{background:transparent;box-shadow:none}.movement-frame{display:block;width:112%;height:auto;max-width:none;margin-left:-6%;object-fit:contain;filter:drop-shadow(0 22px 24px #53668020)}
@media(max-width:850px){.home-hero{min-height:88svh}.hero-copy{width:100%;padding-top:13vh}.story-stage{min-height:600px}.story-grid,.program-layout{gap:25px}.story-block h2{font-size:clamp(2.6rem,5.8vw,4.5rem)}.anatomy-layout{grid-template-columns:1fr 240px 1fr;gap:12px}.anatomy-label h3{font-size:2rem}}
@media(max-width:650px){.home-hero{padding:24px 22px 65px;min-height:100svh}.home-hero h1{font-size:clamp(3.4rem,14vw,6rem)}.hero-lead{font-size:1.06rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.scroll-cue{font-size:.7rem}.story-stage{padding:23px 20px 55px;min-height:0}.story-grid{display:flex;flex-direction:column;justify-content:center;gap:22px}.story-visual{width:min(100%,440px)}.visual-plate{padding:15px;border-radius:24px}.video-wrap{height:31vh;min-height:195px}.story-copy,.program-copy{min-height:195px;width:100%}.story-block{top:0;transform:translateY(30px)}.story-block h2{font-size:clamp(2.4rem,9vw,3.6rem);margin:8px 0}.story-block p{font-size:.92rem;margin:0}.interlude{padding:85px 24px}.interlude-grid{display:block}.interlude p{margin-top:28px}.program-layout{display:flex;flex-direction:column-reverse;justify-content:center;gap:20px}.program-visual{width:100%}.anatomy-intro{min-height:70vh}.anatomy-layout{display:block;position:relative}.body-wrap{height:53vh}.anatomy-side{position:absolute;z-index:2;bottom:0;height:110px;width:100%;display:block}.anatomy-side.right{bottom:0}.anatomy-label{bottom:0;text-align:left;padding:12px 15px;background:#eef1f6e8;border-radius:15px;backdrop-filter:blur(6px)}.anatomy-label h3{font-size:1.35rem;margin:6px 0}.anatomy-label p{font-size:.8rem;margin:0}.closing{min-height:75vh}}

@media(max-width:650px){.movement-frame{width:100%;margin-left:0}.workout-story .story-grid{gap:5px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto!important}.story-stage{position:relative;height:auto;min-height:0;overflow:visible}.story-grid,.program-layout,.anatomy-layout{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:30px;padding:50px 0}.story-copy,.program-copy,.anatomy-side{height:auto;min-height:0;display:block}.story-block,.anatomy-label{position:relative;top:auto;left:auto;right:auto;opacity:1;transform:none;margin:24px 0;pointer-events:auto}.anatomy-layout{grid-template-columns:1fr 1fr 1fr}.anatomy-label{background:transparent}.program-reveal,.body-figure .muscle{opacity:1}.scrub-video{display:none}.video-wrap{background:url('media/seated-curl-frames/frame-01.webp') center/contain no-repeat}@media(max-width:650px){.story-grid,.program-layout,.anatomy-layout{display:block}.anatomy-side{position:relative;width:auto;height:auto}.body-wrap{height:50vh}}}
