:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px);height:100%}
body{background:#07080b;color:#eceef2;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
#bar{position:fixed;top:0;left:0;height:2px;width:0;z-index:70;background:linear-gradient(90deg,#d8d8de,#e0334a)}
#motes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero{background:linear-gradient(115deg,rgba(216,216,222,.12) 0%,transparent 45%),linear-gradient(295deg,rgba(224,51,74,.22) 0%,transparent 45%),#07080b}
.big{font-family:Oswald,Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:.01em}
.grad-e{background:linear-gradient(180deg,#ffffff,#d8d8de 55%,#6b6b73);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad-m{background:linear-gradient(180deg,#ff8a9b,#e0334a 60%,#7a0f1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.cover{position:relative;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;padding:1.1rem;text-align:center;overflow:hidden;border-radius:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -20px #000;transition:transform .25s ease;transform-style:preserve-3d}
.cover::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 10px,rgba(255,255,255,.03) 10px 11px)}
.c-dust{background:radial-gradient(circle at 50% 85%,rgba(216,216,222,.45),transparent 55%),linear-gradient(170deg,#2a1608,#0c0907 70%)}
.cover-img{background:#000 url(/assets/cover-beschuetzer-band1.jpg) center/cover no-repeat}
.cover-dust{background:#000 url(/assets/cover-urban-dust.jpg) center/cover no-repeat;aspect-ratio:788/1223}
.cover-dust::after{display:none}
.cover-fc{background:#000 url(/assets/cover-urban-dust-final-cut.jpg) center/cover no-repeat;aspect-ratio:1410/2248}
.cover-fc::after{display:none}
.cover-sl{background:#000 url(/assets/cover-santoader-legenden.jpg) center/cover no-repeat;aspect-ratio:2020/3114}
.cover-sl::after{display:none}
.cover-img::after{display:none}
.c-night{background:radial-gradient(circle at 50% 15%,rgba(224,51,74,.45),transparent 50%),linear-gradient(170deg,#0f1b38,#05070e 70%)}
.glass{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.card-e:hover{border-color:rgba(216,216,222,.6);box-shadow:0 0 40px -10px rgba(216,216,222,.5)}
.card-m:hover{border-color:rgba(224,51,74,.6);box-shadow:0 0 40px -10px rgba(224,51,74,.5)}
.marquee{display:flex;width:max-content;animation:mq 50s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.marquee{animation:none}html{scroll-behavior:auto}}
input,textarea{background:#0b0d12;border:1px solid #2a2f3a}
input:focus,textarea:focus{outline:2px solid #d8d8de;outline-offset:1px}
.tl::before{content:"";position:absolute;left:11px;top:0;bottom:0;width:1px;background:linear-gradient(#d8d8de,#e0334a)}
@media(min-width:768px){.tl::before{left:50%}}