/* The Instagram feed on a client's website (the Instagram feed mod). Built from the Vantage Drones gallery page's
   own styles. Fits any site: set these on the page to match it. Runbook: _internal/switchboard/INSTAGRAM.md. */
.pb-ig{--pb-ig-radius:12px;--pb-ig-gap:1rem;--pb-ig-tile:240px;--pb-ig-bg:rgba(0,0,0,.05);--pb-ig-ink:inherit;--pb-ig-button:currentColor}
.pb-ig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pb-ig-tile),1fr));gap:var(--pb-ig-gap)}
.pb-ig-tile,.pb-ig-skel{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--pb-ig-radius);overflow:hidden;background:var(--pb-ig-bg)}
.pb-ig-skel{animation:pb-ig-pulse 1.4s ease-in-out infinite}
@keyframes pb-ig-pulse{50%{opacity:.5}}
.pb-ig-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.4,0,.2,1)}
.pb-ig-tile:hover img,.pb-ig-tile:focus-visible img{transform:scale(1.04)}
.pb-ig-badge{position:absolute;top:.6rem;right:.6rem;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff}
.pb-ig-cap{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .8rem .7rem;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transition:opacity .25s}
.pb-ig-tile:hover .pb-ig-cap,.pb-ig-tile:focus-visible .pb-ig-cap{opacity:1}
.pb-ig-fallback{text-align:center;max-width:34rem;margin:0 auto;padding:1.5rem 1rem;color:var(--pb-ig-ink)}
.pb-ig-fallback p{margin:.6rem 0 1.2rem}
.pb-ig-follow{display:inline-block;padding:.7rem 1.2rem;border:2px solid var(--pb-ig-button);border-radius:999px;color:var(--pb-ig-button);font-weight:600;text-decoration:none}
@media (max-width:560px){.pb-ig-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.pb-ig-cap{-webkit-line-clamp:2;font-size:.72rem}}
@media (hover:none){.pb-ig-cap{opacity:1}}
@media (prefers-reduced-motion:reduce){.pb-ig-skel{animation:none}.pb-ig-tile img{transition:none}.pb-ig-tile:hover img{transform:none}}
/* A section's carousel (data-layout="carousel"): swipe, drag or the arrows. */
.pb-ig-car{position:relative}
.pb-ig-row{display:flex;gap:var(--pb-ig-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;-webkit-user-select:none}
.pb-ig-row::-webkit-scrollbar{display:none}
.pb-ig-row.is-drag{cursor:grabbing;scroll-snap-type:none}
.pb-ig-row .pb-ig-tile{flex:0 0 min(var(--pb-ig-tile),72vw);scroll-snap-align:start}
.pb-ig-nav{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:pointer;transition:opacity .2s}
.pb-ig-prev{left:-14px}.pb-ig-prev svg{transform:rotate(180deg)}
.pb-ig-next{right:-14px}
.pb-ig-nav:disabled{opacity:0;pointer-events:none}
@media (hover:none),(max-width:560px){.pb-ig-nav{display:none}}