:root{--bg:#070707;--panel:#111;--panel2:#171717;--line:#2a2a2a;--text:#f4f4f4;--muted:#aaa;--accent:#6aa7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:var(--accent);text-decoration:none}.wrap{width:min(1180px,94%);margin:auto}
.site-header{background:#0d0d0d;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{max-height:52px;max-width:280px;display:block}.brand strong{font-size:1.3rem;color:#fff}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a{color:#ddd}
.hero{padding:54px 0 28px}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:.2em 0}.hero p{color:var(--muted);font-size:1.1rem;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#1d1d1d}.card-body{padding:18px}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}
.btn{display:inline-block;padding:10px 15px;border-radius:9px;background:var(--accent);color:#06111f;font-weight:700}.btn.secondary{background:#222;color:#eee;border:1px solid #333}
.section{padding:28px 0}.content{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.content img{max-width:100%;height:auto}
.badge{display:inline-block;background:#1f2937;border:1px solid #334155;padding:4px 9px;border-radius:99px;font-size:.8rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.gallery img{width:100%;border-radius:10px}
.site-footer{margin-top:50px;padding:35px 0;border-top:1px solid var(--line);background:#0b0b0b;color:var(--muted)}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.site-header{position:static}}

/* Keep content cards the same size as a multi-card category page.
   A single item no longer stretches across the whole row. */
.content-grid{
    grid-template-columns:repeat(4,1fr);
    justify-content:start;
}

@media(max-width:1000px){
    .content-grid{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:800px){
    .content-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .content-grid{
        grid-template-columns:1fr;
    }
}