*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#090909;color:#fff}header{position:sticky;top:0;z-index:20;background:#070707;display:flex;align-items:center;justify-content:space-between;padding:8px 5vw;border-bottom:1px solid #4d3915}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:1.5px}.brand img{width:64px;height:64px;object-fit:contain}nav{display:flex;gap:22px;align-items:center}nav a{color:#eee;text-decoration:none;font-weight:700;font-size:13px}.portal{border:1px solid #d4aa52;padding:11px 14px;color:#e7c575!important}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:690px;background:
linear-gradient(135deg,#050505 0%,#111 58%,#0a0a0a 100%);
display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.95fr);
align-items:center;gap:34px;padding:70px 6% 60px;overflow:hidden}
.hero-copy{position:relative;z-index:2;max-width:650px}
.hero-picture{height:590px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;background:radial-gradient(circle at center,#241b10 0%,#0b0b0b 72%);border:1px solid #4b3718}
.hero-picture img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:contrast(1.04) saturate(.94);box-shadow:0 18px 48px rgba(0,0,0,.45)}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:900;color:#d6aa50}.hero h1{font-size:clamp(60px,8vw,112px);line-height:.82;margin:12px 0 24px;letter-spacing:-3px}.hero h1 span{color:#d6aa50;letter-spacing:10px;font-size:.65em}.tag{letter-spacing:4px;font-weight:700}.intro{font-size:20px;line-height:1.6;max-width:590px;color:#ddd}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;text-decoration:none;font-weight:900;padding:15px 22px;border-radius:3px}.gold{background:linear-gradient(135deg,#e8c36c,#bb8635);color:#111}.outline{border:1px solid #d2aa55;color:#fff}.section{padding:90px 7%}.light{background:#f5f2eb;color:#181818}.dark{background:#101010}.section-head{max-width:820px;margin-bottom:42px}.section h2,.portal-strip h2{font-size:clamp(34px,5vw,60px);margin:8px 0 14px}.section-head>p:last-child,.portal-strip p,.tattoo p,.contact p{line-height:1.7}.coaches{display:grid;grid-template-columns:1fr 1fr;gap:24px}.coach{background:#fff;border:1px solid #d7d0c4;display:grid;grid-template-columns:42% 1fr;min-height:390px}.coach img{width:100%;height:100%;object-fit:cover}.coach>div{padding:34px}.coach h3{font-size:28px;margin:8px 0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.services article{border:1px solid #3e3526;background:#171717;padding:28px;min-height:220px}.services span{color:#d6aa50;font-size:12px}.services h3{font-size:22px}.services p{color:#c8c8c8;line-height:1.55}.portal-strip{background:#17120b;border-top:1px solid #59421d;border-bottom:1px solid #59421d;padding:55px 7%;display:flex;justify-content:space-between;gap:30px;align-items:center}.portal-strip>div{max-width:720px}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:52px}.cert-grid article{background:white;border:1px solid #d7d0c4;padding:16px}.cert{background:#fff;aspect-ratio:1.32;display:flex;align-items:center;justify-content:center;overflow:hidden}.cert img{width:100%;height:100%;object-fit:contain;background:#fff}.cert-grid h4{font-size:18px;margin:16px 0 6px}.cert-grid p{font-size:13px;color:#575757}.person-title{font-size:26px;margin:40px 0 18px}.link-card{display:flex;flex-direction:column;justify-content:center;min-height:300px}.link-badge{font-size:30px;font-weight:900;color:#d2a853;border-bottom:2px solid #d2a853;padding-bottom:14px;margin-bottom:20px}.tattoo{background:#0b0b0b;display:grid;grid-template-columns:320px 1fr;gap:50px;align-items:center}.tattoo img{width:100%}.contact{background:#111;display:flex;justify-content:space-between;align-items:center;gap:30px}footer{background:#050505;border-top:1px solid #3d301c;padding:36px 6%;display:flex;align-items:center;gap:20px;color:#aaa}footer img{width:72px}footer strong{color:#fff}footer small{margin-left:auto}@media(max-width:900px){header{padding:8px 18px}.brand span{display:none}.menu{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#090909;padding:22px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{min-height:auto;grid-template-columns:1fr;padding:54px 22px 38px}.hero-picture{height:auto;max-height:none}.hero-picture img{width:100%;height:auto;object-fit:contain}.coaches,.services,.cert-grid{grid-template-columns:1fr}.coach{grid-template-columns:1fr}.coach img{height:420px}.portal-strip,.contact{display:block}.portal-strip .btn{margin-top:16px}.tattoo{grid-template-columns:1fr;text-align:center}.tattoo img{max-width:300px;margin:auto}footer{display:block;text-align:center}footer img{margin-bottom:12px}footer small{display:block;margin-top:16px}}
@media (min-width:901px){
  .hero h1{font-size:clamp(58px,6.6vw,94px)}
}
/* Final polish */
header .brand{font-size:15px;letter-spacing:2px;padding:14px 0}.brand img{display:none}
.hero-picture{background:radial-gradient(circle at 70% 45%,#2a2114 0,#0a0a0a 68%);border-color:#7a5928}
.hero-picture img{object-fit:contain;background:#080808}
.coaches-premium{gap:28px}.coaches-premium .coach{background:linear-gradient(135deg,#0a0a0a,#1c1c1c 55%,#080808);color:#eee;border:1px solid #a77a35;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.coach-photo{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#777 0,#272727 35%,#050505 78%);min-height:390px;border-right:1px solid #7b5b2d}
.coach-photo>img:first-child{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}
.coach-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(212,170,80,.06),rgba(0,0,0,.18));pointer-events:none}
.coach-photo .coach-mark{display:block!important;position:absolute;right:12px;bottom:12px;width:72px!important;height:72px!important;object-fit:contain!important;z-index:2;filter:none!important;opacity:.94}
.coaches-premium .coach>div:last-child{display:flex;flex-direction:column;justify-content:center}
.coaches-premium .coach h3{color:#fff}.coaches-premium .coach p:not(.eyebrow){color:#cfcfcf;line-height:1.65}
.cert-grid article{border:2px solid #111;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.cert{border:5px solid #111;background:#fff;padding:8px}.cert img{background:#fff}
.link-card{min-height:0}.link-cert{position:relative;display:flex;gap:22px;align-items:center;justify-content:center;padding:24px;background:#fff;color:#073d49}.link-cert .link-logo{width:36%;height:auto;object-fit:contain}.link-cert-copy{display:flex;flex-direction:column;gap:8px;text-align:left}.link-cert-copy span{font-size:12px;letter-spacing:2px;font-weight:800}.link-cert-copy strong{font-size:25px;color:#111}.link-cert-copy b{font-size:19px}.link-cert-copy small{color:#555}
.tattoo img,footer img{object-fit:contain}
@media(max-width:900px){.coach-photo{border-right:0;border-bottom:1px solid #7b5b2d}.link-cert{flex-direction:column;text-align:center}.link-cert-copy{text-align:center}.link-cert .link-logo{width:150px}}

/* V8 visual refinements */
.hero{position:relative;background:radial-gradient(circle at 82% 45%,rgba(194,143,58,.16),transparent 32%),linear-gradient(115deg,#050505 0%,#0b0b0b 48%,#15110b 100%);border-bottom:1px solid #5e451f}
.hero:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(90deg,transparent 49.8%,rgba(212,170,80,.25) 50%,transparent 50.2%);background-size:90px 90px;pointer-events:none}
.hero-showcase{position:relative;border:0!important;background:transparent!important;padding:0!important;overflow:visible!important;isolation:isolate}
.hero-showcase:before{content:"";position:absolute;inset:5% 3% 5% 8%;border:1px solid rgba(214,170,80,.5);transform:skewX(-2deg);z-index:-1;box-shadow:0 0 70px rgba(201,149,62,.12) inset}
.hero-halo{position:absolute;width:430px;height:430px;border-radius:50%;right:4%;top:8%;border:1px solid rgba(214,170,80,.45);box-shadow:0 0 0 18px rgba(214,170,80,.035),0 0 0 36px rgba(214,170,80,.02);z-index:-1}
.hero-showcase img{height:560px!important;width:100%!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;box-shadow:none!important;filter:contrast(1.06) saturate(.92)!important}
.hero-badge{position:absolute;left:4%;bottom:2%;padding:13px 17px;background:rgba(5,5,5,.88);border-left:3px solid #d6aa50;backdrop-filter:blur(7px);display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.hero-badge strong{font-size:13px;letter-spacing:2px;color:#e5c274}.hero-badge span{font-size:9px;letter-spacing:1.5px;color:#d7d7d7}
.services{gap:20px}.services article{position:relative;overflow:hidden;border:1px solid #9c7130;background:linear-gradient(145deg,#21180c 0%,#15110b 38%,#101010 100%);box-shadow:inset 0 1px rgba(255,214,129,.12),0 14px 35px rgba(0,0,0,.22);padding:31px 28px}
.services article:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#8d6228,#e3b75d,#8d6228)}
.services article:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(214,170,80,.13);border-radius:50%;right:-48px;bottom:-48px}
.services span{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;border:1px solid #d6aa50;color:#f1cc7c;background:#0d0b08;font-weight:900}.services h3{color:#f3d186}.services p{color:#e0ddd7}
footer{justify-content:space-between;padding:32px 7%;gap:40px}.footer-thanks{max-width:800px;display:flex;flex-direction:column;gap:8px}.footer-thanks strong{color:#d9b25e;letter-spacing:1.5px}.footer-thanks span{color:#c8c8c8;line-height:1.5;font-size:13px}
@media(max-width:900px){.hero-showcase img{height:auto!important}.hero-halo{width:280px;height:280px}.hero-badge{position:relative;left:auto;bottom:auto;margin-top:-12px}.services article{min-height:190px}footer{display:flex;flex-direction:column;text-align:center}.footer-thanks{align-items:center}}

/* V9 — clean hero, intentionally photo-free until final couple composite is added */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:650px}
.hero-art{height:560px;position:relative;overflow:hidden;border-left:1px solid rgba(214,170,80,.22);background:radial-gradient(circle at 60% 45%,rgba(214,170,80,.13),transparent 30%),linear-gradient(145deg,transparent 15%,rgba(214,170,80,.035) 50%,transparent 80%)}
.hero-art:before{content:"";position:absolute;inset:8% 6% 9% 12%;border:1px solid rgba(214,170,80,.34);clip-path:polygon(0 0,100% 0,100% 84%,83% 100%,0 100%);box-shadow:inset 0 0 90px rgba(214,170,80,.05)}
.hero-art:after{content:"";position:absolute;width:9px;height:9px;border:1px solid #d6aa50;transform:rotate(45deg);top:8%;left:12%;background:#090909}
.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(214,170,80,.28)}
.ring-one{width:430px;height:430px;right:-65px;top:48px;box-shadow:0 0 0 20px rgba(214,170,80,.025),0 0 0 42px rgba(214,170,80,.014)}
.ring-two{width:260px;height:260px;right:20px;top:132px;border-color:rgba(214,170,80,.16)}
.hero-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#d6aa50,transparent);opacity:.55;transform-origin:center}
.line-one{width:420px;right:-20px;top:235px;transform:rotate(-35deg)}
.line-two{width:350px;right:25px;top:320px;transform:rotate(32deg);opacity:.28}
.hero-space-label{position:absolute;right:10%;bottom:12%;text-align:right;font-size:12px;letter-spacing:4px;color:#bfb6a7;font-weight:800;line-height:1.7}
.hero-space-label span{color:#d6aa50;font-size:19px;letter-spacing:5px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:300px;border-left:0;border-top:1px solid rgba(214,170,80,.18);margin-top:10px}.ring-one{width:280px;height:280px;top:12px}.ring-two{width:170px;height:170px;top:66px}.hero-space-label{bottom:10%;right:8%}}

/* V12 — approved hero locked exactly to supplied final artwork, with functional overlays */
.hero-final{position:relative;width:100%;background:#050505;line-height:0;overflow:hidden}
.hero-final-image{display:block;width:100%;height:auto;max-width:none;user-select:none;-webkit-user-drag:none}
.hero-hotspot{position:absolute;display:block;z-index:8;cursor:pointer;border-radius:4px}
.hero-hotspot:focus-visible{outline:2px solid #e6b84c;outline-offset:2px}

/* Embedded hero navigation */
.hs-home{left:22.1%;top:1.0%;width:6.1%;height:5.2%}
.hs-about{left:29.1%;top:1.0%;width:7.6%;height:5.2%}
.hs-fitness{left:37.0%;top:1.0%;width:6.8%;height:5.2%}
.hs-tattoo{left:44.6%;top:1.0%;width:6.2%;height:5.2%}
.hs-work{left:52.3%;top:1.0%;width:8.4%;height:5.2%}
.hs-pricing{left:61.3%;top:1.0%;width:6.8%;height:5.2%}
.hs-contact{left:68.7%;top:1.0%;width:7.0%;height:5.2%}
.hs-book{left:84.7%;top:0.9%;width:11.8%;height:5.6%}

/* Embedded hero CTA buttons */
.hero-getstarted{left:9.1%;top:42.1%;width:13.6%;height:5.8%}
.hero-clientportal{left:23.8%;top:42.1%;width:14.0%;height:5.8%}

/* Keep overlays active at every responsive size; they scale with the artwork. */
@media(max-width:900px){.hero-final{overflow-x:auto}.hero-final-image{min-width:900px}.hero-hotspot{min-width:32px;min-height:24px}}

/* Exercise Library */
.library-page{background:#0a0a0a}.library-hero{padding:76px 7% 54px;background:radial-gradient(circle at 85% 30%,rgba(214,170,80,.14),transparent 28%),linear-gradient(135deg,#070707,#15110c);border-bottom:1px solid #5a421e;position:relative}.library-hero h1{font-size:clamp(48px,8vw,92px);line-height:.95;margin:10px 0 18px;letter-spacing:-2px}.library-hero>p:not(.eyebrow){max-width:760px;color:#d1d1d1;line-height:1.7;font-size:18px}.library-count{position:absolute;right:7%;bottom:45px;text-align:right}.library-count strong{display:block;font-size:44px;color:#e0b65b}.library-count span{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#aaa}.library-shell{padding:42px 7% 80px}.library-controls{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:12px;align-items:end;margin-bottom:30px}.library-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#cbb78f;font-weight:800}.library-controls input,.library-controls select{min-height:46px;background:#141414;border:1px solid #59441f;color:#fff;padding:0 13px;border-radius:3px;font-size:15px}.filter-clear{min-height:46px;padding:0 16px;border:1px solid #80612e;background:transparent;color:#e2c078;font-weight:900;border-radius:3px;cursor:pointer}.exercise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.exercise-card{padding:0;text-align:left;background:#111;border:1px solid #3d321f;color:#fff;cursor:pointer;overflow:hidden;border-radius:4px;transition:transform .18s ease,border-color .18s ease}.exercise-card:hover{transform:translateY(-3px);border-color:#b68a40}.exercise-thumb{height:180px;background:radial-gradient(circle at center,#272015,#0a0a0a 68%);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #46351b}.exercise-thumb em{position:absolute;left:12px;bottom:10px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#bda46f;font-style:normal}.mini-figure{position:relative;width:74px;height:100px}.mini-figure:before{content:"";position:absolute;width:26px;height:26px;border:2px solid #bfbfbf;border-radius:50%;left:24px;top:0}.mini-figure span:before,.mini-figure span:after,.mini-figure b:before,.mini-figure b:after{content:"";position:absolute;background:#bfbfbf;transform-origin:top center}.mini-figure span:before{width:3px;height:45px;left:36px;top:28px}.mini-figure span:after{width:3px;height:43px;left:35px;top:38px;transform:rotate(55deg)}.mini-figure b:before{width:3px;height:43px;left:36px;top:70px;transform:rotate(25deg)}.mini-figure b:after{width:3px;height:43px;left:37px;top:70px;transform:rotate(-25deg)}.exercise-card-copy{padding:17px}.exercise-card-copy p{margin:0 0 7px;color:#d6aa50;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900}.exercise-card-copy h3{font-size:17px;line-height:1.25;margin:0 0 12px;min-height:42px}.exercise-card-copy span,.exercise-card-copy small{display:block;color:#bdbdbd;font-size:12px;line-height:1.45}.exercise-card-copy small{color:#8f8f8f;margin-top:4px}.empty-state{padding:70px 20px;text-align:center;color:#aaa}.exercise-modal[hidden]{display:none}.exercise-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.exercise-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82)}.exercise-detail{position:relative;z-index:2;background:#f4f0e8;color:#181818;width:min(1100px,96vw);max-height:90vh;overflow:auto;display:grid;grid-template-columns:44% 56%;border:1px solid #b58a42}.modal-close{position:absolute;right:14px;top:10px;z-index:3;width:44px;height:44px;border:0;background:#111;color:#fff;font-size:28px;cursor:pointer}.detail-animation{min-height:520px;background:radial-gradient(circle at center,#2b2419,#080808 68%);display:grid;place-items:center;padding:35px}.animation-placeholder{width:82%;aspect-ratio:1/1;display:grid;place-content:center;text-align:center;border:1px solid #765a2b;color:#fff}.animation-placeholder span{font-size:11px;letter-spacing:4px;color:#d6aa50}.animation-placeholder strong{font-size:23px;margin:12px 0}.animation-placeholder small{color:#aaa}.detail-copy{padding:50px 42px}.detail-copy h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:8px 0 20px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.detail-tags span{background:#e6dfd2;border:1px solid #c9bea9;padding:7px 10px;font-size:11px;font-weight:800}.detail-description{margin-top:26px;line-height:1.65}.detail-description h3{font-size:20px}.detail-description p{white-space:pre-wrap}.video-coming{margin-top:22px;border-left:3px solid #c39542;background:#e9e2d6;padding:15px 18px;display:flex;flex-direction:column;gap:4px}.video-coming span{font-size:13px;color:#555}.modal-open{overflow:hidden}
@media(max-width:1100px){.exercise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-controls{grid-template-columns:1fr 1fr 1fr}.search-box{grid-column:span 2}.filter-clear{align-self:end}}
@media(max-width:760px){.library-hero{padding:52px 22px 35px}.library-hero h1{font-size:50px}.library-count{position:static;text-align:left;margin-top:25px}.library-shell{padding:26px 18px 60px}.library-controls{grid-template-columns:1fr}.search-box{grid-column:auto}.exercise-grid{grid-template-columns:1fr 1fr;gap:12px}.exercise-thumb{height:145px}.exercise-card-copy h3{font-size:15px}.exercise-detail{grid-template-columns:1fr;max-height:92vh}.detail-animation{min-height:300px}.detail-copy{padding:32px 22px}.modal-close{position:fixed;right:28px;top:28px}}
@media(max-width:430px){.exercise-grid{grid-template-columns:1fr}}

/* Premium exercise prototype — Decline Push-Up */
.exercise-thumb-live{padding:0;overflow:hidden;background:#0a0a0a}.exercise-thumb-live img{width:100%;height:100%;object-fit:cover;display:block}.exercise-thumb-live em{background:rgba(5,5,5,.8);padding:5px 7px;border:1px solid rgba(214,170,80,.45);color:#f1c96f}
.premium-detail{width:min(1420px,97vw);grid-template-columns:1fr;background:#090909;color:#f5f5f5;border-color:#805f2a}.premium-detail .detail-animation{min-height:0;padding:24px;background:linear-gradient(180deg,#111,#080808);display:block;border-bottom:1px solid #4c3b20}.premium-detail .detail-copy{padding:28px 30px 34px;background:#0b0b0b}.premium-detail .detail-copy h2{font-size:clamp(38px,5vw,72px);text-transform:uppercase;letter-spacing:-1px;color:#fff}.premium-detail .detail-copy .eyebrow{color:#e0b65b}.premium-detail .detail-tags span{background:#17130d;border-color:#705329;color:#e8d8b4}.premium-animation-grid{display:grid;grid-template-columns:1fr 1fr 300px;gap:16px}.premium-animation-grid section,.premium-animation-grid aside{border:1px solid #49381d;background:#121212;border-radius:6px;overflow:hidden}.premium-animation-grid h3{margin:0;padding:12px 14px;color:#f0c45d;text-transform:uppercase;letter-spacing:1px;font-size:14px;border-bottom:1px solid #342817}.premium-animation-grid img{display:block;width:100%;height:240px;object-fit:cover;background:#080808}.premium-animation-grid aside img{height:240px;object-fit:cover}.premium-animation-grid aside p{margin:10px 14px;color:#ccc;font-size:13px}.premium-animation-grid aside p:last-child{margin-bottom:16px}.premium-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.premium-sections section{border:1px solid #49381d;background:#111;padding:20px;border-radius:6px}.premium-sections h3{margin-top:0;color:#e4b75a;text-transform:uppercase;letter-spacing:1px}.premium-sections ol,.premium-sections ul{margin:0;padding-left:22px}.premium-sections li{margin:10px 0;color:#ddd;line-height:1.5}.premium-video{margin-top:20px;background:#15110c;border-left-color:#e4b75a;color:#fff}.premium-video span{color:#bdb7aa}.premium-detail .modal-close{background:#0a0a0a;border:1px solid #b2873f;color:#e6bf67}
@media(max-width:1050px){.premium-animation-grid{grid-template-columns:1fr 1fr}.premium-animation-grid aside{grid-column:1/-1}.premium-animation-grid aside img{height:300px;object-fit:contain}.premium-sections{grid-template-columns:1fr}}
@media(max-width:700px){.premium-animation-grid{grid-template-columns:1fr}.premium-animation-grid aside{grid-column:auto}.premium-animation-grid img{height:auto}.premium-detail .detail-copy{padding:24px 18px}.premium-detail .detail-animation{padding:14px}}

/* Natherink animation standard v2: slower demo + full-body framing */
.exercise-thumb-live img{object-fit:contain!important;background:#090909!important;padding:7px;box-sizing:border-box}
.premium-animation-grid img{height:300px!important;object-fit:contain!important;background:#090909!important;padding:10px;box-sizing:border-box}
.premium-animation-grid aside img{object-fit:contain!important}
@media(max-width:700px){
  .premium-animation-grid img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;padding:6px}
  .premium-animation-grid section,.premium-animation-grid aside{overflow:visible}
}

/* Natherink animation standard v3: large full-body presentation */
.premium-animation-grid img{
  width:100%!important;
  height:300px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#090909!important;
  padding:2px!important;
  box-sizing:border-box!important;
}
.exercise-thumb-live img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:2px!important;
}
@media(max-width:700px){
  .premium-animation-grid img{
    width:100%!important;
    height:auto!important;
    max-height:300px!important;
    object-fit:contain!important;
  }
}

/* Natherink V4 final animation standard: XL, full body, slow */
.premium-animation-grid img{
  width:100%!important;
  height:320px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  background:#090909!important;
}
.exercise-thumb-live img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;padding:0!important;
}
@media(max-width:700px){
  .premium-animation-grid img{
    width:100%!important;height:auto!important;max-height:320px!important;
    object-fit:contain!important;
  }
}

/* Natherink V5 test: tight-cropped source frames + large full-body display */
.premium-animation-grid img{
  width:100%!important;
  height:325px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:#090909!important;
}
.exercise-thumb-live img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
}
@media(max-width:700px){
  .premium-animation-grid img{
    width:100%!important;
    height:auto!important;
    max-height:325px!important;
  }
}
.static-art-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;background:#080d0f}
.static-guide-detail .detail-animation{display:block;padding:0;background:#070b0d}
.static-guide-wrap{width:100%;background:#070b0d;display:flex;justify-content:center;align-items:flex-start;overflow:auto;max-height:72vh}
.static-guide-wrap img{display:block;width:100%;height:auto;max-width:1220px;object-fit:contain;background:#070b0d}
.static-guide-note{margin:0;color:#bbb}
@media(max-width:800px){.static-guide-wrap{max-height:68vh}.static-guide-wrap img{min-width:760px}}


/* Exercise Library — muscle-first navigation */
.muscle-browser{
  margin:28px 0 34px;
  padding:26px;
  border:1px solid #3d311f;
  background:linear-gradient(180deg,#11100e,#090909);
}
.muscle-browser-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  margin-bottom:22px;
}
.muscle-browser-heading h2,
.library-section-head h2{
  margin:4px 0 0;
  color:#fff;
  font-size:clamp(26px,3vw,40px);
  text-transform:uppercase;
  letter-spacing:-.5px;
}
.muscle-browser-heading>p{
  margin:0;
  max-width:580px;
  color:#aaa;
  line-height:1.55;
  font-size:14px;
}
.muscle-tabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.muscle-tab{
  min-height:72px;
  padding:12px 14px;
  border:1px solid #40351f;
  border-radius:4px;
  background:#0b0b0b;
  color:#e7e7e7;
  cursor:pointer;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.muscle-tab strong{
  font-size:13px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.7px;
}
.muscle-tab span{
  color:#9d8b66;
  font-size:11px;
}
.muscle-tab:hover{
  transform:translateY(-2px);
  border-color:#9d7838;
}
.muscle-tab.active{
  background:linear-gradient(145deg,#c39542,#8c6427);
  border-color:#e3bc69;
  color:#080808;
  box-shadow:0 0 0 1px rgba(227,188,105,.15) inset;
}
.muscle-tab.active span{color:#2b200f;font-weight:900}
.library-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  padding:0 2px 18px;
  border-bottom:1px solid #32291a;
  margin-bottom:20px;
}
.library-section-head .eyebrow{margin:0}
#alphabeticalNote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:34px;
  padding:0 12px;
  border:1px solid #6d542c;
  color:#d8ae59;
  font-weight:900;
  letter-spacing:2px;
  font-size:12px;
}
@media(max-width:1200px){
  .muscle-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .muscle-browser{padding:18px;margin-top:20px}
  .muscle-browser-heading{display:block}
  .muscle-browser-heading>p{margin-top:12px}
  .muscle-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .muscle-tab{min-height:64px}
  .library-section-head{align-items:center}
}
@media(max-width:430px){
  .muscle-tabs{grid-template-columns:1fr 1fr}
}


/* Muscle anatomy drill-down */
.muscle-detail-panel{
  margin:0 0 34px;
  padding:28px;
  border:1px solid #614b27;
  background:
    radial-gradient(circle at 85% 25%,rgba(186,140,54,.11),transparent 32%),
    linear-gradient(180deg,#11110f,#080808);
}
.muscle-detail-panel[hidden]{display:none!important}
.muscle-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);
  gap:32px;
  align-items:center;
  padding-bottom:24px;
  margin-bottom:24px;
  border-bottom:1px solid #34291a;
}
.muscle-detail-copy h2{
  margin:5px 0 10px;
  color:#fff;
  font-size:clamp(30px,4vw,52px);
  text-transform:uppercase;
}
.muscle-detail-copy>p:last-child{
  margin:0;
  color:#b9b9b9;
  max-width:760px;
  line-height:1.65;
}
.muscle-anatomy-visual{
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.torso-map{
  position:relative;
  width:220px;
  height:280px;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.45));
}
.torso-head{
  position:absolute;top:0;left:83px;width:54px;height:64px;
  border-radius:48% 48% 45% 45%;
  background:linear-gradient(#bdbdbd,#727272);
}
.torso-neck{
  position:absolute;top:52px;left:91px;width:38px;height:30px;
  background:#8e8e8e;border-radius:8px 8px 2px 2px;
}
.torso-body{
  position:absolute;top:72px;left:28px;width:164px;height:185px;
  border:1px solid #696969;
  border-radius:54px 54px 68px 68px / 38px 38px 110px 110px;
  background:linear-gradient(90deg,#777,#adadad 48%,#777);
  overflow:hidden;
}
.torso-body:before,.torso-body:after{
  content:"";position:absolute;top:7px;width:52px;height:70px;border-radius:45%;
  background:rgba(40,40,40,.35)
}
.torso-body:before{left:-30px}.torso-body:after{right:-30px}
.pec{
  position:absolute;left:22px;right:22px;
  border:1px solid rgba(0,0,0,.25);
  background:rgba(45,45,45,.55);
  transition:.2s ease;
}
.pec.on{
  background:linear-gradient(90deg,#ae1e22,#e53935 48%,#ae1e22);
  box-shadow:0 0 18px rgba(229,57,53,.35);
}
.pec-upper{top:24px;height:31px;border-radius:24px 24px 10px 10px}
.pec-middle{top:57px;height:39px;border-radius:12px}
.pec-lower{top:98px;height:29px;border-radius:8px 8px 25px 25px}
.torso-line{position:absolute;top:20px;bottom:44px;left:50%;width:2px;background:rgba(15,15,15,.5)}
.torso-labels{
  position:absolute;right:-68px;top:100px;
  display:flex;flex-direction:column;gap:25px;
}
.torso-labels span{
  font-size:10px;font-weight:900;letter-spacing:1px;color:#666;
}
.torso-labels span.on{color:#e4b65f}
.muscle-region-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0 20px;
}
.muscle-region-tab{
  min-height:82px;
  padding:14px 16px;
  border:1px solid #42351f;
  background:#0b0b0b;
  color:#eee;
  text-align:left;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:4px;
  transition:.15s ease;
}
.muscle-region-tab:hover{transform:translateY(-2px);border-color:#b2873d}
.muscle-region-tab strong{
  text-transform:uppercase;
  letter-spacing:.7px;
  font-size:13px;
}
.muscle-region-tab span{font-size:11px;color:#8e8068}
.muscle-region-tab.active{
  border-color:#e0b45c;
  background:linear-gradient(145deg,#c6943c,#805b20);
  color:#090909;
}
.muscle-region-tab.active span{color:#30230e;font-weight:800}
.muscle-region-info{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);
  gap:24px;
  padding:20px;
  border:1px solid #2f2a21;
  background:#090909;
}
.muscle-region-info h3{
  margin:3px 0 8px;
  color:#fff;
  font-size:24px;
  text-transform:uppercase;
}
.muscle-region-info p{margin:0;color:#aaa;line-height:1.55}
.region-training-cue{
  padding:18px;
  border-left:3px solid #d5a84e;
  background:#12100c;
}
.region-training-cue span{
  display:block;
  color:#8e8068;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.3px;
  margin-bottom:6px;
}
.region-training-cue strong{color:#f0d18c;line-height:1.45}
@media(max-width:820px){
  .muscle-detail-hero{grid-template-columns:1fr}
  .muscle-anatomy-visual{min-height:245px}
  .muscle-region-tabs{grid-template-columns:1fr 1fr}
  .muscle-region-info{grid-template-columns:1fr}
}
@media(max-width:460px){
  .muscle-detail-panel{padding:18px}
  .muscle-region-tabs{grid-template-columns:1fr}
}


/* Interactive anatomy showcase */
.anatomy-library-showcase{
  margin:24px 0 34px;
  border:1px solid #3b3328;
  background:linear-gradient(180deg,#0d0e10,#080808);
  overflow:hidden;
}
.anatomy-showcase-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:end;
  padding:24px 24px 18px;
  border-bottom:1px solid #292929;
}
.anatomy-showcase-head h2{
  margin:4px 0 6px;
  color:#fff;
  text-transform:uppercase;
  font-size:clamp(28px,3vw,42px);
}
.anatomy-showcase-head p:last-child{
  margin:0;
  color:#a8a8a8;
  line-height:1.5;
}
.anatomy-gender-tabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.anatomy-gender-tab{
  min-width:110px;
  min-height:44px;
  padding:10px 18px;
  border:1px solid #4a4a4a;
  background:#0a0a0a;
  color:#ddd;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:1px;
  cursor:pointer;
  border-radius:4px;
}
.anatomy-gender-tab.active{
  background:#b21f2d;
  border-color:#ef4253;
  color:#fff;
}
.anatomy-preview-frame{
  background:#050505;
  padding:0;
}
.anatomy-preview-frame img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.anatomy-showcase-note{
  display:flex;
  gap:14px;
  align-items:flex-start;
  padding:16px 20px;
  border-top:1px solid #2a2a2a;
  background:#0a0a0a;
}
.anatomy-showcase-note strong{
  color:#e2b15a;
  white-space:nowrap;
  font-size:11px;
  letter-spacing:1.3px;
}
.anatomy-showcase-note span{
  color:#aaa;
  line-height:1.5;
  font-size:13px;
}
@media(max-width:760px){
  .anatomy-showcase-head{display:block}
  .anatomy-gender-tabs{margin-top:16px}
  .anatomy-gender-tab{flex:1}
  .anatomy-showcase-note{display:block}
  .anatomy-showcase-note strong{display:block;margin-bottom:6px}
}


/* Interactive anatomy hotspots */
.anatomy-interactive-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:0;
  align-items:stretch;
  background:#050505;
}
.anatomy-stage{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-right:1px solid #292929;
}
.anatomy-stage img{
  display:block;
  width:100%;
  height:auto;
}
.anatomy-hover-card{
  padding:24px;
  background:linear-gradient(180deg,#0c0d0f,#080808);
}
.anatomy-hover-card h3{
  margin:6px 0 10px;
  color:#fff;
  font-size:28px;
  text-transform:uppercase;
}
.anatomy-hover-card>p:not(.eyebrow){
  color:#b4b4b4;
  line-height:1.6;
  margin:0;
}
.anatomy-hover-meta{
  margin-top:18px;
  padding:14px;
  border-left:3px solid #c9963e;
  background:#11100d;
  color:#d8bd85;
  font-size:12px;
  line-height:1.5;
}
.anatomy-hotspot{
  position:absolute;
  z-index:5;
  border:1px solid transparent;
  background:rgba(229,57,53,.04);
  cursor:pointer;
  padding:0;
  min-width:30px;
  min-height:30px;
  opacity:.01;
  transition:opacity .15s ease,background .15s ease,border-color .15s ease,filter .15s ease;
}
.anatomy-hotspot:hover,
.anatomy-hotspot:focus-visible,
.anatomy-hotspot.selected{
  opacity:1;
  background:rgba(229,57,53,.24);
  border-color:rgba(255,105,105,.95);
  filter:drop-shadow(0 0 12px rgba(229,57,53,.45));
  outline:none;
}

/* Male/Female screenshots use nearly identical body placement */
.anatomy-hotspot.chest{left:29.0%;top:23.5%;width:13.8%;height:10.5%;clip-path:polygon(7% 18%,49% 0,93% 18%,100% 68%,54% 100%,0 70%)}
.anatomy-hotspot.shoulders{left:25.2%;top:20.5%;width:21.5%;height:9%;clip-path:polygon(0 45%,10% 7%,30% 0,38% 70%,62% 70%,70% 0,90% 7%,100% 45%,94% 100%,72% 88%,50% 78%,28% 88%,6% 100%)}
.anatomy-hotspot.biceps{left:24.4%;top:29.8%;width:22.5%;height:8.6%;clip-path:polygon(0 0,12% 8%,18% 92%,9% 100%,3% 70%,2% 25%,82% 8%,100% 0,98% 100%,86% 92%)}
.anatomy-hotspot.forearms{left:21.5%;top:37.0%;width:28.0%;height:12.5%;clip-path:polygon(0 0,9% 0,20% 100%,12% 100%,3% 42%,76% 0,100% 0,92% 100%,82% 100%)}
.anatomy-hotspot.abs{left:31.5%;top:32.5%;width:9.0%;height:15.0%;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.anatomy-hotspot.quadriceps{left:27.0%;top:50.0%;width:18.5%;height:18.5%;clip-path:polygon(0 0,37% 0,44% 100%,29% 100%,17% 55%,64% 0,100% 0,83% 100%,66% 100%,55% 35%)}
.anatomy-hotspot.adductors{left:33.3%;top:49.8%;width:6.4%;height:18.5%;clip-path:polygon(0 0,100% 0,70% 100%,30% 100%)}
.anatomy-hotspot.calves{left:27.2%;top:69.0%;width:18%;height:14.5%;clip-path:polygon(0 0,34% 0,43% 100%,24% 100%,15% 45%,65% 0,100% 0,84% 100%,66% 100%,56% 42%)}

.anatomy-hotspot.traps{left:48.0%;top:18.8%;width:13.3%;height:15.5%;clip-path:polygon(50% 0,100% 35%,77% 100%,23% 100%,0 35%)}
.anatomy-hotspot.backmuscle{left:47.3%;top:29.0%;width:15.0%;height:19.0%;clip-path:polygon(10% 0,90% 0,100% 52%,75% 100%,25% 100%,0 52%)}
.anatomy-hotspot.triceps{left:44.9%;top:29.6%;width:19.8%;height:11.0%;clip-path:polygon(0 0,15% 0,22% 100%,10% 100%,80% 0,100% 0,90% 100%,78% 100%)}
.anatomy-hotspot.glutes{left:48.0%;top:47.8%;width:13.3%;height:12.2%;clip-path:ellipse(49% 48% at 50% 50%)}
.anatomy-hotspot.hamstrings{left:47.6%;top:59.0%;width:14.3%;height:14.5%;clip-path:polygon(0 0,42% 0,47% 100%,30% 100%,16% 45%,58% 0,100% 0,82% 100%,66% 100%,54% 45%)}
.anatomy-hotspot.calvesback{left:48.0%;top:73.0%;width:13.0%;height:12.0%;clip-path:polygon(0 0,40% 0,48% 100%,28% 100%,17% 45%,58% 0,100% 0,82% 100%,64% 100%,54% 45%)}

@media(max-width:980px){
  .anatomy-interactive-wrap{grid-template-columns:1fr}
  .anatomy-stage{border-right:0;border-bottom:1px solid #292929}
  .anatomy-hover-card{min-height:210px}
}
@media(max-width:640px){
  .anatomy-hotspot{min-width:36px;min-height:36px}
  .anatomy-hover-card h3{font-size:23px}
}


/* Interactive overlay for the left-side Muscle Groups menu embedded in anatomy artwork */
.anatomy-menu-overlay{
  position:absolute;
  z-index:12;
  left:0.75%;
  top:13.6%;
  width:16.45%;
  height:72.7%;
  display:grid;
  grid-template-rows:repeat(17,1fr);
  gap:.55%;
  pointer-events:none;
}
.anatomy-menu-overlay button{
  pointer-events:auto;
  width:100%;
  height:100%;
  min-height:0;
  padding:0;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  cursor:pointer;
  opacity:.01;
  transition:opacity .15s ease,background .15s ease,border-color .15s ease;
}
.anatomy-menu-overlay button:hover,
.anatomy-menu-overlay button:focus-visible{
  opacity:1;
  background:rgba(229,57,53,.20);
  border-color:rgba(255,86,97,.9);
  outline:none;
}
@media(hover:none){
  .anatomy-menu-overlay button:active{
    opacity:1;
    background:rgba(229,57,53,.24);
    border-color:rgba(255,86,97,.95);
  }
}