/* Orion Instagram Feed — the "grid" style (index-4.html) is full-bleed,
   edge to edge of the viewport, with no .container wrapper at all in the
   reference; the "strip" style keeps its own constrained container. */
.orion-insta{ width:100%; }
.orion-insta__container{ width:100%; margin:0 auto; padding:0; }
.orion-insta--strip .orion-insta__container { padding: 0 16px; }
@media (min-width: 640px) { .orion-insta--strip .orion-insta__container { max-width: 640px; } }
@media (min-width: 769px) { .orion-insta--strip .orion-insta__container { max-width: 769px; } }
@media (min-width: 992px) { .orion-insta--strip .orion-insta__container { max-width: 992px; } }
@media (min-width: 1199px) { .orion-insta--strip .orion-insta__container { max-width: 1199px; } }
@media (min-width: 1380px) { .orion-insta--strip .orion-insta__container { max-width: 1380px; } }
@media (min-width: 1752px) { .orion-insta--strip .orion-insta__container { max-width: 1752px; } }
.orion-insta__row{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
@media (min-width: 992px) { .orion-insta__row { grid-template-columns:repeat(6,1fr); } }
.orion-insta__item{ position:relative; display:block; overflow:hidden; }
.orion-insta__item::before{ content:''; display:block; padding-top:100%; }
.orion-insta__item img{ position:absolute; inset:0; width:100%; height:100% !important; object-fit:cover; display:block; max-width:none; }
.orion-insta__overlay{ position:absolute; inset:0; background:rgba(0,0,0,.5); opacity:0; transition:opacity .25s; }
.orion-insta__icon{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#e5e7eb; color:var(--orion-primary); width:36px; height:36px; border-radius:999px; display:flex; align-items:center; justify-content:center; opacity:0; transition:all .25s; }
@media (min-width: 640px) { .orion-insta__icon { width:41px; height:41px; } }
@media (min-width: 1199px) { .orion-insta__icon { width:46px; height:46px; } }
@media (min-width: 1752px) { .orion-insta__icon { width:50px; height:50px; } }
.orion-insta__icon svg{ width:55%; height:55%; }
.orion-insta__item:hover .orion-insta__overlay, .orion-insta__item:hover .orion-insta__icon{ opacity:1; }
.orion-insta__item:hover .orion-insta__icon:hover{ background:var(--orion-primary); color:#fff; }
.orion-insta__bar{ height:24px; background:var(--orion-primary); }