/* Each business unit gets its own visual language inside the scroll reveal. */
.story-brand-digitals{background:linear-gradient(180deg,rgba(14,27,78,.04),rgba(10,22,67,.46) 55%,rgba(9,16,52,.84)),url('assets/story-digitals-backdrop.svg') center/cover no-repeat}
.story-brand-emdex{background:linear-gradient(180deg,rgba(8,31,75,.04),rgba(8,25,67,.48) 55%,rgba(9,17,52,.86)),url('assets/story-emdex-backdrop.svg') center/cover no-repeat}
.story-brand-digitals:hover{background:linear-gradient(180deg,rgba(10,23,75,.02),rgba(10,22,67,.37) 55%,rgba(9,16,52,.78)),url('assets/story-digitals-backdrop.svg') center/cover no-repeat}
.story-brand-emdex:hover{background:linear-gradient(180deg,rgba(8,31,75,.02),rgba(8,25,67,.4) 55%,rgba(9,17,52,.8)),url('assets/story-emdex-backdrop.svg') center/cover no-repeat}
.story-brand-digitals:before{background:linear-gradient(90deg,#58d7ff,#8969ff,#f183d7)}
.story-brand-emdex:before{background:linear-gradient(90deg,#86f0e7,#2eb2f7,#8976ff)}
.story-brand h3{position:relative;z-index:1;margin:.35rem 0 .55rem}
.story-brand-list,.story-brand-type,.story-brand-footer,.story-brand-meta{position:relative;z-index:1}
.story-brand-list li{padding:.36rem 0}
.story-brand-type{font-size:.79rem;padding:.34rem .6rem;margin-bottom:.45rem}
.story-brand-footer{padding-top:.42rem}
.story-art{position:relative;flex:none;height:78px;margin:.48rem -.25rem 0;isolation:isolate;overflow:visible}
.story-art:before{content:"";position:absolute;inset:8px 10% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(104,182,255,.28),transparent 70%);filter:blur(9px)}
.story-art-caption{position:absolute;left:0;right:0;bottom:-.05rem;color:#a7dfff;text-align:center;font-size:.46rem;letter-spacing:.18em;font-weight:850;white-space:nowrap}
.story-art-digitals:after{content:"";position:absolute;left:50%;top:35px;width:140px;height:45px;border:1px solid rgba(139,215,255,.32);border-radius:50%;transform:translateX(-50%) rotate(-9deg)}
.story-art-ray{position:absolute;left:50%;top:40px;width:75px;height:1px;background:linear-gradient(90deg,rgba(149,220,255,.9),transparent);transform-origin:left center;opacity:.55}
.story-art-ray-one{transform:rotate(-26deg)}.story-art-ray-two{transform:rotate(148deg)}
.story-art-camera{position:absolute;z-index:3;left:50%;top:8px;width:78px;height:63px;display:grid;place-items:center;color:#d9f7ff;transform:translateX(-50%) scale(.65) rotate(-12deg);opacity:0;transition:transform .7s cubic-bezier(.18,.8,.22,1.25),opacity .4s;background:linear-gradient(145deg,#1c438b,#121d4a);border:1px solid rgba(168,229,255,.6);border-radius:16px;box-shadow:0 10px 19px rgba(1,11,40,.45),0 0 20px rgba(119,207,255,.26)}
.story-art-camera svg{width:58px;height:46px;filter:drop-shadow(0 0 5px rgba(104,209,255,.48))}
.story-art-social,.story-art-light{position:absolute;z-index:4;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(233,245,255,.58);border-radius:11px;background:#f7faff;box-shadow:0 9px 18px rgba(0,8,40,.35);opacity:0;transition:transform .72s cubic-bezier(.2,.75,.2,1.3),opacity .5s}
.story-art-social img{width:21px;height:21px;margin:0;object-fit:contain}
.story-art-instagram{left:10%;top:24px;transform:translate(90px,-2px) scale(.25) rotate(-35deg)}
.story-art-facebook{right:8%;top:16px;transform:translate(-85px,7px) scale(.25) rotate(35deg)}
.story-art-video{right:20%;top:48px;width:28px;height:26px;border-color:#f098e0;background:#ef78ba;color:#fff;font-size:.69rem;transform:translate(-55px,-16px) scale(.25) rotate(25deg)}
.story-art-light{left:18%;top:3px;width:25px;height:25px;border-color:#ffd4a6;background:#ffda99;color:#7143ba;font-size:1.05rem;transform:translate(45px,28px) scale(.25) rotate(-45deg)}
.story-brand.is-visible .story-art-camera{opacity:1;transform:translateX(-50%) scale(1) rotate(-7deg)}
.story-brand.is-visible .story-art-instagram{opacity:1;transform:translate(0,0) scale(1) rotate(-14deg)}
.story-brand.is-visible .story-art-facebook{opacity:1;transform:translate(0,0) scale(1) rotate(12deg)}
.story-brand.is-visible .story-art-video{opacity:1;transform:translate(0,0) scale(1) rotate(-11deg)}
.story-brand.is-visible .story-art-light{opacity:1;transform:translate(0,0) scale(1) rotate(17deg)}
.story-art-emdex:after{content:"";position:absolute;left:50%;top:11px;width:165px;height:58px;border:1px dashed rgba(97,218,234,.47);border-radius:50%;transform:translateX(-50%) rotate(9deg)}
.story-art-device{position:absolute;z-index:3;left:50%;top:0;width:47px;height:68px;padding:11px 5px 5px;transform:translateX(-50%) translateY(16px) scale(.65);opacity:0;transition:transform .72s cubic-bezier(.2,.75,.2,1.25),opacity .5s;border:3px solid #bce6ff;border-radius:11px;background:linear-gradient(155deg,#f5fbff,#d6ebff);box-shadow:0 9px 22px rgba(0,6,27,.45),0 0 19px rgba(89,223,236,.32)}
.story-art-device-top{position:absolute;left:14px;top:3px;width:14px;height:3px;border-radius:3px;background:#4477b8}
.story-art-device-chart{height:32px;padding:4px;display:flex;align-items:flex-end;gap:3px;border-radius:4px;background:#e8f3ff}
.story-art-device-chart i{width:6px;height:12px;border-radius:2px 2px 0 0;background:#55c8ed}.story-art-device-chart i:nth-child(2){height:19px}.story-art-device-chart i:nth-child(3){height:15px;background:#7164e9}.story-art-device-chart i:nth-child(4){height:24px;background:#397de9}
.story-art-device-line{display:block;width:30px;height:3px;margin:4px 0 0;background:#95b6de;border-radius:3px}.story-art-device-line.short{width:20px;margin-top:3px}
.story-art-module{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;gap:3px;height:26px;padding:0 7px;border:1px solid rgba(167,239,245,.55);border-radius:7px;background:#eafaff;color:#164574;box-shadow:0 8px 17px rgba(0,7,35,.33);font-size:.54rem;font-weight:850;letter-spacing:.04em;opacity:0;transition:transform .7s cubic-bezier(.2,.75,.2,1.25),opacity .5s}
.story-art-module img{width:15px;height:15px;margin:0;object-fit:contain}.story-art-module i{font-style:normal;color:#3eb7cf;letter-spacing:0;font-size:.42rem}
.story-art-chat{left:8%;top:17px;transform:translate(85px,8px) scale(.35)}
.story-art-crm{right:7%;top:8px;transform:translate(-82px,20px) scale(.35)}
.story-art-web{right:11%;top:46px;transform:translate(-75px,-16px) scale(.35)}
.story-art-link{position:absolute;left:49%;top:35px;width:78px;height:1px;background:linear-gradient(90deg,#70e0ed,transparent);opacity:.6;transform-origin:left center}
.story-art-link-one{transform:rotate(160deg)}.story-art-link-two{transform:rotate(22deg)}
.story-brand.is-visible .story-art-device{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.story-brand.is-visible .story-art-chat,.story-brand.is-visible .story-art-crm,.story-brand.is-visible .story-art-web{opacity:1;transform:translate(0,0) scale(1)}
.story-brand-emdex .story-art-caption{color:#a6ebee}
@media(max-height:800px) and (min-width:701px){.story-art{height:62px;margin-top:.2rem}.story-art-caption{display:none}.story-art-camera{top:0;transform:translateX(-50%) scale(.58) rotate(-12deg)}.story-brand.is-visible .story-art-camera{transform:translateX(-50%) scale(.85) rotate(-7deg)}.story-art-device{top:-4px}.story-brand.is-visible .story-art-device{transform:translateX(-50%) translateY(0) scale(.84)}.story-brand h3{margin:.2rem 0 .4rem}.story-brand-list li{padding:.28rem 0}}
@media(max-width:1000px) and (min-width:701px){.story-art-social{width:29px;height:29px}.story-art-social img{width:18px;height:18px}.story-art-camera{width:65px;height:55px}.story-art-camera svg{width:47px}.story-art-caption{font-size:.39rem}}
@media(max-width:700px){.story-art{height:48px;margin:.12rem 0 0}.story-art-caption,.story-art-ray,.story-art-link{display:none}.story-art-camera{top:-6px;width:54px;height:46px}.story-art-camera svg{width:40px;height:34px}.story-art-social{width:25px;height:25px;border-radius:7px}.story-art-social img{width:16px;height:16px}.story-art-instagram{left:21%;top:8px}.story-art-facebook{right:19%;top:1px}.story-art-video{right:28%;top:26px;width:22px;height:20px}.story-art-light{left:30%;top:-2px;width:19px;height:19px;font-size:.8rem}.story-art-device{top:-9px}.story-brand.is-visible .story-art-device{transform:translateX(-50%) scale(.76)}.story-art-module{height:21px;padding:0 5px;font-size:.45rem}.story-art-module img{width:13px;height:13px}.story-art-chat{left:13%;top:4px}.story-art-crm{right:14%;top:0}.story-art-web{right:18%;top:26px}.story-brand,.story-brand-digitals,.story-brand-emdex{height:35vh;min-height:300px;max-height:330px}.story-brand h3{font-size:1.25rem;margin:.12rem 0 .32rem}.story-brand-list li{font-size:.73rem;padding:.24rem 0}.story-brand-type{font-size:.66rem;padding:.27rem .5rem;margin-bottom:.22rem}.story-brand-footer{font-size:.65rem;padding-top:.25rem}.story-art-digitals:after,.story-art-emdex:after{top:9px;height:32px}}
@media(max-width:700px) and (max-height:760px){.story-art{height:41px}.story-brand,.story-brand-digitals,.story-brand-emdex{height:300px;min-height:0}.story-brand h3{font-size:1.18rem}.story-brand-list li{padding:.21rem 0}}
@media(prefers-reduced-motion:reduce){.story-art-camera,.story-art-social,.story-art-light,.story-art-device,.story-art-module{opacity:1!important;transition:none!important}.story-art-camera{transform:translateX(-50%) scale(1) rotate(-7deg)!important}.story-art-instagram{transform:rotate(-14deg)!important}.story-art-facebook{transform:rotate(12deg)!important}.story-art-video{transform:rotate(-11deg)!important}.story-art-light{transform:rotate(17deg)!important}.story-art-device{transform:translateX(-50%)!important}.story-art-module{transform:none!important}}