.instagram-icon { display:block; flex:none; width:24px; height:24px; }
.instagram-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; }
.instagram-link .instagram-icon { width:18px; height:18px; }
.footer-main nav .instagram-link { margin-block:-12px; }

.home-instagram { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); align-items:center; gap:72px; border-top:1px solid var(--line); padding-block:62px 70px; }
.home-instagram .eyebrow { margin-bottom:20px; font-size:10px; }
.home-instagram h2 { font-size:clamp(34px,3.3vw,46px); line-height:1.18; }
.home-instagram-detail { max-width:410px; }
.home-instagram-detail>p { font-size:15px; line-height:1.85; }
.home-instagram-link { margin-top:24px; gap:13px; }
.home-instagram-link .instagram-icon { width:21px; height:21px; }
.home-instagram-link .link-arrow { margin-left:13px; }

.project-instagram { border-top:1px solid var(--line); padding-top:65px; padding-bottom:80px; }
.project-instagram-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; margin-bottom:38px; }
.project-instagram-heading .eyebrow { font-size:10px; margin-bottom:21px; }
.project-instagram-heading h2 { font-size:clamp(35px,3.6vw,49px); line-height:1.16; }
.project-instagram-heading>p { max-width:325px; font-size:14px; line-height:1.85; }
.instagram-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:start; }
.instagram-reel { min-width:0; }
.instagram-media-shell { position:relative; min-width:0; background:var(--soft); }
.instagram-poster { position:relative; aspect-ratio:4/5; overflow:hidden; }
.instagram-poster::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.33),transparent 25%,transparent 65%,rgba(0,0,0,.2)); }
.instagram-poster>img { display:block; width:100%; height:100%; object-fit:cover; }
.instagram-reel-label { position:absolute; z-index:1; top:20px; left:20px; display:flex; gap:10px; align-items:center; color:#fff; font-family:var(--mono); font-size:10px; letter-spacing:.055em; }
.instagram-reel-label .instagram-icon { width:19px; height:19px; }
.instagram-load { display:none; position:absolute; z-index:2; left:50%; bottom:25px; transform:translateX(-50%); align-items:center; justify-content:center; gap:10px; min-height:48px; padding:12px 19px; border:1px solid rgba(255,255,255,.75); border-radius:0; background:#fff; color:var(--ink); white-space:nowrap; font-size:12px; font-weight:600; transition:background .2s,border-color .2s; }
.instagram-ready .instagram-load { display:inline-flex; }
.instagram-load[hidden] { display:none; }
.instagram-load:hover { background:var(--gold); border-color:var(--gold); }
.instagram-load:focus-visible { outline-color:var(--gold); }
.instagram-load:disabled { cursor:wait; }
.instagram-player { position:absolute; top:0; left:0; width:100%; min-width:0; visibility:hidden; pointer-events:none; }
.instagram-player iframe { display:block; width:100%!important; max-width:100%!important; min-width:0!important; border:0; background:#fff; }
.instagram-loaded .instagram-poster,.instagram-loaded .instagram-load { display:none; }
.instagram-loaded .instagram-player { position:relative; visibility:visible; pointer-events:auto; }
.instagram-close { appearance:none; display:inline-flex; align-items:center; min-height:44px; padding:8px 0; border:0; border-radius:0; background:transparent; color:var(--muted); text-decoration:underline; text-underline-offset:4px; font-size:11px; }
.instagram-close:hover { color:var(--ink); }
.instagram-close[hidden] { display:none; }
.instagram-status { margin-top:12px; color:var(--muted); font-size:11px; line-height:1.8; }
.instagram-status:empty { display:none; }
.instagram-error .instagram-status { color:#775327; }
.instagram-reel-copy { padding-top:21px; }
.instagram-reel-date { display:block; font-family:var(--mono); font-size:9px; color:var(--muted); letter-spacing:.03em; margin-bottom:12px; }
.instagram-reel-copy h3 { font-size:23px; line-height:1.25; letter-spacing:-.035em; }
.instagram-reel-copy .text-link { margin-top:11px; font-size:12px; gap:17px; }
.instagram-privacy-note { max-width:760px; margin-top:28px; font-size:11px; line-height:1.8; }
.instagram-privacy-note a { text-decoration:underline; text-underline-offset:3px; }
.instagram-stories { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:45px; padding:34px 38px; background:var(--soft); }
.instagram-stories .eyebrow { font-size:9px; margin-bottom:15px; }
.instagram-stories h3 { font-size:27px; line-height:1.25; }
.instagram-stories p:not(.eyebrow) { max-width:530px; margin-top:12px; font-size:13px; line-height:1.8; }
.instagram-stories>.text-link { flex-shrink:0; }

@media(min-width:751px) and (max-width:1150px) {
  .instagram-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1000px) {
  .home-instagram { gap:45px; }
  .instagram-grid { gap:20px; }
  .instagram-reel-label { left:15px; top:15px; font-size:9px; }
  .instagram-reel-copy h3 { font-size:21px; }
  .instagram-stories { padding:30px; gap:30px; }
}
@media(max-width:750px) {
  .home-instagram { grid-template-columns:1fr; gap:23px; padding-block:45px 50px; }
  .home-instagram h2 br { display:none; }
  .home-instagram-detail { max-width:550px; }
  .home-instagram .eyebrow { margin-bottom:17px; }
  .home-instagram-link { margin-top:19px; }
  .project-instagram { padding-top:44px; padding-bottom:48px; }
  .project-instagram-heading { display:block; margin-bottom:29px; }
  .project-instagram-heading>p { max-width:510px; margin-top:21px; }
  .instagram-grid { grid-template-columns:minmax(0,1fr); gap:35px; }
  .instagram-poster { aspect-ratio:4/5; }
  .instagram-reel-label { left:22px; top:22px; font-size:10px; }
  .instagram-reel-copy { padding-top:18px; }
  .instagram-reel-copy h3 { font-size:23px; }
  .instagram-reel-copy .text-link { margin-top:12px; gap:10px; }
  .instagram-privacy-note { margin-top:28px; }
  .instagram-stories { display:block; margin-top:32px; padding:26px; }
  .instagram-stories>.text-link { margin-top:20px; }
}
@media(max-width:380px) {
  .home-instagram-link { font-size:11px; gap:10px; }
  .home-instagram-link .link-arrow { margin-left:0; }
  .instagram-reel-copy { display:block; }
  .instagram-reel-copy .text-link { margin-top:10px; }
  .instagram-stories { padding:24px 22px; }
}
@media(prefers-reduced-motion:reduce) {
  .instagram-load { transition:none; }
}