/* Scenes: a photographic stage under each page hero, the partner ticker, and the dusk closing band. */
.scene-stage-wrap{position:relative;z-index:1}
.scene-stage{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:21/9;background:#2A1F5E;box-shadow:0 30px 80px rgba(23,18,43,.2),0 4px 10px rgba(23,18,43,.06);isolation:isolate}
.scene-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.stage-hero .agency-home-hero{min-height:0;padding:72px 0 44px}
.stage-hero .scene-stage-wrap{padding-bottom:8px}
.platform-stage-wrap{margin-top:-28px;padding-bottom:56px;background:#fafaf7}
.services-stage-wrap{padding:8px 0 0}
.services-stage-wrap .scene-stage{border-radius:28px 28px 0 0;box-shadow:none}
.about-stage-wrap{margin-top:-40px;padding-bottom:48px}

/* Partner ticker: white band, marks in their own colors, larger and slower. */
.scene-rail{background:#fff;border-top:1px solid #E9E4F2;border-bottom:1px solid #E9E4F2;padding:34px 0;position:relative}
.scene-rail:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,#7160f5 35%,#B5AAFF 50%,#7160f5 65%,transparent)}
.scene-rail .logo-rail-title{font-size:22px}
.scene-rail .logo-rail-viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.scene-rail .logo-rail-track{gap:64px;animation-duration:50s}
.scene-rail .logo-rail-item{font-size:16px;gap:12px}
.scene-rail .logo-rail-item img{height:34px;max-width:180px}
.scene-rail .logo-rail-icon img{height:32px;width:32px}
.scene-rail .logo-rail-meta img{height:52px;margin:-10px 0}

/* Closing band on the dusk photograph. */
.agency-close.scene-close{background:#3B2A8F}
.scene-close .close-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:0}
.scene-close:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(51,33,138,.94) 0%,rgba(51,33,138,.86) 38%,rgba(51,33,138,.42) 70%,rgba(51,33,138,.28) 100%)}
.scene-close .wrap{position:relative;z-index:2}
.scene-close p{color:#EDE9FF}

@media(max-width:1023px){
 .scene-stage{border-radius:22px}
 .stage-hero .agency-home-hero{padding:56px 0 36px}
}
@media(max-width:767px){
 .scene-stage{aspect-ratio:4/3;border-radius:18px}
 .scene-stage img{object-position:62% 50%}
 .stage-hero .agency-home-hero{padding:40px 0 28px}
 .platform-stage-wrap{margin-top:-8px;padding-bottom:40px}
 .about-stage-wrap{margin-top:-24px;padding-bottom:36px}
 .scene-rail{padding:26px 0}
 .scene-rail .logo-rail-title{font-size:19px}
 .scene-rail .logo-rail-track{gap:40px;animation-duration:32s}
 .scene-rail .logo-rail-item img{height:28px}
 .scene-close:before{background:linear-gradient(180deg,rgba(51,33,138,.92) 0%,rgba(51,33,138,.86) 60%,rgba(51,33,138,.6) 100%)}
 .scene-close .close-backdrop{object-position:70% 50%}
}
@media(prefers-reduced-motion:reduce){.scene-rail .logo-rail-track{animation:none}}

/* Ticker tiles: every tool names the job it does for the business. */
.scene-rail{padding:38px 0}
.scene-rail .logo-rail-inner{gap:40px;grid-template-columns:minmax(240px,320px) 1fr}
.scene-rail .logo-rail-title{font-size:23px;line-height:1.15}
.scene-rail .logo-rail-title span{font-size:13.5px;margin-top:6px}
.scene-rail .logo-rail-track{gap:14px;animation-duration:64s;padding-right:14px}
.scene-rail .logo-rail-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:2px;padding:12px 18px 12px 14px;border:1px solid #E9E4F2;border-radius:16px;background:#fff;box-shadow:0 2px 4px rgba(48,32,61,.03),0 10px 26px rgba(48,32,61,.05);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}
.scene-rail .logo-rail-item>img{grid-row:1/3;height:30px;max-width:150px}
.scene-rail .logo-rail-icon>img{height:30px;width:30px}
.scene-rail .logo-rail-item>span{font:600 14px/1.2 Inter,sans-serif;color:#342147}
.scene-rail .logo-rail-item:not(.logo-rail-icon)>img{grid-row:1/2}
.scene-rail .logo-rail-item:not(.logo-rail-icon) .rail-role{grid-column:1/3}
.scene-rail .logo-rail-icon .rail-role{grid-column:2}
.rail-role{font:500 10.5px/1.2 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7B6F89}
.scene-rail .logo-rail-meta img{height:44px;margin:-8px 0}
@media(hover:hover){.scene-rail .logo-rail-item:hover{transform:translateY(-3px);border-color:#C9BFFF;box-shadow:0 6px 12px rgba(48,32,61,.05),0 20px 40px rgba(113,96,245,.14)}}
@media(max-width:767px){.scene-rail .logo-rail-inner{grid-template-columns:1fr;gap:18px}.scene-rail{padding:28px 0}.scene-rail .logo-rail-title{font-size:20px}.scene-rail .logo-rail-track{gap:10px;animation-duration:40s}.scene-rail .logo-rail-item{padding:10px 14px 10px 12px;border-radius:13px}.scene-rail .logo-rail-item>img{height:26px}.scene-rail .logo-rail-icon>img{height:26px;width:26px}}
@media(prefers-reduced-motion:reduce){.scene-rail .logo-rail-item:hover{transform:none}}