/* GABS — EDITORIAL: light, refined, architectural overlay (loads after styles.css) */
:root {
  --concrete: #F7F5F0;     /* airy warm white */
  --chalk:    #FFFFFF;
  --ink:      #1A1B1D;
  --ink-soft: #5C5F64;
  --amber:    #B0792F;     /* refined brass accent (not the bright amber) */
  --amber-deep:#8A5E22;
  --display:  "Fraunces", Georgia, serif;
  --gutter:   clamp(24px, 6vw, 96px);
}
/* Fraunces is a serif — drop Archivo's 'expanded' stretch, soften the weight */
h1, h2, h3 { font-stretch: normal; font-weight: 600; letter-spacing: -.015em; }
.hero__title, .section-title, .book__title { font-weight: 600; }
.hero__title-accent { color: var(--amber); font-style: italic; }
/* Keep the wordmark a crisp sans brand-mark */
.wordmark, .wordmark--sm { font-family: "Archivo", sans-serif; font-stretch: 125%; }

/* More air; a larger, softer render */
.hero { grid-template-columns: 1fr 1.3fr; gap: clamp(32px, 6vw, 80px); }
.reveal__pane { aspect-ratio: 4 / 3; border-radius: 12px; }
.tier, .work__img, .form, .lightbox__panel { border-radius: 12px; }
.section-lede { font-size: 1.15rem; }