:root{
  --bg:#0b0b10;
  --card:#141420;
  --ink:#f8fafc;
  --accent:#ff6b00;
  --muted:#a3a3b2;
  --glow: 0 10px 40px rgba(255,107,0,0.25);
}
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#0b0b10,#111018 30%,#0b0b10 100%);
}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;backdrop-filter:blur(8px);background:rgba(11,11,16,0.6);border-bottom:1px solid #1f1f2a;z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.badge{display:inline-flex;gap:10px;align-items:center;background:#1a1a28;border:1px solid #2b2b3d;padding:6px 10px;border-radius:999px;color:var(--muted);font-size:13px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700}
.logo span{font-size:14px;color:var(--muted)}
.btn{background:var(--accent);color:#111;padding:10px 14px;border-radius:12px;font-weight:700;box-shadow:var(--glow)}
.hero{position:relative;padding:72px 0 40px;overflow:hidden}
.hero h1{font-size: clamp(32px, 6vw, 56px);line-height:1.05;margin:14px 0 10px}
.hero p{color:var(--muted);font-size:clamp(16px,2.2vw,20px)}
.pumpkins{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:
  radial-gradient(ellipse at 20% 10%,#ff6b00 0,transparent 45%),
  radial-gradient(ellipse at 80% 30%,#ff6b00 0,transparent 40%),
  radial-gradient(ellipse at 40% 90%,#ff6b00 0,transparent 50%)}
.hero-card{
  background:linear-gradient(180deg,#151524,#10101a);
  border:1px solid #24243a;border-radius:24px;padding:20px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch;box-shadow:var(--glow)
}
.hero-card img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid #2a2a3f}
.kicker{display:inline-flex;gap:8px;align-items:center;font-weight:700;color:#ffb86b}
.section{padding:50px 0}
.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}
.card{background:var(--card);border:1px solid #24243a;border-radius:20px;overflow:hidden}
.card img{width:100%;display:block}
.card .pad{padding:14px}
.gallery{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
footer{padding:40px 0;border-top:1px solid #1f1f2a;color:var(--muted)}
.scroll-x{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.scroll-x .snap{scroll-snap-align:center;min-width:min(80vw,560px)}
.tag{background:#1f1f2a;border:1px solid #2b2b3d;border-radius:999px;padding:6px 10px;color:#cfd3dc;font-size:13px}
figure{margin:0}
figcaption{padding:10px 12px;color:#cfd3dc;background:#161624;border-top:1px solid #23233a}
small.muted{color:var(--muted)}
.video{aspect-ratio:16/9;background:#000;border-radius:16px;border:1px solid #24243a;overflow:hidden}
@media(max-width:900px){ .hero-card{grid-template-columns:1fr} }