/* Client selection: 04, 06, 10, 11, 12. Other studies live in the concept archive. */
.chapter-bridge,.mascot-lift-section,.map-curtain{display:none}
/* 04: a shared stage, with three masked chapters instead of a sideways track. */
.training-guide{display:none}.training-heading{padding-bottom:16px}.training-story.motion-story{height:250vh;min-height:0}.motion-story .training-sticky{top:100px}.motion-story .training-window{height:clamp(320px,48vh,445px);border:1px solid var(--ink-18);background:var(--bone)}.motion-story .training-track{position:relative;height:100%;display:block;transform:none!important;will-change:auto}.motion-story .training-card{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;min-height:0;min-width:0;width:100%;padding:26px 30px;gap:30px;background:var(--bone);isolation:isolate;overflow:hidden}.motion-story .training-card:nth-child(2){background:#e8e1d2}.motion-story .training-card:nth-child(3){background:#dfcda0}.motion-story .training-card .photo{margin:0;width:100%;max-width:410px;max-height:100%;transform:rotate(0);box-shadow:none;padding:0}.motion-story .training-card .tape{display:none}.motion-story .training-card .ph-in{max-height:330px}.motion-story .training-card h3{font-size:clamp(45px,6vw,82px)}.motion-story .training-card .tags li{background:var(--bone)}.motion-story .training-card-copy{align-self:center}.motion-story .training-navigation{padding-top:15px;border:0}.training-dots button{transition:background .2s,color .2s}
/* 06: a crimson sheet hands the scroll over to memberships. */
.chapter-bridge.motion-bridge{display:block;position:relative;height:175vh;background:var(--brass);padding:0}.bridge-stage{position:sticky;top:90px;height:calc(100svh - 90px);max-height:900px;overflow:hidden;background:var(--brass);isolation:isolate}.bridge-copy{position:absolute;top:50%;left:max(7%,calc((100% - 1160px)/2));transform:translateY(-50%)}.bridge-copy>span,.bridge-foot{font-size:10px;font-weight:600;letter-spacing:.18em}.bridge-copy p{font:clamp(72px,12vw,175px)/.88 var(--display);margin:22px 0}.bridge-copy small{font-size:14px}.crimson-wipe{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding:7%;background:var(--crimson);color:var(--bone);transform:translateX(100%);box-shadow:12px 0 35px #19181726}.crimson-wipe>span{font:clamp(90px,18vw,250px)/.85 var(--display)}.bridge-foot{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;z-index:3}
/* 10: one connected logo performer, with planted shoes. */
.mascot-lift-section.motion-lift{display:block;height:160vh;padding:0;background:var(--bone);position:relative}.lift-sticky{position:sticky;top:100px;overflow:hidden}.lift-artboard{width:min(1000px,100%);aspect-ratio:1000/560;position:relative;margin:auto;overflow:hidden;container-type:inline-size;background:var(--bone)}.lift-curtain{position:absolute;left:0;right:0;top:0;height:57.5%;background:var(--crimson);box-shadow:0 16px 25px #19181728;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--bone);border-bottom:8px solid #ae292d}.lift-curtain span{font:clamp(40px,10cqw,105px)/.88 var(--display);text-align:center}.lift-invitation{position:absolute;left:6.5%;top:59%;font:clamp(36px,7.2cqw,72px)/.9 var(--display)}.lift-invitation em{font-style:normal;color:var(--crimson)}.lift-performer{position:absolute;width:24.5%;left:37.8%;top:48%;z-index:3}.lift-performer svg{display:block;width:100%;height:auto;overflow:visible}.lift-ground{position:absolute;top:87.7%;left:0;right:0;bottom:0;background:#e4dcc7;border-top:2px solid var(--ink)}.lift-location{position:absolute;left:6.5%;bottom:3%;font-size:clamp(6px,.8cqw,9px);letter-spacing:.16em;z-index:4}
/* 11: doorway artwork, followed by the live enquiry reveal below. */
.paper-gym{padding:55px 0 45px}.gym-heading{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.gym-heading>.kicker{display:none}.gym-heading .h2{font-size:clamp(36px,4.5vw,60px);margin:0}.gym-heading p{font-size:13px;margin:0;padding-bottom:4px}.studio-camera.gym-scene{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:1000/470;max-height:500px;margin:0;overflow:hidden;isolation:isolate;container-type:inline-size;border:1px solid var(--ink-18);perspective:none}.studio-reception{position:absolute;inset:0;background:#d9ceae;transform-origin:center}.studio-reception-copy{position:absolute;left:6%;top:16%;z-index:2}.studio-reception-copy>span{font-size:clamp(8px,1cqw,11px);letter-spacing:.2em}.studio-reception-copy h3{font:clamp(28px,8cqw,85px)/.89 var(--display);margin:18px 0}.studio-reception-copy p{font-size:clamp(10px,1.4cqw,15px);margin:0 0 18px}.studio-reception-copy .btn{font-size:clamp(15px,2cqw,23px);padding:10px 20px}.studio-host{position:absolute;width:21%;right:17%;top:9%}.studio-host svg{display:block;width:100%;height:auto}.studio-desk{position:absolute;right:8%;top:49%;width:37%;height:36%;background:var(--crimson);color:var(--bone);box-shadow:9px 9px #19181722;display:grid;place-items:center;font:clamp(20px,4cqw,45px) var(--display)}.studio-illustration{position:absolute;bottom:4%;left:6%;font-size:clamp(7px,.9cqw,10px);color:var(--ink-72)}.studio-wall,.studio-door-frame,.studio-door-caption{display:none}.motion-ready .studio-wall{display:block;position:absolute;inset:0;background:var(--bone);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,38% 0,38% 90%,62% 90%,62% 10%,38% 10%,38% 0);transform-origin:50% 50%;z-index:3;pointer-events:none}.motion-ready .studio-door-frame{display:block;position:absolute;left:37%;top:8%;width:26%;height:83%;border:clamp(4px,1cqw,10px) solid var(--crimson);transform-origin:50% 50%;z-index:4;pointer-events:none}.studio-door{position:absolute;inset:0;background:var(--ink);color:var(--bone);transform-origin:left center;backface-visibility:hidden}.studio-door>span{position:absolute;left:5%;right:5%;top:15%;text-align:center;font:clamp(18px,3.5cqw,40px)/.95 var(--display)}.studio-door i{position:absolute;right:12%;top:52%;height:12%;width:4%;background:var(--brass)}.motion-ready .studio-door-caption{display:block;position:absolute;left:6%;top:32%;font:clamp(24px,6.5cqw,72px)/.9 var(--display);z-index:5;pointer-events:none}.paper-gym.motion-ready{height:225vh;min-height:0}.motion-ready .gym-sticky{position:sticky;top:100px}.gym-action{margin-top:18px;gap:18px}.gym-action .scroll-cue{font-size:15px}.gym-action .btn{font-size:21px}.gym-action p{font-size:10px}
.studio-desk{background:#ac0e1f}
/* 12: the closing invitation lifts away to reveal the neighbourhood. */
.paper-directions.map-story{position:relative;height:205vh;padding:0;background:var(--desk);min-height:0}.map-story .directions-sticky{position:sticky;top:90px;padding:28px 0 20px;overflow:hidden;isolation:isolate}.map-story .directions-heading{margin-bottom:22px}.map-story .directions-heading .h2{font-size:clamp(33px,4.5vw,60px);margin-bottom:0}.map-story .directions-heading p{font-size:12px;padding-bottom:0}.map-story .folded-map{height:clamp(230px,40vh,390px);transform:none;box-shadow:none}.map-story .directions-bottom{margin-top:18px}.map-story .map-curtain{display:flex;position:absolute;inset:0;background:var(--ink);color:var(--bone);z-index:5;padding:8%;flex-direction:column;justify-content:center;pointer-events:none}.map-curtain>span{font-size:10px;letter-spacing:.22em}.map-curtain>p{font:clamp(55px,9vw,128px)/.9 var(--display);margin:25px 0}.map-curtain em{font-style:normal;color:var(--crimson)}.map-curtain>small{font-size:14px}.map-story .map-art{transform-origin:68% 45%}
@media(max-width:960px){.motion-story .training-sticky{top:100px}.motion-story .training-card{padding:24px;gap:22px}.motion-story .training-card h3{font-size:52px}.gym-heading{display:block}.gym-heading p{margin-top:15px}.studio-camera.gym-scene{aspect-ratio:1000/520}.gym-action p{flex-basis:100%}.directions-heading{gap:20px}.mascot-lift-section.motion-lift{height:140vh}}
@media(max-width:600px){.training-story.motion-story{height:255vh}.training-heading .h2{font-size:32px}.motion-story .training-window{height:345px}.motion-story .training-card{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px}.motion-story .training-card-copy{align-self:stretch}.motion-story .training-card h3{font-size:44px;margin:10px 0}.motion-story .training-card p{font-size:11px}.motion-story .training-card .tags{margin-top:12px}.motion-story .training-card .tags li{font-size:9px;padding:5px 8px}.motion-story .training-card .photo{width:100%;max-width:250px;height:135px;margin:auto;flex-shrink:0}.motion-story .training-card .ph-in{height:135px;max-height:135px}.motion-story .training-card .ph-in img{height:100%;object-fit:cover}.motion-story .training-navigation{padding-top:12px}.bridge-stage{top:100px;height:calc(100svh - 100px)}.bridge-copy small{font-size:12px}.bridge-foot{font-size:8px}.chapter-bridge.motion-bridge{height:150vh}.mascot-lift-section.motion-lift{height:125vh}.lift-sticky{top:140px}.lift-artboard{width:150%;max-width:none;margin-left:-25%}.lift-location{left:20%}.lift-invitation{left:20%;font-size:6cqw}.lift-performer{left:45%}.lift-curtain span{font-size:9cqw}.paper-gym{padding-top:40px}.gym-heading .h2{font-size:34px}.gym-heading p{font-size:11px;margin-top:12px}.gym-heading{margin-bottom:18px}.studio-camera.gym-scene{aspect-ratio:1/1;max-height:none}.studio-reception-copy{left:7%;top:10%}.studio-reception-copy h3{font-size:12cqw;margin:13px 0}.studio-reception-copy p{font-size:10px;max-width:130px}.studio-reception-copy .btn{font-size:16px;padding:10px 14px}.studio-host{width:32%;right:6%;top:31%}.studio-desk{right:5%;width:38%;top:60%;height:26%;font-size:6cqw}.studio-illustration{font-size:7px;bottom:4%}.motion-ready .studio-door-frame{left:25%;width:50%;top:9%;height:80%;border:6px solid var(--crimson)}.motion-ready .studio-wall{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,26% 0,26% 88%,74% 88%,74% 10%,26% 10%,26% 0)}.studio-door>span{font-size:8cqw}.motion-ready .studio-door-caption{left:3%;top:37%;font-size:7cqw}.gym-action{gap:12px;margin-top:14px}.gym-action .scroll-cue{display:none}.gym-action .btn{font-size:18px}.gym-action p{font-size:9px}.paper-gym.motion-ready{height:200vh}.map-story .directions-sticky{top:100px;padding:15px 0}.map-story .directions-heading{margin-bottom:14px}.map-story .directions-heading .h2{font-size:31px}.map-story .directions-heading p{font-size:11px;line-height:1.6;margin-top:12px}.map-story .directions-heading p span{font-size:10px}.map-story .folded-map{height:240px}.map-story .directions-bottom{gap:12px}.map-story .directions-bottom>span{font-size:9px}.map-story .directions-bottom .btn{font-size:20px}.map-story .map-curtain{padding:8%}.map-curtain>p{font-size:54px}.map-curtain>small{font-size:11px;line-height:1.7}.map-story .map-label b{font-size:38px}.map-story .map-annotation{font-size:15px}}
@media(max-height:759px) and (min-width:601px){.gym-heading .h2{font-size:38px}.gym-heading p{font-size:11px}.gym-heading{margin-bottom:18px}.studio-camera.gym-scene{max-height:330px;aspect-ratio:1000/360}.studio-reception-copy{top:10%}.studio-reception-copy h3{font-size:5.5cqw;margin:10px 0}.studio-host{width:16%;right:19%;top:3%}.studio-desk{top:50%;height:34%}.studio-reception-copy p{margin-bottom:10px}.map-story .directions-heading .h2{font-size:38px}.map-story .folded-map{height:225px}.map-story .directions-sticky{padding-top:15px}.map-story .directions-bottom .btn{font-size:21px}.motion-story .training-window{height:300px}.motion-story .training-card .ph-in{max-height:240px}}
@media(max-height:759px) and (max-width:600px){.motion-story .training-window{height:290px}.training-heading .h2{font-size:27px}.training-heading{padding-bottom:6px}.motion-story .training-card{padding:16px;gap:10px}.motion-story .training-card h3{font-size:36px;margin:7px 0}.motion-story .training-card .tags{margin-top:8px}.motion-story .training-card .photo,.motion-story .training-card .ph-in{height:105px;max-height:105px}.gym-heading .h2{font-size:28px}.gym-heading p{display:none}.studio-camera.gym-scene{aspect-ratio:1.25}.studio-reception-copy h3{font-size:10cqw}.studio-reception-copy p{margin-bottom:10px}.map-story .folded-map{height:210px}.map-story .directions-heading .h2{font-size:27px}.map-story .directions-heading p{margin-top:8px}.map-story .directions-bottom{margin-top:12px}.map-story .directions-sticky{padding-top:8px}.map-curtain>p{font-size:47px}}

/* 10 evolves into a brief opening performance. The page is usable without it. */
#startup{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:transparent;overflow:hidden;color:var(--bone)}
#startup:not([open]){display:none}#startup::backdrop{background:transparent}.startup-open{overflow:hidden}
.startup-sheet{position:absolute;inset:0;background:#b92d32;overflow:hidden}
.startup-brand{position:absolute;top:7%;left:7%;font-size:11px;font-weight:600;letter-spacing:.2em}
.startup-copy{position:absolute;left:7%;top:30%;width:65%;overflow:hidden}
#startup-title{font:clamp(70px,11vw,170px)/.88 var(--display);margin:0 0 24px;letter-spacing:-.01em}
#startup-title span{display:block}.startup-caption{font-size:13px;letter-spacing:.03em}
.startup-mascot{position:absolute;width:clamp(200px,28vw,400px);right:6%;bottom:16%}.startup-mascot svg{display:block;width:100%;overflow:visible}
.startup-baseline{position:absolute;left:7%;right:7%;bottom:12%;height:1px;background:var(--bone);transform-origin:left}
#skip-startup{position:absolute;bottom:4%;right:7%;color:var(--bone);font:500 13px var(--body);border:1px solid #f4f1ea80;padding:13px 20px;background:transparent;cursor:pointer}
#skip-startup:focus-visible{outline:3px solid var(--bone);outline-offset:4px}
/* 11: the doorway hands the same stage over to the real, single enquiry form. */
.paper-gym.motion-ready{height:auto;min-height:0;padding-bottom:80px}
.motion-ready .gym-sticky{position:relative;top:auto}
.gym-heading{pointer-events:auto}.gym-heading-action{display:flex;gap:16px;align-items:end;flex-direction:column}.visit-skip{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:8px 0}
.visit-stage{position:relative}.visit-stage #enquire{padding:30px 0 0;overflow:visible;scroll-margin-top:125px}.visit-stage #enquire>.wrap{width:100%;max-width:none;padding:0}
.visit-stage .enq-grid{grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.enq-copy h3{font:clamp(40px,5vw,68px)/.92 var(--display);margin:18px 0 25px}.visit-stage .enq-copy .lead{font-size:15px;line-height:1.8;margin:0;max-width:350px}.enquiry-next{font-size:12px;line-height:2;color:var(--ink-72);border-left:2px solid var(--crimson);padding-left:16px;margin:30px 0}
.visit-stage .gym-action{margin-top:28px;gap:12px}.visit-stage .gym-action p{margin:0;flex-basis:100%;font-size:10px;line-height:1.6}.visit-stage .clipboard{box-shadow:none}
.motion-ready .studio-camera.gym-scene{position:absolute;top:0;left:0;z-index:2}
.motion-ready #enquire{padding-top:22px;min-height:500px}
@media(max-width:900px){.visit-stage .enq-grid{grid-template-columns:1fr;gap:35px}.visit-stage .enq-copy{order:2}.visit-stage .enq-copy h3{font-size:42px}.visit-stage .enquiry-next{display:none}.visit-stage .enq-copy .lead{max-width:520px}.gym-heading-action{align-items:start;flex-direction:row;justify-content:space-between}.gym-heading-action p{margin-top:12px}.visit-skip{align-self:end;white-space:nowrap}}
@media(max-width:600px){.startup-brand{font-size:9px;top:6%}.startup-copy{top:20%;width:90%}#startup-title{font-size:clamp(60px,15vw,94px)}.startup-mascot{width:210px;right:8%;bottom:14%}.startup-caption{font-size:11px}.gym-heading-action p{display:none}.gym-heading-action{margin-top:10px}.visit-skip{font-size:11px}.visit-stage #enquire{padding-top:30px}.motion-ready #enquire{padding-top:15px}.visit-stage .clipboard{padding:30px 10px 10px}.paper-gym.motion-ready{padding-bottom:55px}}
@media(max-height:600px){.startup-copy{top:22%}#startup-title{font-size:18vh}.startup-mascot{width:38vh}.startup-caption{font-size:11px}}

.visit-stage .enq-grid{margin-top:15px}

.motion-ready #enquire{position:relative;z-index:3;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}

/* Keep the doorway surfaces viewport-sized instead of scaling a full wall 6×. */
.motion-ready .studio-wall{background:none;clip-path:none;contain:layout style}
.studio-wall span{position:absolute;background:var(--bone);will-change:transform}
.wall-left{left:0;top:0;bottom:0;width:38%}.wall-right{right:0;top:0;bottom:0;width:38%}
.wall-top{left:38%;right:38%;top:0;height:10%}.wall-bottom{left:38%;right:38%;bottom:0;height:10%}
#clip{will-change:transform}.studio-door-frame,.crimson-wipe,.map-curtain{will-change:transform}
.motion-story .training-card .ph-in img{filter:none}
@media(max-width:600px){.wall-left,.wall-right{width:26%}.wall-top,.wall-bottom{left:26%;right:26%}.wall-bottom{height:12%}}