/* ============================================================
   КОСТЁР — ember / evening glamping.
   POV: golden hour into dusk at the charred-timber estate.
   Dark charred-wood ground, warm firelight glow, string-light
   dotted dividers, engraved Forum caps. Intimate and warm.
   ============================================================ */
:root {
  --bg: #201812;            /* charred timber */
  --surface: #2b211a;
  --ink: #f1e5d1;           /* warm cream text */
  --muted: #b3a086;
  --accent: #e3a25a;        /* ember amber */
  --accent-2: #93a07d;      /* dusk sage */
  --leather: #c98a54;
  --line: rgba(241,229,209,.16);
  /* Envelope splash — aged letter paper lit by firelight */
  --paper:    #efe6d0;      /* lit letter paper */
  --paper-2:  #e6d6b4;      /* flap / shaded fold */
  --paper-3:  #d3bc90;      /* deepest crease */
  --ink-hand: #382712;      /* deep sepia handwriting ink */
  --ink-form: #8a6f49;      /* postal-form label */
  --liner:    #364230;      /* deep sage envelope liner */
  --wax:      #b0402a;      /* sealing wax red-clay */
  --wax-2:    #7a2618;
  --font-display: 'Forum', Georgia, serif;
  --font-body: 'Lora', Georgia, serif;
  --font-mono: 'Lora', Georgia, serif;
  --hero-overlay: radial-gradient(120% 90% at 50% 12%, rgba(227,162,90,.28), transparent 55%),
                  linear-gradient(180deg, rgba(20,12,7,.35), rgba(20,12,7,.78));
}

/* Warm firelight glow rising from behind the page */
body { background:
  radial-gradient(90% 55% at 50% 0%, rgba(227,162,90,.10), transparent 60%),
  var(--bg); }

h1,h2,h3 { letter-spacing: .02em; }
.section-title { text-transform: uppercase; letter-spacing: .06em; }
.eyebrow { color: var(--accent); letter-spacing: .34em; }

.hero-names { letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 3px 40px rgba(227,140,60,.45); }
.hero-sub { color: #f4dcbd; }

/* film-marker date stamp (borrowed from Плёнка, tuned to ember) */
.hero-datestamp {
  display: block; position: absolute; right: clamp(1rem,4vw,2.5rem); bottom: 1.4rem; z-index: 3;
  font-family: 'JetBrains Mono', ui-monospace, monospace; color: #ffce93; letter-spacing: .14em;
  font-size: clamp(.85rem,.6rem+1vw,1.4rem); text-shadow: 0 0 16px rgba(227,140,60,.65);
}

/* string-light dotted divider under section titles */
.section-title { position: relative; }
.divider { background: none; height: 14px; position: relative; max-width: 22rem; }
.divider::before {
  content: ""; position: absolute; inset: 0; top: 6px; height: 2px;
  background-image: radial-gradient(circle, var(--accent) 0 2px, transparent 2.5px);
  background-size: 16px 2px; background-repeat: repeat-x; opacity: .8;
}

/* glowing arched photo masks */
.media-frame { border-radius: 200px 200px 12px 12px / 120px 120px 12px 12px; box-shadow: 0 0 60px rgba(227,162,90,.18), 0 20px 50px rgba(0,0,0,.5); }
.media-frame img { filter: saturate(1.05) brightness(.96); }

.card { background: linear-gradient(180deg, var(--surface), #241b14); box-shadow: 0 0 40px rgba(227,162,90,.06) inset, 0 14px 40px rgba(0,0,0,.4); }
.places b { color: var(--accent); }
.places .bar > span { background: var(--accent); }

.btn { background: var(--accent); border-color: var(--accent); color: #241a10; font-weight: 500; }
.btn:hover { box-shadow: 0 0 30px rgba(227,162,90,.5); }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
#splash { background: var(--bg); }
.env-eyebrow { color: var(--accent); }
.env-hint { color: var(--muted); }
.tl-time { color: var(--accent); }
.contact-card a { color: var(--accent); }
input, textarea, .radio, .chip { background: #241b14; color: var(--ink); }
.hero-tag { color: #f0dcc2; }