:root{--sp-balsamique:#221409;--sp-brume:#F6F3ED;--sp-terracotta:#852C1E;--sp-text:#221409;--sp-text-soft:rgba(34,20,9,0.72);--sp-text-mute:rgba(34,20,9,0.5);--sp-text-faint:rgba(34,20,9,0.42);--sp-border:rgba(34,20,9,0.12);--sp-on-dark:#F6F3ED;--sp-on-dark-soft:rgba(246,243,237,0.72);--sp-on-dark-mute:rgba(246,243,237,0.5);--sp-serif:'Instrument Serif',Georgia,serif;--sp-sans:'Geist','Helvetica Neue',Arial,sans-serif;--sp-garamond:'EB Garamond',Georgia,serif;--sp-pad-x:80px}.sp-hero,.sp-breadcrumb,.sp-intro,.sp-prestations,.sp-claim,.sp-premium,.sp-founders,.sp-apply{box-sizing:border-box}.sp-hero *,.sp-intro *,.sp-prestations *,.sp-claim *,.sp-premium *,.sp-founders *,.sp-apply *{box-sizing:border-box}.lc-reveal{opacity:0;transform:translateY(26px);transition:opacity 0.9s ease,transform 0.9s ease}.lc-reveal.is-visible{opacity:1;transform:translateY(0)}.sp-btn{position:relative;display:inline-block;border-radius:3px;padding:15px 42px;font-family:var(--sp-garamond);font-size:21px;font-weight:400;line-height:1;letter-spacing:0.3px;text-decoration:none;cursor:pointer;overflow:hidden;z-index:1;transition:color 0.4s ease,border-color 0.4s ease;background:var(--sp-balsamique);color:var(--sp-brume);border:1px solid var(--sp-balsamique)}.sp-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--sp-terracotta);transition:left 0.5s ease;z-index:-1}.sp-btn:hover{border-color:var(--sp-terracotta)}.sp-btn:hover::before{left:0}.sp-btn--light{background:var(--sp-brume);color:var(--sp-balsamique);border-color:var(--sp-brume)}.sp-btn--light:hover{color:var(--sp-brume);border-color:var(--sp-terracotta)}.sp-overline{font-family:var(--sp-sans);font-size:19px;font-weight:400;line-height:1.05;letter-spacing:0;text-transform:uppercase;color:var(--sp-text);margin:0 0 28px 0}.sp-hero{position:relative;min-height:660px;height:88vh;display:flex;align-items:center;overflow:hidden}.sp-hero__bg{position:absolute;inset:0;z-index:0}.sp-hero__bg-image{position:absolute;inset:0;background:url(https://www.leclub-strasbourg.fr/wp-content/uploads/2026/06/hero-sport.webp) center/cover no-repeat;animation:spKenBurns 26s ease-in-out infinite alternate}.sp-hero__bg-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,20,9,0.6) 0%,rgba(34,20,9,0.34) 55%,rgba(34,20,9,0.12) 100%)}@keyframes spKenBurns{from{transform:scale(1)}to{transform:scale(1.06)}}.sp-hero__content{position:relative;z-index:1;padding:0 var(--sp-pad-x);max-width:1080px}.sp-hero__title{font-family:var(--sp-serif);font-size:clamp(40px,6vw,86px);line-height:1.04;font-weight:400;color:var(--sp-on-dark);margin:0}.sp-breadcrumb{background:var(--sp-brume);padding:30px var(--sp-pad-x);font-family:var(--sp-sans);font-size:14px;font-weight:300;color:var(--sp-text-mute);letter-spacing:0.3px}.sp-breadcrumb a{color:var(--sp-text-soft);text-decoration:none;transition:color 0.3s ease}.sp-breadcrumb a:hover{color:var(--sp-text)}.sp-breadcrumb__sep{margin:0 8px;color:var(--sp-text-faint)}.sp-breadcrumb__current{color:var(--sp-text)}.sp-intro{background:var(--sp-brume);padding:70px var(--sp-pad-x) 60px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}.sp-intro__title{font-family:var(--sp-serif);font-size:clamp(38px,4.6vw,65px);line-height:1.04;font-weight:400;color:var(--sp-text);margin:0}.sp-intro__text p{font-family:var(--sp-sans);font-size:17px;font-weight:300;line-height:1.6;color:var(--sp-text-soft);margin:0 0 18px;max-width:480px}.sp-intro__text p:last-child{margin-bottom:0}.sp-prestations{background:var(--sp-brume);padding:40px 0 0}.sp-prestations__title{font-family:var(--sp-serif);font-size:clamp(34px,4vw,65px);line-height:1.05;font-weight:400;color:var(--sp-text);margin:0 0 48px;padding:0 var(--sp-pad-x)}.sp-cards{display:grid;grid-template-columns:repeat(4,1fr)}.sp-card{position:relative;aspect-ratio:320 / 832;display:flex;align-items:flex-end;padding:36px 30px;text-decoration:none;overflow:hidden;background-size:cover;background-position:center}.sp-card--renfo{background-image:url(https://www.leclub-strasbourg.fr/wp-content/uploads/2026/06/renforcement-musculaire.webp)}.sp-card--pilates{background-image:url(https://www.leclub-strasbourg.fr/wp-content/uploads/2026/06/pilates-reformer-scaled.webp)}.sp-card--yoga{background-image:url(https://www.leclub-strasbourg.fr/wp-content/uploads/2026/06/yoga-scaled.webp)}.sp-card--coaching{background-image:url(https://www.leclub-strasbourg.fr/wp-content/uploads/2026/06/coaching-personnalise-scaled.webp)}.sp-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(34,20,9,0.6) 0%,rgba(34,20,9,0.15) 45%,rgba(34,20,9,0) 75%);transition:background 0.5s ease}.sp-card:hover .sp-card__overlay{background:linear-gradient(to top,rgba(34,20,9,0.72) 0%,rgba(34,20,9,0.28) 55%,rgba(34,20,9,0.05) 90%)}.sp-card__content{position:relative;z-index:1;color:var(--sp-brume)}.sp-card__label{font-family:var(--sp-serif);font-size:clamp(24px,2vw,40px);line-height:1.05;font-weight:400;margin:0 0 12px}.sp-card__desc{font-family:var(--sp-sans);font-size:14px;font-weight:300;line-height:1.55;color:var(--sp-on-dark-soft);margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height 0.55s ease,opacity 0.4s ease,transform 0.5s ease,margin 0.55s ease}.sp-card:hover .sp-card__desc,.sp-card:focus-within .sp-card__desc{max-height:360px;opacity:1;transform:translateY(0);margin:0 0 16px}.sp-card__link{font-family:var(--sp-garamond);font-size:18px;color:var(--sp-brume);display:inline-flex;align-items:center;gap:8px}.sp-arrow{display:inline-block;transition:transform 0.3s ease}.sp-card:hover .sp-arrow{transform:translateX(8px)}.sp-claim{position:relative;background:var(--sp-brume);padding:clamp(150px,14vw,190px) var(--sp-pad-x);text-align:center;overflow:hidden}.sp-claim__watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,55vw);height:auto;pointer-events:none;user-select:none;z-index:0;line-height:0}.sp-claim__watermark svg{width:100%;height:auto;display:block}.sp-claim__title{position:relative;z-index:1;font-family:var(--sp-serif);font-size:clamp(40px,5.08vw,65px);line-height:1.03;font-weight:400;color:var(--sp-text);margin:0}.sp-premium{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,6vw,110px);background:var(--sp-brume);padding:60px var(--sp-pad-x) 120px}.sp-premium__media{align-self:stretch}.sp-premium__media img{width:100%;height:100%;max-height:560px;object-fit:cover;display:block}.sp-premium__title{font-family:var(--sp-serif);font-size:clamp(34px,3.6vw,50px);line-height:1.08;font-weight:400;color:var(--sp-text);margin:0 0 28px}.sp-premium__text p{font-family:var(--sp-sans);font-size:16px;font-weight:300;line-height:1.7;color:var(--sp-text-soft);margin:0 0 22px}.sp-premium__cta{margin-top:12px}.sp-founders{background:var(--sp-brume);padding:30px var(--sp-pad-x) 130px;overflow:hidden}.sp-founders__intro{display:grid;grid-template-columns:0.85fr 2fr;gap:clamp(40px,5vw,90px);align-items:start;margin-right:calc(-1 * var(--sp-pad-x))}.sp-founders__title{font-family:var(--sp-serif);font-size:clamp(40px,4.6vw,64px);line-height:1.02;font-weight:400;color:var(--sp-text);margin:0 0 24px}.sp-founders__desc{font-family:var(--sp-sans);font-size:15px;font-weight:300;line-height:1.65;color:var(--sp-text-soft);margin:0 0 30px;max-width:360px}.sp-founders__right{min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column}.sp-founders__cards{display:grid;grid-auto-flow:column;grid-auto-columns:37.77%;gap:4.645%;min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:8px;-ms-overflow-style:none;scrollbar-width:none}.sp-founders__cards::-webkit-scrollbar{display:none}.sp-fcard{scroll-snap-align:start;background:#B7B1A9;padding:30px 26px;min-height:260px;display:flex;flex-direction:column}.sp-fcard__num{font-family:var(--sp-serif);font-size:40px;line-height:1;color:var(--sp-balsamique);opacity:1;margin-bottom:10px}.sp-fcard__title{font-family:var(--sp-serif);font-size:22px;font-weight:400;color:var(--sp-text);margin:0 0 16px}.sp-fcard__text{font-family:var(--sp-sans);font-size:16px;font-weight:300;line-height:1.45;color:var(--sp-text);margin:0}.sp-founders__next{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--sp-text);line-height:0;padding:4px;margin:28px 44px 0 0;cursor:pointer;transition:transform 0.3s ease,opacity 0.3s ease}.sp-founders__next svg{display:block}.sp-founders__next:hover{transform:translateX(6px);opacity:0.7}.sp-apply{background:var(--sp-balsamique);padding:120px var(--sp-pad-x);text-align:center}.sp-apply__monogram{display:block;width:clamp(80px,9vw,110px);height:auto;margin:0 auto 18px;line-height:0}.sp-apply__monogram svg{width:100%;height:auto;display:block}.sp-apply__title{font-family:var(--sp-serif);font-size:clamp(40px,5.08vw,65px);line-height:1.03;font-weight:400;color:var(--sp-on-dark);margin:0 0 16px}.sp-apply__tagline{font-family:var(--sp-sans);font-size:19px;font-weight:400;letter-spacing:0;text-transform:uppercase;color:var(--sp-on-dark);margin:0 0 44px}.sp-apply__cta{color:var(--sp-terracotta)}.sp-apply__cta:hover{color:var(--sp-brume)}@media (max-width:1024px){:root{--sp-pad-x:48px}}@media (max-width:968px){.sp-intro{grid-template-columns:1fr;gap:28px}.sp-cards{grid-template-columns:repeat(2,1fr)}.sp-card{aspect-ratio:3 / 4}.sp-premium{grid-template-columns:1fr;gap:36px}.sp-premium__media{order:-1}.sp-premium__media img{max-height:420px}.sp-founders__intro{grid-template-columns:minmax(0,1fr);gap:36px;margin-right:0}.sp-founders__cards{grid-auto-columns:min(78vw,300px);gap:18px}.sp-founders__next{margin-right:0}}@media (max-width:640px){:root{--sp-pad-x:24px}.sp-hero{height:auto;padding:130px 0 70px;min-height:0}.sp-cards{grid-template-columns:1fr}.sp-card{aspect-ratio:16 / 11}.sp-claim,.sp-premium,.sp-founders{padding-top:70px;padding-bottom:80px}.sp-apply{padding:90px 24px}.sp-btn{font-size:18px;padding:14px 32px}.sp-hero__title{font-size:clamp(26px,7vw,44px)}.sp-claim__title{font-size:clamp(26px,6.4vw,46px)}.sp-intro__title,.sp-premium__title,.sp-prestations__title,.sp-apply__title{font-size:clamp(28px,7.2vw,44px)}.sp-founders__title{font-size:clamp(34px,9vw,52px)}}@media (max-width:420px){:root{--sp-pad-x:20px}}