/* ============================================================
   EDITORIAL MAGAZINE — paper, oversized serif, asymmetric, ornate
   Inherits classic layout, then re-sets it as a print-style spread.
   ============================================================ */
@import url("classic.css");

:root{
  --ink:#1b1916;
  --ink-soft:#4c463d;
  --cream:#f6f1e8;          /* warm paper */
  --cream-2:#ece3d5;
  --white:#fffdf8;
  --line:#dcd0bd;
  --maroon:#9c3b2e;         /* brick red accent */
  --maroon-deep:#7c2c22;
  --gold:#b0883b;
  --gold-light:#c8a154;
  --rose:#9c3b2e;
  --orange:#b0883b;
  --grad:linear-gradient(100deg,#9c3b2e,#b0883b);
  --ff-display:"Fraunces","Cormorant Garamond",Georgia,serif;
  --shadow:0 26px 60px -28px rgba(60,30,10,.4);
}

body{font-size:17px}

/* Oversized, tight editorial headlines */
.display{letter-spacing:-.01em}
.hero h1{font-size:clamp(2.8rem,7vw,5.4rem);line-height:.98;letter-spacing:-.015em}
.section-head h2,.split__body h2{font-size:clamp(2.1rem,4.8vw,3.2rem);line-height:1.04}

/* Left-aligned, asymmetric section heads with an ornamental rule */
.section-head{max-width:820px;margin-left:0;text-align:left}
.section-head .rule{margin-left:0}
.rule{width:90px;height:2px;background:var(--ink)}
.eyebrow{letter-spacing:.26em;color:var(--maroon)}
.eyebrow::before{content:"";display:inline-block;width:26px;height:1px;background:var(--maroon);vertical-align:middle;margin-right:10px;margin-bottom:3px}

/* Asymmetric split columns + drop cap on the lead paragraph */
.split{grid-template-columns:1.12fr .88fr;gap:64px}
.split--flip{grid-template-columns:.88fr 1.12fr}
.split__media::before{border-color:var(--gold);inset:22px -22px -22px 22px}
.prose p:first-of-type::first-letter,
.split__body > p:first-of-type::first-letter{
  font-family:var(--ff-display);font-size:3.4em;line-height:.72;float:left;
  padding:6px 12px 0 0;color:var(--maroon);font-weight:600;
}

/* Cards: numbered, paper, top rule */
.cards{gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius)}
.card{border-radius:0;border:0;box-shadow:none}
.card:hover{transform:none;background:#fffaf0}
.cards .card:first-child{border-radius:var(--radius) 0 0 var(--radius)}
.cards .card:last-child{border-radius:0 var(--radius) var(--radius) 0}
.card__icon{background:none;color:var(--maroon);font-size:1.7rem;width:auto;height:auto;box-shadow:none}
.card--pillars{background:var(--maroon);color:#f4e0d9}
.card--pillars .card__icon{color:var(--gold-light)}
@media(max-width:760px){.cards .card{border-radius:0!important}}

/* Hero: keep the photo, deepen the editorial framing */
.hero::after{background:linear-gradient(90deg,rgba(20,14,10,.9) 0%,rgba(20,14,10,.62) 42%,rgba(20,14,10,.1) 74%,rgba(20,14,10,.45) 100%)}
.hero__shloka{font-family:var(--ff-display)}

/* Paper page banner with a ruled baseline, not a dark block */
.pagehead{background:var(--cream-2);color:var(--ink);border-bottom:2px solid var(--ink);padding:84px 0 56px}
.pagehead::after{opacity:0}
.pagehead .eyebrow{color:var(--maroon)}
.pagehead h1{color:var(--ink);font-size:clamp(2.6rem,6vw,4.4rem)}
.pagehead p{color:var(--ink-soft)}

/* Facts band: ink-on-paper inverse */
.bg-ink{background:#1b1916}
.fact__num{font-family:var(--ff-display);color:var(--gold-light)}

/* Pull-quotes look like magazine callouts */
.quote{border-left:3px solid var(--maroon);border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none}
.quote::before{color:var(--gold);opacity:.5}
.quote p{font-family:var(--ff-display);font-size:1.25rem;line-height:1.4}

/* Timeline + schedule accents */
.tl-year h3{color:var(--maroon)}
.schedule-table th{background:var(--ink)}
.schedule-table td:first-child{color:var(--maroon)}

/* CTA band: full ink spread with gold headline */
.cta-band{background:#1b1916}
.cta-band h2{color:var(--gold-light)}
.cta-band p{color:#e7d9c8}