.visual-journey,.experience-story,.growth-models{padding:85px var(--pad);background:var(--paper)}.visual-heading{margin-bottom:40px}.visual-heading h2{font-size:clamp(34px,3.7vw,54px)}.visual-heading>p:last-child:not(.section-name){font-size:14px;line-height:2;color:#646057;margin-top:24px}.journey-scroll{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ab9281 transparent}.journey-frames{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;list-style:none;margin:0}.journey-frames li{position:relative;scroll-snap-align:start}.journey-frames img{width:100%;aspect-ratio:3/2;object-fit:cover}.journey-frames figcaption{padding-top:20px}.journey-number{display:block;color:var(--deep-copper);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:15px}.journey-frames li:not(:last-child) .journey-number:after{content:'→';position:absolute;right:-17px;font-size:17px;transform:translateY(-3px)}.journey-frames h3{font-size:18px;font-weight:400}.journey-frames figcaption p{font-size:11px;color:var(--muted);margin-top:8px}.swipe-hint{display:none;font-size:11px;color:var(--muted);margin-top:15px}.human-loop{display:flex;align-items:center;justify-content:center;gap:25px;margin:40px 0 24px;padding:22px 10px;background:var(--cream);font-size:13px;flex-wrap:wrap}.human-loop i{font-style:normal;color:#ab9281}.human-loop strong{font-weight:500;color:var(--deep-copper)}.visual-note{font-size:10px;line-height:1.9;color:var(--muted);max-width:none;margin-top:20px}.experience-story{background:var(--cream)}.experience-controls{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 20px}.experience-controls button{font-size:12px;border-bottom:1px solid var(--line);padding:10px 18px;min-height:44px}.experience-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.experience-canvas{position:relative;min-height:560px;isolation:isolate;overflow:hidden}.experience-room{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2}.experience-room-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f2e8dc,#f5f2e822 65%)}.experience-panel{position:absolute;inset:0}.experience-caption{position:absolute;left:40px;bottom:55px;max-width:52%}.experience-caption>span{font-size:11px;color:var(--deep-copper)}.experience-caption h3{font-size:clamp(27px,3vw,43px);line-height:1.5;margin:18px 0}.experience-caption p{font-size:12px;color:#646057}.training-phone{position:absolute;right:7%;top:45px;width:235px;height:438px;padding:30px 20px 18px;background:#fffefb;border:5px solid #59564e;border-radius:27px;box-shadow:0 15px 45px #292a2728;transform:rotate(5deg)}.phone-speaker{width:50px;height:4px;background:#59564e;border-radius:3px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.phone-brand{font-size:10px;color:var(--deep-copper)}.training-phone h4{font-size:19px;font-weight:400;margin:20px 0}.phone-stage{padding:12px 0;border-top:1px solid var(--line);font-size:11px}.phone-stage span{display:block;color:var(--deep-copper);font-size:9px}.phone-stage b{font-weight:400}.phone-line{height:28px;display:flex;gap:9px;align-items:end;margin:10px 0}.phone-line i{width:22px;background:#cdb7a7;height:12px}.phone-line i:nth-child(2){height:18px}.phone-line i:nth-child(3){height:16px}.phone-line i:nth-child(4){height:24px}.phone-line i:nth-child(5){height:27px}.training-phone small{font-size:8px;color:var(--muted)}.sound-visual{position:absolute;right:5%;top:100px;width:40%;padding:30px;background:#fffefbed}.sound-bars{height:150px;display:flex;align-items:center;justify-content:space-between;gap:5px}.sound-bars i{display:block;flex:1;height:var(--bar);background:#a67065;opacity:.65;max-width:10px}.sound-visual p{font-size:13px;margin:22px 0 12px}.sound-visual small{font-size:9px;color:var(--muted)}.space-markers span{position:absolute;padding:9px 16px;background:#fffefbed;border:1px solid var(--line);font-size:13px;box-shadow:0 0 0 12px #fffefb40}.space-scent{right:30%;top:70px}.space-music{right:42%;top:250px}.space-comfort{right:7%;top:350px}.vision-visual{position:absolute;right:8%;top:60px;width:230px;background:#fffefbd9;text-align:center;padding:20px}.vision-visual svg{width:100%;height:290px}.vision-visual small{font-size:10px;color:var(--muted)}.growth-models{background:#eee9df}.model-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}.model-sequence li{position:relative}.model-sequence img{width:100%;aspect-ratio:3/2;object-fit:cover}.model-stage{font-size:11px;color:var(--deep-copper);display:block;margin:23px 0 12px}.model-sequence h3{font-size:23px;font-weight:400}.model-reward{font-size:12px;color:#646057;margin-top:12px}.model-reward strong{font-size:24px;font-weight:400;color:var(--deep-copper)}.model-sequence li:not(:last-child):after{content:'→';position:absolute;right:-22px;top:35%;font-size:24px;color:#a67065;z-index:1}.growth-shared{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;margin:36px 0 22px;border-top:1px solid #baa895;border-bottom:1px solid #baa895;padding:17px 0;font-size:11px;color:#646057}.growth-terms{margin-top:30px;max-width:780px}.growth-terms details p{font-size:12px;color:#646057}.growth-terms .text-link{margin-bottom:18px}
@media(max-width:1000px){.journey-frames{grid-template-columns:repeat(5,220px)}.swipe-hint{display:block}.model-sequence{gap:18px}.model-sequence li:not(:last-child):after{right:-17px;font-size:20px}.model-sequence h3{font-size:20px}.experience-caption{left:25px}.training-phone{right:4%;width:210px}.human-loop{gap:15px}}
@media(max-width:700px){.visual-journey,.experience-story,.growth-models{padding:55px 25px}.visual-heading{margin-bottom:28px}.visual-heading h2{font-size:32px}.visual-heading>p:last-child:not(.section-name){font-size:12px}.journey-scroll{margin-right:-25px;padding-right:25px}.journey-frames{grid-template-columns:repeat(5,245px);gap:20px}.journey-frames h3{font-size:20px}.journey-frames figcaption p{font-size:12px}.human-loop{justify-content:flex-start;font-size:11px;gap:8px 12px;padding:16px;margin-top:25px}.experience-controls{gap:4px}.experience-controls button{padding:10px;font-size:11px}.experience-canvas{min-height:625px;margin-inline:-25px}.experience-room{height:60%;object-position:55% center}.experience-room-wash{background:linear-gradient(0deg,var(--cream) 0,var(--cream) 38%,#f5f2e8b3 50%,transparent 80%)}.experience-caption{left:25px;right:25px;bottom:35px;max-width:none}.experience-caption h3{font-size:30px;margin:15px 0}.experience-caption p{font-size:11px}.training-phone{width:180px;height:340px;top:25px;right:calc(50% - 90px);padding:25px 15px 10px;border-width:4px;border-radius:22px;transform:rotate(4deg)}.training-phone h4{font-size:17px;margin:12px 0}.phone-stage{padding:8px 0;font-size:10px}.phone-line{height:22px;margin:8px 0}.phone-line i{max-height:22px}.training-phone small{font-size:7px}.sound-visual{top:60px;width:76%;right:12%;padding:22px}.sound-bars{height:120px}.space-scent{right:25%;top:70px}.space-music{right:48%;top:190px}.space-comfort{right:12%;top:290px}.vision-visual{top:30px;width:195px;right:calc(50% - 97px);padding:15px}.vision-visual svg{height:265px}.model-sequence{display:block}.model-sequence li+li{margin-top:45px}.model-sequence li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-38px}.model-sequence h3{font-size:25px}.model-stage{margin-top:20px}.growth-shared{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;text-align:center}.visual-note{font-size:10px}.growth-terms summary{font-size:12px}}

/* Report is a readable artifact, with static example data rather than a live analyzer. */
.experience-canvas:has(#experience-vision:not([hidden])){min-height:720px}
#experience-vision .experience-caption{left:32px;bottom:85px;max-width:30%}
#experience-vision .experience-caption h3{font-size:clamp(26px,2.6vw,36px)}
#experience-vision .experience-caption p{line-height:1.9}
#experience-vision .experience-caption>small{display:block;font-size:10px;color:var(--muted);margin-top:24px}
.movement-report{position:absolute;right:28px;top:30px;width:62%;padding:25px 28px 18px;background:#fffefbf7;box-shadow:0 12px 48px #292a2717;color:var(--ink)}
.report-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.report-brand{font-size:10px;color:var(--deep-copper)}.report-heading h4{font-size:26px;font-weight:400;margin:5px 0 0;line-height:1.4}.report-demo{font-size:10px;line-height:1.7;border-left:2px solid #a67065;padding-left:10px;color:var(--deep-copper)}
.report-session{display:flex;gap:15px;align-items:center;font-size:10px;margin:17px 0}.report-session strong{font-size:14px;font-weight:500;margin-right:auto}
.report-subhead{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.report-subhead h5{font-size:12px;font-weight:500;margin:0}.report-subhead>span{font-size:9px;color:var(--muted)}
.motion-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px}.motion-frame{margin:0;background:#f1eee7}.motion-frame svg{display:block;width:100%;height:139px}.capture-grid{fill:none;stroke:#d9d2c5;stroke-width:.6}.body-volume{fill:none;stroke:#c6bbab;stroke-width:19;stroke-linejoin:round;stroke-linecap:round}.body-volume.arm{stroke-width:10}.body-head{fill:#c6bbab}.joint-line{fill:none;stroke:#82594f;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.joint-dots{fill:#82594f;stroke:#fffefb;stroke-width:1}.motion-frame figcaption{display:flex;justify-content:space-between;padding:7px 8px;font-size:9px}.motion-frame b{font-weight:400}.motion-frame figcaption span{color:var(--muted)}
.motion-progress{display:flex;align-items:center;margin:12px 8px 20px;gap:0}.motion-progress span{width:5px;height:5px;border-radius:50%;background:#a67065}.motion-progress i{height:1px;flex:1;background:#c9b5a7}
.report-measures{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:15px;border-top:1px solid var(--line)}.report-measures>section+section{border-left:1px solid var(--line);padding-left:24px}
.rhythm-bars{height:96px;display:flex;gap:10px;padding-top:12px}.rhythm-bars>div{flex:1;display:grid;grid-template-rows:15px 1fr 15px;align-items:end;text-align:center}.rhythm-bars b{font-size:9px;font-weight:400}.rhythm-bars i{display:block;background:#b79a8a;height:var(--duration);width:100%;max-width:24px;justify-self:center}.rhythm-bars span{font-size:8px;color:var(--muted)}
.report-comparison{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.report-comparison div>span{display:block;font-size:9px;color:var(--muted)}.report-comparison strong{font-size:27px;line-height:1.5;font-weight:400}.report-comparison strong small{font-size:10px}.comparison-divider{color:#c9b5a7}.report-measures p{font-size:9px;margin-top:5px;color:var(--muted)}.report-measures section>small{display:block;font-size:9px;line-height:1.7;color:var(--muted);margin-top:6px}
.report-coach{margin-top:18px;padding:12px 14px;background:#f1eee7}.report-coach>span{font-size:9px;color:var(--deep-copper)}.report-coach p{font-size:11px;line-height:1.8;margin:5px 0 0}.report-footer{font-size:9px;color:var(--muted);line-height:1.7;margin-top:12px}
@media(max-width:1000px) and (min-width:701px){.experience-canvas:has(#experience-vision:not([hidden])){min-height:960px}#experience-vision .experience-caption{top:25px;bottom:auto;max-width:none;left:28px}#experience-vision .experience-caption h3{font-size:28px;margin:10px 0}#experience-vision .experience-caption h3 br{display:none}#experience-vision .experience-caption>small{margin-top:10px}.movement-report{top:250px;width:calc(100% - 56px)}}
@media(max-width:700px){.experience-canvas:has(#experience-vision:not([hidden])){min-height:0;overflow:visible}#experience-vision:not([hidden]){position:relative;padding:30px 16px 20px}#experience-vision .experience-caption{position:relative;inset:auto;max-width:none;margin:0 9px 28px}#experience-vision .experience-caption h3{font-size:30px}#experience-vision .experience-caption>small{margin-top:15px}.movement-report{position:relative;inset:auto;width:100%;padding:20px 16px;background:#fffefb}.report-heading h4{font-size:25px}.report-session{gap:10px;font-size:9px}.report-session strong{font-size:13px}.motion-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.motion-frame svg{height:140px}.motion-frame figcaption{font-size:10px}.report-subhead h5{font-size:12px}.report-measures{grid-template-columns:1fr;gap:20px}.report-measures>section+section{border-left:0;padding:16px 0 0;border-top:1px solid var(--line)}.report-comparison{justify-content:flex-start;gap:28px}.report-coach p{font-size:12px}.report-footer{font-size:10px}.report-measures section>small{font-size:10px}.rhythm-bars{height:105px}.rhythm-bars b,.rhythm-bars span{font-size:10px}}
/* Let the report determine section height so captions never clip when text wraps. */
.experience-canvas:has(#experience-vision:not([hidden])){min-height:0}
#experience-vision:not([hidden]){position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;padding:30px 28px}
#experience-vision .experience-caption{position:static;max-width:none;align-self:end;padding-bottom:40px}
.movement-report{position:relative;inset:auto;width:auto;min-width:0}
@media(max-width:1000px){#experience-vision:not([hidden]){display:block}#experience-vision .experience-caption{padding-bottom:0;margin-bottom:25px}.movement-report{width:100%;inset:auto}}
@media(max-width:700px){#experience-vision:not([hidden]){padding:30px 16px 20px}#experience-vision .experience-caption{margin:0 9px 28px}}

@media(max-width:700px){.experience-canvas:has(#experience-vision:not([hidden])) .experience-room{opacity:.3}}