/* amara.vegas — dome-luxe editorial design system
   Deliberately distinct from the summerlin.golf hub (warm-ivory/light).
   This property: obsidian dark, champagne metal, high-contrast serif display. */

:root{
  --ink:#0c0d10;          /* page bg — obsidian */
  --ink-2:#14161b;        /* raised panels */
  --ink-3:#1c1f26;        /* hairline fills */
  --bone:#f5f2ea;         /* primary text on dark */
  --bone-dim:#cdc9bf;     /* secondary text */
  --muted:#8c919c;        /* tertiary / meta */
  --champagne:#c9a86a;    /* primary metal accent */
  --champagne-2:#e6d2a3;  /* lighter metal (hover/glow) */
  --line:rgba(245,242,234,.12);
  --line-strong:rgba(245,242,234,.22);
  --max:1200px;
  --gut:clamp(20px,5vw,64px);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--bone);
  font-family:var(--sans);font-size:17px;line-height:1.7;
  font-weight:400;letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---- type ---- */
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.08;letter-spacing:.004em;margin:0 0 .4em}
.display{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:500;letter-spacing:-.01em}
h2{font-size:clamp(1.9rem,4vw,2.9rem)}
h3{font-size:clamp(1.3rem,2.4vw,1.7rem)}
p{margin:0 0 1.1em;color:var(--bone-dim)}
a{color:var(--champagne-2);text-decoration:none}
a:hover{color:var(--bone)}
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--champagne);margin:0 0 18px}
.lead{font-size:clamp(1.15rem,2vw,1.35rem);color:var(--bone);line-height:1.6}
.rule{height:1px;background:var(--line);border:0;margin:0}
.rule-gold{height:1px;background:linear-gradient(90deg,var(--champagne),transparent);border:0;width:120px;margin:18px 0}

/* ---- layout ---- */
.container{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.section{padding-block:clamp(56px,9vw,120px)}
.grid{display:grid;gap:clamp(20px,3vw,40px)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* ---- top disclaimer strip (ADR-005 G-1) ---- */
.disclaimer-strip{
  background:var(--ink-2);border-bottom:1px solid var(--line);
  font-size:12.5px;color:var(--muted);text-align:center;
  padding:9px var(--gut);letter-spacing:.02em;
}
.disclaimer-strip strong{color:var(--bone-dim);font-weight:600}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:40;background:rgba(12,13,16,.82);
  backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;
  height:68px;max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.brand{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--bone);letter-spacing:.01em}
.brand b{color:var(--champagne)}
.nav__links{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14px;letter-spacing:.04em}
.nav__links a{color:var(--bone-dim)}.nav__links a:hover{color:var(--champagne-2)}
@media(max-width:720px){.nav__links{display:none}}

/* ---- hero ---- */
.hero{position:relative;padding-block:clamp(72px,14vw,160px);overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 80% 0%,rgba(201,168,106,.10),transparent 60%)}
.hero--cover{border-radius:14px;
  background:linear-gradient(180deg,rgba(12,13,16,.42),rgba(12,13,16,.85)),var(--hero-img,url('/assets/img/hero.jpg')) center/cover no-repeat}
.hero .display{max-width:14ch}
.hero .lead{max-width:54ch;margin-top:22px}

/* ---- buttons ---- */
.btn{display:inline-block;font-family:var(--sans);font-size:13px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;padding:15px 30px;border-radius:2px;
  border:1px solid var(--champagne);color:var(--champagne);transition:.25s}
.btn:hover{background:var(--champagne);color:var(--ink)}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}

/* ---- cards ---- */
.card{background:var(--ink-2);border:1px solid var(--line);border-radius:3px;
  padding:30px;transition:.25s}
.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}
.card .eyebrow{margin-bottom:12px}
.card h3{color:var(--bone)}
.card p{font-size:15.5px;margin-bottom:0}

/* ---- footer ---- */
.footer{background:var(--ink-2);border-top:1px solid var(--line);
  padding-block:clamp(48px,7vw,80px);font-size:14px;color:var(--muted)}
.footer a{color:var(--bone-dim)}
.footer__grid{display:grid;gap:32px;grid-template-columns:1.4fr repeat(3,1fr)}
@media(max-width:760px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer__note{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);
  font-size:12.5px;line-height:1.6}
.footer__note strong{color:var(--bone-dim)}

/* ---- reveal (progressive, motion-safe) ---- */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(14px);animation:rise .7s ease forwards}
  .reveal.d1{animation-delay:.08s}.reveal.d2{animation-delay:.16s}.reveal.d3{animation-delay:.24s}
  @keyframes rise{to{opacity:1;transform:none}}
}
:focus-visible{outline:2px solid var(--champagne-2);outline-offset:3px}