/* Three independent, scroll-directed service films. */
.business-story{width:100%;margin:0;overflow:visible;color:#153c38}
.business-intro{padding:70px 5% 50px;max-width:1600px;margin:auto}
.business-intro>span{font-size:11px;letter-spacing:2px;color:#487c71}
.business-intro h2{font-size:clamp(26px,3.5vw,48px);letter-spacing:-1.8px;line-height:1.4;margin:20px 0 28px}
.business-intro nav{display:flex;gap:12px;flex-wrap:wrap}
.business-intro nav a{padding:13px 22px;border:1px solid #b9d8d1;border-radius:40px;background:#fff9;color:#285b50;font-size:14px}
.business-chapter{height:210svh;position:relative;--progress:0;--move:0;--accent:#21866b;scroll-margin-top:0}
.business-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;padding:28px 5% 25px;background:radial-gradient(ellipse at 76% 48%,#d5f4e5 0,transparent 54%),linear-gradient(145deg,#fbfefd,#edf6f6);border-top:1px solid #d3e6e0}
.chapter-1{--accent:#397ea9}
.chapter-1 .business-sticky{background:radial-gradient(ellipse at 72% 48%,#d2ecff 0,transparent 53%),linear-gradient(125deg,#fffbf5,#edf5fc)}
.chapter-2{--accent:#8d678b}
.chapter-2 .business-sticky{background:radial-gradient(ellipse at 75% 50%,#eee2f7 0,transparent 54%),linear-gradient(130deg,#fffcfa,#f1f9f5)}
.business-top{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1.6px;color:#56766d}
.business-top>span:nth-child(2){margin-left:auto}
.business-pause{width:30px;height:30px;border-radius:50%;border:1px solid #cadbd5;background:#fff9;color:#426357}
.business-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:2%;align-items:center;flex:1;min-height:0;max-width:1600px;width:100%;margin:auto}
.business-copy{position:relative;z-index:3;padding:0 0 4%}
.business-category{font-size:13px;letter-spacing:1.8px;color:var(--accent);font-weight:700;margin-bottom:26px}
.business-copy h2{font-size:clamp(28px,3.3vw,54px);line-height:1.4;letter-spacing:-2px;margin:0 0 24px;font-weight:800}
.business-copy>p{max-width:430px;color:#52716c;font-size:clamp(14px,1.15vw,17px);line-height:1.9;margin:0 0 25px}
.business-tags{display:flex;flex-wrap:wrap;gap:7px;max-width:450px}
.business-tags>span{padding:8px 13px;background:#ffffffa6;border:1px solid #fff;border-radius:30px;box-shadow:0 5px 18px #38635508;font-size:11px;color:#4b7067}
.business-more{display:inline-block;margin-top:28px;font-size:13px;color:var(--accent);border-bottom:1px solid #7caf9c;padding-bottom:6px}
.business-visual{height:min(58vw,610px);max-height:72svh;position:relative;perspective:1300px;isolation:isolate}
.business-screen,.business-code{position:absolute;background:#ffffffb3;border:1px solid #fff;border-radius:17px;box-shadow:0 30px 70px #26526024,inset 0 0 0 5px #ffffff80;backdrop-filter:blur(18px);overflow:hidden;transition:transform .15s linear}
.business-window{padding:12px 14px;display:flex;gap:10px;justify-content:space-between;align-items:center;color:#699389;font-size:9px;border-bottom:1px solid #d7e6e8;background:#ffffff9c}
.business-window b{font-weight:600;letter-spacing:1px}.business-window>span:first-child{letter-spacing:3px;color:#9bc5b8}
.business-screen img{width:100%;display:block;object-fit:cover}
.business-code{left:4%;top:14%;width:90%;transform:rotateY(calc(-12deg + var(--move)*18deg)) rotateX(5deg) scale(calc(1 - var(--move)*.17))}
.business-code pre{margin:0;padding:28px 22px;font-size:clamp(11px,1.15vw,16px);line-height:1.9;color:#2e6359}
.business-code pre span{color:#9eb7b5;margin-right:12px}.business-code em{color:#178b68;font-style:normal}
.business-build{padding:0 22px 20px}.business-build>b{display:block;height:3px;background:#4ab997;width:calc(15% + var(--progress)*85%);margin-bottom:10px}.business-build small{font-size:8px;letter-spacing:2px;color:#729189}
.business-result{position:absolute;right:0;bottom:17%;width:62%;padding:20px;background:#ffffffd9;border:1px solid #fff;border-radius:20px;box-shadow:0 20px 60px #49857524;transform:translateY(calc(30px - var(--move)*60px)) rotateY(-12deg);opacity:calc(.25 + var(--progress)*.75);z-index:2;backdrop-filter:blur(18px)}
.business-result>span{color:#267d5b;font-size:12px}.business-result>div{display:flex;gap:12px;margin-top:15px}.business-result b{background:linear-gradient(135deg,#d5f6e4,#e2f3ff);border:1px solid white;border-radius:14px;padding:23px 0;flex:1;text-align:center;font-size:19px;color:#257454}
.business-andori{position:absolute;z-index:4;left:-8%;bottom:0;width:37%;aspect-ratio:1;background:url('/lab/andori-actions.png') 0 50% / 300% 100% no-repeat;filter:drop-shadow(0 15px 12px #255f3820);animation:business-float 5s ease-in-out infinite;animation-play-state:paused}
.business-andori.pose-1{background-position:50% 50%}.business-andori.pose-2{background-position:100% 50%}
.is-visible:not(.is-paused) .business-andori,.is-visible:not(.is-paused) .business-route>span{animation-play-state:running}
.business-orbit{position:absolute;inset:8% 0;border:1px solid #9bcdb060;border-radius:50%;transform:rotateX(65deg) rotateZ(calc(var(--move)*50deg));box-shadow:0 0 0 45px #a8d6c00b,0 0 0 90px #a8d6c008}
.business-travel-web{width:83%;left:1%;top:20%;transform:rotateY(calc(-16deg + var(--move)*22deg)) translateY(calc(var(--move)*-30px))}
.business-travel-web img{aspect-ratio:1.55;object-position:top}
.business-phone{width:27%;right:0;top:10%;border-radius:22px;transform:translateY(calc(65px - var(--move)*65px)) rotateZ(calc(8deg - var(--move)*12deg));z-index:2}
.business-phone img{aspect-ratio:.52;object-fit:cover;object-position:top}
.business-stamp{position:absolute;right:7%;bottom:4%;font-size:clamp(24px,4vw,60px);font-weight:800;line-height:1;color:#71a1b738;letter-spacing:-2px}
.business-route{position:absolute;inset:8% 5%;border:1px dashed #8bb7c680;border-radius:50%;transform:rotate(-22deg)}
.business-route>span{position:absolute;top:5%;left:22%;font-size:35px;color:#5c9cc6;animation:business-float 4s ease-in-out infinite;animation-play-state:paused}
.business-uni{width:29%;top:11%;left:3%;transform:rotateY(calc(14deg - var(--move)*22deg)) rotateZ(-5deg);z-index:2}
.business-uni img{aspect-ratio:.5;object-position:top}
.business-accounting{width:70%;right:-3%;top:30%;transform:rotateY(calc(-18deg + var(--move)*24deg)) translateY(calc(var(--move)*-35px));z-index:1}
.business-accounting img{aspect-ratio:1.8;object-position:left top}
.chapter-2 .business-andori{left:40%;width:30%;bottom:-2%}
.business-label{position:absolute;z-index:3;background:#fffC;border:1px solid #fff;padding:13px 17px;border-radius:15px;box-shadow:0 8px 28px #44615710;backdrop-filter:blur(12px)}
.business-label b,.business-label span{display:block}.business-label b{font-size:15px;margin-bottom:5px}.business-label span{font-size:11px;color:#6c7f79}
.uni-label{top:4%;left:4%;color:#bb5468}.finger-label{right:0;bottom:17%;color:#31815e}
.business-bottom{max-width:1600px;width:100%;margin:0 auto;display:flex;align-items:center;gap:25px}
.business-captions{position:relative;min-height:30px;flex:1;color:var(--accent);font-size:14px;font-weight:600}
.business-captions>span{position:absolute;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.business-captions>span.active{opacity:1;transform:translateY(0)}
.business-progress{width:19%;height:2px;background:#a3c5b745}.business-progress>span{display:block;background:var(--accent);height:100%;width:calc(var(--progress)*100%)}
.business-bottom>small{font-size:10px;color:#688379}
@keyframes business-float{50%{translate:0 -12px;rotate:2deg}}
@media(min-width:1700px){.business-sticky{padding-left:calc((100vw - 1530px)/2);padding-right:calc((100vw - 1530px)/2)}}
@media(max-width:760px){
 .business-intro{padding:45px 6% 30px}.business-intro h2{font-size:27px}.business-intro nav{gap:7px}.business-intro nav a{padding:10px 13px;font-size:12px}
 .business-chapter{height:185svh}.business-sticky{padding:18px 6%;min-height:640px}
 .business-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;align-items:start;padding-top:25px}
 .business-category{font-size:11px;margin-bottom:13px}.business-copy{padding:0}.business-copy h2{font-size:27px;letter-spacing:-1px;margin-bottom:12px}
 .business-copy>p{font-size:12px;line-height:1.75;margin-bottom:13px;max-width:100%}
 .business-tags>span{font-size:9px;padding:5px 9px}.business-more{margin-top:10px;font-size:11px}
 .business-visual{width:min(100%,500px);margin:auto;height:37svh;min-height:270px;max-height:340px}
 .business-code{top:5%;left:11%;width:81%}.business-code pre{padding:15px;font-size:10px;line-height:1.65}.business-window{padding:8px;font-size:7px}.business-build{padding:0 15px 12px}
 .business-result{bottom:11%;padding:13px;width:58%}.business-result>span{font-size:9px}.business-result b{font-size:13px;padding:14px 0}.business-result>div{gap:6px;margin-top:8px}
 .business-andori{width:33%;left:0;bottom:0}.business-bottom{gap:12px}.business-bottom>small{display:none}.business-captions{font-size:12px;min-height:30px}.business-progress{width:23%}
 .business-phone{width:25%;top:3%;right:5%}.business-travel-web{width:75%;left:7%;top:18%}
 .business-uni{width:24%;left:8%;top:12%}.business-accounting{width:67%;right:0;top:31%}.business-label{padding:8px 10px}.business-label b{font-size:12px}.business-label span{font-size:9px}.uni-label{top:0}.finger-label{bottom:13%}.chapter-2 .business-andori{width:26%;bottom:-1%}.business-top{font-size:9px}
}
@media(max-height:650px) and (min-width:761px){.business-sticky{min-height:500px}.business-copy h2{font-size:30px}.business-visual{height:400px}.business-category{margin-bottom:12px}.business-copy>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.business-andori,.business-route>span{animation:none!important}.business-screen,.business-code,.business-result,.business-captions>span{transition:none!important;transform:none!important}.business-result{opacity:1}}
.business-code pre{clip-path:inset(0 0 calc(65% - var(--progress)*65%) 0)}
.business-chapter[data-step="2"] .business-result{box-shadow:0 25px 65px #37927a35}
@media(prefers-reduced-motion:reduce){.business-code pre{clip-path:none}}