/* Original homepage gradient; every real hero uses the same stops and animation. */
body[data-hero-gradient]{position:relative;isolation:isolate}
body[data-hero-gradient]::before{content:"";position:absolute;inset:0 0 auto;height:var(--hero-gradient-height,850px);z-index:-1;pointer-events:none;background-color:#0d0a0c}
body[data-hero-gradient=home] .chrome-home-hero,
body[data-hero-gradient=corporate] #intro{background:transparent!important}
body[data-hero-gradient].hero-gradient-top>header.enterprise-header{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#fff}
body[data-hero-gradient].hero-gradient-top>header .desktop-nav>a,
body[data-hero-gradient].hero-gradient-top>header .nav-disclosure,
body[data-hero-gradient].hero-gradient-top>header .header-phone{color:#fff!important}
body[data-hero-gradient].hero-gradient-top>header .nav-plus{color:#c4b8bd}
body[data-hero-gradient].hero-gradient-top>header .logo>img{filter:brightness(0) invert(1)}
body[data-hero-gradient].hero-gradient-top>header .header-cta{background:#ff5a2b!important;color:#171717!important}
body[data-hero-gradient].hero-gradient-top>header .header-cta svg{color:inherit!important}
body[data-hero-gradient].hero-gradient-top>header .menu-toggle{color:#fff!important;border-color:#ffffff40!important;background:transparent!important}
body[data-hero-gradient=home] .chrome-hero-action>p{color:#fff}
body[data-hero-gradient=home] :is(.premium-art-index>span,.chrome-change-form,.hero-bottom){color:#c4b8bd}
body[data-hero-gradient=corporate] #intro h1{color:#fff}
body[data-hero-gradient=corporate] #intro h1 em{color:#ff5a2b}
body[data-hero-gradient=corporate] #intro :is(.wh-breadcrumb,.cr-service-label,.ca-lead,figcaption){color:#c4b8bd}
body[data-hero-gradient=corporate] #intro .wh-breadcrumb a{color:inherit}
body[data-hero-gradient=corporate] #intro .ca-offer-line{color:#fff}
body[data-hero-gradient=corporate] #intro .ca-offer-line small{color:#b7a6ac}
body[data-hero-gradient=corporate] #intro .ws-text-link{color:#fff}
body[data-hero-gradient=corporate] #intro .ca-hero-facts{border-color:#ffffff24}
body[data-hero-gradient=corporate] #intro .ca-hero-facts strong{color:#fff}
body[data-hero-gradient=corporate] #intro .ca-hero-facts span{color:#c4b8bd}
body[data-hero-gradient=corporate] #intro .ce-screen{filter:drop-shadow(0 24px 30px #0005)}

@media(max-width:600px){
 body[data-hero-gradient].hero-gradient-top>header .header-cta{padding:0 8px!important;gap:6px;font-size:12px}
}
/* Keep the original colour stops. Move the light's centre within the hero
   instead of translating an oversized background, which looked almost static. */
@property --hero-light-x{syntax:"<percentage>";inherits:false;initial-value:82%}
@property --hero-light-y{syntax:"<percentage>";inherits:false;initial-value:24%}
body[data-hero-gradient]::before{
 background-image:
  radial-gradient(ellipse 72% 88% at var(--hero-light-x) var(--hero-light-y),#421c2b 0%,#421c2b00 62%),
  linear-gradient(155deg,#211019 0%,#0d0a0c 92%);
 background-size:100% 100%;
 background-repeat:no-repeat;
 animation:hero-original-light 12s ease-in-out -3s infinite alternate;
}
@keyframes hero-original-light{
 from{--hero-light-x:88%;--hero-light-y:20%}
 to{--hero-light-x:18%;--hero-light-y:76%}
}
body[data-hero-gradient].hero-gradient-paused::before,
body[data-hero-gradient].hero-gradient-hidden::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 body[data-hero-gradient]::before{animation:none;--hero-light-x:82%;--hero-light-y:24%}
}
/* Keep local illustration surfaces intact; recolour only actual page copy. */
body[data-hero-gradient] [data-site-hero]{background:transparent!important;color:#fff!important}
body[data-hero-gradient] [data-site-hero]::before,body[data-hero-gradient] [data-site-hero]::after{background:none!important;background-image:none!important}
body[data-hero-gradient] [data-site-hero] h1,body[data-hero-gradient] [data-site-hero] h1 span{color:#fff!important}
body[data-hero-gradient] [data-site-hero] h1 em{color:#ff5a2b!important}
body[data-hero-gradient] [data-site-hero] .site-hero-muted{color:#c4b8bd!important}
body[data-hero-gradient] [data-site-hero] .site-hero-ink{color:#fff!important}
body[data-hero-gradient] [data-site-hero] .site-hero-light-action{color:#fff!important;border-color:#ffffff40!important}
body[data-hero-gradient] [data-site-hero] .site-breadcrumb{color:#c4b8bd!important;--breadcrumb-color:#c4b8bd}
body[data-hero-gradient] [data-site-hero] .site-breadcrumb :is(a,span,li){color:inherit!important}