#top>.hero .spotlight-name>span:not(.spotlight-ink){background-image:radial-gradient(ellipse 70% 125% at 50% 50%,#fff 0%,#eaf8ff 16%,#9ddcff 47%,#d4a5d1 92%)!important}
#top>.hero .spotlight-name>span>.spotlight-ink{background-image:linear-gradient(180deg,#ffffff59 0%,transparent 17%,#263e5c26 43%,#eafaff88 49%,transparent 57%,#ffffff33 85%,transparent 100%),radial-gradient(ellipse 70% 125% at 50% 50%,#fff 0%,#fae7f5 18%,#e8a5d5 48%,#95d9f7 92%)!important}
#top>.hero .disciplines span{color:#f2f6fb!important;-webkit-text-fill-color:#f2f6fb!important;background:none!important}
#top>.hero .hero-links .reel-button{transition:color 2.6s ease-in-out,border-color 2.6s ease-in-out,box-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out,text-shadow 2.6s ease-in-out!important}
@media(prefers-reduced-motion:reduce){#top>.hero .hero-links .reel-button{transition-duration:.01ms!important}}
body.cosmic-ready #top>.hero .hero-links .reel-button[class],body.cosmic-disco.cosmic-ready #top>.hero .hero-links .reel-button[class]{transition:color 2.6s ease-in-out,border-color 2.6s ease-in-out,box-shadow 2.6s ease-in-out,text-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out!important}
@media(prefers-reduced-motion:reduce){body.cosmic-ready #top>.hero .hero-links .reel-button[class]{transition-duration:.01ms!important}}
/* Brighter balanced colour while preserving the feathered light at the centre. */
#top>.hero .spotlight-name>span:not(.spotlight-ink){background-image:radial-gradient(ellipse 70% 125% at 50% 50%,#fff 0%,#e4f6ff 8%,#96d9fc 36%,#dfa2d0 82%)!important}
#top>.hero .spotlight-name>span>.spotlight-ink{background-image:linear-gradient(180deg,#ffffff42 0%,transparent 19%,#263e5c20 43%,#eafaff70 49%,transparent 57%,#ffffff25 85%,transparent 100%),linear-gradient(90deg,#ee96d3 0%,#f2bddf 24%,#fff 49%,#c6e9fc 69%,#79cfff 100%)!important}
/* A gentle translucent wash follows the same portrait mask and alignment. */
#top>.hero .director-lighting .spotlight-subject::before{content:'';display:block;position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateY(var(--spot-safe-y,0px));background:linear-gradient(110deg,#67cfff 0%,#f2f7ff 47%,#f58acf 100%);opacity:.15;mix-blend-mode:screen;mask-image:url('/director-isolated.webp');-webkit-mask-image:url('/director-isolated.webp');mask-size:var(--photo-w,0px) var(--photo-h,0px);-webkit-mask-size:var(--photo-w,0px) var(--photo-h,0px);mask-position:var(--photo-ox,0px) var(--photo-oy,0px);-webkit-mask-position:var(--photo-ox,0px) var(--photo-oy,0px);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
/* Fade the pink border as its own layer; keep the reel icon and wording icy blue. */
body.cosmic-ready #top>.hero .hero-links button.reel-button[class],body.cosmic-ready.cosmic-disco #top>.hero .hero-links button.reel-button[class]{position:relative;border-color:#9dbed4!important;color:#b9e5fb!important;transition:box-shadow 2.6s ease-in-out,text-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out!important}
body.cosmic-ready #top>.hero .hero-links button.reel-button[class] .play-icon{color:#8cdcff!important}
body.cosmic-ready #top>.hero .hero-links button.reel-button[class]::after{content:'';position:absolute;inset:-1px;border:1px solid #ff95dc;pointer-events:none;opacity:0;transition:opacity 2.6s ease-in-out}
body.cosmic-ready.cosmic-disco #top>.hero .hero-links button.reel-button[class]::after{opacity:1}
#top>.hero .director-lighting .spotlight-subject::before{opacity:.23;background:linear-gradient(100deg,#67cfff 0%,#eaf8ff 48%,#f48bda 100%);background-size:var(--photo-w,0px) var(--photo-h,0px);background-position:var(--photo-ox,0px) var(--photo-oy,0px);background-repeat:no-repeat}
.header .wordmark .disco-word{transition:color 2.6s ease-in-out}
body.cosmic-disco .header .wordmark .disco-word:nth-child(1){color:#7ddaff!important}
body.cosmic-disco .header .wordmark .disco-word:nth-child(2){color:#f6f8ff!important}
body.cosmic-disco .header .wordmark .disco-word:nth-child(3){color:#ff9cdb!important}
@media(prefers-reduced-motion:reduce){body.cosmic-ready #top>.hero .hero-links button.reel-button[class]::after,.header .wordmark .disco-word{transition-duration:.01ms!important}}
/* Soft hue over the isolated figure while retaining the original photographic highlights. */
#top>.hero .director-lighting .spotlight-subject::before{opacity:.38;mix-blend-mode:color;background-image:linear-gradient(110deg,#77cfff 0%,#cde9ff 18%,#f7f3ff 32%,#ef9edb 48%,#c5e8ff 70%)}


/* Continuous colour crossfade driven by the existing Cosmic Disco strength. */
#top>.hero .spotlight-name>span:not(.spotlight-ink){background-image:radial-gradient(ellipse 42% 150% at 50% 50%,#b6e4ff 0%,#d9f0ff 28%,#f4fbff 58%,#fff 100%)!important}
#top>.hero .spotlight-name>.given-name>.spotlight-ink{background-image:linear-gradient(90deg,#ff95dc 0%,#ff95dc 50%,#79dbff 50%,#79dbff 100%)!important}
#top>.hero .spotlight-name>.family-name>.spotlight-ink{background-image:none!important;background-color:#fff!important}
#top>.hero .spotlight-name>span>.spotlight-ink{opacity:var(--cosmic-strength,0)!important;transition:none!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
#top>.hero .disciplines span{position:relative;color:#f2bddf!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(90deg,#f2bddf 0%,#f2f6fb 50%,#f2bddf 100%)!important;background-clip:text!important;-webkit-background-clip:text!important}
#top>.hero .disciplines span::after{content:'DIRECTOR FOR FILM AND TV';position:absolute;inset:0;color:#f2f6fb;-webkit-text-fill-color:#f2f6fb;background:none;opacity:var(--cosmic-strength,0);pointer-events:none}
body.cosmic-ready #top>.hero .hero-links button.reel-button.reel-button[class],body.cosmic-ready #about button.about-reel-button.about-reel-button[class]{color:color-mix(in srgb,#f2bddf,#ffd0ee calc(var(--cosmic-strength)*100%))!important;border-color:color-mix(in srgb,#9dbed4,#ff95dc calc(var(--cosmic-strength)*100%))!important;transition:box-shadow 2.6s ease-in-out,text-shadow 2.6s ease-in-out,background-color 2.6s ease-in-out!important}
body.cosmic-ready #top>.hero .hero-links button.reel-button[class] .play-icon,body.cosmic-ready #about button.about-reel-button[class] .play-icon{color:#8cdcff!important}

/* Fade compatible shadow layers continuously; avoid inset-to-outer shadow jumps. */
body.cosmic-ready #top>.hero .hero-links button.reel-button.reel-button[class]{box-shadow:inset 0 0 0 1px rgb(36 57 75 / calc(.38 * (1 - var(--cosmic-strength,0)))),0 0 17px rgb(255 149 220 / calc(.19 * var(--cosmic-strength,0)))!important;transition:background-color 2.6s ease-in-out,text-shadow 2.6s ease-in-out!important}
body.cosmic-ready #about button.about-reel-button.about-reel-button[class]{box-shadow:0 0 17px rgb(255 149 220 / calc(.19 * var(--cosmic-strength,0)))!important;transition:background-color 2.6s ease-in-out,text-shadow 2.6s ease-in-out!important}
body.cosmic-ready #top>.hero .hero-links button.reel-button.reel-button[class]::after{opacity:0!important;transition:none!important}
@media(max-width:700px){#top>.hero>.portrait::after{transform:translateY(var(--spot-safe-y,0px))}}

/* Cinema title card; the existing ink layers keep their original Disco fade. */
#top>.hero .spotlight-name>span:not(.spotlight-ink){background-image:linear-gradient(#f6f3ed,#f6f3ed)!important}
#top>.hero .disciplines span{background-image:linear-gradient(90deg,#f6f3ed 0%,#f6f3ed 37%,#e8d8e2 43%,#f6f3ed 49%,#f6f3ed 74%,#d9e8f0 80%,#f6f3ed 87%,#f6f3ed 100%)!important}

#top>.hero .disciplines span{background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}