
:root{--bg:#121416;--s:#1c2024;--ln:#343a41;--tx:#eceff2;--mu:#a3acb5;--y:#F2C300;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.6 Barlow,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;line-height:1.05;margin:0 0 .4em;text-transform:uppercase}
h1{font-size:clamp(42px,8vw,76px)}h2{font-size:clamp(30px,5vw,44px)}h3{font-size:25px}
a{color:inherit}img{max-width:100%;height:auto;display:block}p{margin:0 0 1em}.mu{color:var(--mu)}
.w{max-width:1080px;margin:0 auto;padding:0 20px}section{padding:64px 0}
header{background:#0a0b0d;border-bottom:3px solid var(--y);position:sticky;top:0;z-index:9}
header .w{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.lg img{height:56px;width:auto}nav{display:flex;align-items:center;gap:22px}nav a{text-decoration:none;font-weight:500}nav a:hover,nav a.on{color:var(--y)}
#bt{display:none;background:none;border:2px solid var(--y);color:var(--y);font-size:22px;border-radius:4px;padding:2px 12px;cursor:pointer}
.b{display:inline-block;background:var(--y);color:#15171a;text-decoration:none;padding:12px 22px;border-radius:4px;border:2px solid var(--y);font:600 17px Barlow,sans-serif;cursor:pointer}
nav a.b{color:#15171a}.b:hover{filter:brightness(.92)}.b.g{background:none;color:var(--tx);border-color:var(--tx)}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.hero{background:linear-gradient(90deg,#0a0b0def 40%,#0a0b0d80),url(assets/facade.jpg) center/cover;padding:96px 0 88px}
.hero p{max-width:46ch;font-size:20px;color:#c9d0d6;margin:16px 0 28px}.ac{display:flex;flex-wrap:wrap;gap:12px}
.gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.c{display:block;background:var(--s);border:1px solid var(--ln);border-left:5px solid var(--y);border-radius:4px;text-decoration:none;overflow:hidden}
a.c:hover{border-color:var(--y)}.c>div,.c.t{padding:20px}.c.t span{color:var(--y);font-weight:600}.c img{width:100%;aspect-ratio:4/3;object-fit:cover}
.alt{background:var(--s)}.tag{display:inline-block;background:var(--y);color:#15171a;font-weight:700;padding:0 10px;border-radius:3px;margin-bottom:8px}
.pr{font:700 30px "Barlow Condensed",sans-serif;color:var(--y)}
.fm{display:grid;gap:14px;max-width:620px}label{display:grid;gap:6px;font-weight:500}.r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,select,textarea{font:inherit;padding:12px;border:1px solid var(--ln);border-radius:4px;background:#0f1113;color:var(--tx);width:100%}textarea{min-height:100px}
.hp{position:absolute;left:-9999px}.m{min-height:1.6em;font-weight:600;color:var(--y);margin:0}
.it{background:var(--s);border:1px solid var(--ln);border-radius:4px;padding:14px;margin:10px 0;display:grid;gap:6px}
table{border-collapse:collapse;width:100%;max-width:440px}td{padding:8px 0;border-bottom:1px solid var(--ln)}td+td{text-align:right;color:var(--mu)}
footer{border-top:3px solid var(--y);background:#0a0b0d;padding:36px 0 28px;color:var(--mu);font-size:16px}footer .w{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between}footer a{display:block}
.lg2{max-width:70ch}.lg2 h2{font-size:30px;margin-top:1.4em}
.ann{background:var(--y);color:#15171a;text-align:center;padding:9px 20px;font-weight:600}input[type=checkbox]{width:auto}
.sk{position:absolute;left:-9999px;top:0;background:var(--y);color:#15171a;padding:10px 16px;z-index:20;font-weight:600}.sk:focus{left:8px;top:8px}
.it.td{opacity:.6}.it.v{grid-template-columns:120px 1fr;align-items:center;gap:14px}.it.v img{width:120px;height:90px;object-fit:cover;border-radius:4px}
.dt{margin:0 0 1em}.dt summary{cursor:pointer;color:var(--y);font-weight:600}.sp h4{font:700 20px "Barlow Condensed",sans-serif;text-transform:uppercase;margin:16px 0 6px}.sp p{margin:0 0 4px}.c:has(.dt[open]){grid-column:1/-1}.c:has(.dt[open]) img{max-height:420px}.fm h3{font-size:22px;margin:12px 0 0}
@media(max-width:760px){#bt{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#0a0b0d;padding:16px 20px;gap:14px}nav.o{display:flex}.r2{grid-template-columns:1fr}section{padding:44px 0}.hero{padding:64px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

[hidden]{display:none!important}.sm{font-size:15px}
.px{display:inline-block;background:var(--y);color:#15171a;font-weight:700;padding:2px 10px;border-radius:3px;margin:0 0 8px}
.tg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.tg li{border:1px solid var(--ln);background:var(--s);padding:6px 14px;border-radius:999px}
.bdg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.bdg span{font-weight:700;font-size:14px;padding:1px 10px;border-radius:3px;background:#eceff2;color:#15171a}.bdg .tag{margin:0;background:#5b6672;color:#fff}.bdg .k-n{background:#2ea44f;color:#fff}.bdg .k-p{background:#d7263d;color:#fff}.bdg .k-d{background:#ff8c1a}.bdg .k-g{background:#2f6fed;color:#fff}.bdg .k-c{background:#a64ac9;color:#fff}
.old{color:var(--mu);text-decoration:line-through;font-size:22px;margin-right:8px}.np{color:#ff5a6e}.pc{font:600 15px Barlow,sans-serif;background:#d7263d;color:#fff;padding:1px 8px;border-radius:3px;margin-left:8px;vertical-align:middle}
.gal2{margin:0}.gal2 .mn{width:100%;aspect-ratio:4/3;object-fit:cover}.ths{display:flex;gap:6px;padding:6px;overflow-x:auto}.th{padding:0;border:2px solid transparent;background:none;cursor:pointer;flex:0 0 72px}.c .th img{width:72px;height:54px;object-fit:cover;aspect-ratio:auto}.th:hover,.th:focus-visible{border-color:var(--y)}
.phs{display:flex;flex-wrap:wrap;gap:12px}.ph{display:grid;gap:6px}.ph img{width:90px;height:68px;object-fit:cover;border-radius:4px}
.ck{display:flex;align-items:center;gap:8px;font-weight:400}.ck input{width:auto}fieldset{border:1px solid var(--ln);border-radius:4px;padding:12px;margin:0}.an{display:flex;flex-wrap:wrap;gap:16px}

.gr+p{margin-top:28px}#so{margin:16px 0}
@media(max-width:1000px){#bt{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#0a0b0d;padding:16px 20px;gap:14px}nav.o{display:flex}}

.ar{margin:16px 0}.ar summary{cursor:pointer;font-weight:600;color:var(--y);padding:8px 0}

#gl img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.gb{display:flex;gap:6px}.gb .b{flex:1;padding:8px 10px}
#gall .ph{width:140px}#gall .ph img{width:140px;height:105px}
