.hologram-layer {
  position:absolute;inset:0;z-index:4;pointer-events:none;perspective:1100px;
  --hologram-reveal:0;
}
.hologram-card {
  --card-x:54%;--card-y:18%;--card-roll:-8deg;--card-tilt:-15deg;--card-depth:0px;
  position:absolute;left:var(--card-x);top:var(--card-y);width:clamp(116px,10.5vw,160px);
  padding:0;background:none;border:0;pointer-events:auto;text-align:left;color:#536e96;
  transform:translate(-50%,-50%) translate3d(calc(var(--pointer-x,0)*-11px),calc(var(--pointer-y,0)*-9px),calc(var(--card-depth) + var(--scene-progress,0)*42px)) rotate(var(--card-roll)) rotateY(var(--card-tilt));
  transition:filter .55s ease,opacity .55s ease;filter:saturate(.5);opacity:.78;
  outline-offset:7px;
}
.hologram-card:nth-child(2){--card-x:88%;--card-y:26%;--card-roll:10deg;--card-tilt:-21deg;--card-depth:-55px}
.hologram-card:nth-child(3){--card-x:51%;--card-y:52%;--card-roll:-8deg;--card-tilt:18deg;--card-depth:20px}
.hologram-card:nth-child(4){--card-x:90%;--card-y:48%;--card-roll:7deg;--card-tilt:-17deg;--card-depth:15px}
.hologram-card:nth-child(5){--card-x:57%;--card-y:70%;--card-roll:-5deg;--card-tilt:16deg;--card-depth:-28px}
.hologram-card:nth-child(6){--card-x:86%;--card-y:61%;--card-roll:7deg;--card-tilt:-11deg;--card-depth:-50px}
.hologram-surface {
  display:block;overflow:hidden;padding:5px;border-radius:8px;border:1px solid #ffffffd6;
  background:linear-gradient(135deg,#ffffff80,#eff8ff35 48%,#dceaff80);
  box-shadow:0 10px 26px -17px #325b9c66,inset 0 0 0 1px #adc9ef40,inset 0 1px 14px #ffffffaa;
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  animation:hologram-float calc(8s + var(--hologram-index)*1.3s) ease-in-out infinite;
  animation-delay:calc(var(--hologram-index)*-1.7s);transition:background .4s,box-shadow .4s,scale .4s;
}
.hologram-visual{display:block;position:relative;aspect-ratio:1.85;overflow:hidden;border-radius:4px;background:radial-gradient(ellipse at 60% 20%,#ffffffc9,#cee4fd70 85%)}
.hologram-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff99,transparent 37%,#e5f3ff20 68%,#ffffff80);pointer-events:none}
.hologram-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.45) contrast(.84);opacity:.88;transition:filter .5s,opacity .5s}
.hologram-visual svg{width:100%;height:100%;stroke:#5f8ab8;stroke-width:1.1;filter:drop-shadow(0 0 3px #ffffff);opacity:.86}
.hologram-caption{display:flex!important;align-items:center;gap:6px;padding:7px 3px 3px;line-height:1.45}
.hologram-caption strong{font-size:clamp(6px,.58vw,8px);font-weight:600;letter-spacing:.09em;overflow-wrap:anywhere}
.hologram-number{font-size:6px;color:#739bca;align-self:flex-start;padding-top:1px}
.hologram-arrow{font-size:13px;margin-left:auto;line-height:1;color:#7b9dc7}
.hologram-card:hover,.hologram-card:focus-visible{opacity:1;filter:saturate(.95);z-index:2}
.hologram-card:hover .hologram-surface,.hologram-card:focus-visible .hologram-surface{scale:1.085;background:linear-gradient(130deg,#ffffffed,#eaf6ffb0);box-shadow:0 16px 36px -17px #5188c577,0 0 20px #a9daff55,inset 0 0 0 1px #c1dcfa99}
.hologram-card:hover img,.hologram-card:focus-visible img{filter:saturate(.85) contrast(1);opacity:1}
.hologram-layer[data-expanded=true] .hologram-card{opacity:.95}
.has-open-windows .hologram-layer{opacity:.36;filter:blur(1.5px);transition:opacity .5s,filter .5s}
.has-open-windows .hologram-surface{animation-play-state:paused}
/* Orbit around the person. The layer must not form its own stacking context, or the far side could not pass
   behind the figure: it sits between the ring's far side (z 1) and near side (z 3). */
.sculpture.ai-core{z-index:2}
.hologram-layer[data-orbit]{z-index:auto;perspective:none}
.hologram-layer[data-orbit] .hologram-card{
  left:0;top:0;opacity:var(--orbit-opacity,.78);transition:filter .55s ease;
  transform:translate3d(var(--orbit-x,50%),var(--orbit-y,50%),0) translate(-50%,-50%) translate(calc(var(--pointer-x,0)*-11px),calc(var(--pointer-y,0)*-9px)) perspective(900px) rotateY(var(--orbit-turn,0deg)) scale(calc(var(--orbit-scale,1)*(1 + var(--scene-progress,0)*.05)));
}
.hologram-layer[data-orbit] .hologram-card:hover,.hologram-layer[data-orbit] .hologram-card:focus-visible{opacity:1}
@media(max-width:700px){.hologram-layer[data-orbit] .hologram-card{transform:translate3d(var(--orbit-x,50%),var(--orbit-y,50%),0) translate(-50%,-50%) scale(var(--orbit-scale,1))}}
@keyframes hologram-float{0%,100%{transform:translateY(-5px) rotate(-.7deg)}50%{transform:translateY(5px) rotate(.7deg)}}
@media(min-width:701px) and (max-width:1100px){
  .hologram-card{width:110px;--card-x:56%;--card-y:19%}
  .hologram-card:nth-child(3){--card-x:55%;--card-y:59%}
  .hologram-card:nth-child(5){--card-x:61%;--card-y:78%}
  .hologram-caption strong{font-size:6px}
}
@media(min-width:701px) and (max-height:730px){
  .hologram-card{width:106px}
  .hologram-card:nth-child(5){--card-y:67%}.hologram-card:nth-child(6){--card-y:55%}
}
@media(max-width:700px){
  .hologram-card{display:block;width:84px}
  .hologram-surface{padding:4px;backdrop-filter:none;-webkit-backdrop-filter:none}
  .hologram-caption{padding:5px 1px 1px;gap:4px}
  .hologram-caption strong{font-size:6px}
  .hologram-number{display:none}
  .has-open-windows .hologram-layer{visibility:hidden}
}
@media(max-width:700px) and (max-height:740px){
  .hologram-card{width:72px}
}
@media(max-width:700px) and (max-height:590px){.hologram-layer{display:none}}
@media(prefers-reduced-motion:reduce){.hologram-surface{animation:none!important}.hologram-card{transform:translate(-50%,-50%) rotate(var(--card-roll))}.hologram-card,.hologram-surface,.hologram-visual img{transition:none}}
html[data-reduced-motion=true] .hologram-surface{animation:none!important}
html[data-reduced-motion=true] .hologram-card{transform:translate(-50%,-50%) rotate(var(--card-roll))}
html[data-reduced-motion=true] .hologram-card,html[data-reduced-motion=true] .hologram-surface,html[data-reduced-motion=true] .hologram-visual img{transition:none}
@media(min-width:701px) and (max-height:520px){.hologram-layer .hologram-card{width:85px;--card-y:29%;--card-x:57%}.hologram-layer .hologram-card:nth-child(2){--card-y:40%;--card-x:89%}.hologram-layer .hologram-card:nth-child(n+3){display:none}}
/* Brand cards without a cover image: the brand's initials on a soft tinted glass, matching the brands page. */
.hologram-card[data-hologram-kind="brand"] .hologram-visual{display:grid;place-items:center;background:linear-gradient(135deg,#f6f9fcee,#dfe9f5c7)}
.hologram-card[data-hologram-tone="1"] .hologram-visual{background:linear-gradient(135deg,#f8f7fcee,#e6e2f3c7)}
.hologram-card[data-hologram-tone="2"] .hologram-visual{background:linear-gradient(135deg,#f5faf9ee,#dcece8c7)}
.hologram-card[data-hologram-tone="3"] .hologram-visual{background:linear-gradient(135deg,#fbf8f6ee,#f0e6dec7)}
.hologram-monogram{position:relative;z-index:1;font-size:clamp(22px,2.3vw,34px);font-weight:300;letter-spacing:.06em;color:#6f8aa6;text-shadow:0 0 12px #ffffffcc}
.hologram-card[data-hologram-tone="1"] .hologram-monogram{color:#8a80b1}
.hologram-card[data-hologram-tone="2"] .hologram-monogram{color:#6a9c93}
.hologram-card[data-hologram-tone="3"] .hologram-monogram{color:#b08f78}