/* Draft-only galleries: keep all rules inside this component. */
body.page-id-9327 .as108-photo-gallery {
  width: 100%; min-width: 0; box-sizing: border-box;
  position: relative; z-index: 3; padding: 8px 8px 3px;
  border: 1px solid rgba(108, 73, 39, .19);
  border-radius: 32px 70px 32px 32px;
  background: rgba(255, 243, 218, .5);
  box-shadow: 0 16px 36px rgba(84, 51, 24, .1);
}
body.page-id-9327 .as108-photo-gallery--intro {
  max-width: 1000px; margin: 40px auto 40px; align-self: center;
}
body.page-id-9327 .as108-gallery-viewport {
  position: relative; overflow: hidden;
  border-radius: 24px 62px 24px 24px;
}
body.page-id-9327 .as108-gallery-track {
  display: flex; width: 100%; padding: 0; margin: 0;
  list-style: none; overflow-x: auto; overflow-y: hidden;
  scroll-snap-type: x mandatory; scroll-behavior: auto;
  scrollbar-width: none; overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
body.page-id-9327 .as108-gallery-track::-webkit-scrollbar { display: none; }
body.page-id-9327 .as108-gallery-slide {
  flex: 0 0 100%; width: 100%; min-width: 0;
  scroll-snap-align: start; scroll-snap-stop: always;
  padding: 0; margin: 0; aspect-ratio: 3 / 2;
  background: #d7b582;
}
body.page-id-9327 main#content .as108-photo-gallery .as108-gallery-slide img {
  display: block !important; width: 100% !important;
  max-width: none !important; height: 100% !important;
  aspect-ratio: 3 / 2 !important; object-fit: contain !important;
  margin: 0 !important; border-radius: 0 !important;
  opacity: 0; transition: opacity .2s ease;
}
body.page-id-9327 main#content .as108-photo-gallery .as108-gallery-slide img.is-loaded { opacity: 1; }
body.page-id-9327 .as108-gallery-arrow {
  position: absolute; z-index: 2; top: 50%; transform: translateY(-50%);
  display: grid; place-items: center; width: 46px; height: 46px;
  min-height: 46px; padding: 0; margin: 0;
  border: 1px solid rgba(246, 229, 196, .55); border-radius: 50%;
  background: rgba(33, 31, 27, .87); color: #f6e5c4;
  box-shadow: 0 3px 14px #0002; cursor: pointer;
}
body.page-id-9327 .as108-gallery-arrow--prev { left: 14px; }
body.page-id-9327 .as108-gallery-arrow--next { right: 14px; }
body.page-id-9327 .as108-gallery-arrow svg { display: block; width: 23px; height: 23px; }
body.page-id-9327 .as108-gallery-footer {
  display: flex; justify-content: center; align-items: center;
  position: relative; min-height: 44px; padding: 3px 0;
}
body.page-id-9327 .as108-gallery-dots { display: flex; justify-content: center; gap: 0; }
body.page-id-9327 .as108-gallery-dot {
  display: grid; place-items: center; width: 30px; height: 32px;
  min-height: 32px; margin: 0; padding: 0; background: transparent;
  border: 0; border-radius: 9px; cursor: pointer;
}
body.page-id-9327 .as108-gallery-dot::before {
  content: ''; display: block; width: 7px; height: 7px;
  border-radius: 10px; background: #7f574c55;
  transition: width .15s ease, background .15s ease;
}
body.page-id-9327 .as108-gallery-dot[aria-current="true"]::before { width: 20px; background: #7f4538; }
body.page-id-9327 .as108-photo-gallery button:focus-visible,
body.page-id-9327 .as108-gallery-track:focus-visible { outline: 3px solid #8a513e; outline-offset: -3px; }
@media (hover: hover) {
  body.page-id-9327 .as108-gallery-arrow:hover { background: #211f1b; color: #fff4dc; }
}
@media (max-width: 767px) {
  body.page-id-9327 .as108-photo-gallery { padding: 5px 5px 1px; border-radius: 25px 48px 25px 25px; }
  body.page-id-9327 .as108-photo-gallery--intro { margin-bottom: 28px; }
  body.page-id-9327 .as108-gallery-viewport { border-radius: 20px 42px 20px 20px; }
  body.page-id-9327 .as108-gallery-arrow--prev { left: 9px; }
  body.page-id-9327 .as108-gallery-arrow--next { right: 9px; }
  body.page-id-9327 .as108-gallery-arrow { width: 44px; height: 44px; min-height: 44px; }
  body.page-id-9327 .as108-gallery-footer { min-height: 40px; padding-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-9327 .as108-photo-gallery * { transition: none !important; scroll-behavior: auto !important; }
}