/* contact-covers.css – Cover-Band hinter "Anfrage stellen" und Abschlussband vor dem Footer (aus Variante C, freigegeben 2026-10-26). Nach studio-live.css laden. */
/* ===== Cover-Baender ===== */
.cwall{ position:relative; overflow:hidden; pointer-events:none; --s:clamp(88px,11vw,150px); --g:clamp(8px,1vw,14px); }
.cwall__tilt{ position:absolute; left:-20%; right:-20%; top:50%; transform:translateY(-50%) rotate(-5deg); display:flex; flex-direction:column; gap:var(--g); }
.cwall .row{ display:flex; gap:var(--g); width:max-content; animation:wallSlide 420s linear infinite; will-change:transform; }
.cwall .row:nth-child(even){ animation-direction:reverse; animation-duration:520s; }
.cwall .row img{ width:var(--s); height:var(--s); object-fit:cover; border-radius:3px; flex:none; filter:saturate(.8) brightness(.6); }

/* Abschlussband vor dem Footer */
.cwall--foot{ height:clamp(240px,34vh,340px); background:#0B0B0B; }
.cwall--foot::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,#0B0B0B 0,rgba(11,11,11,0) 34%,rgba(11,11,11,0) 66%,#0B0B0B 100%),
             linear-gradient(90deg,#0B0B0B 0,rgba(11,11,11,0) 14%,rgba(11,11,11,0) 86%,#0B0B0B 100%); }

/* Dezent hinter der Anfrage */
.page-studio .contact{ overflow:hidden; }
.cwall--bg{ position:absolute; inset:0; z-index:0; opacity:.5; }
.page-studio .contact::before{ z-index:1; background:radial-gradient(ellipse 60% 62% at 50% 50%,rgba(8,8,8,.92) 0,rgba(8,8,8,.78) 55%,rgba(8,8,8,.55) 100%),linear-gradient(#0B0B0B 0,rgba(11,11,11,0) 22%,rgba(11,11,11,0) 78%,#0B0B0B 100%); backdrop-filter:none; -webkit-backdrop-filter:none; }
.page-studio .contact__panel{ z-index:2; background:rgba(14,14,14,.82); }

.page-studio .contact{ background:#0B0B0B url('assets/bg-dark.jpg') center/cover no-repeat; background-attachment:scroll; }
.page-studio .footer{ background:#0B0B0B url('assets/bg-dark.jpg') center/cover no-repeat; border-top:0; }

@media (prefers-reduced-motion:reduce){ .cwall .row{ animation:none; } }
@media (max-width:760px){
  .cwall{ --s:96px; --g:8px; }
  .cwall .row{ animation-duration:640s; }
  .cwall--foot{ height:clamp(180px,26vh,240px); }
  .cwall--bg{ opacity:.4; }
}