/* Minimal, clean, responsive styles */
:root{
  --bg:#0d0f12;
  --muted:#8a93a1;
  --fg:#e9edf2;
  --ink:#e9edf2;
  --ink-2:#cfd6e1;
  --accent:#4da3ff;
  --card:#151821;
  --card-2:#10131a;
  --max:1100px;
  --radius:14px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; color:var(--ink);
  background:linear-gradient(180deg,#0b0e12 0%,#0d1117 70%); line-height:1.6; -webkit-font-smoothing:antialiased}
.container{max-width:var(--max); margin:0 auto; padding:0 20px}
.narrow{max-width:800px; margin:0 auto}
h1,h2,h3{line-height:1.25; margin:0 0 .6rem}
h1{font-size:clamp(2rem, 3.5vw + 1rem, 3rem); letter-spacing:.2px}
h2{font-size:clamp(1.4rem, 2.5vw + .5rem, 2rem); margin-bottom:1rem}
h3{font-size:1.2rem}
p{margin:.25rem 0 1rem}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
code{background:#0f1320; padding:.15rem .4rem; border-radius:6px; color:#cfe5ff}
.btn{display:inline-block; border:1px solid var(--accent); padding:.6rem 1rem; border-radius:999px; color:var(--fg); background:transparent; cursor:pointer; transition:.2s ease}
.btn:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(77,163,255,.15)}
.btn.ghost{border-color:#2a3342; color:var(--ink-2)}
.btn.small{padding:.45rem .8rem; font-size:.9rem}
.site-header{position:sticky; top:0; z-index:100; backdrop-filter:saturate(1.2) blur(6px); background:rgba(8,11,17,.65); border-bottom:1px solid #0e1320}
.header-inner{display:flex; align-items:center; justify-content:space-between; height:64px; gap:12px}
.brand{display:flex; align-items:center; gap:.6rem; font-weight:700; color:var(--fg)}
.brand-initials{width:28px; height:28px; border-radius:7px; display:grid; place-items:center; background:var(--accent); color:#071018; font-weight:900}
.nav a{margin-left:1rem; color:var(--ink-2)}
.nav a:hover{color:var(--fg)}
.socials a{margin-left:.6rem; color:var(--ink-2); border:1px solid #2a3342; padding:.25rem .5rem; border-radius:8px; font-size:.85rem}
.socials a:hover{color:var(--fg); text-decoration:none; border-color:var(--accent)}
.hero{padding:clamp(2rem, 6vw, 5rem) 0}
.hero-inner{display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center}
.hero-copy .lede{color:var(--ink-2); max-width:45ch}
.hero-art{min-height:260px; border-radius:var(--radius); background: url('/assets/images/hero.jpg') center/cover, linear-gradient(120deg,#0f1524,#0b0f1a); box-shadow:0 20px 60px rgba(0,0,0,.35)}
.section{padding:clamp(2rem, 5vw, 4rem) 0}
.section.alt{background:linear-gradient(180deg,#0d1117 0%, #0b0e14 100%)}
.cards{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:18px}
.card{background:linear-gradient(180deg,var(--card) 0%, var(--card-2) 100%); border:1px solid #141a24; padding:1rem; border-radius:12px}
.card-title{margin-top:.25rem}
.card-text{color:var(--ink-2)}
/* outlet-logo cards */
.outlet-logo-link{display:block; margin-bottom:.5rem}
.outlet-logo{width:160px; height:auto; display:block; filter: drop-shadow(0 4px 18px rgba(0,0,0,.25)); background:#0f1320; border-radius:8px}
@media (max-width:520px){.outlet-logo{width:140px}}
.grid.gallery{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px}
.grid-item{overflow:hidden; border-radius:10px; border:1px solid #11182a; background:#0f1320}
.grid-item img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.grid-item img:hover{transform:scale(1.05)}
.contact-row{display:flex; gap:.6rem; align-items:center}
.muted{color:var(--muted)}
.site-footer{border-top:1px solid #0e1320; padding:1rem 0; color:var(--muted)}
.footer-inner{display:flex; align-items:center; justify-content:space-between}
.backtotop{color:var(--ink-2)}
@media (max-width: 880px){
  .hero-inner{grid-template-columns:1fr; gap:18px}
}