:root{--brick:#B23A1D;--charcoal:#2E2E2E;--cream:#F8F3E8;--gold:#C9A55B;--smoke:#f3eee6}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--cream);color:var(--charcoal);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,Helvetica,sans-serif;line-height:1.6}
h1,h2,h3{font-family: Georgia,"Times New Roman",Times,serif;line-height:1.2;margin:0 0 .5rem}
a{text-decoration:none;color:inherit}
.container{width:min(1100px,92%);margin:0 auto}
header{position:sticky;top:0;z-index:50;background:rgba(46,46,46,.75);
  backdrop-filter: blur(6px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;letter-spacing:.2px}
.brand__logo{width:28px;height:28px;border-radius:50%;
  background: conic-gradient(from 180deg,var(--gold),var(--brick),#84240f,var(--gold));
  box-shadow:0 0 0 2px rgba(255,255,255,.25) inset}
nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.lang-switch{display:flex;gap:.5rem;align-items:center}
.btn-ghost{padding:.45rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:transparent;font-size:.9rem;cursor:pointer}
.btn-ghost.active{background:#fff;color:#111;border-color:#fff}
section{padding:64px 0}
.hero{position:relative;isolation:isolate;background: radial-gradient(circle at 30% 20%, #7a2a16 0%, #44170d 48%, #2b0f0a 75%, #150805 100%);color:#fff}
.hero::after{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 80% at 70% 40%, rgba(255,198,131,.18), transparent 60%),
  radial-gradient(50% 70% at 35% 65%, rgba(242,86,34,.28), transparent 55%),
  linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.55));pointer-events:none;z-index:0}
.hero .container{padding:clamp(64px,9vw,140px) 0;position:relative;z-index:1;text-align:center}
.hero h1{font-size:clamp(28px,4.5vw,56px);margin-bottom:.5rem}
.sub{opacity:.9;max-width:800px;margin:.5rem auto 1.25rem}
.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.btn-primary{background:var(--gold);color:#111;border:none;border-radius:10px;padding:.8rem 1.1rem;font-weight:700;cursor:pointer}
.btn-outline{border:2px solid var(--gold);color:#fff;background:transparent;border-radius:10px;padding:.78rem 1.08rem;font-weight:700}
.pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--smoke);border-radius:999px;padding:.35rem .6rem;font-size:.85rem}
.split{display:grid;grid-template-columns: 1.1fr .9fr;gap:36px;align-items:center}
.card{background:#fff;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.08);padding:22px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.07)}
.tile__media{aspect-ratio:4/3;background:linear-gradient(135deg,#f9e9d4,#e9d0b1);display:grid;place-items:center;font-weight:700;color:#7a5b3a}
.tile__body{padding:16px}
.band{position:relative;background:linear-gradient( to right, #2E2E2E, #3b2a21 );color:#fff;overflow:hidden}
.band .container{display:grid;grid-template-columns: 1.2fr .8fr;gap:28px;align-items:center}
.band__video{aspect-ratio:16/9;border-radius:16px;background: radial-gradient(circle at 70% 30%, rgba(255,171,64,.3),transparent 60%), #111;display:grid;place-items:center;color:#fff;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.carousel{display:flex;gap:14px;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.carousel figure{min-width:300px;scroll-snap-align:center;aspect-ratio:4/3;background:#eee;border-radius:16px;margin:0;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.1)}
.carousel figcaption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:linear-gradient(to top, rgba(0,0,0,.55), transparent);color:#fff;font-size:.9rem}
.footer{background:#151515;color:#ddd;padding:28px 0}
.footgrid{display:grid;grid-template-columns: 2fr 1fr 1fr;gap:22px}
.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:14px;font-size:.9rem;color:#bdbdbd}
[data-lang][data-active="false"]{display:none}
@media (max-width: 900px){.split{grid-template-columns:1fr;gap:18px}.grid-3{grid-template-columns:1fr 1fr}.band .container{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}
@media (max-width: 620px){.grid-3{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}nav ul{display:none}}