*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090e;color:#f7f8fa;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.nav{position:fixed;z-index:100;top:0;left:0;right:0;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#07090ef7,transparent);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:900;line-height:.76;letter-spacing:1px}.brand img{width:54px;height:54px;object-fit:cover;border:1px solid #f6a400;display:block;flex:none;box-shadow:0 0 0 1px rgba(246,164,0,.18),0 8px 24px rgba(0,0,0,.3);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.brand:hover img{transform:scale(1.04);box-shadow:0 0 0 1px rgba(246,164,0,.35),0 10px 30px rgba(0,0,0,.38)}.brand b{font-size:15px}.brand i{color:#f6a400;font-style:normal}.nav nav{display:flex;gap:27px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.4px}.nav nav a:hover{color:#f6a400}.nav-cta,.button{padding:14px 18px;border:1px solid #f6a400;font-size:9px;font-weight:900;letter-spacing:1.3px}.nav-cta{background:#f6a400;color:#080a0f}.nav-cta span{margin-left:12px}.hamb{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:120px 8vw;overflow:hidden}.hero-photo{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07090ef5 0%,#07090edb 30%,#07090e65 65%,#07090ec2 100%),linear-gradient(0deg,#07090e 0%,transparent 45%)}.hero-content{position:relative;z-index:2;max-width:770px}.eyebrow,.section-label{font-size:9px;letter-spacing:2.6px;font-weight:900;color:#f6a400}.eyebrow-line{width:55px;height:2px;background:#f6a400;margin-top:15px}.hero h1,h2{font-family:"Barlow Condensed";font-weight:900;line-height:.75;letter-spacing:-2.2px}.hero h1{font-size:clamp(80px,11vw,165px);margin:22px 0}.hero h1 em,h2 em{font-style:normal;color:#f6a400}.hero p{max-width:550px;color:#c4c8cf;line-height:1.75;font-size:14px}.hero-buttons,.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:18px}.button.gold{background:#f6a400;color:#080a0f}.button.outline{border-color:#555}.call{font-size:9px;font-weight:900;letter-spacing:1.3px;border-bottom:1px solid #666;padding-bottom:7px}.proof{display:flex;gap:28px;margin-top:48px}.proof div{padding-right:28px;border-right:1px solid #343840}.proof div:last-child{border:0}.proof strong{font-family:"Barlow Condensed";font-size:25px}.proof strong span{color:#f6a400}.proof small{display:block;color:#7d828b;font-size:7px;letter-spacing:1.5px;margin-top:2px}.trustbar{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #20242b}.trustbar div{padding:27px 5vw;border-right:1px solid #20242b}.trustbar div:last-child{border:0}.trustbar b{display:block;font-family:"Barlow Condensed";font-size:22px}.trustbar span{color:#777;font-size:9px}.section{padding:110px 8vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:55px}.intro h2,.gallery-title h2,.offer h2,.reasons h2,.reviews h2,.faq h2,.visit h2,.last-cta h2{font-size:clamp(65px,8vw,120px);margin:0}.intro-copy .lead{font-size:25px;line-height:1.3;color:#fff;margin:0 0 20px}.intro-copy p:not(.lead){color:#8b9099;line-height:1.8;max-width:530px}.text-link,.line-button{display:inline-block;margin-top:25px;color:#f6a400;font-size:9px;font-weight:900;letter-spacing:1.4px;border-bottom:1px solid #58480f;padding-bottom:8px}.text-link span{margin-left:18px}.cinema{height:78vh;position:relative;overflow:hidden}.cinema img{height:100%;object-fit:cover;filter:saturate(.85)}.cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07090e 3%,transparent 65%),linear-gradient(90deg,#07090eb5,transparent 75%)}.cinema-caption{position:absolute;z-index:2;left:8vw;bottom:9vw}.cinema-caption span{color:#f6a400;font-size:9px;font-weight:900;letter-spacing:2.5px}.cinema-caption h2{font-size:clamp(65px,8vw,125px);margin:18px 0}.cinema-caption p{color:#aaa;font-size:12px}.gallery-title{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-top:50px}.gallery-title p{color:#777;line-height:1.7;max-width:400px}.gallery{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:245px;gap:13px;margin-top:45px}.gallery figure{position:relative;margin:0;overflow:hidden;background:#111}.gallery figure img{height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.04)}.gallery .large{grid-row:span 2}.gallery .wide{grid-column:span 2}.gallery figcaption{position:absolute;left:17px;bottom:15px;color:#fff;font-size:8px;font-weight:900;letter-spacing:1.5px;text-shadow:0 2px 8px #000}.offer{padding:105px 8vw;background:#f6a400;color:#080a0f}.offer .section-label{color:#080a0f}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:50px}.offer h2{margin:15px 0}.offer-kicker{font-size:9px;letter-spacing:2px;font-weight:900}.offer p{max-width:500px;color:#30270f;line-height:1.8}.button.dark{background:#080a0f;color:#fff;border-color:#080a0f}.offer-card{background:#11151c;color:#fff;padding:42px;border:1px solid #11151c}.offer-number{font-family:"Barlow Condensed";font-size:85px;font-weight:900;color:#f6a400;opacity:.8}.offer-card h3{font-family:"Barlow Condensed";font-size:40px;line-height:.85;margin:10px 0 25px}.offer-card ul{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid #2a3039}.offer-card li{padding:13px 0;border-bottom:1px solid #2a3039;color:#a5a9b1;font-size:11px}.offer-card li:before{content:"✓";color:#f6a400;margin-right:10px}.offer-card a{color:#f6a400;font-size:9px;font-weight:900;letter-spacing:1.3px}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #222831;margin-top:50px}.reason-grid article{padding:40px 30px;border-right:1px solid #222831}.reason-grid article:last-child{border:0}.reason-grid span{font-family:"Barlow Condensed";font-size:60px;color:#f6a400}.reason-grid h3{font-family:"Barlow Condensed";font-size:31px;margin:5px 0}.reason-grid p{color:#777;line-height:1.7;font-size:12px}.member-feature{display:grid;grid-template-columns:1fr 1fr;background:#11151c}.member-photo{min-height:650px}.member-photo img{height:100%;object-fit:cover}.member-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}.member-copy h2{font-size:clamp(62px,7vw,110px);margin:28px 0}.member-copy p{color:#8b9099;line-height:1.8;max-width:470px}.reviews{background:#0c0f15}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:55px}.reviews>p,.review-grid>div>p{color:#777;line-height:1.8;max-width:480px}.review{align-self:center;background:#151a22;border:1px solid #292f38;padding:45px}.stars{color:#f6a400;letter-spacing:4px}.review blockquote{font-family:"Barlow Condensed";font-size:52px;line-height:1;margin:30px 0}.review small{color:#666;font-size:7px;letter-spacing:1.2px}.review-score{border-top:1px solid #2a3038;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between}.review-score span{color:#777;font-size:10px}.faq h2{margin:22px 0 55px}.faq-list{max-width:900px}.faq-list details{border-top:1px solid #292e36;padding:22px 0}.faq-list details:last-child{border-bottom:1px solid #292e36}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#f6a400;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#777;line-height:1.7;font-size:12px;max-width:700px}.visit{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;position:relative;background:#080a0f}.visit h2{margin:25px 0 20px}.visit-content>p{color:#8a8f98;line-height:1.7}.details{display:grid;gap:22px;margin-top:35px}.details small{display:block;color:#f6a400;font-size:7px;letter-spacing:2px;margin-bottom:5px}.details b{font-size:12px;line-height:1.8}.map{min-height:500px;border:1px solid #282e38;background:#10151d;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.map-lines{position:absolute;inset:-30%;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px;transform:rotate(8deg);opacity:.12}.map-pin{position:relative;width:70px;height:70px;border-radius:50%;background:#f6a400;color:#080a0f;display:grid;place-items:center;font-family:"Barlow Condensed";font-weight:900;font-size:21px;box-shadow:0 0 0 15px #f6a40012}.map b,.map span,.map a{position:relative}.map b{margin-top:25px;font-size:12px}.map span{color:#777;font-size:8px;letter-spacing:2px;margin-top:6px}.map a{margin-top:28px;color:#f6a400;font-size:8px;font-weight:900;letter-spacing:1.4px}.last-cta{padding:60px 8vw;background:#f6a400;color:#080a0f;display:flex;justify-content:space-between;align-items:end}.last-cta h2{margin:15px 0 0}.last-cta>div>span{font-size:9px;font-weight:900;letter-spacing:2px}.last-cta>a{font-size:9px;font-weight:900;letter-spacing:1.4px;border-bottom:2px solid #080a0f;padding-bottom:8px}.floating{position:fixed;z-index:80;right:18px;bottom:18px;background:#20b957;color:#fff;padding:14px 19px;border-radius:30px;font-size:8px;font-weight:900;letter-spacing:1px;box-shadow:0 8px 28px #0008}footer{padding:30px 5vw;border-top:1px solid #20242b;display:flex;justify-content:space-between;color:#5e646e;font-size:8px;letter-spacing:1.4px}footer b{font-family:"Barlow Condensed";font-size:17px;color:#ddd}footer i{color:#f6a400;font-style:normal}@media(max-width:850px){html,body{width:100%;max-width:100%;overflow-x:hidden}.nav{height:70px;padding:0 6vw}.brand img{width:50px;height:50px}.brand{gap:9px}.nav nav,.nav-cta{display:none}.hamb{display:block}.nav nav.open{display:flex;position:absolute;top:70px;left:0;right:0;background:#080a0f;padding:24px 7vw;flex-direction:column;gap:22px;border-bottom:1px solid #252a32}.hero{min-height:100svh;padding:105px 7vw 75px;align-items:flex-end}.hero h1{font-size:clamp(64px,18vw,92px);letter-spacing:-1.8px;max-width:100%;}.hero-overlay{background:linear-gradient(90deg,#07090ef5 0%,#07090eb0 55%,#07090e75 100%),linear-gradient(0deg,#07090e 0%,transparent 55%)}.hero-content{width:100%;max-width:680px}.hero p{max-width:100%;font-size:13px}.hero-buttons{gap:14px}.button{max-width:100%}.proof{gap:14px;flex-wrap:wrap}.proof div{padding-right:14px}.proof strong{font-size:20px}.trustbar{grid-template-columns:1fr 1fr}.trustbar div{padding:20px 7vw;border-bottom:1px solid #20242b}.section{padding:80px 7vw}.intro-grid,.gallery-title,.offer-grid,.review-grid,.visit,.member-feature{grid-template-columns:1fr;gap:40px}.cinema{height:65vh}.cinema-caption{left:7vw;bottom:9vw}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:175px}.gallery .large,.gallery .wide{grid-row:span 1;grid-column:span 2}.gallery .wide{height:260px}.offer{padding:80px 7vw}.reason-grid{grid-template-columns:1fr}.reason-grid article{border-right:0;border-bottom:1px solid #222831}.reason-grid article:last-child{border-bottom:0}.member-photo{min-height:55vh}.member-copy{padding:75px 7vw}.visit{padding:80px 7vw}.map{min-height:360px}.last-cta{padding:50px 7vw;display:block}.last-cta>a{display:inline-block;margin-top:30px}footer{padding:28px 7vw;display:grid;gap:12px}.floating{right:12px;bottom:12px}}
/* APPLE-INSPIRED MOTION LAYER — subtle, cinematic, performance-friendly */
@media (prefers-reduced-motion: no-preference){
  body{overflow-x:hidden}
  .nav{transition:background .45s ease,backdrop-filter .45s ease,transform .45s ease,border-color .45s ease}
  .nav.scrolled{background:rgba(7,9,14,.78);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-photo{transform:scale(1.08);transition:transform 1.8s cubic-bezier(.16,1,.3,1);will-change:transform}
  body.loaded .hero-photo{transform:scale(1)}
  .hero-overlay{transition:opacity 1.2s ease}
  .hero-content{opacity:0;transform:translateY(35px);transition:opacity 1s .2s ease,transform 1s .2s cubic-bezier(.16,1,.3,1)}
  body.loaded .hero-content{opacity:1;transform:none}
  .hero h1{animation:heroTextIn 1.1s .35s both cubic-bezier(.16,1,.3,1)}
  .hero .eyebrow,.hero .eyebrow-line,.hero p,.hero-buttons,.hero .proof{opacity:0;transform:translateY(18px);animation:heroItemIn .8s both cubic-bezier(.16,1,.3,1)}
  .hero .eyebrow{animation-delay:.42s}.hero .eyebrow-line{animation-delay:.5s}.hero p{animation-delay:.58s}.hero-buttons{animation-delay:.68s}.hero .proof{animation-delay:.8s}
  .section,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta,.trustbar,.cinema{--reveal-y:50px}
  .section-label,.intro-grid,.gallery-title,.gallery,.offer-grid,.reason-grid,.review-grid,.faq-list,.visit-content,.map,.member-photo,.member-copy,.last-cta>div,.last-cta>a,.trustbar div,.cinema-caption{opacity:0;transform:translateY(var(--reveal-y));transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}
  .in-view .section-label,.in-view .intro-grid,.in-view .gallery-title,.in-view .gallery,.in-view .offer-grid,.in-view .reason-grid,.in-view .review-grid,.in-view .faq-list,.in-view .visit-content,.in-view .map,.in-view .member-photo,.in-view .member-copy,.in-view .last-cta>div,.in-view .last-cta>a,.in-view .trustbar div,.in-view .cinema-caption{opacity:1;transform:none}
  .gallery figure{transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease;}
  .gallery figure:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.28)}
  .gallery figure img{transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease}
  .gallery figure:hover img{transform:scale(1.06);filter:saturate(1.08)}
  .cinema img{transform:scale(1.08);will-change:transform}
  .member-photo img{transform:scale(1.06);will-change:transform}
  .map-pin{animation:mapPulse 2.8s infinite ease-in-out}
  .button,.nav-cta,.floating,.call,.text-link,.line-button,.offer-card a{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,color .35s ease,background .35s ease}
  .button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(246,164,0,.18)}
  .call:hover,.text-link:hover,.line-button:hover,.offer-card a:hover{transform:translateX(5px);color:#fff}
  .floating{animation:floatIn .8s 1.3s both cubic-bezier(.16,1,.3,1)}
  @keyframes heroTextIn{from{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(25px)}to{opacity:1;clip-path:inset(0);transform:none}}
  @keyframes heroItemIn{to{opacity:1;transform:none}}
  @keyframes pulseIndex{0%,100%{opacity:.35}50%{opacity:1}}
  @keyframes mapPulse{0%,100%{box-shadow:0 0 0 15px rgba(246,164,0,.07),0 0 0 0 rgba(246,164,0,0)}50%{box-shadow:0 0 0 15px rgba(246,164,0,.07),0 0 0 18px rgba(246,164,0,.04)}}
  @keyframes floatIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
}
@media (max-width:850px){
  .hero-photo{object-position:center;transform:scale(1.04)}
  body.loaded .hero-photo{transform:scale(1)}
  .hero h1{animation-duration:.9s}
  .gallery figure:hover{transform:none;box-shadow:none}
  .button:hover,.nav-cta:hover{transform:none;box-shadow:none}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   FINAL APPLE-INSPIRED SCROLL MOTION
   Direction-aware: entering = animate in, leaving = animate out.
   ========================================================= */
body{overflow-x:hidden}
.nav{transition:background .55s ease,backdrop-filter .55s ease,box-shadow .55s ease,border-color .55s ease}
.nav.scrolled{background:rgba(7,9,14,.82);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 10px 35px rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.08)}
.hero-photo{transform:scale(1.08);transition:transform 1.8s cubic-bezier(.16,1,.3,1);will-change:transform}
body.loaded .hero-photo{transform:scale(1.06)}
.hero-content{transition:transform 1s cubic-bezier(.16,1,.3,1)}

