/* Local hero evolution: DESIGN_VARIANCE 5 / MOTION_INTENSITY 6 / VISUAL_DENSITY 3.
   Preserve the warm editorial palette, copy, full first screen, and navigation. */
@media(min-width:821px) {
  body.human-interface-v2 #page-home .hero { min-height:calc(100svh - 72px); }
  body.human-interface-v2 #page-home .hero-inner {
    grid-template-columns:minmax(0,clamp(320px,30vw,430px)) minmax(0,clamp(350px,37.5vw,560px));
    gap:clamp(28px,3vw,44px); justify-content:center;
    /* Optical inset: bring copy inward without shortening or scaling the hero. */
    box-sizing:border-box;
    padding-inline:clamp(0px,calc((100vw - 1024px)*.08),32px) 0;
  }
}
body.human-interface-v2 #page-home .hero-photo.mac-3d-stage {
  display:block; position:relative; isolation:isolate;
  width:100%; aspect-ratio:1; height:auto; min-height:0; min-width:0;
  padding:0; margin:0 auto; overflow:visible;
  background:none; border:0; border-radius:0; box-shadow:none;
  transform:none; animation:none; opacity:1;
}
body.human-interface-v2 #page-home .mac-3d-stage::before,
body.human-interface-v2 #page-home .mac-3d-stage::after { display:none; content:none; }
.mac-3d-stage > .mac-screen,
.mac-3d-stage > .mac-controls { display:none; }
.mac-3d-stage .macintosh-canvas,
body.human-interface-v2 #page-home .mac-3d-stage .macintosh-poster {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  max-width:none; margin:0; padding:0; border:0; border-radius:0;
  object-fit:contain; object-position:center; background:none; filter:none;
  box-shadow:none; pointer-events:none;
}
.mac-3d-stage .macintosh-canvas { opacity:0; }
.mac-3d-stage.mac-webgl-ready .macintosh-canvas { opacity:1; }
.mac-3d-stage.mac-webgl-ready .macintosh-canvas {
  pointer-events:auto; cursor:grab; touch-action:pan-y pinch-zoom; user-select:none;
  -webkit-user-select:none;
}
.mac-3d-stage.mac-webgl-ready .macintosh-canvas.is-dragging { cursor:grabbing; }
.mac-3d-stage .macintosh-canvas:focus-visible {
  outline:1px solid var(--accent); outline-offset:2px;
}
.mac-rotation-toolbar {
  display:none; position:absolute; z-index:2; bottom:0; left:8%; right:8%;
  align-items:center; justify-content:center; min-height:44px;
  pointer-events:none; font:400 12px/1.5 var(--font-body); color:var(--text-secondary);
}
.mac-webgl-ready .mac-rotation-toolbar { display:flex; }
.mac-rotation-reset[hidden] { display:none; }
.mac-rotation-reset {
  pointer-events:auto; background:transparent; color:inherit; border:0;
  display:flex; align-items:center; justify-content:center;
  padding:10px; width:44px; min-height:44px; font:inherit; cursor:pointer; opacity:.65;
}
.mac-rotation-reset svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mac-rotation-reset:hover, .mac-rotation-reset:focus-visible { opacity:1; }
.mac-rotation-reset:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
body.human-interface-v2 #page-home .mac-3d-stage.mac-webgl-ready .macintosh-poster { visibility:hidden; }
@media(min-width:821px) {
  /* Match the original resting camera when WebGL is unavailable. */
  body.human-interface-v2 #page-home .mac-3d-stage .macintosh-poster { transform:scale(1.06024); }
}

/* The scene owns the shared clock. Disable the previous independent CSS entrances. */
body.human-interface-v2 #page-home .hero-greeting,
body.human-interface-v2 #page-home .hero-person-name,
body.human-interface-v2 #page-home .hero-process,
body.human-interface-v2 #page-home .hero-intro-list li,
body.human-interface-v2 #page-home .hero-btns {
  animation:none; opacity:1; transform:none;
}
body.human-interface-v2 #page-home .hero-person-name { position:relative; }
.hero-name-ink { display:block; white-space:nowrap; }
.hero-name-cursor {
  position:absolute; left:0; top:.12em; width:2px; height:.69em;
  background:currentColor; opacity:0; pointer-events:none;
}
.mac-intro-pending body.human-interface-v2 #page-home .hero-greeting,
.mac-intro-pending body.human-interface-v2 #page-home .hero-person-name,
.mac-intro-pending body.human-interface-v2 #page-home .hero-process,
.mac-intro-pending body.human-interface-v2 #page-home .hero-intro-list li,
.mac-intro-pending body.human-interface-v2 #page-home .hero-btns,
.mac-intro-pending body.human-interface-v2 #page-home .macintosh-poster { opacity:0; }

@media(prefers-reduced-motion:reduce) {
  body.human-interface-v2 #page-home .hero-name-ink { clip-path:none!important; }
  body.human-interface-v2 #page-home .hero-name-cursor { display:none; }
}
@media(max-width:820px) {
  body.human-interface-v2 #page-home .hero-photo.mac-3d-stage { width:min(100%,420px); }
}
@media(max-width:520px) {
  body.human-interface-v2 #page-home .hero-inner { grid-template-columns:minmax(0,1fr); }
  body.human-interface-v2 #page-home .hero-photo.mac-3d-stage { width:min(100%,350px); }
}