/* Full-width source layers: photo colour stays untouched, while circles and
   portraits retain their proportions on a stable, one-screen mobile canvas. */
body.team-story #team-life.story-collage {
  --collage-navy: #000017;
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: 0;
  overflow: clip;
  background: var(--collage-navy);
}
body.team-story .story-collage__scene {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  height: 100vh;
  height: 100svh;
  margin: 0;
  overflow: hidden;
}
body.team-story .story-collage__geometry,
body.team-story .story-collage__portraits { position: absolute; inset: 0; pointer-events: none; }
body.team-story .story-collage__geometry { z-index: 1; }
body.team-story .story-collage__portraits { z-index: 2; }
body.team-story .story-collage__shape,
body.team-story .story-collage__portrait { position: absolute; display: block; transform-origin: 0 0; }
body.team-story .story-collage__shape svg { display: block; width: 100%; height: 100%; overflow: visible; }
body.team-story .story-collage__shape .story-collage__gradient-next { position: absolute; inset: 0; }
body.team-story .story-collage__shape--ring,
body.team-story .story-collage__shape--orb { max-width: 75svh; }
body.team-story .story-collage__portrait {
  width: min(var(--portrait-width), 12vh) !important;
  width: min(var(--portrait-width), 12svh) !important;
  height: auto !important;
  aspect-ratio: 1;
  overflow: hidden;
}
body.team-story .story-collage__reveal,
body.team-story .story-collage__image,
body.team-story .story-collage__shutter { position: absolute; inset: 0; display: block; }
body.team-story .story-collage__reveal { overflow: hidden; background: var(--collage-navy); }
body.team-story .story-collage__image { overflow: hidden; transform-origin: center; }
body.team-story .story-collage__shutter {
  z-index: 1;
  transform: translateX(-102%);
  background: linear-gradient(110deg, #07132d 0%, #123366 48%, #0d244b 74%, #06142c 100%);
}
body.team-story .story-collage__image img { position: absolute; display: block; max-width: none; object-fit: fill; user-select: none; -webkit-user-drag: none; }
body.team-story .story-collage__portrait[hidden] { display: none !important; }
@media (max-width: 767px) {
  body.team-story .story-collage__portrait { left: var(--landscape-x) !important; top: var(--landscape-y) !important; --portrait-width: 12% !important; }
  body.team-story .story-collage__portrait:nth-child(n+14) { display: none; }
  body.team-story .story-collage__shape--ring,
  body.team-story .story-collage__shape--orb { width: min(45%, 35svh) !important; }
}
@media (max-width: 479px) {
  body.team-story .story-collage__portrait { left: var(--portrait-x) !important; top: var(--portrait-y) !important; --portrait-width: 18% !important; }
  body.team-story .story-collage__shape--beam { height: 3.5% !important; }
  body.team-story .story-collage__shape--ring,
  body.team-story .story-collage__shape--orb { width: min(65%, 35svh) !important; }
}