/* ============================================================
   DRAMATIC DARK — cinematic, full-dark, gold + magenta
   Inherits the classic layout, then re-skins it dark.
   ============================================================ */
@import url("classic.css");

:root{
  --ink:#f7f0ea;            /* headings -> light */
  --ink-soft:#cabcc3;       /* body text -> light grey */
  --cream:#0c0709;          /* page background -> near black */
  --cream-2:#140d11;        /* alt sections */
  --white:#191115;          /* cards / surfaces */
  --line:rgba(255,255,255,.10);
  --maroon:#d9a441;         /* primary accent -> gold */
  --maroon-deep:#b8862f;
  --gold:#e3c156;
  --gold-light:#f1d789;
  --rose:#ff2d77;
  --orange:#ff7a1a;
  --shadow:0 30px 70px -24px rgba(0,0,0,.8);
  --shadow-sm:0 14px 40px -18px rgba(0,0,0,.7);
  --ff-display:"Playfair Display","Cormorant Garamond",serif;
}

body{background:var(--cream)}

/* Bigger, more cinematic hero */
.hero{min-height:94vh}
.hero::after{background:linear-gradient(90deg,rgba(6,4,5,.95) 0%,rgba(6,4,5,.74) 40%,rgba(6,4,5,.1) 72%,rgba(6,4,5,.5) 100%)}
.hero h1{font-size:clamp(2.8rem,6.6vw,5.2rem);letter-spacing:-.01em}
.hero__lead{color:#e3d6d0}

/* Section rhythm a touch grander */
.section{padding:96px 0}

/* Cards: dark glass with a gold hairline on hover */
.card{background:var(--white);border:1px solid var(--line)}
.card:hover{border-color:rgba(227,193,86,.5)}
.card__icon{box-shadow:0 8px 22px -10px rgba(255,45,119,.6)}
.card--pillars{background:linear-gradient(150deg,#3a0d22,#1a0810);border:1px solid rgba(227,193,86,.25)}
.card--pillars h3{color:#fff}
.card--pillars p{color:#f0d6e1}

/* Keep the dark facts band, push gold harder */
.bg-ink{background:#060405}
.fact__num{color:var(--gold-light)}

/* Forms / inputs on dark */
.field input,.field select,.field textarea{background:#0f0a0d;color:#f1e9e4}
.field input:focus,.field select:focus,.field textarea:focus{background:#140e11;box-shadow:0 0 0 3px rgba(217,164,65,.18)}
.form,.quote,.card{backdrop-filter:saturate(1.1)}

/* Schedule + callouts */
.schedule-table{background:#140d11}
.callout{background:#140d11;border-left-color:var(--gold)}

/* CTA band -> deep magenta-to-black, gold heading */
.cta-band{background:linear-gradient(120deg,#3a0d22 0%,#0c0709 90%)}
.cta-band h2{color:var(--gold-light)}
.cta-band p{color:#e9cdd9}

/* Page banner more cinematic */
.pagehead{background:linear-gradient(120deg,#23070f,#060405)}
.pagehead h1{font-size:clamp(2.4rem,5.4vw,3.8rem)}

/* Gallery: deeper hover vignette */
.gallery figure::after{background:linear-gradient(180deg,transparent 45%,rgba(8,2,6,.7))}

/* Timeline dots glow */
.tl-year__dot{box-shadow:0 0 0 5px var(--cream),0 0 18px -2px rgba(255,45,119,.6)}
.tl-year h3{color:var(--gold-light)}