:root {
  --bg: #0b0f19;
  --panel: #111827;
  --text: #272727;
  --muted: #9ca3af;
  --brand: #f97316;
  --brand-600: #ea580c;
  --border: #1f2937;
  --ok: #16a34a;
  --err: #dc2626;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text);
  background: radial-gradient(1200px 600px at 10% -10%, #1e293b 0%, #0b0f19 60%), var(--bg);
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.site-header{background:#161616;color:#fff}

.header-inner{display:block;padding:0}

.brand{text-decoration:none;color:inherit}
#logo-text-106401,#logo-text-106406{font-family:'Archivo Black', arial, sans-serif;color:#f7f7f7;text-decoration:none;text-transform:uppercase;font-size:28px;line-height:1.2;margin:0}

.nav { display: flex; gap: 14px; align-items: center; }
.nav-link { color: var(--text); text-decoration: none; font-size: 0.95rem; opacity: 0.9; }
.nav-link:hover { opacity: 1; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--text);
  font-weight: 600;
  transition: transform 0.05s ease, background 0.2s ease, border-color 0.2s ease;
}
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0px) scale(0.99); }

.button-primary {
  background: linear-gradient(180deg, var(--brand) 0%, var(--brand-600) 100%);
  border-color: #99421b;
  color: #111;
}

.hero{background:#161616}
.hero .promo-banner+div{padding-top:0}
.promo-banner{background:#59798e;padding:4px 0;transition:all .5s}
.promo-banner a{color:#fff;text-decoration:none}
.about-title{line-height:1.4;margin:0 0 40px}
.about-heading{line-height:1.25;margin:0 0 16px}
.hero-inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 30px; align-items: center; }
.hero-copy h1 { font-size: clamp(2rem, 3vw, 3rem); margin: 0 0 10px 0; }
.hero-copy p { color: var(--muted); margin: 0 0 18px 0; }
.cta-row { display: flex; gap: 12px; margin-bottom: 10px; }

.hero-art { width: 100%; min-height: 260px; display: grid; place-items: center; }
.art-roof {
  width: 100%;
  max-width: 520px;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  background:
    linear-gradient(120deg, rgba(249, 115, 22, 0.3), rgba(234, 88, 12, 0) 60%),
    linear-gradient(180deg, #0f172a, #0b0f19);
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.art-roof::before, .art-roof::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    conic-gradient(from 180deg at 50% 120%, rgba(255,255,255,0.1), rgba(255,255,255,0) 30%),
    repeating-linear-gradient(180deg, rgba(255,255,255,0.07) 0 2px, transparent 2px 8px);
  mix-blend-mode: overlay;
  pointer-events: none;
}

.section { padding: 60px 0; }
.narrow { max-width: 800px; }
.grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.field { display: grid; gap: 6px; }
.field span { font-size: 0.95rem; color: var(--muted); }
.field input, .field select, .field textarea {
  width: 100%;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #0b1220;
  color: var(--text);
}
.field-full { grid-column: 1 / -1; }

.status { margin-top: 10px; min-height: 1.2em; }
.status.ok { color: var(--ok); }
.status.err { color: var(--err); }

.site-footer { padding: 24px 0 60px; border-top: 1px solid var(--border); }
.footer-inner { display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 940px) {
  .hero-inner { grid-template-columns: 1fr; }
}
@media (max-width: 1023px){#about-hero{display:none}}
@media (max-width: 520px) {
  .grid { grid-template-columns: 1fr; }
  .header-inner { flex-wrap: wrap; gap: 10px; }
  .nav { width: 100%; justify-content: flex-end; }
}

 

.local-section{padding:48px 16px;background:#0b1220;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.local-container{max-width:1100px;margin:0 auto}
.local-section h2{margin:0 0 12px;font-size:24px}
.local-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width: 900px){.local-gallery{grid-template-columns:1fr}}
.local-tile{position:relative;display:block;aspect-ratio:185/143;border-radius:10px;overflow:hidden;background:#111827;background-repeat:no-repeat;background-size:contain;background-position:center;border:1px solid var(--border)}
.local-tile span{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;padding:8px 10px;font-weight:600}
.local-video{margin-top:20px;aspect-ratio:16/9;max-width:800px}
.local-video iframe{width:100%;height:100%;border:0}
.local-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:9999}
.local-lightbox.active{display:flex}
.local-lightbox img{max-width:90vw;max-height:85vh;border-radius:10px}
.local-lightbox .nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;user-select:none;cursor:pointer}
.local-lightbox .prev{left:24px}
.local-lightbox .next{right:24px}
.local-lightbox .close{position:absolute;top:18px;right:18px;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer}
.local-contact{padding:24px 16px;background:#0b1220;border-top:1px solid var(--border)}
.local-contact .row{max-width:1100px;margin:0 auto;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.local-contact a{color:#fff;text-decoration:none;background:linear-gradient(180deg, var(--brand) 0%, var(--brand-600) 100%);padding:10px 14px;border-radius:8px;font-weight:700;color:#111}
.local-contact .tel{font-size:20px;font-weight:700}
.local-bottom{padding:16px;background:#0b1220;border-top:1px solid var(--border)}
.local-bottom .row{max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.local-bottom img{height:200px;border-radius:8px;border:1px solid var(--border);object-fit:cover}
.local-copyright{padding:12px 16px;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border);background:#0b1220}
.footer-image{height:140px;border-radius:8px;border:1px solid var(--border);object-fit:cover}