:root{
  --gold:#d4af37; --ink:#1f2937; --muted:#4b5563; --card:#ffffff; --edge:#e5e7eb;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--edge);z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.3px}
.brand img{height:48px;width:auto;object-fit:contain;display:block}
nav a{color:#374151;text-decoration:none;margin-left:24px;font-weight:600;padding-bottom:8px;border-bottom:2px solid transparent}
nav a:hover{color:#111}
nav a.active{color:#111;border-color:var(--gold)}
/* Hero */
.hero{position:relative}
.hero-media img{width:100%;height:80vh;max-height:820px;object-fit:cover;display:block;background:#f1f5f9}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.55) 40%, rgba(255,255,255,0) 70%);}
.hero-content{position:absolute;left:max(20px,5%);top:12%;width:min(620px,90%);}
.hero-title{font-size:clamp(32px,5vw,64px);line-height:1.05;margin:0 0 12px}
.hero-sub{font-size:clamp(16px,2.2vw,22px);color:var(--muted);margin:0 0 20px}
.cta{display:inline-block;background:var(--gold);color:#111;padding:14px 18px;border-radius:12px;font-weight:800;box-shadow:0 10px 30px rgba(212,175,55,.18)}
/* Sections */
.section{padding:56px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.card h3{margin:8px 0 10px;font-size:20px}
.card p{margin:0;color:var(--muted)}
/* Stations grid */
.card img.thumb{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.btn{display:inline-block;background:var(--gold);color:#111;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.btn:hover{filter:brightness(.95)}
/* Footer */
footer{border-top:1px solid var(--edge);padding:24px 0;text-align:center;color:#6b7280;margin-top:40px}
/* Responsive */
@media (max-width: 900px){ .cards{grid-template-columns:1fr 1fr} .hero-content{top:6%} }
@media (max-width: 640px){ .cards{grid-template-columns:1fr} .hero-media img{height:60vh} .hero-content{position:relative;inset:auto;padding:18px 0 0} .hero-overlay{background:linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 60%)} }