/* One shared coordinate system preserves the supplied 1448 × 1131 layout. */
#biology-experience.biology-experience {
  position:relative;display:block !important;width:100%;height:auto;min-height:0 !important;
  margin:0;padding:0 0 12px !important;scroll-margin-top:112px;overflow:hidden;
  background:#fff;color:#07164d;opacity:1;transform:none;filter:none;font-family:var(--site-font);
}
#biology-experience::before,#biology-experience::after { display:none; }
#biology-experience * { box-sizing:border-box; }
#biology-experience .biology-viewport { width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-margin-top:112px; }
#biology-experience .biology-canvas { position:relative;container-type:inline-size;width:100%;max-width:1448px;aspect-ratio:1448 / 1131;margin:0 auto; }
#biology-experience .biology-artwork { position:absolute;inset:0; }
#biology-experience .biology-artwork > picture { display:block;width:100%;height:100%; }
#biology-experience .biology-art { display:block;width:100%;height:100%;object-fit:fill; }
#biology-experience .biology-heading { position:absolute;inset:0;pointer-events:none; }
html body #biology-experience.biology-experience .biology-heading > * {
  position:absolute;left:50%;width:max-content;max-width:none;margin:0 !important;padding:0;border:0;
  transform:translateX(-50%);white-space:nowrap;
  font-family:var(--site-font) !important;letter-spacing:0 !important;color:#07164d;
}
html body #biology-experience.biology-experience .biology-heading .biology-eyebrow {
  top:5.481875%;font-size:2.624309cqw !important;line-height:3.176796cqw !important;font-weight:700 !important;text-transform:uppercase;
}
#biology-experience #wellbeing-title {
  top:9.637489%;font-size:3.314917cqw !important;line-height:4.005525cqw !important;font-weight:400 !important;
}
html body #biology-experience.biology-experience .biology-heading .biology-subtitle {
  top:14.854996%;font-size:1.243094cqw !important;line-height:1.795580cqw !important;font-weight:400 !important;color:#647d9b;
}
#biology-experience .biology-stages { margin:0;padding:0;list-style:none; }
#biology-experience .biology-stages > li { position:absolute;margin:0;padding:0;z-index:2; }
#biology-experience .biology-stage {
  position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;color:var(--stage-color);text-align:left;cursor:pointer;
}
#biology-experience .biology-stage-content { display:contents; }
/* Use real font sizes: never squeeze glyphs to fit the reference's condensed lettering. */
#biology-experience .biology-stage-number {
  position:absolute;left:0;top:0;width:max-content;font-size:1.657459cqw;line-height:2.071823cqw;
  font-weight:400;letter-spacing:0;
}
#biology-experience .biology-stage-title {
  position:absolute;left:var(--text-left);top:var(--title-top);display:block;width:max-content;
  font-size:1.104972cqw;font-weight:500;line-height:1.657459cqw;letter-spacing:0;white-space:nowrap;
}
#biology-experience .biology-stage-copy {
  position:absolute;left:var(--text-left);top:calc(var(--copy-top) - .138122cqw);display:block;width:max-content;
  color:#50647f;font-size:.759669cqw;font-weight:400;line-height:1.243094cqw;letter-spacing:0;white-space:nowrap;
}
#biology-experience .biology-stage:hover .biology-stage-title,
#biology-experience.biology-has-interacted .biology-stage[aria-pressed="true"] .biology-stage-title {
  text-shadow:0 0 12px color-mix(in srgb,var(--stage-color) 28%,transparent);
  text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;
}
#biology-experience .biology-stage:focus-visible { outline:1px solid var(--stage-color);outline-offset:5px;border-radius:4px; }
#biology-experience .biology-nodes { position:absolute;inset:0;pointer-events:none; }
#biology-experience .biology-node {
  position:absolute;width:2.348066cqw;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;
  color:var(--stage-color);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;
  box-shadow:0 0 0 .552486cqw color-mix(in srgb,var(--stage-color) 12%,transparent);
}
#biology-experience.biology-has-interacted[data-active-stage="0"] [data-biology-node="0"],
#biology-experience.biology-has-interacted[data-active-stage="1"] [data-biology-node="1"],
#biology-experience.biology-has-interacted[data-active-stage="2"] [data-biology-node="2"],
#biology-experience.biology-has-interacted[data-active-stage="3"] [data-biology-node="3"],
#biology-experience.biology-has-interacted[data-active-stage="4"] [data-biology-node="4"],
#biology-experience.biology-has-interacted[data-active-stage="5"] [data-biology-node="5"],
#biology-experience.biology-has-interacted[data-active-stage="6"] [data-biology-node="6"],
#biology-experience.biology-has-interacted[data-active-stage="7"] [data-biology-node="7"],
#biology-experience.biology-has-interacted[data-active-stage="8"] [data-biology-node="8"] { opacity:1; }
#biology-experience .biology-phases { position:absolute;inset:0;pointer-events:none; }
#biology-experience .biology-phase {
  position:absolute;display:block;color:#526785;font-size:.828729cqw;line-height:1.104972cqw;font-weight:600;
  letter-spacing:.32em;text-transform:uppercase;transform-origin:left top;
}
/* Preserve the authored phase colors independently of the shared text palette. */
#biology-experience .biology-phase[data-text-color-preserve] { -webkit-text-fill-color:currentColor; }
#biology-experience .biology-signals { left:40.055249%;top:41.644562%;color:#247d86;transform:rotate(15deg); }
#biology-experience .biology-regulation { left:54.350829%;top:64.279399%;color:#503490;transform:rotate(-42deg); }
#biology-experience .biology-outcomes { left:48.895028%;top:79.133510%;color:#a66a20;transform:rotate(34deg); }
#biology-experience .biology-feedback,#biology-experience .biology-feedback > span { position:absolute;inset:0; }
#biology-experience .biology-feedback-curve { display:none; }
#biology-experience .biology-feedback > span > span {
  position:absolute;display:block;font-size:.828729cqw;line-height:1.104972cqw;color:#6d819b;font-weight:600;transform-origin:left top;
}
#biology-experience .biology-attribution { position:absolute;left:6.767956%;top:80.813439%;width:33.011050%;height:11%; }
#biology-experience .biology-attribution::before { content:'';position:absolute;left:.069061cqw;top:0;width:4.419890cqw;height:.207182cqw;background:#67cddd; }
html body #biology-experience.biology-experience .biology-attribution > * {
  position:absolute;left:0;width:max-content;max-width:none;padding:0;margin:0 !important;white-space:nowrap;
  letter-spacing:0 !important;
}
html body #biology-experience.biology-experience .biology-attribution h3 {
  top:.759669cqw;font-size:1.519337cqw !important;line-height:2.348066cqw !important;font-weight:700 !important;
}
html body #biology-experience.biology-experience .biology-attribution p {
  left:.069061cqw;top:3.591160cqw;font-size:.966851cqw !important;line-height:1.519337cqw !important;font-weight:400 !important;color:#50647f;
}
#biology-experience .biology-toolbar { display:none;justify-content:center;align-items:center;margin:4px auto 0;padding:0 20px; }
#biology-experience .biology-zoom {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 19px;
  border:1px solid #d6dfe9;border-radius:24px;background:#fff;color:#122b59;font:600 13px/1.4 var(--site-font);
  cursor:pointer;transition:background .2s,border-color .2s;
}
#biology-experience .biology-zoom:hover { background:#f1f7fc;border-color:#7896b2; }
#biology-experience .biology-zoom[aria-pressed="true"] { background:#122b59;color:#fff;border-color:#122b59; }
#biology-experience .biology-zoom:focus-visible,#biology-experience .biology-viewport:focus-visible { outline:2px solid #122b59;outline-offset:3px; }
#biology-experience .biology-zoom[hidden] { display:none; }
#biology-experience .biology-toolbar .ph { font-size:16px; }
@media (max-width:1447px) {
  #biology-experience .biology-toolbar { display:flex; }
  #biology-experience.biology-is-zoomed .biology-canvas { width:1448px;max-width:none; }
}
@media (max-width:599px) {
  #biology-experience.biology-experience,#biology-experience .biology-viewport { scroll-margin-top:88px; }
}
@keyframes biology-arrive { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion:no-preference) {
  #biology-experience.biology-is-visible .biology-stages > li { animation:biology-arrive .7s both;animation-delay:calc(.1s + var(--stage-order) * .05s); }
}
@media (prefers-reduced-motion:reduce) {
  #biology-experience *,#biology-experience *::before { animation:none !important;transition:none !important; }
}

