/* De Laatste Match: next room and Instagram after the completed dossier. */
#endingOverlay { align-items: safe center; }
#endingOverlay .ending-followup-heading { padding:32px 0 12px; text-align:center; color:#d7bb85; font:700 10px/1.6 Manrope,sans-serif; letter-spacing:.2em; text-transform:uppercase; }
#endingOverlay .ending-next-room[hidden] { display:none; }
#endingOverlay .ending-next-room { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); overflow:hidden; border:1px solid #d7bb8540; border-radius:14px; background:#151216; }
#endingOverlay .ending-next-room-visual { position:relative; min-height:300px; }
#endingOverlay .ending-next-room-visual img { position:absolute; width:100%; height:100%; object-fit:cover; }
#endingOverlay .ending-next-room-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#09070bd9,transparent 65%); }
#endingOverlay .ending-next-room-visual>span { position:absolute; z-index:1; bottom:20px; left:20px; right:20px; color:#ebce96; font:700 9px/1.6 Manrope,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
#endingOverlay .ending-next-room-copy { padding:28px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
#endingOverlay .ending-next-room-copy>p { margin:0 0 12px; color:#d7bb85; font:700 10px/1.6 Manrope,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#endingOverlay .ending-next-room-copy h3 { margin:0 0 14px; color:#f4ead9; font:600 clamp(30px,3vw,40px)/1.02 "Cormorant Garamond",Georgia,serif; }
#endingOverlay .ending-next-room-copy>span { color:#c7bec1; font:400 13px/1.7 Manrope,sans-serif; }
#endingOverlay .ending-next-room-meta { display:flex; flex-wrap:wrap; gap:8px 14px; margin:20px 0; color:#dec797; font:600 10px/1.5 Manrope,sans-serif; }
#endingOverlay .ending-next-room-button { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:46px; padding:12px 16px; border-radius:6px; background:#e9c176; color:#261900; font:700 11px/1.5 Manrope,sans-serif; text-decoration:none; }
#endingOverlay .ending-next-room-button:hover { background:#f4d49a; }
#endingOverlay .ending-next-room-button:focus-visible { outline:2px solid #e9c176; outline-offset:4px; }
#endingOverlay .ending-instagram { position:relative; display:grid; grid-template-columns:60px minmax(0,1fr); gap:18px 24px; align-items:center; overflow:hidden; padding:28px; border:1px solid #ffffff24; border-radius:14px; background:linear-gradient(135deg,#19151d,#101014); }
#endingOverlay .ending-instagram::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,#feda75,#fa7e1e 20%,#d62976 47%,#962fbf 72%,#4f5bd5); }
#endingOverlay .ending-instagram-mark { display:grid; place-items:center; width:60px; height:60px; border-radius:16px; background:radial-gradient(circle at 31% 103%,#feda75 0 14%,#fa7e1e 30%,#d62976 52%,#962fbf 72%,#4f5bd5 100%); }
#endingOverlay .ending-instagram-mark svg { width:34px; fill:none; stroke:#fff; stroke-width:1.8; }
#endingOverlay .ending-instagram-dot { fill:currentColor; stroke:none; }
#endingOverlay .ending-instagram-mark { color:#fff; }
#endingOverlay .ending-instagram-copy p { margin:0 0 8px; color:#b9aebd; font:700 9px/1.6 Manrope,sans-serif; letter-spacing:.12em; }
#endingOverlay .ending-instagram-copy h3 { margin:0; color:#f5edf2; font:600 28px/1.1 "Cormorant Garamond",Georgia,serif; }
#endingOverlay .ending-instagram-copy>span { display:block; margin-top:10px; color:#bdb3c0; font:400 12px/1.7 Manrope,sans-serif; }
#endingOverlay .ending-instagram-follow { grid-column:2; justify-self:start; display:flex; align-items:center; gap:12px; min-height:48px; padding:12px 16px; border-radius:8px; background:#fff; color:#161219; text-decoration:none; }
#endingOverlay .ending-instagram-follow svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.8; }
#endingOverlay .ending-instagram-follow span { display:grid; gap:2px; }
#endingOverlay .ending-instagram-follow small { font:700 8px/1.5 Manrope,sans-serif; letter-spacing:.12em; color:#6b606d; }
#endingOverlay .ending-instagram-follow strong { font:700 12px/1.5 Manrope,sans-serif; }
#endingOverlay .ending-instagram-follow b { margin-left:12px; }
#endingOverlay .ending-instagram-follow:hover { background:#f1e9f4; }
#endingOverlay .ending-instagram-follow:focus-visible { outline:3px solid #d62976; outline-offset:4px; }
@media(max-width:620px) {
  #endingOverlay .ending-next-room { grid-template-columns:minmax(0,1fr); }
  #endingOverlay .ending-next-room-visual { min-height:200px; }
  #endingOverlay .ending-next-room-copy,#endingOverlay .ending-instagram { padding:22px; }
  #endingOverlay .ending-instagram { grid-template-columns:44px minmax(0,1fr); gap:18px 14px; }
  #endingOverlay .ending-instagram-mark { width:44px; height:44px; border-radius:12px; }
  #endingOverlay .ending-instagram-mark svg { width:26px; }
  #endingOverlay .ending-instagram-follow { grid-column:1/-1; justify-self:stretch; justify-content:center; }
}