/* De Nachtwacht — sectie-stijl uit album.html */
/* hero gelijk aan contact: standaard .banner-stijl (62vh) — geen eigen size-override */
  .banner-bg{ filter:brightness(.6) saturate(1.05); }
  .back{ position:absolute; left:32px; top:116px; z-index:4; display:inline-flex; align-items:center; gap:.5em; font-size:12px; letter-spacing:.18em; text-transform:uppercase; font-weight:700; color:var(--gold); }
  .back:hover{ color:var(--cream); }
  .album-date{ display:block; margin-bottom:14px; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:var(--gold-deep); font-weight:700; }
  /* salon-wand */
  .salon{ column-count:4; column-gap:30px; }
  .salon .frame{ break-inside:avoid; width:100%; margin:0 0 30px; cursor:pointer; display:inline-block; }
  .salon .frame:hover{ transform:translateY(-6px) scale(1.02); box-shadow:0 30px 60px rgba(0,0,0,0.7), 0 0 44px 3px rgba(200,169,108,0.26), inset 0 0 0 3px rgba(58,38,12,0.6), inset 0 0 0 9px rgba(243,219,162,0.55); }
  .salon .frame:hover .art img{ transform:scale(1.06); }
  @media(max-width:1100px){ .salon{ column-count:3; } }
  @media(max-width:760px){ .salon{ column-count:2; column-gap:18px; } .salon .frame{ margin-bottom:18px; } .back{ left:20px; top:84px; } }
  @media(max-width:460px){ .salon{ column-count:1; } }