/* Sections start below/soft, then return to their original position. */
.trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta{
  opacity:.35;
  transform:translate3d(0,70px,0) scale(.985);
  transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform;
}
.trustbar.in-view,.section.in-view,.cinema.in-view,.offer.in-view,.reasons.in-view,.member-feature.in-view,.reviews.in-view,.faq.in-view,.visit.in-view,.last-cta.in-view{
  opacity:1;transform:none;
}

/* Inner content gets a cinematic stagger. */
.trustbar div,.section-label,.intro-grid,.gallery-title,.gallery,.offer-grid,.reason-grid,.review-grid,.faq-list,.visit-content,.map,.member-photo,.member-copy,.last-cta>div,.last-cta>a,.cinema-caption{
  opacity:0;
  transform:translate3d(0,35px,0);
  transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);
}
.in-view .section-label,.in-view .intro-grid,.in-view .gallery-title,.in-view .gallery,.in-view .offer-grid,.in-view .reason-grid,.in-view .review-grid,.in-view .faq-list,.in-view .visit-content,.in-view .map,.in-view .member-photo,.in-view .member-copy,.in-view .last-cta>div,.in-view .last-cta>a,.in-view .cinema-caption,.in-view.trustbar div{opacity:1;transform:none}
.in-view .trustbar div:nth-child(1){transition-delay:.05s}.in-view .trustbar div:nth-child(2){transition-delay:.12s}.in-view .trustbar div:nth-child(3){transition-delay:.19s}.in-view .trustbar div:nth-child(4){transition-delay:.26s}
.in-view .intro-grid,.in-view .gallery-title,.in-view .offer-grid,.in-view .review-grid{transition-delay:.08s}
.in-view .gallery{transition-delay:.16s}.in-view .reason-grid{transition-delay:.12s}.in-view .faq-list{transition-delay:.1s}.in-view .map{transition-delay:.18s}.in-view .member-photo{transition-delay:.05s}.in-view .member-copy{transition-delay:.18s}

