/* Extend the original network language through every section. */
:root { --anx-accent: 216, 97, 60; }
main section { position: relative; isolation: isolate; backdrop-filter: none; }
footer { position: relative; z-index: 2; isolation: isolate; }
.anx-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 540px 390px at var(--anx-x, 72%) var(--anx-y, 40%), rgba(var(--anx-accent), .11), transparent 75%);
  opacity: .35;
  transition: opacity .7s ease;
}
.anx-surface.anx-in-view::before { opacity: 1; }
.anx-surface::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 3%, rgba(var(--anx-accent), .65) 35%, rgba(201,185,143,.3) 65%, transparent);
  transform: scaleX(.2);
  transform-origin: left;
  opacity: 0;
  transition: transform 1.3s cubic-bezier(.16,1,.3,1), opacity .8s ease;
}
.anx-surface.anx-in-view::after { transform: scaleX(1); opacity: .7; }
[data-fx="card"] { position: relative; isolation: isolate; }
[data-fx="card"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(360px circle at var(--anx-x, 50%) var(--anx-y, 50%), rgba(var(--anx-accent), .12), transparent 72%);
  box-shadow: inset 0 0 0 1px rgba(var(--anx-accent), .28);
  opacity: 0;
  transition: opacity .45s ease;
}
[data-fx="card"].anx-touched::after,
[data-fx="card"]:focus-visible::after { opacity: 1; }
[data-fx="mag"] { -webkit-tap-highlight-color: transparent; }
[data-fx="mag"].anx-touched { scale: .97; }
[role="button"]:focus-visible, a:focus-visible { outline: 2px solid rgb(var(--anx-accent)); outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  [data-fx="card"]:hover::after { opacity: .6; }
  header nav [role="button"], footer [role="button"] { transition: color .25s, background .25s, translate .25s; }
  header nav [role="button"]:hover, footer [role="button"]:hover { translate: 0 -2px; }
}
@media (hover: none), (pointer: coarse) {
  .anx-global-net { opacity: .8; }
  .anx-surface::before { background-size: 100% 100%; }
  [data-fx="card"].anx-in-view::after { opacity: .5; }
  [data-fx="card"].anx-touched::after { opacity: 1; }
}
/* Keep the existing three-column company introduction inside narrow screens. */
@media (max-width: 720px) {
  .anx-company-intro { grid-template-columns: 1fr !important; }
  .anx-company-intro > div { grid-column: auto !important; }
  main [data-fx="card"][style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  main [data-fx="card"][style*="grid-template-columns"] > div { grid-column: 1 / -1 !important; }
}
html[data-anx-motion="Still"] { scroll-behavior: auto; }
html[data-anx-motion="Still"] *, html[data-anx-motion="Still"] *::before, html[data-anx-motion="Still"] *::after {
  animation: none !important;
  transition: none !important;
}
html[data-anx-motion="Still"] .anx-surface::before,
html[data-anx-motion="Still"] [data-fx="card"]::after { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}