/* About galleries: large centered image with glimpses of its neighbors. */
main:has(.values) .content.wrap > figure.conny-story-image.about-carousel{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
  overflow:visible;
  transform:none!important;
  opacity:1!important;
}
main:has(.values) .content.wrap > figure.conny-story-image.about-carousel.is-ready{
  width:var(--gallery-viewport)!important;
  margin-left:calc((100% - var(--gallery-viewport)) / 2)!important;
}
main figure.about-carousel .about-gallery-window{
  width:100%;
  overflow:hidden;
  touch-action:pan-y pinch-zoom;
}
main figure.about-carousel.is-ready .about-gallery-track{
  display:flex;
  gap:24px;
  align-items:start;
  will-change:transform;
}
main figure.about-carousel .about-gallery-slide{
  flex:0 0 var(--gallery-slide,100%);
  min-width:0;
  border-radius:24px;
  overflow:hidden;
}
main figure.about-carousel .about-gallery-slide img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:1920 / 1081!important;
  object-fit:contain!important;
  border-radius:24px!important;
  margin:0!important;
  user-select:none;
  -webkit-user-drag:none;
}
main figure.about-carousel:not(.is-ready) .about-gallery-slide:not(:first-child){display:none}
main figure.about-carousel .about-gallery-window.is-dragging{cursor:grabbing}
main figure.about-carousel .about-gallery-window{cursor:grab}
main figure.about-carousel:focus-visible{outline:2px solid #00a79d;outline-offset:4px}
.about-gallery-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 102826.8 — controls stay fixed at the center of each 24px gap. */
main:has(.values) .content.wrap > figure.conny-story-image.about-carousel{position:relative}
main figure.about-carousel .about-gallery-arrow{
  position:absolute;
  top:50%;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  padding:0;
  margin:0;
  border:0;
  border-radius:50%;
  background:#00a79d;
  color:#fff;
  cursor:pointer;
  z-index:3;
  box-shadow:none;
}
main figure.about-carousel .about-gallery-prev{
  left:calc((var(--gallery-viewport) - var(--gallery-slide)) / 2 - 12px);
  transform:translate(-50%,-50%);
}
main figure.about-carousel .about-gallery-next{
  right:calc((var(--gallery-viewport) - var(--gallery-slide)) / 2 - 12px);
  transform:translate(50%,-50%);
}
main figure.about-carousel .about-gallery-arrow svg{display:block;width:24px;height:24px}
main figure.about-carousel .about-gallery-arrow:hover{background:#27a9e1}
main figure.about-carousel .about-gallery-arrow:focus-visible{outline:3px solid #27a9e1;outline-offset:4px}
main figure.about-carousel .about-gallery-arrow[hidden]{display:none!important}
@media(max-width:680px){main figure.about-carousel .about-gallery-arrow{width:42px;height:42px}}

/* Phone: square compositions, edge-to-edge directional slide, inset controls. */
main figure.about-carousel .about-gallery-slide picture{display:block}
@media(max-width:680px){
 main:has(.values) .content.wrap > figure.conny-story-image.about-carousel.is-ready{margin-left:0!important}
 main figure.about-carousel.is-ready .about-gallery-track{gap:0}
 main figure.about-carousel .about-gallery-window{border-radius:24px}
 main figure.about-carousel .about-gallery-slide img{aspect-ratio:1 / 1!important}
 main figure.about-carousel .about-gallery-arrow{top:auto;bottom:16px;width:44px;height:44px;transform:none}
 main figure.about-carousel .about-gallery-prev{left:16px}
 main figure.about-carousel .about-gallery-next{right:16px}
}

/* Phone button standard: 42px visible circle within a 48px touch target. */
@media(max-width:680px){
 main figure.about-carousel .about-gallery-arrow{
  width:48px;height:48px;bottom:13px;
  background:transparent;isolation:isolate;
 }
 main figure.about-carousel .about-gallery-prev{left:13px}
 main figure.about-carousel .about-gallery-next{right:13px}
 main figure.about-carousel .about-gallery-arrow::before{
  content:"";position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);width:42px;height:42px;
  border-radius:50%;background:#00a79d;z-index:-1;
 }
 main figure.about-carousel .about-gallery-arrow:hover{background:transparent}
 main figure.about-carousel .about-gallery-arrow:hover::before{background:#27a9e1}
}

/* Phone image standard: square images inset 14px on each screen edge. */
@media(max-width:680px){
 main:has(.values) .content.wrap > figure.conny-story-image.about-carousel.is-ready{
  margin-left:calc((100% - var(--gallery-viewport)) / 2)!important;
 }
}

/* Discovery-standard phone wipe: images remain still while the incoming scene is revealed. */
main figure.about-carousel .about-gallery-window{position:relative}
main figure.about-carousel .about-gallery-wipe{
 position:absolute;inset:0;visibility:hidden;pointer-events:none;
 border-radius:24px;overflow:hidden;
}
main figure.about-carousel .about-gallery-wipe picture{display:block}
main figure.about-carousel .about-gallery-wipe img{
 display:block!important;width:100%!important;height:auto!important;
 aspect-ratio:1 / 1!important;object-fit:contain!important;margin:0!important;border-radius:24px!important;
}