/* Cards animate independently, so dense sections don't appear all at once. */
.motion-card{opacity:0;transform:translate3d(0,42px,0) scale(.98);transition:opacity .7s ease,transform .8s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
.motion-card.in-view{opacity:1;transform:none}
.motion-card:nth-child(2){transition-delay:.07s}.motion-card:nth-child(3){transition-delay:.14s}.motion-card:nth-child(4){transition-delay:.21s}.motion-card:nth-child(5){transition-delay:.28s}.motion-card:nth-child(6){transition-delay:.35s}

/* Gallery and cinematic photography feel alive while scrolling. */
.gallery figure{transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease}
.gallery figure img,.cinema img,.member-photo img{will-change:transform;transition:transform .35s linear,filter .7s ease}
.gallery figure:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.3)}
.gallery figure:hover img{filter:saturate(1.08)}

/* Persistent micro-motion. */
.map-pin{animation:finalMapPulse 2.6s ease-in-out infinite}
.floating{animation:finalFloatIn .9s .8s both cubic-bezier(.16,1,.3,1),finalFloat 3.4s 1.8s ease-in-out infinite}
.button,.nav-cta,.floating,.call,.text-link,.line-button{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,background .35s ease,color .35s ease}
.button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(246,164,0,.2)}

/* Hero entrance — deliberately visible on every fresh load. */
.hero .eyebrow,.hero .eyebrow-line,.hero h1,.hero p,.hero-buttons,.hero .proof{
  opacity:0;animation:finalHeroIn .85s both cubic-bezier(.16,1,.3,1)
}
.hero .eyebrow{animation-delay:.15s}.hero .eyebrow-line{animation-delay:.22s}.hero h1{animation-delay:.3s}.hero p{animation-delay:.42s}.hero-buttons{animation-delay:.54s}.hero .proof{animation-delay:.66s}

