/* ============================================================
   Ferminius — Content Index (master)
   Drop-in component used across the site.

   How to use on any page:

     <link rel="stylesheet" href="assets/content-index.css">
     <!-- mount point: place where the index card should appear -->
     <div
       data-toc-mount
       data-toc-label="Index"
       data-toc-meta="auto"
       data-toc-fab-label="Index"
       data-toc-scope="main, body">
     </div>
     <script src="assets/content-index.js" defer></script>

   The script auto-discovers <h2 id> and <h3 id> inside the scope
   (excluding header/footer/nav), builds the numbered list and
   the floating bottom-left FAB. Visual stays identical to the
   Epicentro Global case study.

   Optional per-page knobs (on the [data-toc-mount] element):
     data-toc-label         "Index"
     data-toc-meta           "auto" → "N entries · K sections"
                             or any custom string
     data-toc-fab-label      label that slides out of the FAB on hover
     data-toc-scope          CSS selector(s) of the heading scope
     data-toc-skip           CSS selector(s) of headings to ignore
                             (in addition to header/footer/nav)
     data-toc-collapsed      "true" to load collapsed
============================================================ */

/* The mount section reuses the existing 200px / 1fr editorial column. */
.fer-toc-section{padding:48px 0 56px;border-bottom:1px solid var(--rule);position:relative}
.fer-toc-section .wrap{max-width:1340px}
.fer-toc-row{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start}
.fer-toc-row .ix{font-family:var(--mono);font-size:11px;letter-spacing:0.18em;color:var(--accent);text-transform:uppercase;padding-top:18px}
@media (max-width:900px){
  .fer-toc-row{grid-template-columns:1fr;gap:18px}
  .fer-toc-row .ix{padding-top:0}
}

/* The card itself. */
.fer-toc{
  border:1px solid color-mix(in oklab, var(--accent) 65%, transparent);
  border-radius:6px;
  overflow:hidden;
  background:
    linear-gradient(
      180deg,
      oklch(0.46 0.16 145) 0%,
      oklch(0.30 0.14 145) 8%,
      oklch(0.18 0.08 145 / 0.85) 22%,
      oklch(0.10 0.04 145 / 0.7) 42%,
      oklch(0.06 0.02 145 / 0.4) 65%,
      #050807 90%,
      #000 100%
    ),
    #000;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.4) inset,
    0 1px 0 0 rgba(255,255,255,0.08) inset,
    0 28px 80px -28px rgba(0,0,0,0.85),
    0 0 64px -8px color-mix(in oklab, var(--accent) 28%, transparent);
  position:relative;
}
.fer-toc::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0 1px, transparent 1px 3px);
  mix-blend-mode:overlay;
  border-radius:inherit;
  z-index:1;
}

