/* Large service chapters: campaign studio, operations engine, connected OS. */
.service-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;font-size:9px;letter-spacing:.08em}
#services-motion{font-size:11px;background:none;color:#333;border:1px solid #aaa;border-radius:30px;padding:12px 16px;min-height:44px;letter-spacing:0}
#services-motion[hidden]{display:none}
#services-motion>span{margin-left:13px}
.immersive-services{gap:28px}
.immersive-services .service{grid-template-columns:.9fr 1.25fr;gap:30px;min-height:640px;padding:48px 42px;border:0;border-radius:5px;overflow:hidden;isolation:isolate;position:relative}
.immersive-services #marketing{background:#151515;color:#f8f8f8}
.immersive-services #automation{background:#e6def6;color:#191321}
.immersive-services #workflows{background:#12392f;color:#eef5eb}
.immersive-services .service-copy{grid-column:1;grid-row:1;z-index:2;min-width:0}
.immersive-services .service-title{gap:10px;align-items:center;margin-bottom:30px}
.immersive-services .service-index{font-size:10px;color:inherit;opacity:.65;padding:0;align-self:auto}
.immersive-services .service-title h3{font-size:12px;letter-spacing:0;line-height:1.4;font-weight:500}
.immersive-services .service-title>span:last-child{display:none}
.immersive-services .service-editorial{font-size:clamp(35px,4.2vw,61px);line-height:1.02;letter-spacing:-.06em;font-weight:500}
.immersive-services .service-promise{font-size:16px;line-height:1.45;margin:24px 0 12px;max-width:360px}
.immersive-services .service-description{font-size:12px;line-height:1.7;color:inherit;opacity:.68;max-width:350px}
.immersive-services .service ul{font-size:11px;color:inherit;opacity:.85;gap:5px;padding:23px 0}
.immersive-services .service li:before{color:inherit;opacity:.6}
.immersive-services .service-link{font-size:12px;min-height:48px;border-color:currentColor;gap:40px}
.immersive-services #marketing .service-title{color:var(--campaign-orange)}
.immersive-services #workflows .service-title{color:var(--campaign-green)}
.immersive-services .service-art{grid-column:2;grid-row:1;height:540px;min-height:0;margin:0;border-radius:3px;isolation:isolate;container-type:inline-size;color:#151515;overflow:hidden}
.immersive-services #marketing .service-art{background:#f0b292}
.immersive-services #automation .service-art{background:#c9b7ee}
.immersive-services #workflows .service-art{background:#c9e5b9}
.scene-kicker,.scene-bottom{position:absolute;left:25px;right:20px;font-size:8px;letter-spacing:.06em;z-index:5;line-height:1.5}
.scene-kicker{top:24px}.scene-bottom{bottom:22px}
.scene-giant{position:absolute;left:5%;top:12%;font-size:21cqw;line-height:1;letter-spacing:-.07em;font-weight:650;color:#3c281214;white-space:nowrap;z-index:-1}
.campaign-halo{position:absolute;width:400px;height:400px;border:1px solid #60371c35;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.campaign-halo:before,.campaign-halo:after{content:'';position:absolute;inset:40px;border:1px solid #60371c30;border-radius:50%}.campaign-halo:after{inset:-40px}
.demand-reel{position:absolute;left:13%;top:93px;width:43%;max-width:270px;background:#fafaf5;border:5px solid #fafaf5;box-shadow:0 25px 30px #4c2c2830;border-radius:9px;transform:rotate(-9deg);z-index:3}
.reel-profile{display:flex;gap:6px;align-items:center;padding:7px 5px;font-size:9px}.reel-profile img{width:25px;height:25px;border-radius:50%}.reel-profile small{display:block;font-size:6px;color:#666;margin-top:2px}.reel-profile>span:last-child{margin-left:auto}
.reel-picture{height:290px;background:#172920;position:relative;overflow:hidden;border-radius:3px}.reel-picture video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0}.reel-picture.has-film video{opacity:1}.reel-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0007)}
.reel-picture strong{position:absolute;left:12px;bottom:40px;font-size:clamp(28px,7.5cqw,47px);line-height:.93;letter-spacing:-.055em;color:#fff;z-index:1}.reel-picture>span{position:absolute;left:14px;bottom:17px;color:#fff;font-size:7px;z-index:1}
.reel-reactions{font-size:22px;padding:6px 5px 2px}.reel-reactions>span{display:block;font-size:8px;padding:0 0 3px}
.demand-poster{position:absolute;right:9%;top:100px;width:41%;height:305px;padding:24px;background:#fa693c;transform:rotate(12deg);box-shadow:0 20px 30px #4c2c2820;z-index:2;display:flex;flex-direction:column;align-items:flex-start}
.demand-poster>img{width:38px;height:38px;border-radius:50%;margin-bottom:20px}.demand-poster>span{font-size:8px;line-height:1.5}.demand-poster strong{font-size:clamp(34px,9cqw,59px);line-height:.92;letter-spacing:-.06em;margin:7px 0 12px}.demand-poster>i{font-size:50px;line-height:1;position:absolute;right:15px;bottom:14px;font-style:normal}
.channel-pill{position:absolute;display:flex;align-items:center;gap:8px;font-size:11px;background:#fff;border-radius:30px;padding:12px 17px;box-shadow:0 8px 18px #0001;z-index:4}
.channel-pill svg{width:16px;height:16px}.channel-social{left:4%;top:71px;transform:rotate(-5deg)}.channel-ads{right:4%;bottom:103px;transform:rotate(7deg);background:#181818;color:#fff}.channel-email{right:19%;bottom:51px;transform:rotate(-4deg)}
.operations-scene .scene-giant{top:15%;color:#4933701c;font-size:22cqw}
.ops-connection{position:absolute;inset:0;width:100%;height:100%;stroke:#654f8c;stroke-width:1.4}.ops-pulse{stroke:#281738;stroke-width:3;stroke-dasharray:12 40;animation:ops-stream 5s linear infinite;animation-play-state:paused}
.ops-incoming{position:absolute;top:83px;left:5%;width:82%;display:flex;align-items:center;gap:13px;background:#fdfcff;border-radius:12px;padding:19px;transform:rotate(-5deg);box-shadow:0 14px 24px #33204024;z-index:3}.ops-icon{font-size:28px;color:#5b367f}.ops-incoming small{display:block;font-size:7px;color:#777;letter-spacing:.08em;margin-bottom:6px}.ops-incoming strong{display:block;font-size:16px;letter-spacing:-.025em}.ops-incoming p{font-size:9px;line-height:1.5;margin-top:7px;max-width:220px;color:#666}.ops-incoming img{width:37px;height:37px;border-radius:50%;margin-left:auto;flex-shrink:0}
.ops-agent{position:absolute;top:240px;right:5%;width:78%;background:#1c1626;color:#fff;display:flex;align-items:center;gap:14px;padding:21px;border-radius:10px;transform:rotate(3deg);z-index:4;box-shadow:0 15px 25px #291c3c30}.agent-star{font-size:45px;line-height:1;color:#d5c7f8}.ops-agent>span:nth-child(2){font-size:21px;letter-spacing:-.04em}.ops-agent small{display:block;font-size:9px;font-weight:400;color:#c8bfd6;letter-spacing:0;margin-top:6px}.agent-dots{display:flex;gap:4px;margin-left:auto}.agent-dots i{width:4px;height:4px;border-radius:50%;background:#d6c5ff}
.ops-review{position:absolute;left:9%;bottom:49px;width:70%;padding:19px 22px;background:#f2f9ec;border-radius:10px;transform:rotate(-3deg);z-index:2;box-shadow:0 12px 18px #33204020}.ops-review-icon{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#cbe4b8;display:grid;place-items:center;font-size:16px}.ops-review>small{font-size:7px;letter-spacing:.06em;display:block;color:#59704b}.ops-review>strong{font-size:25px;line-height:1.05;letter-spacing:-.04em;display:block;margin-top:14px}.ops-review>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.ops-review>div>span{font-size:7px;padding:5px 7px;border:1px solid #b9c9b1;border-radius:3px}.ops-review>p{font-size:7px;color:#5b6b53;margin-top:10px}
.connected-scene .scene-giant{font-size:17cqw;top:14%;color:#1b57251a}
.os-universe{position:absolute;inset:55px 0 35px;display:grid;place-items:center}
.os-ring{position:absolute;border:1px solid #385c3040;border-radius:50%;width:320px;height:320px;transform:rotateX(22deg) rotate(-20deg)}
.ring-outer{width:470px;height:470px;transform:rotateX(42deg) rotate(-20deg)}
.orbit-signal{position:absolute;width:320px;height:320px;border-radius:50%;animation:os-orbit 18s linear infinite;animation-play-state:paused}.orbit-signal i{position:absolute;top:0;left:50%;width:11px;height:11px;border-radius:50%;background:#315b29;box-shadow:0 0 0 6px #315b2912}
.os-heart{width:185px;height:185px;background:#12392f;color:#eef8e7;border-radius:50%;box-shadow:0 15px 0 #719369,0 30px 40px #243d2a25;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-8deg);z-index:2}
.os-heart>small{font-size:10px;letter-spacing:.16em}.os-heart>strong{font-size:74px;letter-spacing:-.085em;line-height:1.05;position:relative;padding-right:12px}.os-heart strong>span{font-size:29px;color:#fba47e;position:absolute;right:-8px;top:6px}.os-heart>span{font-size:6px;letter-spacing:.12em;margin-top:9px}
.orbit-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#f4f8ed;border:1px solid #b7c6aa;box-shadow:0 7px 10px #2e4c2815;padding:12px 15px;border-radius:7px;z-index:3}.orbit-chip b{font-size:25px;font-weight:400;color:#325f3b}.orbit-chip>span{font-size:12px}.orbit-chip small{display:block;font-size:7px;margin-top:4px;color:#607354}.chip-brand{left:4%;top:20px;transform:rotate(-6deg)}.chip-content{right:3%;top:85px;transform:rotate(7deg)}.chip-growth{left:3%;bottom:63px;transform:rotate(4deg)}.chip-team{right:4%;bottom:12px;transform:rotate(-5deg)}
/* Motion explains flow; visible controls stop every new loop. */
.demand-reel{animation:reel-drift 7s var(--ease-signature) infinite;animation-play-state:paused}.demand-poster{animation:poster-drift 7s var(--ease-signature) infinite;animation-play-state:paused}.ops-agent{animation:agent-drift 6s var(--ease-signature) infinite;animation-play-state:paused}
.immersive-scene.motion-running .scene-float,.immersive-scene.motion-running .ops-pulse,.immersive-scene.motion-running .orbit-signal{animation-play-state:running}
@keyframes reel-drift{0%,100%{transform:translateY(0) rotate(-9deg)}35%,55%{transform:translateY(-13px) rotate(-5deg)}}
@keyframes poster-drift{0%,55%,100%{transform:translateY(0) rotate(12deg)}75%{transform:translateY(-12px) rotate(8deg)}}
@keyframes agent-drift{0%,100%{transform:translateY(0) rotate(3deg)}45%,65%{transform:translateY(-9px) rotate(0)}}
@keyframes ops-stream{to{stroke-dashoffset:-104}}
@keyframes os-orbit{to{transform:rotate(360deg)}}
/* Closing moment: oversized type, a clear invitation, then the practical form. */
.contact{padding-top:0;border-top:0}
.closing-scene{position:relative;padding:52px 0 45px;border-bottom:1px solid #393939;margin-bottom:60px;isolation:isolate}
.closing-scene .contact-top{margin-bottom:55px;gap:20px}.closing-scene .contact-top>span{color:#999;font-size:9px;letter-spacing:.07em}
.closing-scene h2{font-size:clamp(72px,10.7vw,154px);line-height:.88;letter-spacing:-.075em;font-weight:650;position:relative;z-index:1;max-width:1000px}
.closing-scene h2>span{color:var(--campaign-orange)}
.closing-arrow{position:absolute;right:1%;top:33%;width:clamp(95px,12vw,175px);height:clamp(95px,12vw,175px);background:var(--campaign-orange);color:#171717;border-radius:50%;display:grid;place-items:center;transform:rotate(-7deg);z-index:2;box-shadow:10px 13px 0 #ff784f26}
.closing-arrow>span{font-size:clamp(70px,8vw,120px);line-height:1;transition:transform .38s var(--ease-signature)}
.closing-baseline{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:42px}.closing-baseline>p{font-size:20px;line-height:1.4;letter-spacing:-.025em;color:#ccc}.closing-baseline>span{font-size:9px;color:#888;letter-spacing:.06em}
.contact .contact-intro h3{font-size:clamp(34px,4vw,55px);line-height:1.05;letter-spacing:-.05em;font-weight:500}
.contact .contact-intro>p{font-size:15px}.contact-form-panel{border-color:#555}
.site-footer{background:#c9bbf7;color:#191321;padding:25px 0 20px;border-top:0}
.site-footer .wrap{border-top:0;overflow:hidden;padding-top:0}
.site-footer .footer-meta,.site-footer .footer-meta a{color:#382c4d}
.footer-signature{display:flex;align-items:center;position:relative;gap:20px}
.site-footer .footer-wordmark{font-size:clamp(100px,20vw,288px);color:#191321;line-height:1.05;padding:24px 0 22px;letter-spacing:-.085em;flex:1}
.footer-flower{font-size:clamp(65px,14vw,200px);line-height:1;color:#191321;margin-top:24px;transform:rotate(-12deg)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.09em;border-top:1px solid #19132144;padding-top:18px}
@media(hover:hover) and (pointer:fine){.closing-arrow:hover>span{transform:translate(6px,-6px)}.immersive-services .service-link:hover>span{transform:translate(4px,-4px)}}
@media(max-width:1100px){.immersive-services .service{padding:32px 25px;gap:22px;grid-template-columns:.95fr 1.15fr}.immersive-services .service-art{height:510px}.immersive-services .service-editorial{font-size:40px}.immersive-services .service-promise{font-size:14px}.immersive-services .service-description{font-size:11px}.immersive-services .service ul{font-size:10px}.scene-kicker,.scene-bottom{left:17px;font-size:7px}.demand-reel{left:8%;width:49%;top:110px}.reel-picture{height:255px}.demand-poster{right:6%;width:43%;padding:18px 14px;top:120px;height:280px}.demand-poster strong{font-size:9cqw}.channel-ads{bottom:73px}.channel-email{bottom:28px;right:19%}.demand-scene .scene-bottom{display:none}.ops-incoming{padding:15px;gap:9px;top:80px;width:89%}.ops-incoming strong{font-size:13px}.ops-incoming p{font-size:8px}.ops-icon{font-size:23px}.ops-incoming img{width:30px;height:30px}.ops-agent{top:225px;width:86%;padding:17px;gap:9px}.ops-agent>span:nth-child(2){font-size:18px}.ops-agent small{font-size:8px}.agent-star{font-size:35px}.ops-review{width:79%;padding:18px;bottom:45px}.ops-review>strong{font-size:23px}.os-heart{width:150px;height:150px}.os-heart>strong{font-size:60px}.os-ring,.orbit-signal{width:260px;height:260px}.ring-outer{width:380px;height:380px}.orbit-chip{padding:10px;gap:6px}.orbit-chip>span{font-size:10px}.orbit-chip small{font-size:6px}.orbit-chip b{font-size:20px}.chip-content{top:89px;right:2%}.chip-brand{left:3%;top:27px}.chip-growth{left:3%;bottom:73px}.chip-team{right:3%;bottom:6px}.closing-arrow{right:0;top:31%}.closing-scene h2{font-size:10.4vw}}
@media(max-width:800px){.immersive-services .service{grid-template-columns:1fr;padding:32px;gap:30px;min-height:0}.immersive-services .service-copy{grid-row:1;grid-column:1}.immersive-services .service-art{grid-row:2;grid-column:1;width:100%;height:540px}.immersive-services .service-editorial{font-size:58px}.immersive-services .service-description{font-size:13px;max-width:480px}.immersive-services .service-promise{font-size:16px;max-width:480px}.immersive-services .service ul{font-size:12px}.immersive-services .service-title{margin-bottom:24px}.demand-reel{left:15%;width:40%;top:95px}.demand-poster{right:10%;width:40%;top:105px;height:305px}.reel-picture{height:290px}.channel-ads{bottom:97px}.channel-email{bottom:45px}.ops-incoming{width:80%;top:90px}.ops-agent{width:72%;top:240px}.ops-review{width:65%;bottom:48px}.orbit-chip{padding:13px 17px}.orbit-chip>span{font-size:12px}.orbit-chip small{font-size:7px}.os-heart{width:180px;height:180px}.os-heart>strong{font-size:75px}.os-ring,.orbit-signal{width:330px;height:330px}.ring-outer{width:470px;height:470px}.chip-content{top:83px}.chip-growth{bottom:65px}.closing-scene{padding-top:40px;margin-bottom:40px}.closing-scene .contact-top>span{display:none}.closing-scene .contact-top{margin-bottom:40px}.closing-arrow{width:90px;height:90px;top:auto;bottom:32px;right:0;box-shadow:6px 8px 0 #ff784f26}.closing-arrow>span{font-size:63px}.closing-baseline>span{display:none}.closing-baseline{padding-right:120px}.closing-baseline>p{font-size:17px}.closing-scene h2{font-size:12.2vw}.contact .contact-intro h3{font-size:42px}.footer-signature{gap:10px}.footer-flower{margin-top:10px}}
@media(max-width:580px){.services>.wrap{width:calc(100% - 32px)}.services .section-heading{padding:0 7px}.services .section-top{padding-inline:7px}.service-stage-toolbar{padding-inline:7px;gap:10px}.service-stage-toolbar>span{max-width:135px;font-size:7px;line-height:1.5}.service-stage-toolbar button{font-size:10px;padding:10px 12px;white-space:nowrap}.immersive-services{gap:18px}.immersive-services .service{padding:26px 0 0;border-radius:4px;gap:28px}.immersive-services .service-copy{padding:0 23px}.immersive-services .service-editorial{font-size:clamp(35px,10.8vw,54px)}.immersive-services .service-title{margin-bottom:22px}.immersive-services .service-promise{font-size:15px;margin-top:22px}.immersive-services .service-description{font-size:12px;line-height:1.65}.immersive-services .service ul{font-size:10px;padding:18px 0}.immersive-services .service-link{font-size:12px;margin-bottom:0}.immersive-services .service-art{height:455px;border-radius:0}.scene-kicker{top:19px;font-size:6px}.scene-bottom{font-size:6px;bottom:17px}.scene-giant{top:13%}.demand-reel{left:9%;width:46%;top:86px;border-width:4px}.reel-profile{padding:6px 3px;font-size:7px;gap:4px}.reel-profile img{width:20px;height:20px}.reel-profile small{font-size:5px}.reel-picture{height:235px}.reel-picture strong{font-size:36px;left:9px;bottom:33px}.reel-picture>span{left:9px;font-size:6px}.reel-reactions{font-size:19px}.reel-reactions>span{font-size:6px}.demand-poster{right:6%;width:44%;top:107px;height:255px;padding:15px}.demand-poster>img{width:30px;height:30px;margin-bottom:18px}.demand-poster strong{font-size:40px}.demand-poster>span{font-size:6px}.demand-poster>i{font-size:35px}.channel-pill{font-size:9px;padding:10px 13px}.channel-social{top:57px;left:5%}.channel-ads{bottom:65px;right:4%}.channel-email{bottom:23px;right:20%}.ops-incoming{top:67px;width:86%;padding:14px;left:5%;gap:8px}.ops-incoming strong{font-size:13px}.ops-incoming small{font-size:6px}.ops-incoming p{font-size:7px}.ops-incoming img{width:30px;height:30px}.ops-agent{top:198px;width:83%;right:4%;padding:17px 14px;gap:10px}.ops-agent>span:nth-child(2){font-size:18px}.ops-agent small{font-size:7px}.agent-star{font-size:32px}.ops-review{left:9%;width:76%;bottom:38px;padding:18px}.ops-review>strong{font-size:23px}.ops-review>small{font-size:6px}.ops-review>div{margin-top:13px}.ops-review>div>span{font-size:6px}.ops-review>p{font-size:6px}.ops-review-icon{width:25px;height:25px;font-size:14px}.os-universe{inset:42px 0 25px}.os-heart{width:148px;height:148px}.os-heart>strong{font-size:61px}.os-heart>small{font-size:8px}.os-heart>span{font-size:5px}.os-ring,.orbit-signal{width:265px;height:265px}.ring-outer{width:355px;height:355px}.orbit-chip{padding:10px;gap:7px}.orbit-chip>span{font-size:10px}.orbit-chip small{font-size:6px}.orbit-chip b{font-size:19px}.chip-brand{top:16px;left:4%}.chip-content{right:3%;top:75px}.chip-growth{left:3%;bottom:55px}.chip-team{bottom:3px;right:4%}.closing-scene{padding:35px 0 30px;margin-bottom:32px}.closing-scene .contact-top{margin-bottom:33px}.closing-scene .contact-top .eyebrow{font-size:7px}.closing-scene h2{font-size:12vw;line-height:.94;letter-spacing:-.065em}.closing-arrow{width:70px;height:70px;bottom:31px;right:5px}.closing-arrow>span{font-size:49px}.closing-baseline{margin-top:34px;padding-right:95px}.closing-baseline>p{font-size:14px}.contact .contact-intro h3{font-size:37px}.contact .contact-intro>p{font-size:14px}.site-footer{padding:20px 0 15px}.site-footer .footer-wordmark{font-size:19.5vw;padding:25px 0 18px}.footer-flower{font-size:13vw;margin-top:13px}.footer-bottom{font-size:6px;line-height:1.5;gap:15px}.footer-bottom>span:first-child{max-width:160px}}
@media(max-width:350px){.reel-picture strong{font-size:30px}.demand-poster strong{font-size:33px}.ops-agent small{font-size:6px}.ops-incoming img{width:26px;height:26px}.ops-incoming strong{font-size:11px}.ops-review{width:80%;left:7%}.os-heart{width:127px;height:127px}.os-heart>strong{font-size:53px}.orbit-chip{padding:8px}.orbit-chip>span{font-size:9px}.orbit-chip small{font-size:5px}.os-ring,.orbit-signal{width:235px;height:235px}}
@media(prefers-reduced-motion:reduce){.immersive-scene *{animation:none!important;transition:none!important}.closing-arrow>span{transform:none!important}.ops-pulse,.orbit-signal{display:none}}
/* Keep sample labels legible and the review handoff clear of the AI strip. */
.immersive-scene .scene-kicker{color:#4c443d;margin:0}
.ops-agent{top:218px}
@media(min-width:801px) and (max-width:1100px){.ops-agent{top:207px}}
@media(min-width:581px) and (max-width:800px){.ops-agent{top:220px}}
@media(max-width:580px){.immersive-services .operations-scene{height:490px}.ops-agent{top:190px}}