/* Adapted from Samantha Classic home.css; generated by tools/samantha-integration/build.cjs. */
/* home: layout-specific rules only. */
.sjd-design.sjd-design-gallery .sjd-ig-gallery { padding: clamp(76px, 8vw, 116px) 0 clamp(82px, 9vw, 132px);
      background: var(--sjd-blush); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-head { margin-bottom: clamp(38px, 5vw, 66px);
      text-align: center; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-head h2 { font-size: clamp(54px, 7vw, 98px);
      line-height: .82; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-handle { display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-top: 22px;
      color: var(--sjd-pine);
      font-family: var(--sjd-ui);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-handle svg { width: 17px; height: 17px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-grid { display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item { position: relative;
      aspect-ratio: 1;
      overflow: hidden;
      background: var(--sjd-ivory);
      isolation: isolate; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(2),
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(5) { border-radius: 58px 0 0 0; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item img { width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .65s var(--sjd-ease); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(1) img { object-position: center 32%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(2) img { object-position: center 45%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(3) img { object-position: center 50%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(4) img { object-position: center 48%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(5) img { object-position: center 47%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(6) img { object-position: center 42%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(7) img { object-position: center 36%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(8) img { object-position: center 46%; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item::after { content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background: color-mix(in srgb,var(--sjd-deep-pine) 48%,transparent);
      opacity: 0;
      transition: opacity .35s var(--sjd-ease); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-icon { position: absolute;
      left: 50%;
      top: 50%;
      z-index: 2;
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.72);
      border-radius: 50%;
      color: var(--sjd-white);
      opacity: 0;
      transform: translate(-50%, -42%);
      transition: opacity .35s var(--sjd-ease), transform .35s var(--sjd-ease); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-icon svg { width: 19px; height: 19px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:hover img { transform: scale(1.045); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:hover::after,
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:focus-visible::after,
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:hover .sjd-ig-gallery-icon,
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:focus-visible .sjd-ig-gallery-icon { opacity: 1; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:hover .sjd-ig-gallery-icon,
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:focus-visible .sjd-ig-gallery-icon { transform: translate(-50%, -50%); }
@media (max-width: 760px) {
.sjd-design.sjd-design-gallery .sjd-ig-gallery { padding: 68px 0 74px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-head { margin-bottom: 34px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-head h2 { font-size: clamp(52px, 16vw, 72px); }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(2),
.sjd-design.sjd-design-gallery .sjd-ig-gallery-item:nth-child(5) { border-radius: 34px 0 0 0; }
}