@charset "UTF-8";
/*
 Instagram (v2): eyebrow + @handle + FOLLOW US, then a flat 5-up grid of square
 tiles (gap 20) — 3-up on tablet, 2×2 on mobile (extra tiles hidden). Image
 scales 1.04 on hover. No tilt, no shadows.
========================================================================== */
.block-instagram-pinboard {
  padding: clamp(64px, 3rem + 4.3vw, 110px) 0 clamp(80px, 4rem + 4.58vw, 130px);
}
.block-instagram-pinboard .section-header {
  margin-bottom: 48px;
}
.block-instagram-pinboard .pinboard-handle {
  font-size: clamp(28px, 1rem + 3.9vw, 72px);
  line-height: 1;
  margin: 0;
  overflow-wrap: anywhere;
}
.block-instagram-pinboard .pinboard-handle a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  transition: color 0.15s ease;
}
.block-instagram-pinboard .pinboard-handle a:hover {
  color: var(--wp--preset--color--accent);
}
.block-instagram-pinboard .pinboard {
  max-width: calc(var(--wp--custom--layout--container) + 2 * var(--wp--custom--spacing--outer-x));
  margin-inline: auto;
  padding-inline: var(--wp--custom--spacing--outer-x);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .block-instagram-pinboard .pinboard {
    grid-template-columns: repeat(3, 1fr);
  }
  .block-instagram-pinboard .pinboard .pinboard-tile:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .block-instagram-pinboard .pinboard {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .block-instagram-pinboard .pinboard .pinboard-tile:nth-child(4) {
    display: block;
  }
}
.block-instagram-pinboard .pinboard-tile {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
}
.block-instagram-pinboard .pinboard-tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.block-instagram-pinboard .pinboard-tile:hover img {
  transform: scale(1.04);
}