@keyframes finalHeroIn{from{opacity:0;transform:translate3d(0,42px,0);clip-path:inset(0 0 18% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes finalMapPulse{0%,100%{box-shadow:0 0 0 0 rgba(246,164,0,.04),0 0 0 15px rgba(246,164,0,.07)}50%{box-shadow:0 0 0 18px rgba(246,164,0,.035),0 0 0 15px rgba(246,164,0,.07)}}
@keyframes finalFloatIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes finalFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}

@media(max-width:850px){
  .trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta{transform:translate3d(0,45px,0) scale(.99)}
  .motion-card{transform:translate3d(0,28px,0) scale(.985)}
  .gallery figure:hover{transform:none;box-shadow:none}
  .button:hover,.nav-cta:hover{transform:none;box-shadow:none}
}

/* V10 PREMIUM MOTION OVERRIDE
   Continuous scroll-linked motion inspired by Apple's restraint: short travel,
   soft easing, no bouncing, no large rotations, no abrupt visibility changes. */
body{overflow-x:hidden}
.nav{transition:background .6s cubic-bezier(.22,1,.36,1),backdrop-filter .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1)}
.nav.scrolled{background:rgba(7,9,14,.72);backdrop-filter:blur(20px) saturate(135%);box-shadow:0 8px 32px rgba(0,0,0,.16);border-bottom:1px solid rgba(255,255,255,.07)}

/* Continuous section motion: same behavior whether scrolling up or down. */
.trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta{
  opacity:var(--scroll-opacity,1);
  transform:translate3d(0,var(--scroll-y,0px),0) scale(var(--scroll-scale,1));
  transition:none;
  will-change:transform,opacity;
}

/* Content remains readable; movement is only a few pixels. */
.section-label,.intro-grid,.gallery-title,.gallery,.offer-grid,.reason-grid,.review-grid,.faq-list,.visit-content,.map,.member-photo,.member-copy,.last-cta>div,.last-cta>a,.cinema-caption,.trustbar div{
  opacity:1!important;transform:none!important;transition:none!important;
}

.motion-card,.gallery figure,.reason-grid article,.offer-card,.review,.faq-list details{
  opacity:var(--card-opacity,1);
  transform:translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1));
  transition:none;
  will-change:transform,opacity;
}
.gallery figure img,.cinema img,.member-photo img{
  transform:scale(1.045) translate3d(0,var(--photo-y,0px),0);
  transition:filter .7s ease;
  will-change:transform;
}

.hero-photo{transform:scale(var(--hero-scale,1.06)) translate3d(0,var(--hero-y,0%),0);transition:none;will-change:transform}
.hero-content{transform:translate3d(0,var(--hero-content-y,0px),0);transition:none;will-change:transform}

/* Keep the entrance elegant, but don't hide core content waiting for JS. */
.hero .eyebrow,.hero .eyebrow-line,.hero h1,.hero p,.hero-buttons,.hero .proof{opacity:1;animation:none;transform:none;clip-path:none}
body.loaded .hero .eyebrow,body.loaded .hero .eyebrow-line,body.loaded .hero h1,body.loaded .hero p,body.loaded .hero-buttons,body.loaded .hero .proof{animation:premiumHeroIn .9s cubic-bezier(.22,1,.36,1) both}
body.loaded .hero .eyebrow{animation-delay:.02s}body.loaded .hero .eyebrow-line{animation-delay:.06s}body.loaded .hero h1{animation-delay:.10s}body.loaded .hero p{animation-delay:.18s}body.loaded .hero-buttons{animation-delay:.25s}body.loaded .hero .proof{animation-delay:.32s}
@keyframes premiumHeroIn{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}

/* Quiet interaction, not hover theatrics. */
.button,.nav-cta,.floating,.call,.text-link,.line-button,.offer-card a{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background .45s ease,color .45s ease}
.button:hover,.nav-cta:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 28px rgba(246,164,0,.14)}
.gallery figure:hover{transform:translate3d(0,-3px,0) scale(1.005);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.gallery figure:hover img{transform:scale(1.055) translate3d(0,var(--photo-y,0px),0);filter:saturate(1.04)}
.map-pin{animation:premiumPulse 3.6s ease-in-out infinite}
.floating{animation:premiumFloat 4.5s ease-in-out infinite}
@keyframes premiumPulse{0%,100%{box-shadow:0 0 0 0 rgba(246,164,0,.02),0 0 0 13px rgba(246,164,0,.055)}50%{box-shadow:0 0 0 8px rgba(246,164,0,.025),0 0 0 13px rgba(246,164,0,.055)}}
@keyframes premiumFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

@media(max-width:850px){
  .trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta{transform:translate3d(0,var(--scroll-y,0px),0) scale(var(--scroll-scale,1))}
  .motion-card,.gallery figure,.reason-grid article,.offer-card,.review,.faq-list details{transform:translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1))}
  .gallery figure:hover{transform:translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1));box-shadow:none}
  .button:hover,.nav-cta:hover{transform:none;box-shadow:none}
  .hero-photo{transform:scale(var(--hero-scale,1.04)) translate3d(0,var(--hero-y,0%),0)}
}

@media (prefers-reduced-motion: reduce){
  .trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta,.motion-card,.gallery figure,.reason-grid article,.offer-card,.review,.faq-list details,.gallery figure img,.cinema img,.member-photo img,.hero-photo,.hero-content{transform:none!important;opacity:1!important;transition:none!important;animation:none!important}
}

/* =========================================================
   V11 — CLEAN SCROLL CHOREOGRAPHY
   One system only. Viewport-linked, reversible, restrained.
   ========================================================= */
body{overflow-x:hidden}
.nav{transition:background .6s cubic-bezier(.22,1,.36,1),backdrop-filter .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1)}
.nav.scrolled{background:rgba(7,9,14,.76);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 8px 30px rgba(0,0,0,.18);border-bottom:1px solid rgba(255,255,255,.07)}

