/* Gouden Ring Toolkit styles */
:root{
  --bg:#0c1014;
  --panel:#121820cc;
  --ink:#e6e9ef;
  --muted:#9ea6b3;
  --brand:#e6b35a;
  --accent:#5fa3d8;
}
body{background:var(--bg); color:var(--ink);}
h1,h2,h3,.site-title{font-family:Cinzel,serif; letter-spacing:.5px}

/* Navigation underline */
.main-navigation a{position:relative; padding:.6rem .8rem}
.main-navigation a:after{
  content:""; position:absolute; left:8px; right:8px; bottom:.35rem; height:2px;
  background:linear-gradient(90deg,var(--brand),var(--accent)); transform:scaleX(0); transition:.25s ease;
}
.main-navigation a:hover:after,.main-navigation .current-menu-item>a:after{transform:scaleX(1)}

/* Hero */
.gr-hero{position:relative; min-height:56vh; display:grid; place-items:center;
  background:var(--bg) center/cover no-repeat; border-radius:18px; overflow:hidden; margin:24px auto}
.gr-veil{position:absolute; inset:0; backdrop-filter: blur(1px); background:radial-gradient(120% 80% at 50% 0%, #00000088 0%, #000000cc 70%)}
.gr-hero-inner{position:relative; text-align:center; padding:5rem 1.5rem; max-width:900px}
.gr-hero h1{font-size:clamp(2rem,6vw,4rem); margin:0 0 .6rem; font-family:Cinzel,serif}
.gr-hero p{color:var(--muted); font-size:1.125rem; margin:.25rem 0 1.25rem}
.gr-actions{display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap}

/* Buttons */
.gr-btn{display:inline-block; border-radius:999px; padding:.75rem 1.15rem; font-weight:600; text-decoration:none; transition:transform .15s ease, box-shadow .2s; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif}
.gr-btn:active{transform:scale(.98)}
.gr-btn--brand{background:linear-gradient(90deg,var(--brand),#f2d08b); color:#241a08; box-shadow:0 8px 24px #e6b35a33}
.gr-btn--ghost{border:1px solid #ffffff2a; color:var(--ink); background:#ffffff0d}
.gr-btn--ghost:hover{background:#ffffff14}

/* Grid + Cards */
.gr-grid{display:grid; gap:18px; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); margin:28px 0}
[class*="gr-grid-cols-2"]{grid-template-columns:repeat(2,1fr)}
[class*="gr-grid-cols-3"]{grid-template-columns:repeat(3,1fr)}
[class*="gr-grid-cols-4"]{grid-template-columns:repeat(4,1fr)}
.gr-card{background:var(--panel); border:1px solid #ffffff14; border-radius:16px; overflow:hidden;
  box-shadow:0 10px 28px #00000055; backdrop-filter: blur(6px)}
.gr-card img{width:100%; aspect-ratio:16/9; object-fit:cover; filter:saturate(1.05)}
.gr-card .inner{padding:14px 16px}
.gr-card h3{margin:.2rem 0 .35rem; font-size:1.125rem}
.gr-card p{color:var(--muted); font-size:.95rem}

/* Timeline */
.gr-timeline{position:relative; margin:24px 0; padding-left:22px}
.gr-timeline:before{content:""; position:absolute; left:9px; top:0; bottom:0; width:2px; background:#ffffff1c}
.gr-tl-item{position:relative; margin:0 0 14px}
.gr-tl-item:before{content:""; position:absolute; left:-2px; top:.35rem; width:10px; height:10px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 3px #0008}
.gr-tl-item h4{margin:0 0 .15rem}
.gr-tl-item p{margin:0; color:var(--muted)}