:root{
  --bg:#0a1f17;
  --fg:#f8f5e7;
  --holly:#b91c1c;
  --evergreen:#0f3d2e;
  --gold:#b58b00;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;line-height:1.5}
a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.6);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;gap:12px;padding:10px 0}
.nav a{text-decoration:none;padding:8px 10px;border-radius:10px}
.nav a:hover{background:rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:36px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:2fr 1fr}}
.card{background:rgba(20,20,20,.45);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.btn{display:inline-block;background:var(--holly);color:#fff;padding:10px 14px;border-radius:14px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.btn:hover{filter:brightness(1.05)}
.hero{position:relative;overflow:hidden;padding:40px 0}
.hero-bg{position:absolute;inset:0;background:
radial-gradient(circle at 20% 20%, rgba(181,139,0,.15), transparent 35%),
radial-gradient(circle at 80% 0%, rgba(185,28,28,.2), transparent 30%);
z-index:-1}
.hero h1{font-size:clamp(28px,5vw,56px);margin:0 0 8px 0}
.subtitle{opacity:.9}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#134e4a;color:#fff;border:1px solid rgba(255,255,255,.2)}
.gallery{columns:1;column-gap:16px}
@media(min-width:700px){.gallery{columns:2}}
@media(min-width:1100px){.gallery{columns:3}}
.gallery img{width:100%;border-radius:12px;margin:0 0 16px 0;display:block;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.08);padding:24px 0;color:rgba(255,255,255,.8);font-size:14px}
.hflex{display:flex;gap:10px;flex-wrap:wrap}
.small{font-size:14px;color:rgba(255,255,255,.75)}
.h1{font-size:32px;margin:16px 0}
.h2{font-size:24px;margin:12px 0}
.list{padding-left:20px}
.tag{background:var(--gold);color:#000;display:inline-block;padding:6px 10px;border-radius:10px}
figure{margin:0}
iframe{border:0}

/* Social icons hover */
.footer a:hover{opacity:.9}