/* Approved crystal radiance. Original photograph files remain unchanged. */
:root {
  --prism: linear-gradient(105deg, #75a9c1 0%, #b4e0ef 32%, #f1fbff 54%, #88b7ce 78%, #d7f0fa 100%);
}
.brand-lockup-crop img, .brand-art-crop img {
  filter: grayscale(1) sepia(.25) hue-rotate(150deg) saturate(1.6);
}
.chair-portrait img { filter: none; }
/* This treatment is opt-in for the prism portrait in Personal Platform only. */
.platform-card-gabriel img[data-crystal-portrait="gabriel-prism"],
a.platform-card-gabriel:hover img[data-crystal-portrait="gabriel-prism"],
a.platform-card-gabriel:focus-visible img[data-crystal-portrait="gabriel-prism"] {
  filter: grayscale(1) sepia(1) hue-rotate(154deg) saturate(2.25) brightness(1.08) contrast(1.04);
}
.platform-card-gabriel .platform-blue-aura {
  position: absolute; inset: 0; z-index: 1;
  pointer-events: none; mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 18% 44%, #02bcff66, #007cd629 27%, transparent 57%),
    radial-gradient(ellipse at 82% 34%, #38dfff73, #0396ff2e 28%, transparent 57%);
  -webkit-mask-image: linear-gradient(90deg, #000 0 23%, transparent 45% 60%, #000 81% 100%);
  mask-image: linear-gradient(90deg, #000 0 23%, transparent 45% 60%, #000 81% 100%);
  animation: personal-crystal-blue 8s ease-in-out infinite;
}
.platform-card-gabriel .radiance-field--platform .crystal-emission {
  background: radial-gradient(circle, #ecfdffcc 0%, #57e5ff99 5%, #00b8ff4d 23%, transparent 67%);
}
.platform-card-gabriel .radiance-field--platform .crystal-emission::after {
  background: radial-gradient(circle, transparent 4%, #60eaff59 18%, #0699ff3d 31%, transparent 67%);
}
@keyframes personal-crystal-blue {
  0%,100% { opacity: .42; }
  50% { opacity: .82; }
}
@media (prefers-reduced-motion:reduce) {
  .platform-card-gabriel .platform-blue-aura { animation: none; opacity: .58; }
}
.aurora-one { background: #73abc8; opacity: .13; }
.aurora-two { background: #2b6793; opacity: .12; }
.brand-art-crop { filter: drop-shadow(0 0 2.5rem #149be647); }
.involved-glow { background: radial-gradient(ellipse, #9edbf6, #3575a1 45%, transparent 72%); }

.spectrum-lighthouse {
  background: linear-gradient(180deg, transparent, #8ad5ff20 18%, #bdeaff66 41%, #f5fdff8f 50%, #bdeaff5c 59%, #8ad5ff1c 82%, transparent);
  -webkit-mask-image: linear-gradient(90deg, #000, #000 22%, #000b 72%, transparent 100%);
  mask-image: linear-gradient(90deg, #000, #000 22%, #000b 72%, transparent 100%);
  filter: blur(2px);
  animation: radiance-beam-breathe 8s ease-in-out infinite;
}
.spectrum-lighthouse::before {
  inset: 22% 0;
  background: linear-gradient(90deg, transparent 0%, #beeaff05 23%, #c5edff55 39%, #f7fdff70 48%, #bdeaff22 59%, transparent 76%);
  background-size: 260% 100%;
  box-shadow: 0 0 2.8rem #9adaff3b;
  filter: blur(3px);
  animation: radiance-beam-travel 6s linear infinite;
}
.spectrum-lighthouse::after {
  height: 2px;
  background: linear-gradient(90deg, #fff, #d8f2ffb3 19%, #9fdfff70 70%, transparent);
  box-shadow: 0 0 10px #b1e7ff, 0 0 28px #81d0ff99;
}
.crystal-beam-aura {
  z-index: 1;
  background: linear-gradient(180deg, transparent, #78c5f230 33%, #b6eaff52 50%, #78c5f230 67%, transparent);
  transform: translateY(-50%) rotate(var(--beam-angle)) scaleY(2.1);
  filter: blur(18px);
  clip-path: polygon(0 46%, 100% 0, 100% 100%, 0 54%);
}
.crystal-beam-aura::before, .crystal-beam-aura::after { content: none; }
.eye-beacon {
  background: radial-gradient(circle, #fff 0%, #e0f8ffbf 8%, #a5e0ff55 28%, #64baf61c 49%, transparent 70%);
  filter: drop-shadow(0 0 14px #9be0ff80);
}
.title-line {
  background-image: radial-gradient(ellipse 1.65em .82em at var(--light-x) var(--light-y), rgba(173,222,250,var(--prism-strength)) 0%, rgba(214,242,255,var(--prism-strength)) 44%, transparent 79%), linear-gradient(#fff,#fff);
}

.radiance-field {
  position: absolute; inset: 0; z-index: 2;
  pointer-events: none; mix-blend-mode: screen;
}
.radiance-field--hero::before,
.radiance-field--portrait::before {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  animation: crystal-cluster-glow 9s ease-in-out infinite;
}
.radiance-field--hero::before {
  background:
    radial-gradient(ellipse 27% 30% at 29% 44%, #00b8ff52, #008de62e 37%, transparent 73%),
    radial-gradient(ellipse 27% 30% at 71% 44%, #31dcff59, #008de62e 37%, transparent 73%),
    radial-gradient(ellipse 14% 28% at 50% 24%, #70eaff38, transparent 72%),
    radial-gradient(ellipse 44% 9% at 50% 64%, #39d0ff45, transparent 73%);
}
.radiance-field--portrait::before {
  background:
    radial-gradient(ellipse 27% 23% at 25% 30%, #00c2ff59, #007fce29 41%, transparent 73%),
    radial-gradient(ellipse 27% 23% at 76% 29%, #25d4ff66, #0088da29 41%, transparent 73%),
    radial-gradient(ellipse 33% 17% at 51% 14%, #57e0ff4d, transparent 73%);
  animation-delay: -3s;
}
.radiance-field--portrait {
  /* Keep the localized light in the quartz halo and off the face. */
  -webkit-mask-image: radial-gradient(ellipse 23% 21% at 54% 32%, transparent 80%, #000 100%);
  mask-image: radial-gradient(ellipse 23% 21% at 54% 32%, transparent 80%, #000 100%);
}
.radiance-field--pin { z-index: 2; }
.crystal-emission {
  position: absolute;
  left: var(--emission-x); top: var(--emission-y);
  width: var(--emission-size, 22%); aspect-ratio: 1;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle, #f0fdffdb 0%, #69e9ffb3 5%, #00b8ff66 23%, #008de622 42%, transparent 70%);
  opacity: .78;
  animation: radiance-core var(--emission-time, 7s) ease-in-out var(--emission-delay, 0s) infinite;
  will-change: opacity;
}
.crystal-emission::before, .crystal-emission::after {
  content: ""; position: absolute; inset: -12%;
  transform-origin: center;
}
.crystal-emission::before {
  background:
    linear-gradient(90deg, transparent 15%, #83eaff99 49.5%, #effeffcc 50%, #83eaff99 50.5%, transparent 85%),
    linear-gradient(0deg, transparent 15%, #47d5ff66 49.5%, #effeffcc 50%, #47d5ff66 50.5%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse, #000, transparent 66%);
  mask-image: radial-gradient(ellipse, #000, transparent 66%);
  transform: rotate(var(--emission-rotation, 18deg));
  filter: blur(.65px);
  opacity: .62;
}
.crystal-emission::after {
  background: radial-gradient(circle, transparent 4%, #67eaff70 18%, #039fff4d 31%, transparent 70%);
  animation: radiance-outward var(--emission-time, 7s) ease-out var(--emission-delay, 0s) infinite;
  will-change: transform, opacity;
}
.crystal-pulse {
  background: radial-gradient(circle at 48% 50%, #effbffcc 0 2%, transparent 9%), radial-gradient(ellipse, #8bd1f780, #508fc040 33%, transparent 66%);
  clip-path: none;
  filter: blur(6px);
}
.crystal-refraction {
  background: linear-gradient(90deg, transparent, #a3deff29 24%, #effaff99 49%, #9cdcff3d 64%, transparent);
}

@keyframes radiance-core {
  0%,100% { opacity: .48; }
  40% { opacity: 1; }
  70% { opacity: .64; }
}
@keyframes radiance-outward {
  0% { transform: scale(.5); opacity: 0; }
  22% { opacity: .85; }
  68% { opacity: .3; }
  100% { transform: scale(2.25); opacity: 0; }
}
@keyframes crystal-cluster-glow {
  0%,100% { opacity: .48; }
  50% { opacity: .88; }
}
@keyframes radiance-beam-breathe {
  0%,100% { opacity: .55; }
  50% { opacity: .82; }
}
@keyframes radiance-beam-travel {
  from { background-position: 150% 50%; }
  to { background-position: -80% 50%; }
}
@media (max-width:980px) { .crystal-beam-aura { filter: blur(12px); } }
@media (prefers-reduced-motion:reduce) {
  .spectrum-lighthouse, .spectrum-lighthouse::before,
  .crystal-emission, .crystal-emission::after,
  .radiance-field--hero::before, .radiance-field--portrait::before { animation: none; }
  .radiance-field--hero::before, .radiance-field--portrait::before { opacity: .58; }
  .spectrum-lighthouse { opacity: .62; }
  .crystal-emission { opacity: .5; }
  .crystal-emission::after { opacity: .25; transform: scale(1); }
}