/* Scoped to the homepage photo band; the original hero and other sections stay intact. */
.tilted-gallery{position:relative;height:clamp(360px,46vw,580px);overflow:hidden;background:var(--green-dark,#111f06)}
.tilted-gallery-fallback{display:flex;gap:16px;list-style:none;height:100%;margin:0;padding:48px 24px;overflow-x:auto;scroll-snap-type:x proximity}
.tilted-gallery-fallback li{flex:0 0 auto;width:min(64vw,300px);height:100%;scroll-snap-align:center}
.tilted-gallery-fallback img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px}
.tilted-gallery-band{display:none;position:absolute;inset:0;pointer-events:none;perspective-origin:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
/* clip prevents offscreen 3D geometry becoming a focus-scrollable container. */
.tilted-gallery.is-enhanced{overflow:clip;touch-action:pan-y pinch-zoom;cursor:grab;user-select:none}
.tilted-gallery.is-enhanced.is-dragging{cursor:grabbing}
.tilted-gallery.is-enhanced .tilted-gallery-band{display:block}
/* Keep the original photos and descriptions available to assistive technology. */
.tilted-gallery.is-enhanced .tilted-gallery-fallback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tilted-gallery-tile{position:absolute;transform-style:preserve-3d;will-change:transform}
.tilted-gallery-slice{position:absolute;top:0;overflow:hidden;background:var(--green-dark,#111f06)}
.tilted-gallery-slice:first-child{border-radius:8px 0 0 8px}
.tilted-gallery-slice:last-child{border-radius:0 8px 8px 0}
.tilted-gallery-slice img{position:absolute;top:0;max-width:none;object-fit:cover;user-select:none}
.tilted-gallery-toggle{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);min-height:44px;padding:10px 18px;border:1px solid var(--border-gold,rgba(201,166,53,.3));border-radius:5px;background:var(--green-dark,#111f06);color:var(--gold,#c9a635);font:600 .75rem 'Inter',sans-serif;cursor:pointer;z-index:1}
.tilted-gallery-toggle[hidden]{display:none}
.tilted-gallery-toggle:focus-visible{outline:2px solid var(--gold,#c9a635);outline-offset:4px}
@media(prefers-reduced-motion:reduce){
 .tilted-gallery.is-enhanced .tilted-gallery-band,.tilted-gallery-toggle{display:none}
 .tilted-gallery.is-enhanced .tilted-gallery-fallback{position:static;width:auto;height:100%;padding:48px 24px;overflow-x:auto;clip-path:none;white-space:normal}
}