.fer-toc-head{
  position:relative;z-index:2;
  background:linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  padding:18px 26px 17px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-bottom:1px solid color-mix(in oklab, var(--accent) 80%, #000);
  cursor:pointer;user-select:none;
  border:0;width:100%;
  font:inherit;color:inherit;
  transition:filter .2s ease;
}
.fer-toc-head:hover{filter:brightness(1.06)}
.fer-toc-head:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.fer-toc-label{
  display:flex;align-items:center;gap:14px;
  font-family:var(--mono);font-size:13px;letter-spacing:0.32em;
  color:#0a0e08;text-transform:uppercase;font-weight:600;
}
.fer-toc-label .dot{
  width:8px;height:8px;background:#0a0e08;border-radius:50%;
  box-shadow:0 0 0 2px rgba(10,14,8,0.18);
  animation:fer-toc-pulse 2.4s ease-in-out infinite;
}
.fer-toc-label .meta{
  font-size:10px;letter-spacing:0.22em;font-weight:500;
  color:rgba(10,14,8,0.62);
  padding-left:14px;margin-left:4px;
  border-left:1px solid rgba(10,14,8,0.28);
}
.fer-toc-toggle{
  width:28px;height:28px;display:grid;place-items:center;
  border:1px solid rgba(10,14,8,0.45);border-radius:4px;
  background:rgba(10,14,8,0.10);
  transition:transform .35s cubic-bezier(.6,.0,.3,1.2), background .2s;
}
.fer-toc-head:hover .fer-toc-toggle{background:rgba(10,14,8,0.22)}
.fer-toc-toggle svg{width:14px;height:14px;color:#0a0e08;display:block}
.fer-toc[data-collapsed="true"] .fer-toc-toggle{transform:rotate(180deg)}

.fer-toc-body{
  position:relative;z-index:2;
  display:grid;grid-template-rows:1fr;
  transition:grid-template-rows .42s cubic-bezier(.6,.0,.3,1);
}
.fer-toc[data-collapsed="true"] .fer-toc-body{grid-template-rows:0fr}
.fer-toc-body > .fer-toc-inner{overflow:hidden;min-height:0}

.fer-toc-list{
  list-style:none;margin:0;padding:18px 30px 28px;
  counter-reset:idx;
  display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:0;
}
.fer-toc-list li{
  counter-increment:idx;
  border-bottom:1px solid rgba(255,255,255,0.06);
  position:relative;
}
.fer-toc-list li:last-child,
.fer-toc-list li:nth-last-child(2):nth-child(odd){border-bottom:0}
.fer-toc-list a{
  display:grid;grid-template-columns:36px 1fr auto;align-items:baseline;
  gap:14px;padding:11px 4px 11px 0;
  font-family:var(--body);font-size:14.5px;line-height:1.45;
  color:rgba(255,255,255,0.92);
  text-decoration:none;border:0;
  transition:color .18s ease, transform .25s ease, padding-left .25s ease;
}
.fer-toc-list a::before{
  content:counter(idx,decimal-leading-zero);
  font-family:var(--mono);font-size:11px;letter-spacing:0.08em;
  color:color-mix(in oklab, var(--accent) 78%, #fff 22%);
  font-variant-numeric:tabular-nums;
  text-align:right;padding-top:1px;
  transition:color .18s ease;
}
.fer-toc-list a .label{display:block;color:inherit}
.fer-toc-list a .arr{
  font-family:var(--mono);font-size:11px;color:rgba(255,255,255,0.32);
  opacity:0;transform:translateX(-4px);
  transition:opacity .2s ease, transform .25s ease, color .18s ease;
}
.fer-toc-list a:hover{color:var(--accent);padding-left:4px}
.fer-toc-list a:hover::before{color:var(--accent)}
.fer-toc-list a:hover .arr{opacity:1;transform:translateX(0);color:var(--accent)}
.fer-toc-list a:focus-visible{outline:1px dashed var(--accent);outline-offset:3px}
.fer-toc-list .h2-row > a{font-weight:500;letter-spacing:-0.005em}
.fer-toc-list .h2-row > a .label::after{
  content:"";display:inline-block;width:18px;height:1px;
  background:color-mix(in oklab, var(--accent) 50%, transparent);
  vertical-align:middle;margin-left:10px;opacity:0.5;
}

@media (max-width:760px){
  .fer-toc-section{padding:32px 0 40px}
  .fer-toc-list{grid-template-columns:1fr;padding:14px 22px 22px;column-gap:0}
  .fer-toc-list li:nth-last-child(2):nth-child(odd){border-bottom:1px solid rgba(255,255,255,0.06)}
  .fer-toc-head{padding:16px 20px}
  .fer-toc-label{font-size:12px;letter-spacing:0.26em}
  .fer-toc-label .meta{display:none}
}

@keyframes fer-toc-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.55;transform:scale(0.85)}
}
@media (prefers-reduced-motion:reduce){
  .fer-toc-label .dot{animation:none}
  .fer-toc-body,.fer-toc-toggle,.fer-toc-list a{transition:none}
}

/* ============================================================
   Floating circular FAB — bottom-left "back to index" button
============================================================ */
.fer-toc-fab-wrap{
  position:fixed;left:24px;bottom:24px;z-index:9000;
  display:inline-flex;align-items:center;
  opacity:0;visibility:hidden;
  transform:translateY(8px) scale(0.94);
  transition:opacity .28s ease, visibility 0s linear .28s, transform .35s cubic-bezier(.6,.0,.3,1.2);
}
.fer-toc-fab-wrap.is-visible{
  opacity:1;visibility:visible;
  transform:translateY(0) scale(1);
  transition:opacity .28s ease, visibility 0s, transform .35s cubic-bezier(.6,.0,.3,1.2);
}
.fer-toc-fab-label{
  position:relative;z-index:1;
  margin-left:-26px;
  padding:10px 18px 10px 36px;
  border-radius:999px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.32em;
  text-transform:uppercase;font-weight:600;color:#0a0e08;
  background:linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  border:1px solid color-mix(in oklab, var(--accent) 80%, #000);
  box-shadow:
    0 1px 0 0 rgba(255,255,255,0.18) inset,
    0 8px 18px -6px rgba(0,0,0,0.6);
  white-space:nowrap;pointer-events:none;
  opacity:0;transform:translateX(-14px) scale(0.96);transform-origin:left center;
  transition:opacity .22s ease, transform .32s cubic-bezier(.6,.0,.3,1.2);
}
.fer-toc-fab-wrap:hover .fer-toc-fab-label,
.fer-toc-fab-wrap:focus-within .fer-toc-fab-label{
  opacity:1;transform:translateX(0) scale(1);
}
.fer-toc-fab{
  position:relative;z-index:2;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  text-decoration:none;border:0;cursor:pointer;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  color:#0a0e08;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--accent) 78%, #000),
    0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent),
    0 1px 0 0 rgba(255,255,255,0.20) inset,
    0 0 0 1px rgba(0,0,0,0.45) inset,
    0 16px 36px -10px rgba(0,0,0,0.78),
    0 0 34px -4px color-mix(in oklab, var(--accent) 42%, transparent);
  transition:transform .28s cubic-bezier(.6,.0,.3,1.2), filter .2s ease, box-shadow .28s ease;
}
.fer-toc-fab svg{
  width:18px;height:18px;color:#0a0e08;display:block;
  position:relative;z-index:2;
  transition:transform .32s cubic-bezier(.6,.0,.3,1.2);
}
.fer-toc-fab:hover{transform:translateY(-2px);filter:brightness(1.06)}
.fer-toc-fab:hover svg{transform:translateY(-3px)}
.fer-toc-fab:active{transform:translateY(0) scale(.96)}
.fer-toc-fab:focus-visible{outline:2px solid #fff;outline-offset:5px}
.fer-toc-fab .ring{
  position:absolute;inset:-3px;border-radius:50%;
  border:1px solid color-mix(in oklab, var(--accent) 70%, transparent);
  pointer-events:none;
  animation:fer-toc-fab-ring 2.6s cubic-bezier(.4,0,.2,1) infinite;
  z-index:1;
}
.fer-toc-fab .ring-2{animation-delay:1.3s}
@keyframes fer-toc-fab-ring{
  0%   {transform:scale(1);    opacity:0.6}
  70%  {transform:scale(1.7);  opacity:0  }
  100% {transform:scale(1.7);  opacity:0  }
}
@media (max-width:560px){
  .fer-toc-fab-wrap{left:16px;bottom:16px}
  .fer-toc-fab{width:52px;height:52px}
  .fer-toc-fab svg{width:16px;height:16px}
  .fer-toc-fab-label{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fer-toc-fab-wrap,.fer-toc-fab,.fer-toc-fab svg,.fer-toc-fab-label{transition:none}
  .fer-toc-fab .ring{animation:none;display:none}
}

/* ============================================================
   Floating MENU FAB — bottom-right, ascending menu of nav items
============================================================ */
.fer-menu-fab-wrap{
  position:fixed;right:24px;bottom:96px;z-index:9000;
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;
}
.fer-menu-fab{
  position:relative;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  border:0;cursor:pointer;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  color:#0a0e08;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--accent) 78%, #000),
    0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent),
    0 1px 0 0 rgba(255,255,255,0.20) inset,
    0 0 0 1px rgba(0,0,0,0.45) inset,
    0 16px 36px -10px rgba(0,0,0,0.78),
    0 0 34px -4px color-mix(in oklab, var(--accent) 42%, transparent);
  transition:transform .28s cubic-bezier(.6,.0,.3,1.2), filter .2s ease;
}
.fer-menu-fab:hover{transform:translateY(-2px);filter:brightness(1.06)}
.fer-menu-fab:active{transform:translateY(0) scale(.96)}
.fer-menu-fab:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* Pulse rings — only when CLOSED. Hide while menu is open to keep things calm. */
.fer-menu-fab .ring{
  position:absolute;inset:-3px;border-radius:50%;
  border:1px solid color-mix(in oklab, var(--accent) 70%, transparent);
  pointer-events:none;
  animation:fer-toc-fab-ring 2.6s cubic-bezier(.4,0,.2,1) infinite;
  z-index:1;
}
.fer-menu-fab .ring-2{animation-delay:1.3s}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .ring{animation:none;opacity:0}

/* Icon: hamburger that morphs into X on open */
.fer-menu-fab .glyph{
  position:relative;z-index:2;
  width:22px;height:14px;display:block;
}
.fer-menu-fab .glyph span{
  position:absolute;left:0;right:0;height:2px;
  background:#0a0e08;border-radius:1px;
  transition:transform .35s cubic-bezier(.6,.0,.3,1.2), opacity .25s ease, top .35s cubic-bezier(.6,.0,.3,1.2);
  transform-origin:center;
}
.fer-menu-fab .glyph span:nth-child(1){top:0}
.fer-menu-fab .glyph span:nth-child(2){top:6px}
.fer-menu-fab .glyph span:nth-child(3){top:12px}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .glyph span:nth-child(1){top:6px;transform:rotate(45deg)}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .glyph span:nth-child(2){opacity:0;transform:scaleX(0)}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .glyph span:nth-child(3){top:6px;transform:rotate(-45deg)}

/* The "MENU" label that floats to the LEFT of the circle when CLOSED, hidden when open */
.fer-menu-fab-tag{
  position:absolute;right:68px;bottom:50%;transform:translateY(50%) translateX(0) scale(0.96);
  padding:9px 16px;border-radius:999px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.32em;
  text-transform:uppercase;font-weight:600;color:#0a0e08;
  background:linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  border:1px solid color-mix(in oklab, var(--accent) 80%, #000);
  box-shadow:
    0 1px 0 0 rgba(255,255,255,0.18) inset,
    0 8px 18px -6px rgba(0,0,0,0.6);
  white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .22s ease, transform .3s cubic-bezier(.6,.0,.3,1.2);
}
.fer-menu-fab-wrap:not([data-open="true"]):hover .fer-menu-fab-tag,
.fer-menu-fab-wrap:not([data-open="true"]):focus-within .fer-menu-fab-tag{
  opacity:1;transform:translateY(50%) translateX(-6px) scale(1);
}

/* The ascending menu list — sits ABOVE the circle, bottom-anchored */
.fer-menu-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  pointer-events:none;
}
.fer-menu-list li{
  opacity:0;
  transform:translateY(12px) scale(0.96);
  transition:opacity .25s ease, transform .35s cubic-bezier(.6,.0,.3,1.2);
}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list{pointer-events:auto}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li{opacity:1;transform:translateY(0) scale(1)}
/* Stagger reveal — bottom-up, so the FIRST item (top) animates LAST */
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li:nth-last-child(1){transition-delay:.04s}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li:nth-last-child(2){transition-delay:.10s}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li:nth-last-child(3){transition-delay:.16s}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li:nth-last-child(4){transition-delay:.22s}
.fer-menu-fab-wrap[data-open="true"] .fer-menu-list li:nth-last-child(5){transition-delay:.28s}

.fer-menu-list a{
  display:inline-flex;align-items:center;gap:10px;
  padding:11px 18px;border-radius:999px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.30em;
  text-transform:uppercase;font-weight:600;color:#0a0e08;text-decoration:none;
  background:linear-gradient(180deg, oklch(0.74 0.16 145) 0%, oklch(0.62 0.18 145) 100%);
  border:1px solid color-mix(in oklab, var(--accent) 80%, #000);
  box-shadow:
    0 1px 0 0 rgba(255,255,255,0.18) inset,
    0 8px 22px -6px rgba(0,0,0,0.6);
  white-space:nowrap;
  transition:transform .2s cubic-bezier(.6,.0,.3,1.2), filter .18s ease, padding-right .25s ease;
}
.fer-menu-list a:hover,
.fer-menu-list a:focus-visible{filter:brightness(1.08);transform:translateX(-3px);outline:0;padding-right:22px}
.fer-menu-list a[aria-current="page"]{
  background:linear-gradient(180deg, oklch(0.85 0.15 145) 0%, oklch(0.74 0.16 145) 100%);
}
.fer-menu-list a[aria-current="page"]::after{
  content:"●";margin-left:2px;color:rgba(10,14,8,0.72);font-size:9px
}
.fer-menu-list a:focus-visible{outline:2px dashed #0a0e08;outline-offset:3px}

/* Backdrop on mobile — gentle scrim when open */
.fer-menu-backdrop{
  position:fixed;inset:0;z-index:8990;
  background:radial-gradient(ellipse 70% 60% at 90% 90%, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.0) 60%);
  opacity:0;pointer-events:none;
  transition:opacity .25s ease;
}
.fer-menu-fab-wrap[data-open="true"] ~ .fer-menu-backdrop,
body[data-fer-menu-open="true"] .fer-menu-backdrop{opacity:1}

@media (max-width:560px){
  .fer-menu-fab-wrap{right:16px;bottom:80px}
  .fer-menu-fab{width:52px;height:52px}
  .fer-menu-fab .glyph{width:20px;height:12px}
  .fer-menu-fab .glyph span:nth-child(2){top:5px}
  .fer-menu-fab .glyph span:nth-child(3){top:10px}
  .fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .glyph span:nth-child(1),
  .fer-menu-fab-wrap[data-open="true"] .fer-menu-fab .glyph span:nth-child(3){top:5px}
  .fer-menu-fab-tag{display:none}
  .fer-menu-list a{font-size:10.5px;letter-spacing:0.26em;padding:10px 16px}
}
@media (prefers-reduced-motion:reduce){
  .fer-menu-list li,.fer-menu-fab,.fer-menu-fab .glyph span,.fer-menu-fab-tag,.fer-menu-list a{transition:none}
  .fer-menu-fab .ring{animation:none;display:none}
}

/* ============================================================
   Floating WHATSAPP FAB — stacked above the MENU FAB
============================================================ */
.fer-wa-fab-wrap{
  position:fixed;right:24px;bottom:24px;z-index:9000;
  display:flex;flex-direction:column;align-items:flex-end;
}
.fer-wa-fab{
  position:relative;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  text-decoration:none;cursor:pointer;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg, #25D366 0%, #128C7E 100%);
  color:#ffffff;
  box-shadow:
    0 0 0 1px #0e6b5e,
    0 0 0 4px rgba(37,211,102,0.18),
    0 1px 0 0 rgba(255,255,255,0.20) inset,
    0 0 0 1px rgba(0,0,0,0.40) inset,
    0 16px 36px -10px rgba(0,0,0,0.78),
    0 0 34px -4px rgba(37,211,102,0.42);
  transition:transform .28s cubic-bezier(.6,.0,.3,1.2), filter .2s ease;
}
.fer-wa-fab:hover{transform:translateY(-2px);filter:brightness(1.06)}
.fer-wa-fab:active{transform:translateY(0) scale(.96)}
.fer-wa-fab:focus-visible{outline:2px solid #fff;outline-offset:5px}

.fer-wa-fab .ring{
  position:absolute;inset:-3px;border-radius:50%;
  border:1px solid rgba(37,211,102,0.70);
  pointer-events:none;
  animation:fer-toc-fab-ring 2.6s cubic-bezier(.4,0,.2,1) infinite;
  z-index:1;
}
.fer-wa-fab .ring-2{animation-delay:1.3s}
.fer-wa-fab .glyph{position:relative;z-index:2;display:block}

.fer-wa-fab-tag{
  position:absolute;right:68px;bottom:50%;transform:translateY(50%) translateX(0) scale(0.96);
  padding:9px 16px;border-radius:999px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.32em;
  text-transform:uppercase;font-weight:600;color:#ffffff;
  background:linear-gradient(180deg, #25D366 0%, #128C7E 100%);
  border:1px solid #0e6b5e;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,0.18) inset,
    0 8px 18px -6px rgba(0,0,0,0.6);
  white-space:nowrap;pointer-events:none;
  opacity:0;transition:opacity .22s ease, transform .3s cubic-bezier(.6,.0,.3,1.2);
}
.fer-wa-fab-wrap:hover .fer-wa-fab-tag,
.fer-wa-fab-wrap:focus-within .fer-wa-fab-tag{
  opacity:1;transform:translateY(50%) translateX(-6px) scale(1);
}

@media (max-width:560px){
  .fer-wa-fab-wrap{right:16px;bottom:16px}
  .fer-wa-fab{width:52px;height:52px}
  .fer-wa-fab .glyph{width:22px;height:22px}
  .fer-wa-fab-tag{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fer-wa-fab,.fer-wa-fab-tag{transition:none}
  .fer-wa-fab .ring{animation:none;display:none}
}

/* ============================================================
   Footer "Featured in" badge — sits inside the "Related
   properties" column, below Digital Media 305. Editorial:
   block-level, no border, no rounded corners, no shadow.
============================================================ */
.foot-col .foot-feature-badge{
  display:block;
  margin-top:18px;
  border-bottom:0;
  transition:opacity .2s ease;
}
.foot-col .foot-feature-badge:hover{opacity:.82}
.foot-col .foot-feature-badge img{
  display:block;
  width:auto;
  height:auto;
  max-width:160px;
  max-height:120px;
}
@media (max-width:720px){
  .foot-col .foot-feature-badge{margin-top:14px}
  .foot-col .foot-feature-badge img{max-width:140px;max-height:104px}
  /* Place the "Featured in" badge BESIDE the Related-properties links
     instead of stacking below them, in responsive view. */
  .foot-col:has(> .foot-feature-badge){
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:20px;
    align-items:start;
  }
  .foot-col:has(> .foot-feature-badge) > .foot-col-title{
    grid-column:1 / -1;
  }
  .foot-col:has(> .foot-feature-badge) > a:not(.foot-feature-badge){
    grid-column:1;
  }
  .foot-col > .foot-feature-badge{
    grid-column:2;
    grid-row:2 / span 99;
    margin-top:0;
    align-self:center;
    justify-self:end;
  }
}