/* Three independent key visuals. Base theme remains the confirmed violet. */
.hero{min-height:800px;background:#09090d}
.hero-copy{padding-top:80px;padding-bottom:230px}
.hero-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero-scene{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .75s ease,transform 1.2s ease;will-change:opacity}
.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;filter:none;display:block}
[data-concept="ai"] .scene-ai,[data-concept="medical"] .scene-medical,[data-concept="experience"] .scene-experience{opacity:1;transform:scale(1)}
.scene-experience>img{transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.025);transition:transform .45s ease-out}
.hero-stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09090df2 0%,#09090dd9 24%,#09090d73 43%,transparent 68%),linear-gradient(0deg,#09090d 0%,transparent 30%);z-index:4}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8;z-index:2}
.hero-concept-picker{position:absolute;z-index:5;left:var(--gutter);bottom:132px;display:flex;gap:8px;width:430px;max-width:calc(100% - 2 * var(--gutter))}
.hero-concept-picker button{flex:1;text-align:left;border:1px solid #ffffff24;background:#0c0b13a6;backdrop-filter:blur(12px);padding:14px 15px;display:grid;grid-template-columns:17px 1fr;gap:8px 3px;transition:background .25s,border-color .25s,color .25s;cursor:pointer;color:#9a96a7}
.hero-concept-picker button>span{font-size:9px;align-self:center}.hero-concept-picker strong{font-size:16px;font-weight:600}.hero-concept-picker small{grid-column:1/-1;font-size:10px;letter-spacing:-.02em}
.hero-concept-picker button:hover{border-color:#b494f580;color:#fff}.hero-concept-picker button[aria-pressed="true"]{border-color:var(--accent);color:#e5d8ff;background:#251a3dbd}.hero-concept-picker button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.hero-scene-caption{position:absolute;right:var(--gutter);bottom:142px;z-index:5;color:#dbd2eb;text-align:right;letter-spacing:.14em;font-size:10px}.hero-scene-caption>span{display:none}.hero-scene-caption small{display:block;font-size:7px;color:#9992a6;letter-spacing:.12em;margin-top:12px}
[data-concept="ai"] .scene-caption-ai,[data-concept="medical"] .scene-caption-medical,[data-concept="experience"] .scene-caption-experience{display:block}
.ai-core-glow{position:absolute;left:65%;top:38%;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d7b9ff27,transparent 66%);mix-blend-mode:screen;animation:intelligence-breathe 4s ease-in-out infinite}
.medical-brackets{position:absolute;left:55%;top:20%;width:32%;height:59%}.medical-brackets>i{position:absolute;width:22px;height:22px;border-color:#e9dbffbd;border-style:solid;border-width:0}.medical-brackets>i:nth-child(1){left:0;top:0;border-top-width:1px;border-left-width:1px}.medical-brackets>i:nth-child(2){right:0;top:0;border-top-width:1px;border-right-width:1px}.medical-brackets>i:nth-child(3){right:0;bottom:0;border-bottom-width:1px;border-right-width:1px}.medical-brackets>i:nth-child(4){left:0;bottom:0;border-bottom-width:1px;border-left-width:1px}
.medical-scan-plane{position:absolute;left:-12%;right:-12%;top:0;height:12%;border-bottom:1px solid #eee2ff;background:linear-gradient(transparent,#b18be925);box-shadow:0 8px 19px -12px #dac1ff;animation:precision-scan 5.8s ease-in-out infinite alternate}
.experience-glow{position:absolute;left:59%;top:38%;width:23%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d5adff38,transparent 65%);mix-blend-mode:screen;animation:experience-pulse 4.4s ease-out infinite}
@keyframes intelligence-breathe{0%,100%{transform:scale(.8);opacity:.4}50%{transform:scale(1.35);opacity:1}}
@keyframes precision-scan{0%{top:0;opacity:.5}15%,85%{opacity:1}100%{top:88%;opacity:.5}}
@keyframes experience-pulse{0%{transform:scale(.45);opacity:0}20%{opacity:.8}100%{transform:scale(1.6);opacity:0}}
@media(min-width:1500px){.hero-copy{padding-top:110px}.hero-concept-picker{bottom:148px}.hero-scene-caption{bottom:160px}}
@media(max-width:1000px){.hero-copy{width:80%}.hero h1{font-size:clamp(50px,6.4vw,66px)}.hero-scene-caption{font-size:8px;max-width:170px;line-height:1.6}.hero-stage-shade{background:linear-gradient(90deg,#09090df5,#09090d9c 35%,transparent 88%),linear-gradient(0deg,#09090d,transparent 50%)}}
@media(max-width:800px){.hero{min-height:850px}.hero-copy{padding-top:65px}.hero-concept-picker{width:410px}.hero-scene-caption{display:none}.hero-scene>img{object-position:65% 50%}}
@media(max-width:520px){.hero{min-height:900px;height:calc(100svh - 76px);max-height:1000px}.hero-copy{width:100%;padding-top:44px;padding-bottom:0}.hero h1{font-size:clamp(37px,10.4vw,52px)}.hero-stage{inset:315px -13% 63px -13%}.hero-scene>img{object-position:77% center}.hero-stage-shade{background:linear-gradient(180deg,#09090d 0%,#09090d80 10%,transparent 33%,transparent 60%,#09090d 100%)}.hero-actions{margin-top:23px}.hero-concept-picker{left:var(--gutter);right:var(--gutter);top:374px;bottom:auto;width:auto;max-width:none;gap:6px}.hero-concept-picker button{padding:12px 10px;grid-template-columns:14px 1fr;gap:6px 2px}.hero-concept-picker strong{font-size:14px}.hero-concept-picker small{font-size:8px;white-space:nowrap}.hero-concept-picker button>span{font-size:8px}.medical-brackets{left:32%;width:47%;top:15%;height:65%}.ai-core-glow{left:35%;top:38%;width:45%}.experience-glow{left:42%;top:44%;width:35%}.hero-bottom{height:66px}.hero-en{margin-top:18px}.hero-description{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.scene-experience>img{transition:none;transform:none!important}.ai-core-glow,.medical-scan-plane,.experience-glow{animation:none}.medical-scan-plane{top:45%}}

.hero-motion-idle *,.hero-motion-idle *::before,.hero-motion-idle *::after{animation-play-state:paused!important}

/* Final carousel: original medical portrait and centered indicators. */
.scene-medical{left:30%}.scene-medical>img{object-position:50% 50%;filter:hue-rotate(var(--accent-hue)) saturate(.7)}
.hero .hero-concept-picker{left:50%;right:auto;top:auto;bottom:112px;transform:translateX(-50%);width:auto;max-width:none;gap:2px;align-items:center;padding:2px 6px;border-radius:28px;background:#09090d70;backdrop-filter:blur(10px)}
.hero .hero-concept-picker button{display:flex;flex:none;align-items:center;justify-content:center;width:44px;height:40px;min-width:44px;padding:0;border:0;border-radius:20px;background:transparent;backdrop-filter:none}
.hero .hero-concept-picker button>span{display:block;width:8px;height:8px;border-radius:8px;background:#ffffff66;transition:width .35s,background .35s}
.hero .hero-concept-picker button[aria-pressed="true"]{background:transparent}
.hero .hero-concept-picker button[aria-pressed="true"]>span{width:28px;background:var(--accent)}
.hero .hero-concept-picker button:hover>span{background:#fff}
@media(max-width:520px){.scene-medical{left:0}.scene-medical>img{object-position:50% center}.hero .hero-concept-picker{bottom:82px}}

/* Mobile: typography on a solid background, without hero imagery. */
@media(max-width:800px){
  html{scroll-padding-top:calc(76px + env(safe-area-inset-top,0px));background:#101010;overscroll-behavior-y:none}
  body{padding-top:calc(76px + env(safe-area-inset-top,0px));overscroll-behavior-y:none}
  .header{position:fixed;inset:0 0 auto;height:calc(76px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:#101010;backdrop-filter:none;z-index:100;isolation:isolate;transform:translateZ(0)}
  .mobile-menu{top:calc(76px + env(safe-area-inset-top,0px));z-index:99}
  .hero{min-height:var(--mobile-hero-height,calc(150dvh - 268.5px - env(safe-area-inset-top,0px) * 1.5));height:auto;max-height:none;display:flex;flex-direction:column;isolation:isolate}
  .hero-copy{order:1;width:100%;padding:clamp(36px,7svh,64px) var(--gutter) 32px}
  .hero .eyebrow{margin-bottom:20px}
  .hero h1{font-size:clamp(32px,9vw,46px);line-height:1.19;letter-spacing:-.065em;animation:none;opacity:1;transform:none}
  .hero-en{margin-top:16px;font-size:13px}
  .hero-description{margin-top:12px;font-size:12px}
  .hero-actions{margin-top:20px;gap:18px;flex-wrap:wrap}
  .hero-stage{display:none}
  .hero-scene{inset:0;transform:none!important;transition:none;will-change:auto}
  .hero-scene>img{object-fit:contain;object-position:center;transform:none}
  .scene-medical>img{object-position:50% 43%}
  .hero-stage-shade{background:linear-gradient(180deg,#09090d 0%,transparent 22%,transparent 70%,#09090d 100%),linear-gradient(90deg,#09090d,transparent 18%,transparent 82%,#09090d)}
  .hero .hero-concept-picker,.hero-scene-caption,#hero-canvas,.medical-brackets,.ai-core-glow,.experience-glow,.hero .motion-toggle{display:none}
  .hero-bottom{order:3;position:relative;inset:auto;margin:auto var(--gutter) 0;height:60px;flex:none}
  .hero-disciplines{display:none}
  .scroll-cue{width:100%;justify-content:center;font-size:9px;letter-spacing:1.4px}
}