/* Shared glass callouts, with a clear bottom strip for slideshow controls. */
.supervisor-slideshow{position:relative}
.supervisor-slideshow__viewport{position:relative;overflow:hidden;border-radius:6px;background:#dfded7;isolation:isolate}
.supervisor-slideshow [hidden]{display:none!important}
.supervisor-slideshow .shared-scene__photograph{border-radius:0}
.supervisor-slideshow__slide{position:relative;z-index:1}
.supervisor-slideshow__slide.is-leaving{position:absolute;inset:0;z-index:0;pointer-events:none}
.supervisor-slideshow .shared-scene__callouts{display:block;margin:0}
#top main .supervisor-slideshow .shared-scene__cue{position:absolute;left:var(--cue-left);top:var(--cue-top,auto);right:auto;bottom:var(--cue-bottom,auto);width:var(--cue-width,26%);min-width:0;max-width:none;height:auto;text-box-trim:none;align-content:start;margin:0}
.supervisor-slideshow .shared-scene__leaders{display:block}
.supervisor-slideshow .shared-scene__marker{width:9px;height:9px;font-size:0;background:#239d9a;box-shadow:0 0 0 4px rgba(54,188,191,.2)}
.supervisor-slideshow .shared-scene__marker>span{display:none}
.supervisor-slideshow button.shared-scene__marker{appearance:none;width:40px;height:40px;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer;z-index:2}
.supervisor-slideshow button.shared-scene__marker::after{content:"";display:block;box-sizing:border-box;width:9px;height:9px;border:1px solid #d7ffff;border-radius:50%;background:#239d9a;box-shadow:0 0 0 4px rgba(54,188,191,.2)}
.supervisor-slideshow button.shared-scene__marker:focus-visible{outline:2px solid #087c75;outline-offset:2px}
.supervisor-slideshow__mobile-leader{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#36bcbf;stroke-width:1}
.supervisor-slideshow__mobile-leader path{vector-effect:non-scaling-stroke}
.supervisor-slideshow__mobile-leader circle{fill:#239d9a;stroke:#d7ffff}
.supervisor-slideshow__controls{position:absolute;z-index:3;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:none}
.supervisor-slideshow__markers{display:grid;grid-template-columns:repeat(var(--slide-count,3),minmax(0,30px));justify-content:center;gap:8px;width:min(334px,calc(100% - 24px));pointer-events:auto}
.supervisor-slideshow__step{appearance:none;display:grid;place-items:center;min-width:0;width:100%;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.supervisor-slideshow__pill{display:block;position:relative;isolation:isolate;width:100%;height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.6);border:0;box-shadow:none;backdrop-filter:blur(8px)}
.supervisor-slideshow__fill{position:absolute;inset:0;background:#818181;border-radius:inherit;transform:scaleX(0);transform-origin:left}
.supervisor-slideshow__step[aria-current="true"] .supervisor-slideshow__fill{transform:scaleX(var(--slide-progress,0))}
.supervisor-slideshow__step[aria-current="true"] .supervisor-slideshow__pill{background:#3c3c3c;box-shadow:none}
.supervisor-slideshow[data-autoplay="paused"] .supervisor-slideshow__fill{opacity:0}
.supervisor-slideshow__step:not([aria-current="true"]):hover .supervisor-slideshow__pill{background:rgba(255,255,255,.9)}
.supervisor-slideshow__step:focus-visible{outline:2px solid #3c3c3c;outline-offset:0;border-radius:8px}
.supervisor-slideshow__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes supervisor-scene-enter{from{opacity:.65}to{opacity:1}}
@keyframes supervisor-callout-enter{from{opacity:0}to{opacity:1}}
@media(min-width:1201px){
  .supervisor-slideshow .is-revealed-callout{animation:supervisor-callout-enter .35s ease-out}
}
/* Nine focused moments on phones and tablets; one callout per step. */
@media(max-width:1200px){
  .supervisor-slideshow__viewport{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
  .supervisor-slideshow .shared-scene__photograph{width:100%;aspect-ratio:4/5;min-height:440px;max-height:650px}
  /* Fill the frame even when its height is capped on wider mobile layouts. */
  .supervisor-slideshow .shared-scene__photograph>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--scene-focus,0%) center;transition:object-position .6s ease-in-out}
  .supervisor-slideshow .shared-scene__leaders,.supervisor-slideshow .shared-scene__marker,.supervisor-slideshow button.shared-scene__marker{display:none}
  .supervisor-slideshow__mobile-leader{display:block}
  #top main .supervisor-slideshow .shared-scene__cue{left:16px;right:16px;top:var(--mobile-cue-top,auto);bottom:var(--mobile-cue-bottom,72px);width:auto;padding:12px 14px;animation:supervisor-scene-enter .3s ease-out}
  .supervisor-slideshow .shared-scene__cue{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(250,253,255,.62) 45%,rgba(226,234,243,.68))}
  .supervisor-slideshow .shared-scene__cue:not(.is-active-callout){display:none}
  .supervisor-slideshow__markers{gap:6px;max-width:318px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.supervisor-slideshow .shared-scene__cue{background:linear-gradient(145deg,#fff,#edf1f5)}}
@media(prefers-reduced-motion:reduce){
  .supervisor-slideshow__slide,.supervisor-slideshow .shared-scene__cue,.supervisor-slideshow .is-revealed-callout{animation:none!important}
  .supervisor-slideshow .shared-scene__photograph>img{transition:none}
}
