:root{--bk:#000;--ch:#15181b;--st:#262b30;--zn:#c9ced3;--bl:#2a8bd0;--or:#f39a1e;--tx:#e9ecef;--hf:"Bahnschrift","DIN Alternate","Roboto Condensed","Arial Narrow",sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:90px}
body{margin:0;background:var(--ch);color:var(--tx);font:17px/1.6 system-ui,"Segoe UI",Roboto,sans-serif;display:flex;flex-direction:column;min-height:100vh}
main{flex:1}a{color:inherit}h1,h2,h3{font-family:var(--hf);font-weight:600;line-height:1.1;letter-spacing:.01em;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem)}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}
header{position:sticky;top:0;z-index:20;background:var(--bk);display:flex;align-items:center;justify-content:space-between;padding:6px 24px;border-bottom:3px solid var(--bl)}
.logo img{height:56px;width:auto;display:block}
nav{display:flex;gap:6px;align-items:center}nav>a,.dd>button{color:var(--tx);text-decoration:none;background:none;border:0;font:600 1rem var(--hf);padding:10px 14px;cursor:pointer;border-radius:4px}
nav>a:hover,.dd>button:hover{background:var(--st)}nav .lang{border:1px solid var(--zn);margin-left:8px}
.dd{position:relative}.menu{display:none;position:absolute;top:100%;left:0;min-width:270px;background:var(--bk);border-top:3px solid var(--or);padding:6px}
.dd:hover .menu,.dd.open .menu,.dd:focus-within .menu{display:block}.menu a{display:block;padding:10px 14px;text-decoration:none}.menu a:hover{background:var(--st);color:var(--or)}
.burger{display:none;background:none;color:#fff;border:1px solid var(--zn);font-size:1.4rem;padding:2px 12px;border-radius:4px}
#bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#1b1f23,#2d343a)}
#bg div{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.6s}
#bg div.on{opacity:1;animation:zoom 9s linear forwards}@keyframes zoom{to{transform:scale(1.07)}}
body.home #bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,14,.55),rgba(10,12,14,.8))}
body.home{background:transparent}
.wrap{max-width:1180px;margin:0 auto;padding:56px 24px}.hero{max-width:1180px;margin:0 auto;padding:12vh 24px 40px}.hero p{max-width:34em;font-size:1.2rem}
.btn{display:inline-block;background:var(--or);color:#111;font:700 1.05rem var(--hf);padding:13px 28px;border:0;border-radius:3px;text-decoration:none;cursor:pointer}.btn:hover{background:#ffb347}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.card{background:rgba(21,24,27,.86);padding:26px 22px 20px;text-decoration:none;display:flex;flex-direction:column;gap:6px;border-top:10px solid var(--zn);border-image:repeating-linear-gradient(90deg,#8d949b 0 6px,#d7dce0 6px 12px) 10;backdrop-filter:blur(3px)}
.card h3{font-size:1.4rem}.card p{margin:0 0 10px;color:#c5cbd1;font-size:.95rem}.card span{margin-top:auto;color:var(--or);font-weight:600}.card:hover{background:var(--st)}
.panel{background:rgba(21,24,27,.86);margin-bottom:56px}.about{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.facts div{padding:12px 0;border-bottom:1px solid #3a4046}.facts b{display:block;font:600 1.7rem var(--hf);color:var(--bl)}.facts span{color:#c5cbd1}
.band{background:linear-gradient(90deg,var(--st),var(--ch));border-bottom:4px solid var(--bl)}.band .wrap{padding:48px 24px}.band p{max-width:40em;margin:0 0 20px;color:#d5dade}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;background:var(--st)}
dialog{border:0;background:transparent;max-width:95vw;max-height:95vh;padding:0}dialog::backdrop{background:rgba(0,0,0,.88)}dialog img{max-width:95vw;max-height:90vh;display:block}
.sw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.sw li{background:var(--st)}.sw i{display:block;height:90px}.sw b{display:block;padding:8px 12px;font-family:var(--hf)}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
form{display:grid;gap:18px}label,legend{font-weight:700;display:grid;gap:6px;font-size:.95rem}fieldset{border:0;padding:0;margin:0}legend{padding:0;margin-bottom:6px}em{color:#ff5a6e;font-style:normal}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea{font:inherit;padding:11px 12px;border:1px solid #6b737a;background:#fff;color:#111;border-radius:3px;width:100%}
.hp{position:absolute;left:-9999px}#st{margin:0;min-height:1.6em;font-weight:600}#st.ok{color:#6fdc8c}#st.bad{color:#ff7b8a}
.info{list-style:none;padding:0;margin:0;display:grid;gap:30px;font:500 1.35rem var(--hf)}.info li{display:flex;gap:14px;align-items:center}.ic{width:26px;height:26px;flex:none}
footer{background:var(--bk);padding:28px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:none;font-size:.95rem;color:#b9c0c6;border-top:3px solid var(--or)}
@media(max-width:860px){.burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bk);flex-direction:column;align-items:stretch;padding:10px}nav.open{display:flex}.menu{display:block;position:static;border:0;padding-left:14px}.dd>button{display:none}
.about,.two{grid-template-columns:1fr}.row{grid-template-columns:1fr}.logo img{height:46px}}
@media(prefers-reduced-motion:reduce){#bg div.on{animation:none}#bg div{transition:none}}