/* Editorial motion layer. The page remains readable if JavaScript or animation is unavailable. */
.scroll-progress{position:fixed;inset:0 auto auto 0;width:0;height:3px;background:var(--orange);z-index:100;pointer-events:none;box-shadow:0 0 15px rgba(248,147,32,.6)}
.hero{isolation:isolate}
.hero-reel,.hero-shot{position:absolute;inset:0}
.hero-shot{background-size:cover;background-position:center 36%;opacity:0;transform:scale(1.1);transition:opacity 1.3s ease,transform 7s ease;will-change:opacity,transform}
.hero-shot.active{opacity:1;transform:scale(1)}
.hero-shot-one{background-image:url('./assets/hero.jpg')}
.hero-shot-two{background-image:url('./assets/facility.jpg');background-position:center center}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.66) 42%,rgba(0,0,0,.06) 85%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 34%)}
.hero-grid{position:absolute;inset:0;z-index:2;opacity:.16;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.26) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.26) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.26) 75%,transparent calc(75% + .5px));mask-image:linear-gradient(0deg,#000,transparent 70%)}
.hero-content{z-index:4}
.hero-content .eyebrow{animation:heroFade .7s .2s both}
.hero-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero-line>span,.hero-line>em{display:block;animation:heroType .9s cubic-bezier(.16,1,.3,1) both;transform-origin:left bottom}
.hero-line:nth-child(2)>em{animation-delay:.18s}
.hero-content>p{animation:heroFade .8s .6s both}
.hero-actions{animation:heroFade .8s .75s both}
.hero-signal{position:absolute;z-index:3;right:4%;top:25%;width:min(31vw,440px);aspect-ratio:1;pointer-events:none;opacity:.8}
.signal-ring{position:absolute;inset:0;border:1px solid rgba(248,147,32,.63);border-radius:50%;animation:signalBreath 5s ease-in-out infinite}
.signal-ring:before,.signal-ring:after{content:'';position:absolute;background:var(--orange)}
.signal-ring:before{width:12px;height:2px;top:50%;left:-6px}.signal-ring:after{width:2px;height:12px;top:-6px;left:50%}
.signal-ring.ring-two{inset:15%;border-color:rgba(255,255,255,.38);animation-delay:-2.5s;animation-direction:reverse}
.signal-core{position:absolute;inset:31%;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(70px,9vw,150px);color:rgba(248,147,32,.55);transform:skew(-8deg);text-shadow:0 0 40px #000}
.signal-word{position:absolute;font-size:9px;font-weight:700;letter-spacing:.22em;color:#efede8;text-shadow:0 2px 9px #000}.word-one{left:-22px;top:20%}.word-two{right:-18px;bottom:20%}
.hero-bottom{z-index:5;align-items:center}
.reel-status,.reel-controls{display:flex;align-items:center;gap:12px}
.reel-pulse{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(248,147,32,.8);animation:pulse 2s infinite}
.reel-controls button{border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.2);color:#fff;width:27px;height:27px;font-size:10px;display:grid;place-items:center}
.reel-controls button:hover{background:var(--orange);color:#111}
.reel-meter{height:2px;width:45px;background:#777;display:block;overflow:hidden}
.reel-meter span{height:100%;width:0;background:var(--orange);display:block;animation:reelMeter 5s linear infinite}
.reel-meter span.paused{animation-play-state:paused}
.kinetic-band{height:110px;overflow:hidden;border-top:1px solid #3c332c;border-bottom:1px solid #3c332c;background:#f89320;color:#16110e;display:flex;align-items:center}
.kinetic-track{flex:none;white-space:nowrap;font-family:var(--display);font-size:76px;font-weight:800;line-height:1;letter-spacing:-.025em;animation:marquee 30s linear infinite}
.kinetic-track span{font-size:40px;vertical-align:middle;padding:0 32px}
.intro,.experience,.locations{background:#101010;color:var(--ink)}
.intro .overline,.experience .overline,.locations .overline{color:var(--orange)}
.intro h2 span,.experience h2 span,.locations h2 span{color:var(--orange)}
.large-copy,.experience .section-lead,.locations .section-lead{color:#aba6a0}
.intro{position:relative;overflow:hidden;border-bottom:1px solid #2b2927}
.intro:before{content:'Q';position:absolute;right:-6%;bottom:-40%;font-family:var(--display);font-size:min(70vw,1000px);font-weight:800;line-height:1;color:rgba(248,147,32,.045);transform:skew(-8deg);pointer-events:none}
.intro-grid{position:relative;z-index:1}
.intro h2{font-size:clamp(70px,8vw,135px)}
.intro-aside{color:#b6aaa0}
.journey{background:#141414}
.journey-layout{box-shadow:25px 25px 0 rgba(248,147,32,.07)}
.goal-panel{position:relative;overflow:hidden}
.goal-panel:before{content:'YOUR PATH';position:absolute;top:30%;right:-28%;font-family:var(--display);font-size:160px;font-weight:800;white-space:nowrap;color:rgba(255,255,255,.025);transform:rotate(-90deg);pointer-events:none}
.goal-panel>*{position:relative}
.goal-panel h3,.goal-panel p,.goal-panel li,.goal-panel-bottom{animation:panelRise .45s both}
.goal-panel p{animation-delay:.06s}.goal-panel li:nth-child(1){animation-delay:.09s}.goal-panel li:nth-child(2){animation-delay:.13s}.goal-panel li:nth-child(3){animation-delay:.17s}.goal-panel li:nth-child(4){animation-delay:.21s}.goal-panel-bottom{animation-delay:.23s}
.goal-panel ol{position:relative;padding-left:14px}
.goal-panel ol:before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:2px;background:linear-gradient(var(--orange),transparent);transform-origin:top;animation:pathTrace .6s .1s both}
.services-grid{grid-template-columns:repeat(3,1fr)}
.service-card{overflow:hidden}
.service-card:before{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.service-card:hover:before{transform:scaleX(1)}
.service-card:first-child{grid-column:span 2;background:linear-gradient(90deg,rgba(15,15,15,.96),rgba(15,15,15,.5)),url('./assets/facility.jpg') center/cover}
.service-card:first-child h3{font-size:62px;margin-top:65px}
.service-card:last-child{grid-column:span 3;min-height:180px;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;column-gap:20px}
.service-card:last-child h3{margin:0}.service-card:last-child p{max-width:350px}.service-card:last-child .service-arrow{bottom:50%;transform:translateY(50%)}
.proof{background:#18120f}
.story-placeholder{transform:rotate(1.5deg);transition:transform .5s ease,box-shadow .5s ease;box-shadow:20px 20px 0 #0b0b0b}
.story-placeholder:hover{transform:rotate(0);box-shadow:8px 8px 0 #0b0b0b}
.experience{background:#111}
.experience-photo{clip-path:inset(0 0 0 0);border:1px solid #3d3732}
.experience-photo img{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.experience-photo:hover img{transform:scale(1.05)}
.experience-grid article{border-color:#5a514a}.experience-grid article>span{color:var(--orange)}.experience-grid p{color:#aaa}
.coaches{background:#181818}
.coach-panel{position:relative;overflow:hidden}
.coach-panel:before{content:'';width:450px;height:450px;border:1px solid rgba(248,147,32,.22);border-radius:50%;position:absolute;right:-240px;top:-200px;box-shadow:0 0 0 50px rgba(248,147,32,.03),0 0 0 100px rgba(248,147,32,.025)}
.coach-panel>*{position:relative}
.membership{background:#0b0b0b}
.plan{transition:transform .3s ease,box-shadow .3s ease}
.plan:hover{transform:translateY(-9px)}
.plan.featured{box-shadow:0 0 0 1px var(--orange),16px 16px 0 rgba(248,147,32,.1)}
.testimonial{background:#19130f}
.schedule{background:#101010}
.locations{background:#171717}
.location-card{background:#202020;border-color:#45403c;color:#fff;transition:transform .3s ease,border-color .3s ease}
.location-card:hover{transform:translateY(-7px);border-color:var(--orange)}
.location-number,.location-details p,.location-card dt,.location-card .text-link{color:var(--orange)}
.location-card dl{border-color:#555}.location-card dd{color:#aaa}
.location-visual{border:1px solid #39302b;position:relative}
.location-visual:before{content:'';position:absolute;inset:-70%;border:1px solid rgba(248,147,32,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(248,147,32,.04),0 0 0 110px rgba(248,147,32,.035);animation:orbit 20s linear infinite}
.location-visual span{position:relative}
.join{background:var(--orange)}
.join-outline{animation:joinDrift 12s ease-in-out infinite alternate}
.motion-ready [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.motion-ready [data-reveal].in-view{opacity:1;transform:translateY(0)}
.motion-ready [data-reveal='card']:nth-child(2){transition-delay:.08s}.motion-ready [data-reveal='card']:nth-child(3){transition-delay:.16s}
@keyframes heroType{from{opacity:0;transform:translateY(110%) skewY(4deg)}to{opacity:1;transform:translateY(0) skewY(0)}}
@keyframes heroFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes signalBreath{0%,100%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(18deg) scale(1.045);opacity:1}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(248,147,32,.7)}70%{box-shadow:0 0 0 9px rgba(248,147,32,0)}100%{box-shadow:0 0 0 0 rgba(248,147,32,0)}}
@keyframes reelMeter{from{width:0}to{width:100%}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes panelRise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes pathTrace{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes joinDrift{to{transform:translateX(-35px)}}
@media(max-width:1100px){.hero-signal{right:-7%;top:32%;opacity:.4}.service-card:first-child h3{font-size:50px}}
@media(max-width:760px){.hero{min-height:740px;height:100svh;padding-bottom:125px}.hero-shot{background-position:60% center}.hero-shot-two{background-position:52% center}.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.69) 33%,rgba(0,0,0,.1) 85%)}.hero-grid{display:none}.hero-signal{width:260px;top:19%;right:-80px;opacity:.32}.signal-core{font-size:90px}.hero-bottom{display:flex;align-items:end}.hero-bottom>.image-disclosure{position:absolute;bottom:40px;left:0}.hero-bottom .reel-controls>span:last-child{display:none}.kinetic-band{height:70px}.kinetic-track{font-size:48px}.kinetic-track span{font-size:25px;padding:0 20px}.intro h2{font-size:clamp(65px,14vw,90px)}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:first-child{grid-column:span 2;min-height:250px}.service-card:first-child h3{font-size:49px}.service-card:last-child{grid-column:span 2;display:block;min-height:190px}.service-card:last-child h3{margin:30px 0 8px}.story-placeholder{box-shadow:10px 10px 0 #0b0b0b}.experience-photo{height:420px}.location-card:hover,.plan:hover{transform:none}}
@media(max-width:430px){.hero{min-height:710px}.hero-signal{top:19%;right:-110px;width:235px}.hero-bottom .image-disclosure{font-size:8px}.reel-meter{width:30px}.service-card:first-child h3{font-size:42px}.service-card:last-child h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.hero-shot,.hero-line>span,.hero-line>em,.hero-content .eyebrow,.hero-content>p,.hero-actions,.kinetic-track,.signal-ring,.reel-pulse,.reel-meter span,.goal-panel h3,.goal-panel p,.goal-panel li,.goal-panel-bottom,.goal-panel ol:before,.location-visual:before,.join-outline{animation:none!important;transition:none!important}.hero-shot{transform:none}.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.kinetic-track{animation:none}.hero-signal{display:none}}

/* QNTS official identity: true logo orange, its green detail, and neutral graphite. */
.brand{display:block;width:212px;height:auto;line-height:0;flex:none}
.brand img{display:block;width:100%;height:auto}
.footer-brand{width:260px}
.brand-green{color:var(--brand-green)}
.intro-aside .asterisk{color:var(--brand-green)}
.site-header{background:rgba(8,10,11,.22);backdrop-filter:blur(12px)}
.signal-core{overflow:hidden;transform:none;background:rgba(7,8,9,.15)}
.signal-core img{display:block;width:95%;height:95%;object-fit:contain}
.kinetic-band{background:#151719;border-color:#383d40;color:var(--ink)}
.kinetic-track span{color:var(--orange)}
.intro,.experience{background:#111315}
.journey,.coaches,.testimonial,.locations{background:#151719}
.ecosystem,.membership,.schedule{background:#0e1011}
.proof{background:#121416}
.goal-choice{background:#191b1d}
.goal-choice:hover,.goal-choice.active{background:#242526}
.goal-panel{background:radial-gradient(circle at 90% 24%,#303033 0%,#1a1d1f 43%,#131517 100%)}
.service-card{background:#191b1d}
.service-card:hover{background:#24272a}
.service-card:first-child{background:linear-gradient(90deg,rgba(13,15,17,.98),rgba(13,15,17,.58)),url('./assets/facility.jpg') center/cover}
.story-placeholder{background:linear-gradient(145deg,#26292b,#0f1112);border-color:#43494c}
.story-frame{border-color:#596064}
.coach-panel{background:linear-gradient(145deg,#232629,#17191b);border-color:#454b4e}
.plan{background:#17191b}
.plan.featured{background:#202224}
.location-card{background:#202326;border-color:#454b4d}
.location-visual{background:repeating-linear-gradient(135deg,#242729 0,#242729 20px,#292d2f 20px,#292d2f 21px)}
.join{background:#0f1112;color:var(--ink);border-top:1px solid #363c3e}
.join .overline,.join h2 span{color:var(--orange)}
.join-content>p:not(.overline):not(.join-note){color:#b9bbbc}
.join .button-dark{background:var(--orange);color:#101112}
.join .button-dark:hover{background:var(--orange-light)}
.join-note{color:#8f9496}
.join-outline{color:rgba(248,147,32,.07)}
@media(max-width:760px){.brand{width:161px}.footer-brand{width:230px}.site-header{backdrop-filter:blur(8px)}}