/* The existing photos and copy stay intact. Movement follows native page progress. */
.has-continuation-motion #work,.has-continuation-motion #approach,.has-continuation-motion #academy,.has-continuation-motion #contact{position:relative;--section-travel:0;opacity:1;transform:none}
.has-continuation-motion #work{padding-block:100px 120px;overflow:clip}
.has-continuation-motion #work .editorial-head{margin-bottom:48px}
.has-continuation-motion .case-grid{grid-template-columns:1.14fr 1fr 1.08fr;align-items:start;gap:clamp(24px,3vw,48px)}
.has-continuation-motion .case-card{--case-travel:1;--case-shift:0px;transform:translateY(var(--case-shift));background:transparent;border:0;border-top:1px solid #ffffff22;padding-top:16px;position:relative;transition:none}
.has-continuation-motion .case-card:nth-child(2){margin-top:76px}.has-continuation-motion .case-card:nth-child(3){margin-top:30px}
.has-continuation-motion .case-card:before{content:'';position:absolute;top:-1px;right:0;height:1px;width:100%;background:#a0c8c7;transform-origin:right;transform:scaleX(var(--case-travel))}
.has-continuation-motion .case-photo{aspect-ratio:1.45;border-radius:2px;isolation:isolate}
.has-continuation-motion .case-card:nth-child(2) .case-photo{aspect-ratio:1.2}
.has-continuation-motion .case-photo img,.has-continuation-motion .case-card:last-child .case-photo img{object-fit:cover;transition:none;transform:scale(1.06) translateY(calc((1 - var(--case-travel))*-12px))}
.has-continuation-motion .case-card:last-child .case-photo img{object-fit:contain;transform:none}
.has-continuation-motion .case-photo:after{content:'';position:absolute;inset:0;border-inline-start:1px solid #afdad466;background:linear-gradient(90deg,#84cac612,transparent 45%);transform:translateX(calc((1 - var(--case-travel))*110%));opacity:calc(1 - var(--case-travel));pointer-events:none}
.has-continuation-motion .case-copy{padding:24px 0 0}
.has-continuation-motion .case-card:focus-within{transform:none}.has-continuation-motion .case-card:hover .case-play{transform:rotate(-45deg)}
.has-continuation-motion .case-play{transition:transform .3s}
.has-continuation-motion #approach{padding-block:110px}
.has-continuation-motion .company-grid{align-items:start}
.has-continuation-motion .company-grid>div:first-child{position:sticky;top:110px}
.has-continuation-motion .company-process{position:relative;padding-inline-start:24px;--process-travel:1}
.has-continuation-motion .company-process:before,.has-continuation-motion .company-process:after{content:'';position:absolute;right:0;top:12px;bottom:28px;width:1px;background:#ffffff1c;transform-origin:top}
.has-continuation-motion .company-process:after{background:linear-gradient(#7fbbb9,#d8c295);transform:scaleY(var(--process-travel))}
.has-continuation-motion .company-process article{position:relative;min-height:190px;align-items:start;gap:24px;padding-block:25px 35px;transition:background .35s}
.has-continuation-motion .company-process article:before{content:'';position:absolute;right:-28px;top:34px;width:9px;height:9px;border-radius:50%;background:#263b43;border:1px solid #76979b;transition:background .3s,box-shadow .3s}
.has-continuation-motion .company-process article.is-reading:before{background:#d7c093;box-shadow:0 0 0 7px #d7c0930b}
.has-continuation-motion .company-process article>span{color:#adc3c8;padding-top:5px}
.has-continuation-motion .company-process article h3{color:#d0d9dd;transition:color .3s,transform .3s}
.has-continuation-motion .company-process article.is-reading h3{color:#f2e3c5;transform:translateX(-5px)}
.has-continuation-motion #academy{--academy-open:1;overflow:clip}
.has-continuation-motion .academy-intro figure{clip-path:inset(0 calc((1 - var(--academy-open))*6%) 0 calc((1 - var(--academy-open))*6%));position:relative}
.has-continuation-motion .academy-intro figure img{transform:scale(calc(1.02 + (1 - var(--academy-open))*.06));transition:none}
.has-continuation-motion .academy-course{--course-shift:0px;transform:translateY(var(--course-shift));transition:border-color .3s}
.has-continuation-motion .academy-course:focus-within{transform:none}
.has-continuation-motion #contact .contact-grid>div{position:relative;isolation:isolate}
.has-continuation-motion .contact-signal{position:absolute;left:-35px;top:-85px;width:100%;max-width:480px;height:240px;opacity:.5;z-index:-1;pointer-events:none;overflow:visible}
.contact-signal path{fill:none;stroke-width:.8}.contact-signal .signal-base{stroke:#68949a25}.contact-signal .signal-progress{stroke:#8bc6c0;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--contact-progress,0))}.contact-signal circle{fill:#d6c28e;opacity:calc(var(--section-travel)*.7)}
@media(max-width:1000px){.has-continuation-motion .case-grid{gap:25px}.has-continuation-motion .company-process article{min-height:215px}}
@media(max-width:760px){.has-continuation-motion #work{padding-block:70px 80px}.has-continuation-motion .case-grid{grid-template-columns:1fr;gap:40px}.has-continuation-motion .case-card:nth-child(n){margin-top:0}.has-continuation-motion .case-card:nth-child(n) .case-photo{aspect-ratio:16/10}.has-continuation-motion #approach{padding-block:70px}.has-continuation-motion .company-grid>div:first-child{position:static}.has-continuation-motion .company-process article{min-height:0;padding-block:25px 30px}.has-continuation-motion .contact-signal{left:0;top:-55px;opacity:.25;max-width:340px}}
@media(prefers-reduced-motion:reduce){.has-continuation-motion .case-card,.has-continuation-motion .case-photo img,.has-continuation-motion .academy-course,.has-continuation-motion .academy-intro figure img{transform:none!important}.has-continuation-motion .academy-intro figure{clip-path:none}.has-continuation-motion .case-photo:after,.has-continuation-motion .contact-signal{display:none}.has-continuation-motion .case-card:before,.has-continuation-motion .company-process:after{transform:none}.has-continuation-motion .company-grid>div:first-child{position:static}.has-continuation-motion .company-process article h3{transform:none!important;transition:none}}

/* Continuous entrances and connected section seams, below the existing intro only. */
.has-scroll-choreography #clients,.has-scroll-choreography #expertise{opacity:1;transform:none;position:relative}
.has-scroll-choreography #clients .trust-title{transform:translateY(calc((1 - var(--arrival,1))*36px))}
.has-scroll-choreography #expertise .domain-intro-copy{transform:translateY(calc((1 - var(--arrival,1))*64px))}
.has-scroll-choreography #expertise .eyebrow{transform:translateY(calc((1 - var(--arrival,1))*22px))}
.has-scroll-choreography .domain-flow>.domain-chapter:not(.chapter-industry){--arrival:1;--scene-offset:0px;--scene-angle:0deg;padding-block:90px 112px}
.has-scroll-choreography .domain-chapter:not(.chapter-industry) .chapter-visual{transform:perspective(1400px) translate3d(calc(var(--scene-offset)*-.36),var(--scene-offset),0) rotateY(var(--scene-angle));transform-origin:100% 50%}
.has-scroll-choreography .domain-chapter:not(.chapter-industry) .chapter-content{transform:translateY(calc(var(--scene-offset)*.48))}
.has-scroll-choreography .domain-chapter:not(.chapter-industry)::after{content:'';position:absolute;bottom:-1px;inset-inline:var(--domain-inset);height:1px;background:linear-gradient(90deg,transparent,#97c6c2 55%,#d8ba81);transform:scaleX(var(--arrival));transform-origin:right;pointer-events:none}
.has-scroll-choreography .domain-chapter .chapter-visual:focus-within{transform:none!important}
.has-scroll-choreography .domain-chapter .chapter-content:focus-within{transform:none!important}
.has-scroll-choreography #academy .academy-intro figure{clip-path:inset(calc((1 - var(--academy-open))*7%) calc((1 - var(--academy-open))*14%) round 2px)}
.has-scroll-choreography #academy .academy-intro figure img{transform:scale(calc(1.02 + (1 - var(--academy-open))*.16))}
.has-scroll-choreography .company-process article{min-height:240px;padding:32px 24px 40px;transform:translateY(calc((1 - var(--step-arrival,1))*52px));border-radius:4px;background:transparent;transition:background .35s}
.has-scroll-choreography .company-process article.is-reading{background:linear-gradient(270deg,#8abcb811,transparent 90%)}
.has-scroll-choreography .company-process article>span{font-size:clamp(22px,2.6vw,40px);font-weight:300;color:#80979b;transition:color .35s}
.has-scroll-choreography .company-process article.is-reading>span{color:#e0c28b}
.has-scroll-choreography .company-process article:before{right:-28px;top:48px;width:10px;height:10px}
.has-scroll-choreography #approach .company-grid>div:first-child{top:120px;transform:translateY(calc((1 - var(--arrival,1))*36px))}
.has-scroll-choreography #contact .contact-signal{opacity:.7;transform:translateY(calc((1 - var(--arrival,1))*50px));max-width:580px}
.has-scroll-choreography #contact:before{content:'';position:absolute;inset:0 6% auto;height:1px;transform:scaleX(var(--arrival,1));transform-origin:right;background:linear-gradient(90deg,transparent,#a6c5ba,#d4b47d);pointer-events:none}
.project-navigation{display:none}
/* One native-scroll exhibition of the three projects. Scroll distance equals horizontal travel. */
.has-scroll-choreography #work.projects-pinned{height:calc(100svh + var(--project-distance,0px));padding:0;overflow:visible}
.has-scroll-choreography .projects-pinned .project-stage{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:22px;box-sizing:border-box;padding-block:36px;overflow:clip}
.has-scroll-choreography .projects-pinned .editorial-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0}
.has-scroll-choreography .projects-pinned .editorial-head h2{margin:0}
.has-scroll-choreography .projects-pinned .project-viewport{overflow:clip;flex:none;width:100%}
.has-scroll-choreography .projects-pinned .case-grid{display:flex;direction:rtl;gap:42px;width:max-content;align-items:start;margin:0;transition:none}
.has-scroll-choreography .projects-pinned .case-card:nth-child(n){flex:0 0 auto;width:clamp(540px,66vw,840px);margin:0;padding:0;border:0;transform:none}
.has-scroll-choreography .projects-pinned .case-card:before,.has-scroll-choreography .projects-pinned .case-photo:after{display:none}
.has-scroll-choreography .projects-pinned .case-card:nth-child(n) .case-photo{height:min(42svh,400px);aspect-ratio:auto;overflow:hidden}
.has-scroll-choreography .projects-pinned .case-card .case-photo img{height:100%;width:100%;object-fit:cover;transform:scale(1.025)}
.has-scroll-choreography .projects-pinned .case-card:last-child .case-photo img{object-fit:contain;transform:none}
.has-scroll-choreography .projects-pinned .case-copy{padding:20px 0 0;display:grid;grid-template-columns:1fr auto;gap:6px 20px}
.has-scroll-choreography .projects-pinned .case-copy>span,.has-scroll-choreography .projects-pinned .case-copy>p{grid-column:1/-1}
.has-scroll-choreography .projects-pinned .case-copy h3{margin:0;font-size:25px}.has-scroll-choreography .projects-pinned .case-copy p{margin:0}.has-scroll-choreography .projects-pinned .case-copy>b{align-self:center;margin:0;font-size:12px}
.has-scroll-choreography .projects-pinned .section-link{align-self:flex-start;margin:0;font-size:12px}
.has-scroll-choreography .projects-pinned .project-navigation{display:flex;direction:rtl;gap:8px;align-items:center}
.project-navigation button{border:0;background:none;padding:12px 4px;cursor:pointer;min-width:36px;min-height:44px;color:#b2c6ca}
.project-navigation button i{display:block;width:28px;height:3px;background:#b2c6ca36;border-radius:2px;transition:background .25s,transform .25s}
.project-navigation button[aria-current=true] i{background:#dfbc81;transform:scaleY(1.5)}
.project-navigation button:focus-visible{outline:2px solid #dfbc81;outline-offset:1px}
.has-scroll-choreography .projects-pinned .project-stage:after{content:'';height:1px;position:absolute;bottom:16px;left:0;right:0;background:#acccca;transform:scaleX(var(--project-progress,0));transform-origin:right}
@media(max-width:1000px),(max-height:680px){.has-scroll-choreography .domain-flow>.domain-chapter:not(.chapter-industry){padding-block:48px 64px}.has-scroll-choreography .company-process article{min-height:190px}.project-viewport{overflow:visible}}
@media(max-width:760px){.has-scroll-choreography .domain-flow>.domain-chapter:not(.chapter-industry){padding-block:36px 52px}.has-scroll-choreography .company-process article{min-height:0;padding:24px 12px 28px}.has-scroll-choreography #approach .company-grid>div:first-child{transform:none}.has-scroll-choreography .company-process article>span{font-size:22px}.has-scroll-choreography .domain-chapter:not(.chapter-industry) .chapter-visual{transform:translateY(var(--scene-offset))}.has-scroll-choreography #academy .academy-intro figure{clip-path:inset(0 calc((1 - var(--academy-open))*6%))}}
/* The provider's stop-motion choice and the operating-system preference share a static layout. */
.scroll-choreography-paused :is(.chapter-visual,.chapter-content,.domain-intro-copy,.eyebrow,.trust-title,.company-process article,.company-grid>div,.academy-course,.case-card,.case-photo img,.academy-intro figure img){transform:none!important;transition:none!important}
.scroll-choreography-paused .academy-intro figure{clip-path:none!important}
.scroll-choreography-paused .contact-signal{display:none}
@media(prefers-reduced-motion:reduce){.has-scroll-choreography :is(.chapter-visual,.chapter-content,.domain-intro-copy,.eyebrow,.trust-title,.company-process article,.company-grid>div){transform:none!important}.has-scroll-choreography .academy-intro figure{clip-path:none!important}.project-navigation button i{transition:none}}
