/* ─── Footer: omlijnd woordmerk + geribbeld navy paneel ───── */
.foot { position: relative; background: var(--ivory); overflow: hidden; }
.foot__word { display: flex; justify-content: center; align-items: flex-end; padding-top: clamp(64px, 10vh, 120px); line-height: .78; user-select: none; }
.foot__word span {
  font-family: var(--font-display); font-weight: 700; letter-spacing: -.045em; white-space: nowrap;
  font-size: clamp(64px, 13.5vw, 224px);
  color: var(--navy);
  margin-bottom: -.13em;                       /* de letters lopen achter het paneel door */
}
.foot__word b { font-weight: 700; background: linear-gradient(160deg, #E9CF8A 0%, #C9A250 38%, #F0DCA3 55%, #B8903F 78%, #D9B86A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.foot__panel { position: relative; z-index: 1; background: var(--navy); color: var(--ivory); min-height: 440px; isolation: isolate; }
/* geribbeld glas: brede lamellen met een lichtrand en een schaduwrand, plus fijne korrel */
.foot__glass { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,0) 0px, rgba(255,255,255,.055) 18px, rgba(255,255,255,.02) 36px,
      rgba(0,0,0,.16) 58px, rgba(0,0,0,.05) 62px, rgba(255,255,255,0) 64px),
    radial-gradient(120% 90% at 20% 0%, rgba(201,169,106,.16), transparent 55%),
    linear-gradient(180deg, #14203A, var(--navy) 60%);
}
.foot__glass::after { content: ""; position: absolute; inset: 0; opacity: .5; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .18 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
.foot__inner { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; padding: clamp(56px, 8vh, 96px) var(--gutter) clamp(40px, 6vh, 64px); display: flex; justify-content: space-between; gap: clamp(40px, 6vw, 96px); flex-wrap: wrap; }
.foot__brand { display: flex; flex-direction: column; justify-content: space-between; gap: 48px; max-width: 360px; }
.foot__mark { width: 48px; height: 48px; margin-bottom: 16px; }
.foot__tagline { font-family: var(--font-display); font-weight: 500; font-size: clamp(20px, 1.6vw, 24px); line-height: 1.25; letter-spacing: -.015em; color: #fff; }
.foot__social { display: flex; gap: 14px; margin-bottom: 14px; }
.foot__social a { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(244,239,231,.25); color: var(--ivory); transition: background .3s, color .3s, border-color .3s; }
.foot__social a svg { width: 16px; height: 16px; }
.foot__social a:hover { background: var(--gold); border-color: var(--gold); color: var(--navy); }
.foot__copy { font-size: 12.5px; color: rgba(244,239,231,.6); }
.foot__cols { display: flex; gap: clamp(40px, 5vw, 96px); flex-wrap: wrap; }
.foot__col h3 { font-family: var(--font-display); font-weight: 500; font-size: 17px; letter-spacing: -.01em; color: #fff; margin-bottom: 18px; }
.foot__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.foot__col a { font-size: 14.5px; font-weight: 500; color: rgba(244,239,231,.68); transition: color .3s; }
.foot__col a:hover { color: var(--gold); }
@media (max-width: 760px) { .foot__inner { flex-direction: column; } .foot__cols { gap: 32px; } }

/* variant: gouden paneel (bekijk via index.html?footer=goud) */
.foot-gold .foot__panel { background: #C9A96A; color: var(--navy); }
.foot-gold .foot__glass { background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0) 0px, rgba(255,255,255,.22) 18px, rgba(255,255,255,.08) 36px, rgba(60,40,10,.14) 58px, rgba(60,40,10,.04) 62px, rgba(255,255,255,0) 64px),
    radial-gradient(120% 90% at 20% 0%, rgba(255,245,220,.5), transparent 55%),
    linear-gradient(180deg, #DDBE7E, #C9A96A 55%, #B8934E); }
.foot-gold .foot__glass::after { opacity: .35; }
.foot-gold .foot__mark, .foot-gold .foot__tagline, .foot-gold .foot__col h3 { color: var(--navy); }
.foot-gold .foot__col a { color: rgba(16,26,48,.72); } .foot-gold .foot__col a:hover { color: #fff; }
.foot-gold .foot__social a { border-color: rgba(16,26,48,.35); color: var(--navy); } .foot-gold .foot__social a:hover { background: var(--navy); border-color: var(--navy); color: var(--ivory); }
.foot-gold .foot__copy { color: rgba(16,26,48,.6); }