/* Horizontal sequence supplied on 26 October. Only the blank upper artwork
   margin is clipped; every label, node and line shares the same image plane.
   Existing title and diagram font metrics remain unchanged. */
@layer arotec-content-layout {
  html body #biology-experience.biology-wide .biology-canvas {
    width:100% !important;min-width:1448px;max-width:none !important;
    margin:0 !important;left:0;transform:none;
  }
  @media (min-width:1200px) {
    html body #biology-experience.biology-wide .biology-canvas {
      width:min(132%, calc((100svh - 112px) * 3.2)) !important;
      left:50%;transform:translateX(-50%);
    }
  }
  html body #biology-experience.biology-is-zoomed .biology-canvas {
    width:max(100%, 1800px) !important;left:0;transform:none;
  }
}
#biology-experience.biology-wide {
  padding:clamp(16px,1.5vw,24px) 0 !important;
  /* Carry the artwork's warm background behind the heading and lower padding. */
  background:#fbfaf6;
}
#biology-experience.biology-wide .biology-viewport { overflow-x:auto;overflow-y:hidden;padding-bottom:48px;background:transparent; }
#biology-experience.biology-wide .biology-canvas { aspect-ratio:5000 / 1432; }
#biology-experience.biology-wide .biology-artwork {
  overflow:hidden;
  /* Blend only the empty image edges; the wave and focus nodes stay opaque. */
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 20px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 20px,#000 calc(100% - 20px),transparent);
}
#biology-experience.biology-wide .biology-artwork > picture {
  position:absolute;left:0;top:-31.424581%;width:100%;height:131.424581%;
}
#biology-experience.biology-wide .biology-art { width:100%;height:100%;object-fit:fill; }
#biology-experience.biology-wide .biology-stages > li {
  left:var(--label-left) !important;top:var(--label-top) !important;
  width:var(--label-width) !important;height:auto !important;transform:none;
}
#biology-experience.biology-wide .biology-stage {
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;
  column-gap:clamp(5px,.4cqw,10px);width:100%;height:auto;
}
#biology-experience.biology-wide .biology-stage-content { display:grid;min-width:0;row-gap:clamp(2px,.18cqw,4px);padding-top:clamp(1px,.15cqw,3px); }
#biology-experience.biology-wide .biology-stage-number,
#biology-experience.biology-wide .biology-stage-title,
#biology-experience.biology-wide .biology-stage-copy { position:static;left:auto;top:auto;width:auto;white-space:normal;overflow-wrap:break-word; }
#biology-experience.biology-wide .biology-stage-number { font-size:clamp(18px,1.4cqw,26px);line-height:1.2; }
#biology-experience.biology-wide .biology-stage-title { font-size:clamp(12px,.94cqw,18px);line-height:1.35;font-weight:600; }
#biology-experience.biology-wide .biology-stage-copy { font-size:clamp(10.5px,.78cqw,15px);line-height:1.4; }
#biology-experience.biology-wide .biology-node:nth-child(1) { --point-x:20.308%;--point-y:26.795194%; }
#biology-experience.biology-wide .biology-node:nth-child(2) { --point-x:26.959%;--point-y:36.800547%; }
#biology-experience.biology-wide .biology-node:nth-child(3) { --point-x:34.544%;--point-y:30.531595%; }
#biology-experience.biology-wide .biology-node:nth-child(4) { --point-x:41.798%;--point-y:36.800547%; }
#biology-experience.biology-wide .biology-node:nth-child(5) { --point-x:49.207%;--point-y:30.479025%; }
#biology-experience.biology-wide .biology-node:nth-child(6) { --point-x:56.329%;--point-y:36.744035%; }
#biology-experience.biology-wide .biology-node:nth-child(7) { --point-x:63.831%;--point-y:30.518453%; }
#biology-experience.biology-wide .biology-node:nth-child(8) { --point-x:71.193%;--point-y:36.758492%; }
#biology-experience.biology-wide .biology-node:nth-child(9) { --point-x:79.04%;--point-y:33.434764%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(1) { --label-left:17.9%;--label-top:2.482961%;--label-width:12.8%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(2) { --label-left:24.4%;--label-top:45.327374%;--label-width:13%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(3) { --label-left:31.3%;--label-top:7.082821%;--label-width:15%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(4) { --label-left:38.3%;--label-top:45.327374%;--label-width:15%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(5) { --label-left:46.3%;--label-top:2.482961%;--label-width:14.3%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(6) { --label-left:53.4%;--label-top:45.327374%;--label-width:13%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(7) { --label-left:61.2%;--label-top:8.791341%;--label-width:10.8%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(8) { --label-left:67.9%;--label-top:45.327374%;--label-width:13%; }
#biology-experience.biology-wide .biology-stages > li:nth-child(9) { --label-left:72%;--label-top:3.402933%;--label-width:15%; }
#biology-experience.biology-wide :is(.biology-stages > li,.biology-node):nth-child(7) { --stage-color:#ba333d !important; }
#biology-experience.biology-wide :is(.biology-stages > li,.biology-node):nth-child(8) { --stage-color:#bf4726 !important; }
#biology-experience.biology-wide .biology-node { left:var(--point-x) !important;top:var(--point-y) !important;width:1.55cqw; }
#biology-experience.biology-wide .biology-phase { font-size:clamp(9px,.63cqw,12px);line-height:1.3;letter-spacing:.24em;transform:none; }
#biology-experience.biology-wide .biology-signals { left:29%;top:25.745112%; }
#biology-experience.biology-wide .biology-regulation { left:46%;top:40.727514%; }
#biology-experience.biology-wide .biology-outcomes { left:73.1%;top:25.745112%; }
#biology-experience.biology-wide .biology-feedback > span,
#biology-experience.biology-wide .biology-feedback-curve { display:none; }
#biology-experience.biology-wide .biology-feedback::after {
  content:attr(aria-label);position:absolute;left:50%;top:73.715084%;transform:translateX(-50%);
  font:500 .703125cqw/1.3 var(--site-font);letter-spacing:.222222em;text-transform:uppercase;color:#113568;
}
#biology-experience.biology-wide .biology-attribution { left:18.5%;top:80.943436%;width:63%;height:auto;padding-top:12px; }
html body #biology-experience.biology-wide .biology-attribution h3,
html body #biology-experience.biology-wide .biology-attribution p { position:static;width:auto;max-width:100%;white-space:normal; }
html body #biology-experience.biology-wide .biology-attribution h3 { font-size:clamp(14px,1.1cqw,21px) !important;line-height:1.3 !important; }
html body #biology-experience.biology-wide .biology-attribution p { margin-top:8px !important;font-size:clamp(10.5px,.78cqw,15px) !important;line-height:1.5 !important; }
@media (min-width:1200px) { #biology-experience.biology-wide .biology-viewport { overflow-x:hidden; } #biology-experience.biology-wide .biology-toolbar { display:none; } }
@media (max-width:1199px) { #biology-experience.biology-wide .biology-toolbar { display:flex; } }
@layer arotec-content-layout {
  @media (max-width:1199px) {
    html body #biology-experience.biology-wide .biology-canvas { margin-left:-231.68px !important; }
    html body #biology-experience.biology-is-zoomed .biology-canvas { margin-left:-288px !important; }
  }
}