/* Flowing dot waves with SaaS, AI and robotics elements, softened only in presentation. */
.experience-banner.experience-banner{position:relative;isolation:isolate;overflow:hidden;background:#171717;color:var(--ink)}
.experience-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(23,23,23,.58) 0%,rgba(23,23,23,.28) 46%,rgba(23,23,23,.08) 100%)}
.experience-banner .eyebrow,.experience-banner .edition,.experience-banner .home-leadership-focus,.experience-banner .hero-bottom{color:#d0d2d5}
.hero.text-home.experience-banner .hero-content{padding-top:62px;padding-bottom:62px}
.hero.text-home.experience-banner h1{margin-bottom:32px}
.hero-top .eyebrow{line-height:1.8}
.saas-heading.experience-banner{max-width:none;padding:40px 42px;margin:30px 0 32px;border:1px solid var(--line)}
.about-page .about.experience-banner{max-width:none}
.about-page .about.about-page .about.experience-banner::after{background:linear-gradient(180deg,rgba(23,23,23,.62),#171717 850px),linear-gradient(90deg,rgba(23,23,23,.3),rgba(23,23,23,.6))}
.contact.experience-banner .pill{background:var(--accent);color:var(--bg)}
.contact.experience-banner .pill:hover{background:#6bf8c6}
footer{flex-wrap:wrap}
@media(max-width:700px){.saas-heading.experience-banner{padding:28px 22px}.hero.text-home.experience-banner .hero-content{padding-top:42px;padding-bottom:42px}.experience-banner::after{background:rgba(23,23,23,.68)}.hero-top{align-items:flex-start}.hero-top .eyebrow{max-width:80%}.hero-top .edition{display:block}}

/* Keep the complete artwork visible at every banner aspect ratio. */
.about-page .about.experience-banner{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2));grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8%}
@media(max-width:700px){.about-page .about.experience-banner{grid-template-columns:minmax(0,1fr);padding-left:6%;padding-right:6%;gap:24px}}

/* Mask the image itself, so all four edges fade even when it is letterboxed.
   Intrinsic aspect ratio and both maximum dimensions preserve the entire composition. */
.experience-banner>.banner-art{position:absolute;inset:0;z-index:-2;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}
.banner-art>img{display:block;flex:0 1 auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:blur(1px);opacity:.85;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in}
.about-page .about.experience-banner>.banner-art{align-items:flex-start}