/* Preserve the original design, with readable fallback if JavaScript is unavailable. */
html:not(.animate-reveals) .reveal { opacity: 1; transform: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
.menu-button { cursor: pointer; }
/* Keep the portrait as a clean cutout above the circular background artwork. */
.portrait-stage img {
  filter: none;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  transform: none;
  mix-blend-mode: normal;
  z-index: 2;
  -webkit-mask-image: none;
  mask-image: none;
}
.portrait-stage { isolation: isolate; }
.portrait-halo {
  display: block;
  top: 16%;
  left: 8%;
  width: 84%;
  background: radial-gradient(circle at 50% 42%, #184c46 0%, #123b37 58%, #0d2b2a 100%);
  box-shadow: inset 0 0 0 1px #80e7cf42, 0 0 90px #80e7cf1c;
  border: none;
  z-index: 0;
}
.portrait-orbit {
  display: block;
  top: 8%;
  left: 1%;
  width: 98%;
  border-color: #80e7cf24;
  z-index: 1;
  transform: none;
}
.portrait-orbit::before, .portrait-orbit::after { display: block; }
.hero-meta div { flex-wrap: wrap; }
.journey-main h3, .expertise-card h3, .current-roles h3 { overflow-wrap: break-word; }