:root {
  --edition-pad: clamp(22px, 5vw, 76px);
  --edition-line: rgba(237, 230, 214, .14);
  --edition-muted: rgba(237, 230, 214, .52);
}

html { scroll-behavior: smooth; }
body.instagram-page { background: #090a0d; color: var(--bone); }
.instagram-page .noise { opacity: .11; }
.instagram-page img { display: block; width: 100%; }

.instagram-header {
  position: sticky; z-index: 20; top: 0; display: flex; align-items: center;
  justify-content: space-between; height: 76px; padding: 0 var(--edition-pad);
  border-bottom: 1px solid var(--edition-line); background: rgba(9, 10, 13, .88);
  backdrop-filter: blur(18px);
}
.instagram-brand { display: inline-flex; align-items: center; gap: 12px; color: var(--bone); }
.instagram-brand svg { width: 16px; height: 39px; fill: currentColor; }
.instagram-brand span { font-size: 10px; letter-spacing: .34em; }
.instagram-header nav { display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); }
.instagram-header nav a { color: var(--edition-muted); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.instagram-header nav a:hover { color: var(--bone); }

.editions-intro {
  display: flex; min-height: 58vh; flex-direction: column; align-items: center;
  justify-content: center; padding: 76px var(--edition-pad); text-align: center;
  border-bottom: 1px solid var(--edition-line);
  background: radial-gradient(circle at 50% 18%, rgba(210, 205, 194, .07), transparent 30rem);
}
.editions-intro > p:first-child { margin: 0 0 28px; color: var(--edition-muted); font-size: 9px; letter-spacing: .3em; text-transform: uppercase; }
.editions-lockup { display: flex; align-items: center; color: var(--bone); }
.editions-lockup svg { width: 40px; height: 94px; fill: currentColor; }
.editions-lockup span { margin-left: 11px; font-size: clamp(34px, 5vw, 62px); font-weight: 450; letter-spacing: .17em; line-height: 1; }
.editions-brand-line { margin: 18px 0 0 !important; color: var(--bone) !important; font-family: var(--serif); font-size: clamp(14px, 1.25vw, 18px) !important; letter-spacing: .035em !important; text-transform: none !important; }
.editions-intro h1 { margin: 28px 0 0; font-family: var(--sans); font-size: clamp(22px, 2.5vw, 36px); font-weight: 380; letter-spacing: .01em; }
.editions-intro__note { margin: 12px 0 0 !important; color: var(--edition-muted); font-size: 11px !important; letter-spacing: .04em !important; text-transform: none !important; }
.download-actions { display: flex; gap: 10px; margin-top: 34px; }
.download-actions a { min-width: 214px; padding: 15px 18px; border: 1px solid var(--edition-line); color: var(--bone); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; }
.download-actions a:first-child { background: var(--bone); color: #090a0d; }
.download-actions a:hover { border-color: var(--gold); }
.download-actions span { margin-left: 10px; color: var(--gold); }
.download-actions a:first-child span { color: #7c6540; }

.format-section { padding: 88px var(--edition-pad) 118px; }
.story-section { border-top: 1px solid var(--edition-line); }
.format-header { display: flex; max-width: 1440px; align-items: end; justify-content: space-between; gap: 30px; margin: 0 auto 56px; }
.format-header p, .social-campaign header p { margin: 0; color: var(--edition-muted); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; }
.format-header h2 { margin: 10px 0 0; font-family: var(--sans); font-size: clamp(21px, 2.4vw, 34px); font-weight: 380; }
.format-header > p span { margin-left: 13px; color: var(--gold); }
.campaign-set { display: grid; max-width: 1440px; margin: 0 auto; gap: 82px; }
.social-campaign { padding-top: 23px; border-top: 1px solid var(--edition-line); }
.social-campaign header { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.social-campaign h3 { margin: 0; font-family: var(--sans); font-size: clamp(15px, 1.35vw, 19px); font-weight: 380; }
.social-campaign h3 span { color: var(--gold); }
.feed-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px; background: var(--edition-line); }
.feed-pair figure, .story-grid figure { margin: 0; background: #0c0d10; }
.feed-pair img { aspect-ratio: 4 / 5; object-fit: cover; }
.feed-pair figcaption, .story-grid figcaption { padding: 14px 16px; border-top: 1px solid var(--edition-line); color: var(--edition-muted); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }
.feed-pair figure:last-child figcaption { color: var(--gold); }
.feed-single { max-width: 760px; margin: 0 auto; padding: 1px; background: var(--edition-line); }
.feed-single figure { margin: 0; background: #0c0d10; }
.feed-single img { aspect-ratio: 4 / 5; object-fit: cover; }
.feed-single figcaption { padding: 14px 16px; border-top: 1px solid var(--edition-line); color: var(--gold); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }

.story-grid { display: grid; max-width: 1440px; grid-template-columns: repeat(4, 1fr); gap: 1px; padding: 1px; margin: 0 auto; background: var(--edition-line); }
.story-grid img { aspect-ratio: 9 / 16; object-fit: cover; }

.instagram-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 52px var(--edition-pad); border-top: 1px solid var(--edition-line); }
.instagram-footer p { margin: 0; color: var(--edition-muted); font-size: 9px; letter-spacing: .12em; }
.instagram-footer p:last-child { text-align: right; }

@media (max-width: 760px) {
  .instagram-header { height: 66px; }
  .instagram-header nav a:last-child { display: none; }
  .editions-intro { min-height: 52vh; padding-top: 62px; }
  .editions-lockup svg { width: 31px; height: 73px; }
  .editions-lockup span { margin-left: 8px; font-size: 34px; letter-spacing: .13em; }
  .download-actions { width: 100%; flex-direction: column; }
  .download-actions a { width: 100%; min-width: 0; }
  .format-section { padding-top: 62px; }
  .format-header { align-items: start; margin-bottom: 40px; }
  .format-header > p { text-align: right; }
  .social-campaign header { display: block; }
  .social-campaign h3 { margin-top: 8px; }
  .campaign-set { gap: 64px; }
  .feed-pair { grid-template-columns: 1fr; }
  .story-grid { grid-template-columns: repeat(2, 1fr); }
  .instagram-footer { grid-template-columns: 1fr auto; }
  .instagram-footer > p:first-of-type { display: none; }
}