/* Local Figma 4143:3290 study. All coordinates are relative to its 1920 x 1304 Hero canvas. */
.page-cc.cc-hero-study{--study-scale:min(1,var(--s,1));--metric-scale:clamp(.8,var(--s,1),1);--metric-ratio:calc(var(--metric-scale) / var(--study-scale));--hero-cover-top:min(67.916667vw,1304px)}
.page-cc.cc-hero-study .course-hero-pilot{height:min(67.916667vw,1304px);margin-top:0;overflow:hidden;background:#151515}
.page-cc.cc-hero-study .course-hero-content{position:absolute;left:50%;top:0;width:1920px;height:1304px;margin:0;padding:0;transform:translateX(-50%) scale(min(1,var(--s,1)));transform-origin:top center;overflow:hidden}
.page-cc .course-study-background{position:absolute;inset:0;overflow:hidden;mask:url(assets/course-hero-study/background-mask.svg) 0 0/1920px 1304px no-repeat;pointer-events:none}
.page-cc .course-study-base{position:absolute;left:0;top:0;max-width:none}
.page-cc .course-study-scene{position:absolute;left:-141.209px;top:-12px;width:2090.209px;height:1315px;max-width:none;filter:blur(8px)}
.page-cc .course-study-shade{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.page-cc.cc-hero-study .course-hero-copy{position:absolute;left:236px;top:123px;bottom:auto;width:766px;height:357px}
.page-cc.cc-hero-study .course-hero-copy h1{margin:0;font-size:80px;line-height:96px;font-weight:600;white-space:nowrap}
.page-cc .course-study-title-rule{position:absolute;top:116px;left:0;max-width:none}
.page-cc.cc-hero-study .course-hero-copy .case-lead{position:absolute;top:144px;left:0;width:max(766px,calc(560px / var(--study-scale)));margin:0;font-size:max(20px,calc(16px / var(--study-scale)));line-height:1.65;color:#f0f0f0}
.page-cc .course-study-logo{position:absolute;left:1612px;top:123px;max-width:none}
.page-cc .course-study-tags{position:absolute;left:0;top:317px;display:flex;gap:8px;width:766px}
.page-cc .course-study-tags span{height:40px;display:flex;align-items:center;justify-content:center;padding:8px 24px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:rgba(255,255,255,.4);color:#1b1b1a;font-size:16px;line-height:23px;white-space:nowrap}
.page-cc .course-study-tags span:nth-child(1){width:197px}.page-cc .course-study-tags span:nth-child(2){width:138px}.page-cc .course-study-tags span:nth-child(3){width:120px}.page-cc .course-study-tags span:nth-child(4){width:115px}.page-cc .course-study-tags span:nth-child(5){width:78px}
.page-cc .course-study-gallery{position:absolute;inset:0;pointer-events:none}
.page-cc .course-study-top{position:absolute;left:-159px;top:113px;width:2191px;height:800px;display:flex;align-items:flex-end;gap:16px}
.page-cc .course-study-bottom-row{position:absolute;left:16.5px;top:929px;display:flex;align-items:center;gap:16px}
.page-cc .course-study-image{position:relative;flex:none;width:460px;height:345px;overflow:hidden;mask:url(assets/course-hero-study/image-mask.svg) 0 0/460px 345px no-repeat}
.page-cc .course-study-image img{position:absolute;max-width:none;pointer-events:none}
.page-cc .course-study-composite img{inset:0;width:460px;height:345px;object-fit:contain}
.page-cc .course-study-knee img{left:-51.3671875px;top:-42.55078125px;width:580.366638px;height:580.366638px}
.page-cc .course-study-floor img{left:0;top:-57.5px;width:460px;height:460px}
.page-cc .course-study-dumbbell img{left:-106.18359375px;top:-40.25px;width:631.349976px;height:631.349976px}
.page-cc .course-study-lunge img{left:0;top:-74.75px;width:460px;height:460px}
.page-cc .course-study-cable img{left:0;top:-102.732421875px;width:460px;height:460px}
.page-cc .course-study-character{position:relative;flex:none;width:255px;height:800px;overflow:hidden}
.page-cc .course-study-character img{position:absolute;left:-116.53%;top:0;width:335.24%;height:106.91%;max-width:none}
/* The metrics bridge the Hero and body, with the divider hidden only beneath each card. */
.page-cc .course-study-divider{position:absolute;left:0;bottom:0;width:1920px;height:12px;background:linear-gradient(to right,rgba(235,240,251,.3) 0 calc(1680px - 513px * var(--metric-ratio)),transparent calc(1680px - 513px * var(--metric-ratio)) calc(1680px - 275px * var(--metric-ratio)),rgba(235,240,251,.3) calc(1680px - 275px * var(--metric-ratio)) calc(1680px - 259px * var(--metric-ratio)),transparent calc(1680px - 259px * var(--metric-ratio)) 1680px,rgba(235,240,251,.3) 1680px)}
.page-cc.cc-hero-study .course-scroll-cover{padding-top:calc(clamp(64px,4.166667vw,80px) - min(.3125vw,6px) + min(1.666667vw,32px))}
.page-cc.cc-hero-study .course-scroll-cover>.cc-overview{margin-top:0!important}
.page-cc.cc-hero-study .course-hero-metrics{position:absolute;top:calc(0px - clamp(64px,4.166667vw,80px) - min(.3125vw,6px));right:max(12.5vw,calc((100vw - 1440px)/2));width:513px;height:160px;gap:16px;transform:scale(var(--metric-scale));transform-origin:top right;z-index:3}
.page-cc.cc-hero-study .cc-metric{height:160px;padding:16px 24px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.page-cc.cc-hero-study .cc-metric--green{width:238px;background:rgba(36,199,137,.5);border:1px solid #24c789}
.page-cc.cc-hero-study .cc-metric--gold{width:259px;background:rgba(216,162,74,.5);border:1px solid #d8a24a}
.page-cc.cc-hero-study .cc-metric-number{display:block;flex:none;font-family:'Snell Roundhand',cursive;font-weight:900;font-style:normal;font-size:120px;line-height:1;color:#fff;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.page-cc.cc-hero-study .cc-metric-number strong,.page-cc.cc-hero-study .cc-metric-number span{font-family:inherit;font-weight:inherit;font-style:normal;line-height:1}
.page-cc.cc-hero-study .cc-metric-number strong{font-size:120px}
.page-cc.cc-hero-study .cc-metric-number span{font-size:68px}
.page-cc.cc-hero-study .cc-metric-label{flex:none;gap:0;font-family:var(--sans);font-size:20px;line-height:29px;white-space:nowrap;color:#fff}
.page-cc.cc-hero-study .cc-metric--gold .cc-metric-label{height:20px;color:#f0f0f0}
.page-cc .cc-metric-label img{flex:none;width:20px;height:20px}

/* Desktop readability: preserve the image composition while giving compact windows readable copy. */
@media (max-width:1439px){
  .page-cc .course-study-tags span{height:max(40px,calc(28px / var(--study-scale)));padding-inline:16px;font-size:max(16px,calc(12px / var(--study-scale)))}
}
/* Only the decorative background expands beyond the approved 1920px composition. */
@media (min-width:1921px){
  .page-cc.cc-hero-study .course-hero-pilot::before{content:'';position:absolute;inset:-16px -16px auto;height:1336px;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(assets/course-hero-study/background.webp) center/cover;filter:blur(16px);clip-path:inset(0 0 16px);pointer-events:none}
  .page-cc.cc-hero-study .course-study-background{mask:linear-gradient(to right,transparent,#000 min(160px,calc((100vw - 1920px)/2)),#000 calc(100% - min(160px,calc((100vw - 1920px)/2))),transparent) 0 0/100% 100% no-repeat,url(assets/course-hero-study/background-mask.svg) 0 0/1920px 1304px no-repeat;mask-composite:intersect}
}