/* Photo carousel (#instagram, filled by /assets/instagram.js) used on the home, services and contact pages. Hidden until the script adds its cards. The track is a horizontal row that scrolls and snaps card by card; the arrows sit over its left and right edges. Card widths subtract the gaps between them (6px each: 3 gaps for 4 across, 2 for 3 across). */
#instagram{display:none}
#instagram.has-posts{display:block}
#instagram .ig-wrap{position:relative}
#instagram .ig-track{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
#instagram .ig-track::-webkit-scrollbar{display:none}
#instagram .ig-card{position:relative;display:block;flex:0 0 calc((100% - 18px)/4);aspect-ratio:1;overflow:hidden;background:#161616;scroll-snap-align:start}
@media (max-width:1023px){#instagram .ig-card{flex-basis:calc((100% - 12px)/3)}}
/* Phones: one photo fills the screen edge to edge. The negative side margins pull the carousel out over the page's 24px side padding (px-6) so the card can be the full device width. */
@media (max-width:767px){#instagram .ig-wrap{margin:0 -24px}#instagram .ig-card{flex-basis:100%}}
#instagram .ig-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,.8,.24,1)}
#instagram .ig-card:hover img{transform:scale(1.04)}
#instagram .ig-card:focus-visible{outline:2px solid #c23b2c;outline-offset:2px}
#instagram .ig-play{position:absolute;top:12px;right:12px;width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
#instagram .ig-arrow{position:absolute;top:50%;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.15);background:rgba(12,12,13,.8);color:#ece9e4;cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s}
#instagram .ig-prev{left:12px}
#instagram .ig-next{right:12px}
#instagram .ig-arrow:hover{background:#c23b2c;border-color:#c23b2c}
#instagram .ig-arrow:disabled{opacity:0;pointer-events:none}