/* Minimal spruce.css — utility layer for ScriptForge */
:root{
  --paper:#0b0720; --surface:#120d2a; --ink:#e6e6ee; --muted:#b3b7d3;
  --line:rgba(255,255,255,.14); --brand:#7c3aed; --brand2:#a78bfa; --shadow:0 12px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);
  font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

.container{width:min(1200px,92vw);margin-inline:auto}
.card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#161433,#100d25);padding:1rem;box-shadow:var(--shadow)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;border-radius:12px;
  padding:.62rem 1rem;font-weight:800;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:var(--shadow)}
.btn.ghost{border-color:var(--line);background:transparent;color:#d7d9ea}
.btn.alt{background:#fff;color:#0b0720}

/* Header/Nav */
header{position:sticky;top:0;z-index:20;background:rgba(8,5,20,.7);backdrop-filter:blur(10px) saturate(130%);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.brand{display:flex;align-items:center;gap:.65rem}
.logo{width:46px;height:46px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.name{font-weight:900;letter-spacing:.2px}
.links{display:flex;gap:1rem;align-items:center;color:#d4d7e4}

/* Grids */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){ .grid3{grid-template-columns:1fr} }

/* Hero */
.hero{position:relative;isolation:isolate}
.hero .bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(100% 60% at 10% 10%, rgba(167,139,250,.30), transparent 60%),
  radial-gradient(80% 55% at 90% 8%, rgba(34,197,94,.18), transparent 58%),
  radial-gradient(80% 60% at 20% 90%, rgba(124,58,237,.25), transparent 60%),
  conic-gradient(from 260deg at 70% 40%, rgba(255,255,255,.06), rgba(255,255,255,.02) 65%, rgba(255,255,255,.09)),
  linear-gradient(180deg,#0b0720,#141029 45%, #0d0a1f);
}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:center;padding:clamp(1.4rem,5vw,3rem) 0}
@media (max-width:1000px){ .hero .wrap{grid-template-columns:1fr} }

/* Gallery (3 tiles responsive) */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){ .gallery{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .gallery{grid-template-columns:1fr} }
.shot{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e0b1e}
.shot img{width:100%;height:420px;object-fit:cover}
.shot small{position:absolute;left:.6rem;bottom:.5rem;background:rgba(15,18,35,.6);backdrop-filter:blur(6px);padding:.25rem .5rem;border-radius:8px;border:1px solid var(--line)}

/* Footer */
footer{background:#0b0a18;color:#cbd5e1;padding:2rem 0;margin-top:1rem;border-top:1px solid var(--line)}