/* Kinetic: sports performance. White and jade, italic condensed type, angled photo and buttons, a stats strip. */
.coach-site.kinetic{
  --cs-bg:#ffffff;--cs-alt:#eef4f2;--cs-ink:#0b1420;--cs-soft:#495463;--cs-line:#d9e2e0;--cs-card:#ffffff;
  --cs-head:'Barlow Condensed',sans-serif;--cs-body:'Barlow',sans-serif;--cs-head-weight:800;--cs-head-track:0;--cs-head-case:uppercase;
  --cs-radius:4px;--cs-photo-radius:4px;--cs-button-radius:3px;--cs-photo-pos:47% 55%;
  --cs-shadow:0 26px 50px -32px rgba(11,20,32,.45);font-size:17.5px
}
.kinetic :is(h1,h2,h3){font-style:italic}
.kinetic h1{font-size:clamp(56px,7.4vw,112px);line-height:.88}
.kinetic h2{font-size:clamp(42px,5vw,70px);line-height:.92}
.kinetic h3{font-size:27px}
.kinetic .cs-kicker{width:fit-content;padding:7px 14px;background:var(--cs-ink);color:var(--cs-bg);font:italic 800 16px/1 var(--cs-head);letter-spacing:.08em;text-transform:uppercase;transform:skewX(-12deg)}
.kinetic .cs-button{font:italic 800 20px/1 var(--cs-head);letter-spacing:.06em;text-transform:uppercase;transform:skewX(-10deg)}
.kinetic .cs-button:active{transform:skewX(-10deg) translateY(1px)}
.kinetic .cs-header{background:var(--cs-bg);border-bottom:0;box-shadow:0 1px 0 var(--cs-line)}
.kinetic .cs-brand{font-size:26px;font-style:italic;font-weight:800;text-transform:uppercase}
.kinetic .cs-brand-mark{border-radius:2px;transform:skewX(-10deg);font-style:normal}
.kinetic .cs-nav a{color:var(--cs-ink);font:italic 700 18px/1 var(--cs-head);letter-spacing:.06em;text-transform:uppercase}

/* Hero: an angled accent band, a parallelogram photo, a stats strip */
.kn-hero{position:relative;overflow:hidden;padding:52px 0 76px}
.kn-hero::before{content:"";position:absolute;top:0;right:-12%;width:46%;height:86%;background:var(--coach-accent);transform:skewX(-14deg);transform-origin:top}
.kn-hero .cs-wrap{position:relative}
.coach-site.kinetic.hero-center .kn-hero::before{display:none}
.coach-site.kinetic.hero-image-first .kn-hero::before{right:auto;left:-12%;transform:skewX(14deg)}
.kn-hero-media img,.kn-hero-media .cs-monogram{aspect-ratio:4/4.7;box-shadow:var(--cs-shadow)}
.kn-hero-media{position:relative;isolation:isolate}
.kn-hero-media img{filter:grayscale(1) contrast(1.12)}
.kn-hero-media::after{content:"";position:absolute;inset:0;background:var(--coach-accent);mix-blend-mode:multiply;opacity:.62;pointer-events:none;border-radius:var(--cs-photo-radius)}
.coach-site.kinetic.photo-template .kn-hero-media{clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}
.coach-site.kinetic.photo-template .kn-hero-media img,.coach-site.kinetic.photo-template .kn-hero-media::after{border-radius:0}
.kn-stats{list-style:none;margin:60px 0 0;padding:0 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.kn-stats li{padding:20px 26px;background:var(--cs-ink);color:var(--cs-bg);transform:skewX(-10deg)}
.kn-stats li:first-child{background:var(--coach-accent);color:var(--design-button-ink)}
.kn-stats span{display:block;transform:skewX(10deg);font:italic 700 21px/1.15 var(--cs-head);letter-spacing:.03em;text-transform:uppercase}

.kinetic .cs-step{border:0;border-left:6px solid var(--coach-accent);border-radius:0;background:var(--cs-alt)}
.kinetic .cs-step-num{width:auto;height:auto;margin-bottom:8px;border-radius:0;background:none;color:var(--cs-accent-text);font:italic 800 70px/1 var(--cs-head)}
@supports (-webkit-text-stroke:2px black){.kinetic .cs-step-num{color:transparent;-webkit-text-stroke:2px var(--cs-ink)}}
.kinetic .cs-offer{border:0;border-top:8px solid var(--coach-accent);border-radius:0 0 var(--cs-radius) var(--cs-radius);box-shadow:var(--cs-shadow)}
.kinetic .cs-offer:nth-child(2){border-top-color:var(--cs-ink)}
.kinetic .cs-offer-type{font:italic 700 17px/1 var(--cs-head);letter-spacing:.08em;text-transform:uppercase}
.kinetic .cs-stories{background:var(--coach-accent);color:var(--design-button-ink)}
.kinetic .cs-story{border:0;border-top:6px solid var(--cs-ink);border-radius:0;background:var(--cs-card);color:var(--cs-ink);transform:skewX(-4deg)}
.kinetic .cs-story>*{transform:skewX(4deg)}
.kinetic .cs-story blockquote{font:italic 700 24px/1.25 var(--cs-head);text-transform:uppercase}
.kinetic .cs-story figcaption{font:italic 700 18px/1 var(--cs-head);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-accent-text)}
.kinetic .cs-faq-list summary{font:italic 800 23px/1.15 var(--cs-head);text-transform:uppercase}
.kinetic .cs-footer{border-top:4px solid var(--cs-ink)}

.kinetic .cs-about-head{padding-left:24px;border-left:8px solid var(--coach-accent)}

@media (max-width:960px){
  .kn-hero::before{top:auto;bottom:0;right:-30%;width:90%;height:42%}
  .kn-hero-media{max-width:520px}
}
@media (max-width:600px){
  .kn-stats{margin-top:40px;padding:0 6px}
  .kn-stats span{font-size:19px}
}