:root{--bg:#0C0C0C;--text:#F2F2F2;--muted:#A6A6A6;--accent:#A23333;--max:1200px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--text);text-decoration:none}a.button{display:inline-block;padding:.7rem 1.1rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:600}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
header{position:fixed;inset:auto 0 0 0;top:0;z-index:50;background:linear-gradient(#0009,#0000)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.nav .brand{font-weight:800;letter-spacing:.06em}.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
main{margin-top:64px}
.hero{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.hero .content{position:relative;text-align:center;z-index:1}.h1{font-weight:800;letter-spacing:.02em;font-size:clamp(36px,6vw,72px)}.h2{font-weight:700;font-size:clamp(24px,3.6vw,36px);color:var(--muted)}
.section{padding:clamp(48px,8vh,112px) 0}.section h2{text-align:center;margin:0 0 28px}.center{max-width:900px;margin:0 auto;text-align:center}
.tour{display:grid;gap:10px}.tour .row{display:grid;grid-template-columns:1.1fr 2.2fr .8fr .8fr;gap:12px;align-items:center;padding:16px 18px;background:#171717;border-radius:12px}
.tour .row .muted{color:var(--muted)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.video{position:relative;border-radius:14px;overflow:hidden;background:#111}.video::before{content:'';display:block;aspect-ratio:16/9}.video iframe{position:absolute;inset:0;width:100%;height:100%}
.photos img{width:100%;height:320px;object-fit:cover;border-radius:14px;display:block}
.quote{max-width:62ch;margin:0 auto 28px auto;font-size:clamp(18px,2.2vw,22px);line-height:1.55}.quote cite{display:block;margin-top:10px;color:var(--muted);font-style:normal}
footer{padding:36px 0;border-top:1px solid #222;text-align:center;color:var(--muted)}footer .rayzup{margin:18px auto 8px auto;display:block;width:90px;opacity:.9}
.socials{display:flex;gap:14px;justify-content:center;margin-top:12px}.socials a{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#222}
@media (prefers-reduced-motion: reduce){.hero video{display:none}.hero .poster{display:block}}