/* =====================================================================
   InGamba Megamenu ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â Aman-style fullscreen overlay.
   Ported from the approved prototype. All selectors are ig- / ig__ prefixed
   to avoid clashing with Salient/Nectar.
   ===================================================================== */
.ig-menu{
  /* Colour + type tokens now live in style.css :root (site-wide). */
  --ig-panel-w: 70%; /* megamenu layout only */
}


/* ---------- Trigger button (lives in the header) ---------- */
.ig-menu-trigger{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:none;
  border:none;
  cursor:pointer;
  color:#fff;
  font-family:'Knockout',var(--ig-display,sans-serif);
  font-size:20px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
  flex-direction: row-reverse;
  padding: 0;
}
.ig-burger{width: 23px;height: 15px;position:relative;display:inline-block;}
.ig-burger span{position:absolute;left:0;right:0;height: 1.75px;background:currentColor;transition:.25s ease;}
.ig-burger span:nth-child(1){ top:0; }
.ig-burger span:nth-child(2){top: 6.5px;}
.ig-burger span:nth-child(3){top: 13px;}
.ig-menu-trigger-item{ list-style:none; }
.ig-menu .ig__util .ig__close span{ background:#fff; }

/* ---------- Overlay shell ---------- */
.ig-menu{
  position:fixed;
  inset:0;
  z-index:100000;
  opacity:0;
  visibility:hidden;
  transition:opacity .5s ease, visibility 0s linear .5s;
  color:var(--ig-ink);
}
.ig-menu[hidden]{ display:none; }
.ig-menu.is-open{ opacity:1; visibility:visible; transition:opacity .5s ease; }
.ig-menu *{ box-sizing:border-box; }

.ig__scrim{
  position:absolute;
  inset:0;
  background: rgba(12,10,9,.65);
  -webkit-backdrop-filter: saturate(.9) blur(10px);
  backdrop-filter: saturate(.9) blur(10px);
}

/* floating utility cluster, top-right over the peek */
.ig__util{position:absolute;top: var(--megamenu-padding-value);right: var(--megamenu-padding-value);z-index:5;display:flex;align-items:center;gap:22px;margin-top: -7.5px;}
.ig__lang{
  font-family:var(--ig-display); text-transform:uppercase; letter-spacing:.14em; font-weight:700;
  font-size:12px; color:#efe7db; text-decoration:none; padding-bottom:3px; border-bottom:1px solid rgba(255,255,255,.35);
}
.ig__book{
  font-family:var(--ig-display);
  text-transform:uppercase;
  letter-spacing: 0px;
  font-weight: 900;
  font-size: 18px;
  color:#fff;
  background:var(--nectar-accent-color);
  border:none;
  padding: 9px 25px;
  cursor:pointer;
  text-decoration:none;
  transition: all 0.3s ease;
}
.ig__book:hover{background: var(--ig-red-dark);color: #fff;transition: all 0.3s ease;}
.ig__close{position:relative;width:34px;height:34px;border:none;background:none;cursor:pointer;flex-shrink:0;top: -2px;}
.ig__close span{position:absolute;top:50%;left:4px;right:4px;height: 2px;background:#fff;transition:.2s;}
.ig__close span:nth-child(1){ transform:rotate(45deg); }
.ig__close span:nth-child(2){ transform:rotate(-45deg); }
.ig__close:hover span{ background:#efd9c4; }

/* the cream menu panel */
.ig__panel{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:var(--ig-panel-w);
  /* min-width: 1500px; */
  background:var(--ig-cream);
  display:flex;
  transform:translateX(-24px);
  opacity:.6;
  transition:transform .5s cubic-bezier(.22,.61,.36,1), opacity .5s ease;
  box-shadow:0 0 80px rgba(0,0,0,.35);
}
.ig-menu.is-open .ig__panel{ transform:none; opacity:1; }

.ig__brand img {
    width: 100%;
    height: 100%;
    display: block;
}

.ig__brand{
  position:absolute;
  top: var(--megamenu-padding-value);
  left: var(--megamenu-padding-value);
  z-index:3;
  font-family:var(--ig-serif);
  font-size:26px;
  color:var(--ig-ink);
  text-decoration:none;
  letter-spacing:.01em;
  height: 28px;
  width: auto;
  display: block;
}
.ig__brand em{ font-style:italic; color:var(--nectar-accent-color); }

/* tier 1 column */
.ig__tier1{width:340px;flex-shrink:0;display:flex;flex-direction:column;padding: 100px var(--megamenu-padding-value) 25px;overflow-y:auto;}
.ig__nav{margin:0; padding:0; display:flex; flex-direction:column; }
.ig-menu li {list-style:none;}
.ig__navbtn{
  all:unset;
  box-sizing:border-box;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  color:var(--ig-ink);
  font-family: 'Knockout';
  text-transform:uppercase;
  font-weight:900;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.01em;
  padding:11px 0;
  border-bottom: 1.5px solid #00000000;
  transition:color .2s, border-color .2s, padding-left .2s;
}
.ig__navbtn:hover, .ig__navbtn.is-active{color:var(--nectar-accent-color);/* padding-left: 5px; */}
.ig__navbtn:focus-visible{ outline:2px solid var(--nectar-accent-color); outline-offset:3px; }
.ig__navbtn .chev{ font-family:var(--ig-sans); font-size:18px; color:var(--ig-muted); transition:transform .2s, color .2s; }
.ig__navbtn:hover .chev, .ig__navbtn.is-active .chev{ transform:translateX(4px); color:var(--nectar-accent-color); }

.ig__rule{ height:1px; background:var(--ig-line); margin:22px 0; }
.ig__sub{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.ig__sub a{
  text-transform:uppercase;
  letter-spacing: 0px;
  font-weight: 900;
  font-size: 17px;
  line-height: 1;
  color:var(--ig-muted);
  text-decoration:none;
  padding: 10px 0;
  transition:color .2s, padding-left .2s;
  font-family: 'Knockout';
}
.ig__sub a:hover{ color:var(--nectar-accent-color); padding-left:4px; }
.ig__social{margin-top:auto;display:flex;flex-wrap:wrap;gap: 15px;padding-top: 25px;border-top:1px solid var(--ig-line);}
.ig__social a{font-family:var(--ig-display);text-transform:uppercase;letter-spacing: 0;font-size: 20px;line-height: 1;color:var(--ig-muted);text-decoration:none;font-weight: 300;}
.ig__social a:hover{ color:var(--nectar-accent-color); }

/* flyout region (tier 2 + tier 3) */
.ig__flyout{position:relative;flex:1;min-width:0;background:var(--ig-cream-2);border-left:1px solid var(--ig-line);background-image: url("https://ingamba.pro/wp-content/uploads/2026/02/contour.svg");background-repeat: no-repeat;background-size: cover;}
.ig__flyout:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(145deg, var(--ig-cream-2) 25%, transparent 100%);
    user-select:none;
    pointer-events:none;
    }
/* visibility:hidden makes hidden layers fully inert ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â so an .is-active card in a
   hidden layer can't sit over (and intercept clicks for) the visible layer. */
.ig__layer{ position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .28s ease, visibility 0s linear .28s; display:flex; }
.ig__layer.is-shown{ opacity:1; visibility:visible; pointer-events:auto; transition:opacity .28s ease; }

/* default layer */
.ig__default{ flex-direction:column; justify-content:center; padding:0 clamp(40px,4.5vw,84px); }
.ig__d-eyebrow::before{content:"";width:30px;height:1px;background:var(--nectar-accent-color);position: relative;display: block;}
.ig__d-tagline{font-style:italic;font-size: 27px;line-height: 1.45;margin-bottom: 27.5px;letter-spacing: -0.02em;max-width: 600px;margin-top: 5px;}
.ig__d-pills{ display:flex; flex-wrap:wrap; gap:9px; max-width:26rem; margin-bottom:38px; }
.ig__d-pills a{ font-family:var(--ig-display); text-transform:uppercase; letter-spacing:.1em; font-size:12px; font-weight:600; color:var(--ig-ink-soft); text-decoration:none; border:1px solid var(--ig-line); padding:8px 16px; background:#fff; transition:.2s; }
.ig__d-pills a:hover{ border-color:var(--nectar-accent-color); color:var(--nectar-accent-color); }
.ig__d-ctas{ display:flex; gap:12px; flex-wrap:wrap; }
.ig__cta{font-family:var(--ig-display);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px;padding:13px 24px;text-decoration:none;cursor:pointer;border: 1.5px solid transparent;transition:.25s;}
.ig__cta--primary{ background:var(--nectar-accent-color); color:#fff; }
.ig__cta--primary:hover{background: var(--ig-red-dark);opacity: 1;}
.ig__cta--ghost{ background:transparent; color:var(--ig-ink); border-color:var(--ig-line); }
.ig__cta--ghost:hover{border-color:var(--ig-ink);background-color: var(--ig-ink);}

/* group layer: tier2 list + tier3 feature */
.ig__t2{width: 350px;flex-shrink:0;padding: 50px 25px;overflow-y:auto;}
.ig__t2-eyebrow, .ig__d-eyebrow, .ig__card-eyebrow, .ig__card-cta, .ig__fbox-cta, .ig__fbox-eyebrow {margin-bottom: 15px;font-family: 'Knockout';font-weight: 900 !important;text-transform: uppercase;letter-spacing: 0.05em !important;font-size: 14.5px;color: var(--nectar-accent-color);line-height: 1.2 !important;white-space: nowrap;position: relative;padding: 0px 15px;display: flex;align-items: center;gap: 10px;}
.ig__t2-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap: 4px;}
.ig__t2-btn{all:unset;box-sizing:border-box;cursor:pointer;font-size: 18.5px;line-height: 1;font-weight: 900;color: #000;/* text-transform: uppercase; */font-family: 'Knockout';padding: 15px 15px;transition:.18s;border-radius: 5px;display: block;width: 100%;}
.ig__t2-btn:hover{ color:var(--ig-ink); background:rgba(0,0,0,.03); }
.ig__t2-btn.is-active{color:var(--nectar-accent-color);background:rgba(196,30,42,.06);}
.ig__t3{flex:1;min-width:0;position:relative;background:var(--ig-warm);border-left:1px solid var(--ig-line);}
/* Leaf with no feature boxes and no big-link image â†’ hide the feature region. */
.ig__t3--empty{display:none;}
.ig__card{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease;display:flex;flex-direction:column;justify-content: flex-start;text-decoration:none;}
.ig__card.is-active{ opacity:1; pointer-events:auto; }
.ig__card-img{ position:absolute; inset:0; background-size:cover; background-position:center; background-color:#4a3a2a; }
.ig__card-img::after{content:"";position:absolute;inset:0;background: linear-gradient(
156deg, rgba(15, 12, 9, .9) 8%, rgba(15, 12, 9, .15) 40%, transparent);}
.ig__card-body{position:relative;padding: 45px 40px;color:#fff;}
.ig__card-eyebrow{padding: 0;color:#e9d3b3;}
.ig__card-title, .ig__fbox-title{font-family: 'Knockout';font-size: 40px;line-height: 1;margin-bottom: 12px;display: block;color:#fff;font-weight: 800;text-transform: uppercase;}
.ig__card-copy {font-size: 15px;line-height:1.6;color:rgba(255,255,255,.8);max-width: 34ch;margin-bottom:20px;font-weight: 300;}
.ig__card-cta{color:#fff;text-decoration:none;border-bottom:1.5px solid var(--nectar-accent-color);padding: 0;padding-bottom: 6px;display: table;}

/* ---- feature area: crossfade wrapper holding stacked cards OR a big link ---- */
.ig__feat{ position:absolute; inset:0; opacity:0; transition:opacity .25s ease; }
.ig__feat.is-active{ opacity:1; }
/* big-link mode: the full-bleed .ig__card fills the wrapper (crossfade is on .ig__feat now) */
.ig__feat--big .ig__card{ position:absolute; inset:0; opacity:1; pointer-events:auto; }

/* stacked white feature cards (shown when the item HAS feature boxes) */
.ig__feat--cards{ overflow-y:auto; }
.ig__fcards-inner{min-height:100%;box-sizing:border-box;padding: var(--megamenu-padding-value);display:flex;flex-direction:column;gap: 25px;justify-content: flex-start;}
.ig__fbox{display:flex;background:#fff;border:1px solid var(--ig-line);border-radius: 0;overflow:hidden;text-decoration:none;box-shadow: 0 30px 45px rgba(0,0,0,.025);transition:transform .2s ease, box-shadow .2s ease;}
.ig__fbox:hover{ transform:translateY(-2px); box-shadow:0 18px 42px rgba(0,0,0,.11); }
.ig__fbox-img{background-size:cover;background-position:center;background-color:#e7ded2;min-height: 150px;object-fit: cover;height: auto;align-self: stretch;flex: 1.25;width: 100%;aspect-ratio: 4 / 2.5;max-height: 275px;}
.ig__fbox-body{padding: calc(var(--megamenu-padding-value) - 5px);flex: 2;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;}
.ig__fbox-eyebrow{font-family:'Knockout',var(--ig-display);padding: 0;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#b89b6a;margin-bottom: 7.5px;}
.ig__fbox-title{font-size: 26px;color:var(--ig-ink);margin-bottom: 7.5px;}
.ig__fbox-copy{font-size: 13px;line-height:1.6;color:var(--ig-muted);margin-bottom: 10px;}
.ig__fbox-cta{display:inline-block;padding: 0;letter-spacing:.08em;color:var(--nectar-accent-color);border-bottom:1.5px solid var(--nectar-accent-color);padding-bottom: 6px;margin-bottom: 0px;}
@media (max-width:860px){
  .ig__fbox{ margin-bottom:16px; }
  .ig__fbox-title{ font-size:23px; }
}

/* cascading columns (Miller) + leaf link affordance */
.ig__layer{ overflow:hidden; }
.ig__t2, .ig__fcards-inner {padding-top: 110px !important;}
/* columns sit at your 350px on wide screens but shrink so depth-2 never overflows */
.ig__layer .ig__t2{flex: 0 1 clamp(210px,22vw,320px);width:auto;min-width: 270px;}
.ig__t2-btn{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ig__layer .ig__t2 + .ig__t2{ border-left:1px solid var(--ig-line); }
.ig__t2-btn .chev{ font-family:var(--ig-sans); font-size:16px; color:var(--ig-muted); transition:transform .18s, color .18s; flex-shrink:0; }
.ig__t2-btn:hover .chev, .ig__t2-btn.is-active .chev{ color:var(--nectar-accent-color); transform:translateX(3px); }
.ig__t2-btn .arr{ font-family:var(--ig-sans); font-size:14px; color:var(--nectar-accent-color); opacity:0; transform:translateX(-5px); transition:transform .18s, opacity .18s; flex-shrink:0; }
.ig__t2-btn:hover .arr, .ig__t2-btn.is-active .arr{ opacity:1; transform:none; }

/* ---------- Mobile pager (hidden on desktop) ---------- */
.ig__mobile{ display:none; }

@media (max-width:1850px){
  .ig-menu {--ig-panel-w: 75%;}
  .ig__panel {min-width:unset;}
  .ig__fbox {flex-direction: column;}
  .ig__fbox-body {padding:22px 25px;]}
}

@media (max-width:1600px){
  .ig-menu {--ig-panel-w: 100%; }
  .ig__close span {background: #000;}
  .ig__d-tagline {max-width: 550px;}
  /* TEMPORY ROW FORAMT */
  .ig__fbox {flex-direction: row;display: flex;}
  .ig-menu .ig__util .ig__close span {background:#000 !important; }
  .ig-menu.is-feat-dark .ig__util .ig__close span {background:#fff !important; }
  /* Full-width panel: on the light intro layer (menu open, nothing selected)
     there is no dark peek behind the X, so keep it black regardless of tone. */
  .ig-menu:has(.ig__layer.ig__default.is-shown) .ig__util .ig__close span {background:#000 !important; }
  .ig__fbox-body {flex: 3;height: 100%;aspect-ratio: unset;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding: 30px;}
  .ig__feat:has(.ig__fcards-inner) {-webkit-mask-image: linear-gradient(0deg, #000000 0%, #000000 15px, #000000 calc(100% - 125px), rgb(0 0 0 / 0%) calc(100% - 50px)) !important;}
}

@media (max-width:1300px) {
    .ig__t2, .ig__fcards-inner {padding-top: 100px !important;}
    .ig__fbox {flex-direction: column;}
    .ig__fbox-body {padding: 25px;}
    .ig__tier1{width: 310px;}
    .ig__fbox-img {aspect-ratio: 4 / 3;max-height: 250px;}
}



@media (max-width:1000px){ .ig-menu{ --ig-panel-w:74%; } .ig__panel{ min-width:0; } }

@media (max-width:999px){
  
  .ig__util{ display:none; }
  .ig__panel{ width:100%; min-width:0; box-shadow:none; transform:none; opacity:1; }
  .ig__scrim{ background:rgba(12,10,9,.4); }
  .ig__tier1, .ig__flyout, .ig__panel > .ig__brand { display:none; }

  .ig__mobile{display:flex;flex-direction:column;position:absolute;inset:0;background: linear-gradient(0deg, var(--ig-cream), #fff);}
  .ig__mtop{height:64px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--ig-line);justify-content: space-between;}
  .ig__back{color:var(--ig-ink);all: unset;display: none;align-items: center;gap: 7px;cursor: pointer;font-family: var(--ig-display);text-transform: uppercase;letter-spacing: 0px;font-weight: 800;font-size: 18px;color: var(--ig-ink);}
  .ig__back.is-shown{display:inline-flex;margin-right: -10px;}
  .ig__back .a{ font-size:19px; line-height:1; }
  .ig__mtitle{ flex:1; font-family:var(--ig-serif); font-size:22px; color:var(--ig-ink); }
  .ig__mtitle em{ font-style:italic; color:var(--nectar-accent-color); }
  .ig__brand {height: 25px;position: relative;top: 0;left: 0;}
  .ig__mtop .ig__close{position: relative;width: 30px;height: 30px;top: -1px;}
  .ig__mtop .ig__close span{ background:var(--ig-ink); }
  .ig__mtop .ig__close:hover span{ background:var(--nectar-accent-color); }

  .ig__pages{ position:relative; flex:1; overflow:hidden; }
  .ig__page{position:absolute;inset:0;overflow-y:auto;padding: 20px 20px 35px 20px;transform:translateX(100%);opacity:0;transition:transform .42s cubic-bezier(.22,.61,.36,1), opacity .42s ease;}
  .ig__page.is-current{ transform:none; opacity:1; }
  .ig__page.is-past{ transform:translateX(-26%); opacity:0; }

  .ig__row{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding: 23px 0px 20px;border-bottom:1px solid var(--ig-line);font-family:var(--ig-display);text-transform:uppercase;font-weight:900;font-size: 26px;line-height: 0.8;letter-spacing: -0.015em;color:var(--ig-ink);}
  .ig__row:last-child {border-bottom:0px;}
  .ig__row .chev{font-family:var(--ig-sans);font-size: 22px;color:var(--ig-muted);top: -2px;position: relative;}
  .ig__row:active{ color:var(--nectar-accent-color); }
  a.ig__row{ text-decoration:none; }

  .ig__msub{letter-spacing:.14em;padding: 10px 0px;display:block;}
  .ig__mbook{display:block;text-align:center;margin-top:20px;text-transform:uppercase;letter-spacing: 0;font-size: 20px;color:#fff;background:var(--nectar-accent-color);padding:16px;text-decoration:none;font-family: 'Knockout';font-weight: 900;}
  .ig__msocial{display:flex;gap:20px;padding-top: 25px;margin-top: 25px;border-top:1px solid var(--ig-line);}
  .ig__msocial a, .ig__msub{font-family: 'Knockout';text-transform:uppercase;font-weight: 800;font-size: 18px;color:var(--ig-muted);text-decoration:none;letter-spacing: 0px;}
    .ig-burger {width: 20px;height: 16px;}
    .ig-burger span:nth-child(1) {top: 1px;}
    .ig-burger span:nth-child(3) {top: 12px}

  .ig__mcard{display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;position:relative;overflow:hidden;margin: 0;min-height:210px;}
  .ig__mcard .ig__card-body{ padding:26px 22px; }
  .ig__mcard .ig__card-title{ font-size:1.6rem; }
  .ig__mcard .ig__card-copy{ display:none; }
  .ig__fbox {margin-bottom:20px;}
  .ig__fbox:last-child {margin-bottom:0px;}
}

@media (prefers-reduced-motion:reduce){
  .ig-menu, .ig__panel, .ig__layer, .ig__card, .ig__page{ transition:none !important; }
}

/* =====================================================================
   Enhancements: social icons ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· tier-2 reveal ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· contextual close ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â· mobile footer
   ===================================================================== */

/* --- social icons (desktop + mobile), colour inherits from the link --- */
.ig__social-icon{ display:inline-flex; align-items:center; }
.ig__social-icon svg{ width:20px; height:20px; display:block; }
.ig__msocial .ig__social-icon svg{ width:24px; height:24px; }

/* --- tier 2 / flyout slides out from behind tier 1 on open --- */
.ig__tier1{ position:relative; z-index:2; }              /* opaque, sits above the flyout */
.ig__flyout{
  z-index:1;
  transform:translateX(-55px);
  opacity:0;
  transition:transform .55s cubic-bezier(.22,.61,.36,1) .15s, opacity .5s ease .15s;
}
.ig-menu.is-open .ig__flyout{ transform:none; opacity:1; }

/* --- contextual close: white over a dark feature (big-link / accent),
       dark over the light stacked-card area --- */
.ig__util .ig__close span{ background:var(--ig-ink); }
.ig-menu.is-feat-dark .ig__util .ig__close span{ background:#fff; }
.ig-menu.is-feat-dark .ig__util .ig__close:hover span{ background:#efd9c4; }

/* --- mobile: utilities/book/social = ONE persistent footer, pinned to the
       bottom of the viewport. On tall windows it sits below the menu with the
       gap above it; on short devices the pages scroll and it stays put below. --- */
@media (max-width:999px){
  .ig__mobile{ min-height:0; }
  .ig__pages{ flex:1 1 auto; min-height:0; }   /* pages take the space above the footer */
  .ig__mfoot{
    flex-shrink:0;                              /* never collapses ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ always visible */
    display:flex;
    gap:16px;
    flex-wrap: wrap;
    padding: 15px 20px 25px;
    /* border-top:1px solid var(--ig-line); */
    background:var(--ig-cream);
    justify-content: space-between;
  }
  .ig__msubs{display:flex;gap: 20px;position: relative;}
  .ig__mfoot .ig__mbook{margin-top: -5px;margin-bottom: 0px;font-size: 22px;width: 100%;order: 10;}
  .ig__mfoot .ig__msocial{margin-top:0;padding-top:0;border-top:none;gap: 15px;}
  .ig__msocial .ig__social-icon svg {
    width: 20px;
    height: 20px;
    }
  .ig__msubs:before {
    content: '';
    width: 100vw;
    height: 60px;
    background: linear-gradient(0deg, #faf8f6, transparent);
    position: absolute;
    left: -20px;
    top: -74px;
}
}

@media (max-width: 690px) {
  .ig__mfoot .ig__mbook{font-size: 20px;line-height: 1;width: 100%;padding: 20px;}
  .ig__row {font-size: 21px;}
  .ig__fbox-body {padding: 20px 20px;}
  .ig__row:first-child {padding-top: 10px;}
}

@media (max-width:479px) {
.ig__t2-eyebrow, .ig__d-eyebrow, .ig__card-eyebrow,
.ig__card-cta, .ig__fbox-cta, .ig__fbox-eyebrow {font-size: 13px;}
.ig__fbox-title {font-size: 22px;line-height: 0.9;margin-bottom: 10px;}
.ig__fbox-copy {font-size: 12px;margin-bottom: 15px;}
.ig__page {padding: 20px 15px 35px 15px;}
.ig__mfoot {padding: 15px 15px 20px;}
.ig__mtop {padding: 0px 15px;}
.ig__mtop .ig__close {width: 25px;height: 25px;padding: 0px;right: -2px;}
.ig__mfoot .ig__mbook {
    font-size: 18px;
    padding: 18px;
}
}