/* Home page Instagram strip (Amir, 8 Oct 2026): one row of the latest @ewf_fit_mh posts that moves
   ONLY when the visitor drags, swipes or presses an arrow (no auto-play). Several posts show at once
   and the next one is cut off at the edge, so it reads as a feed you can slide. Dark band between the
   light "Where to find us" block and the footer; the site's Montserrat and red #e93d3d. */
.ewf-ig{background:#161616;color:#fff;padding:56px 0 48px;font-family:Montserrat,system-ui,sans-serif}
.ewf-ig[hidden]{display:none}
.ewf-ig-inner{max-width:1170px;margin:0 auto;padding:0 16px}
.ewf-ig-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.ewf-ig-kicker{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#e93d3d}
.ewf-ig-kicker svg{width:18px;height:18px}
.ewf-ig h2{margin:0;font-size:clamp(26px,4vw,40px);font-weight:600;line-height:1.15;color:#fff}
.ewf-ig h2 a{color:inherit;text-decoration:none}
.ewf-ig h2 a:hover{text-decoration:underline}
.ewf-ig-nav{display:flex;gap:10px;flex:none}
.ewf-ig-nav button{width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:transparent;color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,opacity .15s}
.ewf-ig-nav button svg{width:22px;height:22px}
.ewf-ig-nav button:hover:not(:disabled){background:#fff;color:#161616}
.ewf-ig-nav button:disabled{opacity:.3;cursor:default}
.ewf-ig-nav button:focus-visible,.ewf-ig-card:focus-visible,.ewf-ig-follow:focus-visible{outline:3px solid #e93d3d;outline-offset:3px}

/* the row: about 4 and a bit posts on desktop, 3 and a bit on tablet, 1 and a half on a phone */
.ewf-ig-track{--gap:14px;--show:4.35;display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;cursor:grab;
  -webkit-user-select:none;user-select:none;margin:0 -16px;padding:0 16px}
.ewf-ig-track::-webkit-scrollbar{display:none}
.ewf-ig-track.dragging{cursor:grabbing;scroll-snap-type:none}
.ewf-ig-track.dragging .ewf-ig-card{pointer-events:none}
@media (max-width:1023px){.ewf-ig-track{--show:3.3}}
@media (max-width:640px){.ewf-ig-track{--show:1.55;--gap:12px}.ewf-ig{padding:40px 0 36px}
  .ewf-ig-nav{display:none}}
.ewf-ig-card{position:relative;flex:0 0 calc((100% - 32px - (var(--show) - 1) * var(--gap)) / var(--show));
  aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#2a2a2a;scroll-snap-align:start;display:block}
.ewf-ig-card img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;transition:transform .3s}
.ewf-ig-card:hover img{transform:scale(1.04)}
.ewf-ig-badge{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;
  background:rgba(0,0,0,.55);display:grid;place-items:center;color:#fff}
.ewf-ig-badge svg{width:16px;height:16px}
.ewf-ig-when{position:absolute;left:10px;bottom:10px;padding:4px 9px;border-radius:999px;background:rgba(0,0,0,.6);
  font-size:12px;font-weight:600;color:#fff}

/* progress line under the row: shows how far along you are, another "this slides" signal */
.ewf-ig-progress{height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin-top:18px;overflow:hidden}
.ewf-ig-progress span{display:block;height:100%;width:30%;border-radius:2px;background:#e93d3d;
  transform:translateX(0);transition:transform .1s linear}
.ewf-ig-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.ewf-ig-hint{margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.ewf-ig-follow{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:10px;
  background:#e93d3d;color:#fff;font-weight:600;font-size:15px;text-decoration:none}
.ewf-ig-follow:hover{background:#d22f2f}
.ewf-ig-follow svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){.ewf-ig-card img,.ewf-ig-progress span{transition:none}}