/* Real posts from @tangore_uvita, with a local preview and an on-demand embed. */
.instagram-section{background:#fdeee8}
.instagram-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:36px}
.instagram-heading>div{max-width:760px;min-width:0}
.instagram-heading .display{font-size:clamp(40px,5.5vw,80px);margin-bottom:20px}
.instagram-heading .body-copy{max-width:580px}
.instagram-profile{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:14px 20px;background:var(--orange);border-radius:8px;font-weight:700;line-height:1.3;min-height:48px}
.instagram-profile:hover{background:#f5a58a}
.instagram-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.instagram-card{display:block;min-width:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #24242408;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.instagram-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #24242414}
.instagram-card:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.instagram-preview{position:relative;aspect-ratio:3/4;overflow:hidden}
.instagram-preview img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .6s var(--ease)}
.instagram-card:hover img{transform:scale(1.035)}
.instagram-play{position:absolute;inset:auto 16px 16px auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 10px #0002}
.instagram-play svg{width:22px;height:22px;fill:currentColor;margin-left:3px}
.instagram-card-copy{padding:22px}
.instagram-card-copy h3{font-size:clamp(25px,2.4vw,34px);line-height:1.13;letter-spacing:-.03em;margin-bottom:15px}
.instagram-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1.4}
.instagram-card-meta svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}
.instagram-dialog{padding:0;border:0;border-radius:10px;inset:0;margin:auto;width:min(540px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:var(--ink);box-shadow:0 20px 100px #0004}
.instagram-dialog::backdrop{background:#171717b8}
.instagram-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line)}
.instagram-dialog-head h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0;font-size:17px;line-height:1.3}
.instagram-close{min-width:48px;min-height:44px;padding:9px 12px;background:var(--orange);border-radius:7px;font-size:15px;font-weight:700}
.instagram-dialog-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:#fffaf8;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.instagram-embed{width:100%;min-width:0;background:#fff}
.instagram-embed iframe{display:block;width:100%;height:min(760px,80dvh);min-height:480px;border:0;border-radius:0;background:#fff}
@media(max-width:850px){.instagram-heading{align-items:flex-start;flex-direction:column}.instagram-grid{gap:16px}.instagram-card-copy{padding:18px}.instagram-card-copy h3{font-size:27px}}
@media(max-width:650px){.instagram-section{padding-left:6vw;padding-right:6vw}.instagram-heading{margin-bottom:28px;gap:24px}.instagram-heading .display{font-size:clamp(38px,10vw,58px)}.instagram-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 5px 20px;margin:0 -5px;scroll-padding:5px;scrollbar-width:thin;scrollbar-color:var(--orange) #fff}.instagram-card{flex:0 0 85%;scroll-snap-align:start}.instagram-preview{aspect-ratio:4/5}.instagram-card-copy h3{font-size:28px}.instagram-card-meta{font-size:15px}.instagram-dialog-head{padding:12px}.instagram-dialog-link{font-size:15px}}
@media(prefers-reduced-motion:reduce){.instagram-card,.instagram-preview img{transition:none}.instagram-card:hover,.instagram-card:hover img{transform:none}}
.no-motion .instagram-card,.no-motion .instagram-preview img{transition:none}.no-motion .instagram-card:hover,.no-motion .instagram-card:hover img{transform:none}
