/* A curated field archive that points to the real profile; it is not a fake feed. */
.art-home .home-instagram-archive {
  overflow: clip;
  padding: clamp(76px, 10vw, 152px) 0 0;
  background: #1a1a18;
  color: #f6f3ed;
}

.art-home .home-instagram-archive__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(15rem, .62fr);
  gap: clamp(28px, 9vw, 128px);
  align-items: end;
  padding-bottom: clamp(42px, 6vw, 84px);
}

.art-home .home-instagram-archive__intro h2 {
  max-width: 9.5ch;
  margin: 0;
  color: #f6f3ed;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(3.05rem, 6.3vw, 6.65rem);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .85;
}

.art-home .home-instagram-archive__copy { max-width: 30rem; margin: 0; color: rgba(246, 243, 237, .76); font-size: 1rem; line-height: 1.62; }
.art-home .home-instagram-archive__link { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; color: #f6f3ed; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-decoration-color: #ee5b27; text-decoration-thickness: 1px; text-underline-offset: 8px; text-transform: uppercase; transition: color .22s ease, text-decoration-color .22s ease; }
.art-home .home-instagram-archive__link::after { content: '↗'; color: #ee5b27; font-size: 1.2rem; }
.art-home .home-instagram-archive__link:hover { color: #ee5b27; }
.art-home .home-instagram-archive__link:focus-visible { outline: 2px solid #ee5b27; outline-offset: 7px; }

.art-home .home-instagram-archive__mosaic { display: grid; grid-template-columns: minmax(18rem, .82fr) minmax(0, 1.18fr); grid-template-rows: minmax(18rem, 42vw) minmax(10rem, 21vw); }
.art-home .home-instagram-archive__piece { position: relative; display: block; overflow: hidden; min-width: 0; color: #fff; text-decoration: none; background: #272724; }
.art-home .home-instagram-archive__piece--portrait { grid-row: 1 / span 2; }
.art-home .home-instagram-archive__piece img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.16, 1, .3, 1), filter .6s ease; }
.art-home .home-instagram-archive__piece--portrait img { object-position: 50% 45%; }
.art-home .home-instagram-archive__piece--wide img { object-position: center 52%; }
.art-home .home-instagram-archive__piece--panorama img { object-position: center 50%; }
.art-home .home-instagram-archive__piece::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(to top, rgba(0, 0, 0, .76), transparent); pointer-events: none; }
.art-home .home-instagram-archive__piece span { position: absolute; z-index: 1; bottom: clamp(18px, 2.2vw, 38px); left: clamp(18px, 2.2vw, 38px); color: #fff; font-size: clamp(.72rem, 1vw, .88rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.art-home .home-instagram-archive__piece:hover img { transform: scale(1.045); filter: saturate(1.05); }
.art-home .home-instagram-archive__piece:focus-visible { z-index: 2; outline: 3px solid #ee5b27; outline-offset: -3px; }

@media (max-width: 720px) {
  .art-home .home-instagram-archive { padding-top: 64px; }
  .art-home .home-instagram-archive__intro { grid-template-columns: 1fr; gap: 24px; padding-bottom: 38px; }
  .art-home .home-instagram-archive__intro h2 { max-width: 10.5ch; font-size: clamp(3rem, 14vw, 4.7rem); }
  .art-home .home-instagram-archive__mosaic { display: flex; gap: 12px; overflow-x: auto; padding: 0 16px 24px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .art-home .home-instagram-archive__piece { flex: 0 0 82vw; height: min(122vw, 40rem); scroll-snap-align: start; }
  .art-home .home-instagram-archive__piece--wide, .art-home .home-instagram-archive__piece--panorama { height: min(95vw, 33rem); }
}

@media (prefers-reduced-motion: reduce) {
  .art-home .home-instagram-archive__link, .art-home .home-instagram-archive__piece img { transition: none; }
}