/* DepthCarousel reference adapted for this static site. The photo grid is the no-JS fallback. */
.depth-gallery.is-ready{max-width:900px;margin:28px auto 0}
.depth-gallery.is-ready .customer-creations{position:relative;display:block;height:490px;margin:0;perspective:1400px;overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab;border-radius:22px;background:radial-gradient(ellipse at 50% 55%,#ece7db 0,transparent 68%)}
.depth-gallery.is-ready .customer-creations:active{cursor:grabbing}
.depth-gallery.is-ready .customer-creation{position:absolute;top:50%;left:43%;width:300px;height:404px;margin:0;border-radius:18px;transform-origin:center;box-shadow:0 28px 45px -24px #24334270,0 7px 18px -10px #24334240;will-change:transform,opacity,filter}
.depth-gallery.is-ready .customer-creation .photo{height:350px;aspect-ratio:auto;padding:10px}
.depth-gallery.is-ready .customer-creation img{pointer-events:none;-webkit-user-drag:none}
.depth-gallery.is-ready .customer-creation figcaption{height:54px;display:grid;place-items:center;padding:8px;font-size:16px}
.depth-gallery__controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.depth-gallery__controls[hidden]{display:none}
.depth-gallery__arrow{height:44px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--navy);cursor:pointer;font:500 20px var(--sans)}
.depth-gallery__arrow{width:44px;flex:none}
.depth-gallery__arrow:hover{background:var(--cream2);border-color:var(--rose)}
.depth-gallery__dots{display:flex;align-items:center;justify-content:center;gap:0}
.depth-gallery__dot{display:grid;place-items:center;width:28px;height:44px;border:0;padding:0;background:transparent;cursor:pointer}
.depth-gallery__dot[hidden],.depth-gallery .customer-creation[hidden]{display:none}
.depth-gallery__dot:after{content:"";width:6px;height:6px;border-radius:10px;background:#bbb8b0;transition:width .2s,background .2s}
.depth-gallery__dot[aria-pressed=true]:after{width:20px;background:var(--navy)}
@media(max-width:600px){
  .depth-gallery.is-ready .customer-creations{height:390px}
  .depth-gallery.is-ready .customer-creation{left:43%;width:230px;height:314px}
  .depth-gallery.is-ready .customer-creation .photo{height:266px;padding:7px}
  .depth-gallery.is-ready .customer-creation figcaption{height:48px;font-size:14px}
  .depth-gallery__controls{gap:6px}
  .depth-gallery__dot{width:27px}
}
@media(prefers-reduced-motion:reduce){
  .depth-gallery.is-ready .customer-creation{will-change:auto}
  .depth-gallery__dot:after{transition:none}
}