/* Full-width photography, with space between each image and a restrained arc. */
#photography{padding-bottom:36px}
.photo-gallery.circular-gallery{display:block;overflow:clip;margin-top:32px;padding:0 0 4px;mask-image:none;-webkit-mask-image:none}
.circular-stage{position:relative;height:clamp(355px,36vw,500px);touch-action:pan-y;cursor:grab;user-select:none;outline:none}
.circular-stage.is-dragging{cursor:grabbing}
.circular-stage:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.circular-photo{position:absolute;top:8px;left:50%;width:clamp(245px,25vw,360px);aspect-ratio:4/5;margin:0;border-radius:22px;overflow:hidden;background:#e5e5de;box-shadow:0 8px 20px #080b0a0c;will-change:transform}
.circular-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:filter 300ms ease}
.circular-photo:hover img{filter:brightness(1.04)}
.circular-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px;height:44px}
.circular-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #10151024;border-radius:50%;background:transparent;color:var(--ink);font:inherit;font-size:21px;cursor:pointer;transition:background 300ms,border-color 300ms,transform 300ms}
.circular-controls button:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-2px)}
.circular-controls .circular-pause{background:#121716;color:var(--lime);font-size:14px;border-color:#121716}
.circular-controls .circular-pause:hover{background:var(--lime);color:#121716}
.circular-controls button:focus-visible{outline:2px solid #6b962e;outline-offset:4px}
.circular-count{font-size:12px;font-weight:500;letter-spacing:.09em;font-variant-numeric:tabular-nums;color:#73786f;min-width:54px;text-align:center}
.circular-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){#photography{padding-bottom:24px}.photo-gallery.circular-gallery{margin-top:26px}.circular-stage{height:370px}.circular-photo{width:250px;border-radius:20px}.circular-controls{margin-top:0;gap:16px}}
@media(prefers-reduced-motion:reduce){.circular-controls button,.circular-photo img{transition:none}}