/* Neutralize the older competing motion layers. */
.trustbar,.section,.cinema,.offer,.reasons,.member-feature,.reviews,.faq,.visit,.last-cta{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
.scroll-reveal{opacity:.48;transform:translate3d(0,34px,0) scale(.975);transition:none!important;will-change:transform,opacity;backface-visibility:hidden}
.hero-content{transition:none!important;will-change:transform}
.hero-photo{transition:none!important;will-change:transform;backface-visibility:hidden}
.cinema img,.member-photo img,.gallery figure img{transition:filter .5s ease!important;will-change:transform;backface-visibility:hidden}

/* Keep interactions calm. */
.button,.nav-cta,.floating,.call,.text-link,.line-button{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background .45s ease,color .45s ease}
.button:hover,.nav-cta:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 28px rgba(246,164,0,.14)}
.gallery figure{transition:box-shadow .5s ease!important}
.gallery figure:hover{box-shadow:0 18px 45px rgba(0,0,0,.22)}

/* A quiet entrance for the hero only; scrolling then takes over. */
.hero .eyebrow,.hero .eyebrow-line,.hero h1,.hero p,.hero-buttons,.hero .proof{opacity:1!important;animation:none!important;transform:none!important;clip-path:none!important}
.hero h1{animation:heroTitleIn .9s cubic-bezier(.22,1,.36,1) .08s both!important}
.hero p{animation:heroFadeIn .8s cubic-bezier(.22,1,.36,1) .18s both!important}
.hero-buttons{animation:heroFadeIn .8s cubic-bezier(.22,1,.36,1) .25s both!important}
.hero .proof{animation:heroFadeIn .8s cubic-bezier(.22,1,.36,1) .32s both!important}
@keyframes heroTitleIn{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes heroFadeIn{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}

@media(max-width:850px){
  .scroll-reveal{transform:translate3d(0,26px,0) scale(.982)}
  .button:hover,.nav-cta:hover{transform:none;box-shadow:none}
  .gallery figure:hover{box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  .scroll-reveal,.hero-content,.hero-photo,.cinema img,.member-photo img,.gallery figure img{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}

/* =========================================================
   V12 — CLEAN, VISIBLE, REVERSIBLE APPLE-STYLE MOTION
   This block intentionally overrides every earlier motion experiment.
   ========================================================= */
body.motion-ready { overflow-x:hidden; }

/* Sections visibly travel into and out of the viewport. */
main > .premium-section {
  opacity:.18 !important;
  transform:translate3d(0,72px,0) scale(.965) !important;
  filter:blur(2px);
  transition:
    opacity 900ms cubic-bezier(.22,1,.36,1),
    transform 1100ms cubic-bezier(.22,1,.36,1),
    filter 900ms cubic-bezier(.22,1,.36,1) !important;
  will-change:transform,opacity,filter;
}

main > .premium-section.is-visible {
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  filter:blur(0);
}

/* Content follows the section with a restrained stagger. */
.premium-section .premium-item {
  opacity:0 !important;
  transform:translate3d(0,54px,0) scale(.975) !important;
  filter:blur(3px);
  transition:
    opacity 720ms cubic-bezier(.22,1,.36,1),
    transform 850ms cubic-bezier(.22,1,.36,1),
    filter 720ms cubic-bezier(.22,1,.36,1) !important;
  transition-delay:var(--delay,0ms) !important;
  will-change:transform,opacity,filter;
}

.premium-section.is-visible .premium-item {
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  filter:blur(0);
}

/* Cards get a slightly stronger but still controlled entrance. */
.premium-section .premium-card {
  opacity:0 !important;
  transform:translate3d(0,42px,0) scale(.965) !important;
  filter:blur(2px);
  transition:
    opacity 650ms cubic-bezier(.22,1,.36,1),
    transform 760ms cubic-bezier(.22,1,.36,1),
    filter 650ms cubic-bezier(.22,1,.36,1) !important;
  transition-delay:var(--card-delay,0ms) !important;
}

.premium-section.is-visible .premium-card {
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
  filter:blur(0);
}

/* Continuous depth on photography. */
.cinema img,
.member-photo img,
.gallery figure img {
  transform:scale(1.045) translate3d(0,var(--photo-shift,0px),0) !important;
  transition:filter 600ms ease !important;
  will-change:transform;
}

/* Hero: slow depth, not a gimmick. */
.hero-photo {
  transform:scale(var(--hero-scale,1.055)) translate3d(0,var(--hero-shift,0%),0) !important;
  transition:none !important;
  will-change:transform;
}
.hero-content {
  transform:translate3d(0,var(--hero-content-shift,0px),0) !important;
  transition:none !important;
  will-change:transform;
}

/* Hero entrance is deliberately visible on every load. */
.hero .eyebrow,
.hero .eyebrow-line,
.hero h1,
.hero p,
.hero-buttons,
.hero .proof {
  opacity:1 !important;
  animation:none !important;
  transform:none !important;
  clip-path:none !important;
}
.hero h1 { animation:v12Hero .95s cubic-bezier(.22,1,.36,1) .05s both !important; }
.hero p { animation:v12Hero .8s cubic-bezier(.22,1,.36,1) .16s both !important; }
.hero-buttons { animation:v12Hero .8s cubic-bezier(.22,1,.36,1) .25s both !important; }
.hero .proof { animation:v12Hero .8s cubic-bezier(.22,1,.36,1) .34s both !important; }
@keyframes v12Hero {
  from { opacity:0; transform:translate3d(0,24px,0) !important; }
  to { opacity:1; transform:translate3d(0,0,0) !important; }
}

@media (max-width:850px) {
  main > .premium-section {
    transform:translate3d(0,54px,0) scale(.975) !important;
  }
  .premium-section .premium-item {
    transform:translate3d(0,38px,0) scale(.98) !important;
  }
  .premium-section .premium-card {
    transform:translate3d(0,30px,0) scale(.975) !important;
  }
  .hero-photo { transform:scale(var(--hero-scale,1.04)) translate3d(0,var(--hero-shift,0%),0) !important; }
}

/* Accessibility: keep the page fully static only when the device explicitly requests it. */
@media (prefers-reduced-motion: reduce) {
  main > .premium-section,
  main > .premium-section.is-visible,
  .premium-section .premium-item,
  .premium-section.is-visible .premium-item,
  .premium-section .premium-card,
  .premium-section.is-visible .premium-card,
  .cinema img,
  .member-photo img,
  .gallery figure img,
  .hero-photo,
  .hero-content {
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
    animation:none !important;
  }
}

/* =========================================================
   V13 — ONE REAL SCROLL-LINKED MOTION SYSTEM
   No IntersectionObserver hiding. No competing reveal layers.
   Motion is continuous and reversible on every scroll direction.
   ========================================================= */
main > section {
  opacity: 1 !important;
  transform: translate3d(0,var(--section-y,0px),0) scale(var(--section-scale,1)) !important;
  filter: none !important;
  transition: none !important;
  will-change: transform;
}

main > section .premium-item,
main > section .premium-card,
main > section .scroll-reveal {
  opacity: 1 !important;
  filter: none !important;
  animation: none !important;
}

.gallery figure,
.reason-grid article,
.offer-card,
.review,
.faq-list details {
  transform: translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1)) !important;
  transition: none !important;
  will-change: transform;
}

.cinema img,
.member-photo img,
.gallery figure img {
  transform: scale(1.045) translate3d(0,var(--photo-y,0px),0) !important;
  transition: filter .35s ease !important;
  will-change: transform;
}

.hero-photo {
  transform: scale(var(--hero-scale,1.06)) translate3d(0,var(--hero-y,0%),0) !important;
  transition: none !important;
  will-change: transform;
}

.hero-content {
  transform: translate3d(0,var(--hero-content-y,0px),0) !important;
  transition: none !important;
  will-change: transform;
}

@media(max-width:850px){
  main > section { transform:translate3d(0,var(--section-y,0px),0) scale(var(--section-scale,1)) !important; }
  .gallery figure,.reason-grid article,.offer-card,.review,.faq-list details { transform:translate3d(0,var(--card-y,0px),0) scale(var(--card-scale,1)) !important; }
}

/* Only disable motion when the user explicitly requests reduced motion. */
@media(prefers-reduced-motion:reduce){
  main > section,.gallery figure,.reason-grid article,.offer-card,.review,.faq-list details,
  .cinema img,.member-photo img,.gallery figure img,.hero-photo,.hero-content {
    transform:none !important;
  }
}

/* V14 CLEAN SCROLL ENGINE — single source of truth */
main > section {
  opacity: var(--scroll-opacity, 1) !important;
  transform: translate3d(0, var(--scroll-y, 0px), 0) scale(var(--scroll-scale, 1)) !important;
  transition: none !important;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.gallery figure, .reason-grid article, .offer-card, .review, .faq-list details {
  opacity: var(--card-opacity, 1) !important;
  transform: translate3d(0, var(--card-y, 0px), 0) scale(var(--card-scale, 1)) !important;
  transition: none !important;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.cinema img, .member-photo img, .gallery figure img {
  transform: scale(1.045) translate3d(0, var(--photo-y, 0px), 0) !important;
  transition: filter .6s ease !important;
  will-change: transform;
  backface-visibility: hidden;
}

.hero-photo {
  transform: scale(var(--hero-scale, 1.065)) translate3d(0, var(--hero-y, 0%), 0) !important;
  transition: none !important;
  will-change: transform;
  backface-visibility: hidden;
}

.hero-content {
  transform: translate3d(0, var(--hero-content-y, 0px), 0) !important;
  transition: none !important;
  will-change: transform;
}

/* Keep hover restrained; scroll motion remains in control. */
@media (hover:hover) {
  .gallery figure:hover img { transform: scale(1.055) translate3d(0, var(--photo-y, 0px), 0) !important; }
}

@media (max-width: 760px) {
  main > section { --mobile-scroll-distance: 46px; }
}


/* Social floating actions — WhatsApp preserved, Instagram added in the same style. */
.social-floats{position:fixed;z-index:80;right:18px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.social-floats .floating{position:relative;right:auto;bottom:auto;pointer-events:auto}
.social-floats .instagram{background:#151922;color:#fff;border:1px solid rgba(246,164,0,.7);box-shadow:0 8px 28px #0008}
.social-floats .instagram:hover{box-shadow:0 10px 32px rgba(246,164,0,.18);transform:translateY(-2px)}
@media(max-width:850px){.social-floats{right:12px;bottom:12px}}
/* Guaranteed visible social logos: self-contained SVG image assets. */
.social-floats{display:flex;flex-direction:row;align-items:center;gap:10px}
.social-floats .social-icon{width:52px;height:52px;padding:0;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#11151c;border:1px solid #2b3038}
.social-floats .social-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.social-floats .whatsapp{background:#25D366!important;border-color:#25D366!important}
.social-floats .instagram{background:#11151c!important;border-color:#f6a400!important}
.social-floats .social-icon:hover{transform:translateY(-4px) scale(1.05)}
@media(max-width:850px){.social-floats{right:12px;bottom:12px;gap:8px}.social-floats .social-icon{width:48px;height:48px}}


/* Footer social links: intentionally placed in the footer so platform badges cannot cover them. */
footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:34px 5vw}
.footer-brand{display:flex;align-items:center;gap:28px}
.footer-brand span{color:#5e646e}
.footer-social{display:flex;align-items:center;gap:18px}
.footer-social small{font-size:8px;font-weight:900;letter-spacing:2px;color:#f6a400}
.footer-social-links{display:flex;align-items:center;gap:10px}
.footer-social-links a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid #303641;background:#11151c;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}
.footer-social-links a:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 10px 28px #0008}
.footer-social-links img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:850px){footer{grid-template-columns:1fr auto;gap:22px;padding:30px 7vw}.footer-brand{display:block}.footer-brand span{display:block;margin-top:8px}.footer-social{grid-column:1/-1;grid-row:1;justify-content:space-between}.footer-social-links a{width:48px;height:48px}footer>span{grid-column:1/-1}}

/* Keep floating social buttons visible above the Netlify badge area. */
.social-floats{bottom:82px!important;right:18px!important;z-index:9999!important;}
@media(max-width:850px){.social-floats{bottom:82px!important;right:12px!important;}}

/* Owner section */
.owner-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#0b0e14;min-height:680px;border-top:1px solid #20242b;border-bottom:1px solid #20242b}
.owner-photo{min-height:680px;position:relative;overflow:hidden;background:#11151c}
.owner-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0b0e14 100%),linear-gradient(0deg,#0b0e1460,transparent 45%);pointer-events:none}
.owner-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.9) contrast(1.03)}
.owner-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}
.owner-copy h2{font-size:clamp(65px,7vw,112px);margin:24px 0 30px}
.owner-copy h3{font-family:"Barlow Condensed";font-size:34px;letter-spacing:1px;margin:0;color:#fff}
.owner-copy>p{color:#f6a400;font-size:10px;font-weight:800;letter-spacing:2px;margin:7px 0 0}
.owner-rule{width:58px;height:2px;background:#f6a400;margin:28px 0 22px}
.owner-copy .owner-note{color:#8b9099;line-height:1.8;max-width:430px;font-size:13px;letter-spacing:0}
@media(max-width:850px){
 .owner-section{grid-template-columns:1fr;min-height:auto}
 .owner-photo{min-height:560px}
 .owner-photo:after{background:linear-gradient(0deg,#0b0e14 0%,transparent 45%),linear-gradient(90deg,#0b0e1460,transparent 70%)}
 .owner-copy{padding:70px 7vw 80px}
 .owner-copy h2{font-size:clamp(62px,16vw,92px)}
}

/* Member features */
.member-features{grid-column:1/-1;margin-top:8px;padding-top:55px;border-top:1px solid rgba(8,10,15,.28);display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}.feature-heading span{font-size:9px;letter-spacing:2px;font-weight:900}.feature-heading h3{font-family:"Barlow Condensed";font-size:52px;line-height:.82;margin:15px 0 0;font-weight:900;letter-spacing:-1px}.feature-heading em{font-style:normal;color:#080a0f}.feature-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(8,10,15,.28)}.feature-item{min-height:82px;padding:22px 18px;border-bottom:1px solid rgba(8,10,15,.28);display:flex;align-items:center;gap:16px}.feature-item:nth-child(odd){border-right:1px solid rgba(8,10,15,.28)}.feature-item b{font-family:"Barlow Condensed";font-size:27px;color:#080a0f;opacity:.55}.feature-item span{font-size:10px;font-weight:900;letter-spacing:1px;line-height:1.25}.feature-item:last-child{grid-column:1/-1}
@media(max-width:850px){.member-features{grid-template-columns:1fr;gap:28px;padding-top:40px}.feature-heading h3{font-size:45px}.feature-list{grid-template-columns:1fr}.feature-item:nth-child(odd){border-right:0}.feature-item:last-child{grid-column:auto}}


/* Original training programs section */
.training-section{padding:110px 7vw;background:#080a0f;color:#fff;border-top:1px solid #080a0f;border-bottom:1px solid #080a0f}
.training-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin:35px 0 70px}
.training-head h2{font-family:"Barlow Condensed";font-size:clamp(70px,8vw,125px);line-height:.8;letter-spacing:-2px;margin:0;font-weight:900}
.training-head h2 em{font-style:normal;color:#fff}
.training-intro{max-width:510px;padding-bottom:5px}.training-intro .lead{font-size:22px;line-height:1.25;font-weight:700;margin:0 0 15px}.training-intro p:last-child{font-size:14px;line-height:1.7;max-width:470px;margin:0}
.training-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.22)}
.training-grid article{min-height:235px;padding:30px 28px 35px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.training-grid article:nth-child(odd){padding-right:55px;border-right:1px solid rgba(255,255,255,.22)}
.training-grid article:nth-child(even){padding-left:35px}
.training-photo{position:relative;height:190px;margin:0 0 25px;overflow:hidden;background:#11151c;border:1px solid #20242b}.training-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.05);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s ease}.training-grid article:hover .training-photo img{transform:scale(1.045);filter:saturate(1.02) contrast(1.07)}.training-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.72) 100%);pointer-events:none}.training-photo b{position:absolute;left:15px;bottom:13px;z-index:1;font-size:9px;letter-spacing:1.7px;color:#fff}.training-grid article span{font-family:"Barlow Condensed";font-size:28px;font-weight:900;color:#f6a400;opacity:1}.training-grid h3{font-family:"Barlow Condensed";font-size:35px;line-height:1;margin:25px 0 12px;letter-spacing:.5px}.training-grid p{font-size:13px;line-height:1.7;max-width:480px;margin:0}
@media(max-width:850px){.training-section{padding:80px 7vw}.training-head{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.training-head h2{font-size:clamp(68px,17vw,100px)}.training-grid{grid-template-columns:1fr}.training-grid article,.training-grid article:nth-child(odd),.training-grid article:nth-child(even){padding:27px 0;border-right:0}.training-grid article:last-child{border-bottom:0}.training-photo{height:210px;margin-bottom:22px}.training-grid h3{font-size:31px;margin-top:18px}}

/* Real training photo section */
.real-training{padding:110px 7vw;background:#080a0f;color:#fff;border-top:1px solid #20242b;border-bottom:1px solid #20242b}
.real-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin:35px 0 70px}
.real-head h2{font-family:"Barlow Condensed";font-size:clamp(70px,8vw,125px);line-height:.8;letter-spacing:-2px;margin:0;font-weight:900}
.real-head h2 em{font-style:normal;color:#f6a400}
.real-intro{max-width:510px;padding-bottom:5px}.real-intro .lead{font-size:22px;line-height:1.25;font-weight:700;margin:0 0 15px}.real-intro p:last-child{font-size:14px;line-height:1.7;max-width:470px;margin:0;color:#a5a9b0}
.real-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:310px;gap:14px}
.real-grid figure{position:relative;margin:0;overflow:hidden;background:#11151c;border:1px solid #20242b;min-height:0}
.real-grid .real-feature{grid-row:span 2}
.real-grid .real-wide{grid-column:span 2}
.real-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease}
.real-grid figure:hover img{transform:scale(1.045);filter:saturate(1.04) contrast(1.04)}
.real-grid figcaption{position:absolute;left:18px;bottom:16px;font-family:"Barlow Condensed";font-size:18px;font-weight:800;letter-spacing:1.5px;color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.7)}
.real-grid figcaption:before{content:"";display:inline-block;width:24px;height:2px;background:#f6a400;vertical-align:middle;margin-right:9px}
@media(max-width:850px){.real-training{padding:80px 7vw}.real-head{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.real-head h2{font-size:clamp(68px,17vw,100px)}.real-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px;gap:10px}.real-grid .real-feature{grid-column:span 2;grid-row:span 2}.real-grid .real-wide{grid-column:span 2}.real-grid figcaption{font-size:15px;left:12px;bottom:12px}.real-grid figcaption:before{width:18px;margin-right:7px}}

/* Member enquiry */
.enquiry-section{padding:110px 8vw;background:#0b0e14;color:#f7f8fa}
.enquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;margin-top:55px}
.enquiry-copy h2{font-family:"Barlow Condensed";font-size:clamp(65px,8vw,120px);line-height:.75;letter-spacing:-2.2px;margin:18px 0 25px}
.enquiry-copy h2 em{font-style:normal;color:#f6a400}
.enquiry-copy>p{color:#8f949d;line-height:1.8;max-width:500px}
.enquiry-note{margin-top:45px;padding:20px 0;border-top:1px solid #292e36;border-bottom:1px solid #292e36;display:grid;gap:8px}
.enquiry-note b{font-size:9px;letter-spacing:2px;color:#f6a400}
.enquiry-note span{font-size:11px;color:#777;line-height:1.7;max-width:480px}
.enquiry-form{background:#15191f;border:1px solid #2b3038;padding:42px;display:grid;gap:20px}
.form-title{font-family:"Barlow Condensed";font-size:42px;font-weight:900;line-height:.9;margin-bottom:-5px}
.form-title span{color:#fff}.form-title em{font-style:normal;color:#f6a400}
.form-subtitle{margin:0 0 10px;color:#8d929a;font-size:12px;line-height:1.7}
.enquiry-form label{display:grid;gap:8px;color:#8f949d;font-size:9px;font-weight:800;letter-spacing:1.8px}
.enquiry-form label small{font-size:7px;color:#626873;letter-spacing:1px}
.enquiry-form input,.enquiry-form select{width:100%;height:54px;border:1px solid #252a32;background:#0d1015;color:#f7f8fa;padding:0 16px;font:500 13px Inter,Arial,sans-serif;outline:none;border-radius:0}
.enquiry-form input::placeholder{color:#5f646d}
.enquiry-form select{appearance:auto;color:#f7f8fa}
.enquiry-form input:focus,.enquiry-form select:focus{border-color:#f6a400;box-shadow:0 0 0 1px #f6a40033}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enquiry-submit{margin-top:5px;height:56px;border:1px solid #f6a400;background:#f6a400;color:#080a0f;font:900 10px Inter,Arial,sans-serif;letter-spacing:1.3px;cursor:pointer}
.enquiry-submit span{margin-left:12px}
.enquiry-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(246,164,0,.18)}
.form-disclaimer{color:#5f646d;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:850px){
  .enquiry-section{padding:80px 7vw}
  .enquiry-grid{grid-template-columns:1fr;gap:45px;margin-top:45px}
  .enquiry-copy h2{font-size:clamp(68px,17vw,100px)}
  .enquiry-form{padding:28px 22px;gap:18px}
  .form-title{font-size:37px}
  .form-row{grid-template-columns:1fr}
  .enquiry-submit{font-size:9px}
}

/* Floating social buttons: ensure reliable touch/click interaction on mobile browsers. */
.social-floats .social-icon{position:relative;z-index:10000;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;}
.social-floats .social-icon img{pointer-events:none;}

/* Training windows / conversion block */
.schedule-section{background:#080a0f;color:#fff;padding:110px 7vw 90px;border-top:1px solid rgba(255,255,255,.1)}
.schedule-head{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:end;margin-top:24px}
.schedule-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(64px,9vw,150px);line-height:.82;letter-spacing:-.03em;margin:0;text-transform:uppercase}
.schedule-head h2 em{font-style:normal;color:#d7b64b}
.schedule-intro{max-width:560px;padding-bottom:8px}.schedule-intro .lead{font-size:22px;font-weight:700;margin:0 0 14px}.schedule-intro p{color:rgba(255,255,255,.66);line-height:1.7}
.schedule-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.schedule-grid article{padding:30px 28px 34px 0}.schedule-grid article+article{border-left:1px solid rgba(255,255,255,.18);padding-left:28px}.schedule-grid span{display:block;color:#d7b64b;font-weight:800;font-size:13px;letter-spacing:.16em;margin-bottom:14px}.schedule-grid strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,4vw,60px);letter-spacing:.01em}.schedule-grid p{color:rgba(255,255,255,.55);margin:8px 0 0}
.schedule-cta{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0}.schedule-cta div{display:flex;flex-direction:column;gap:5px}.schedule-cta b{font-size:14px;letter-spacing:.1em}.schedule-cta span{color:rgba(255,255,255,.58)}
@media(max-width:760px){.schedule-section{padding:78px 6vw 65px}.schedule-head{grid-template-columns:1fr;gap:32px}.schedule-head h2{font-size:clamp(58px,17vw,100px)}.schedule-grid{grid-template-columns:1fr;margin-top:48px}.schedule-grid article{padding:24px 0}.schedule-grid article+article{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0}.schedule-cta{align-items:flex-start;flex-direction:column}.schedule-cta .button{width:100%;text-align:center}}

/* REVIEWS — clean public-rating presentation; no fabricated testimonials. */
.review-panel{align-self:center;background:#151a22;border:1px solid #292f38;padding:38px 42px;position:relative;overflow:hidden}
.review-panel:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#f6a400}
.review-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #2a3038;padding-bottom:18px}
.review-topline span{font-size:8px;font-weight:900;letter-spacing:2px;color:#8b9099}
.review-topline b{color:#f6a400;letter-spacing:4px;font-size:17px}
.rating-main{display:flex;align-items:baseline;margin:28px 0 24px;font-family:"Barlow Condensed"}
.rating-main strong{font-size:82px;line-height:.8}
.rating-main span{font-family:Inter,Arial,sans-serif;color:#777;font-size:14px;margin-left:8px}
.rating-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2a3038;border-bottom:1px solid #2a3038}
.rating-meta div{padding:20px 0}.rating-meta div+div{padding-left:25px;border-left:1px solid #2a3038}
.rating-meta b{display:block;font-family:"Barlow Condensed";font-size:27px;color:#f7f8fa;letter-spacing:1px}
.rating-meta div:last-child b{color:#f6a400;font-size:18px;letter-spacing:3px;margin:4px 0 5px}
.rating-meta span{display:block;color:#777;font-size:7px;letter-spacing:1.5px}
.review-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px}
.review-actions a{color:#f6a400;font-size:8px;font-weight:900;letter-spacing:1.4px;border-bottom:1px solid #58480f;padding-bottom:7px}
.review-actions span{color:#60656e;font-size:8px}
@media(max-width:850px){.review-panel{padding:32px 28px}.rating-main strong{font-size:72px}.review-actions{align-items:flex-start;flex-direction:column;gap:14px}.rating-meta div+div{padding-left:18px}}

/* Training purpose image cards */
.training-photo{border-radius:0;box-shadow:0 14px 35px rgba(0,0,0,.22)}
.training-photo img{object-position:center 35%}
@media(max-width:850px){.training-photo{height:220px;border-radius:0}.training-photo b{font-size:10px;letter-spacing:2px}}