/* Сайт цирковых представлений. Наследует систему style.css (бумага, Georgia, clamp-масштаб),
   но композиция своя: центрированный герой + расписание площадок вместо цитаты.
   Грузится ПОСЛЕ style.css. */
:root{
  --ink:#2b2620;
  --paper:#f7efe1;
  --paper-2:#efe3cf;
  --wine:#8c2f26;      /* кирпично-красный — заголовки и кнопки */
  --wine-2:#a63a2c;
  --olive:#1f5f68;     /* сине-зелёная плашка шапки */
  --gold:#8a5a12;
  --gold-2:#c9922f;
  --muted:#6b6052;
}

/* ---------- герой ---------- */
/* Фоновой картинки нет намеренно: выцветший шатёр за заголовком читался пятном.
   Силуэт вынесен отдельной чёткой полосой внизу героя (.tent-band). */
.hero-circus{
  background:var(--paper);
  padding-bottom:0;
}
.hero-circus::after{content:none}

.hero-c{text-align:center;padding:clamp(38px,4.4vw,64px) 20px clamp(30px,3.4vw,46px)}
.hero-circus .hero-over{
  text-transform:uppercase;letter-spacing:.3em;
  font-size:clamp(11px,.9vw,13px);color:var(--gold);margin-bottom:14px;
}
.hero-circus h1{
  color:var(--wine);
  font-size:clamp(36px,5.4vw,74px);
  line-height:1.04;letter-spacing:.02em;text-transform:uppercase;font-weight:400;
}
.hero-dates{
  margin:clamp(18px,1.8vw,26px) auto 0;
  display:inline-block;
  border-top:1px solid var(--gold-2);border-bottom:1px solid var(--gold-2);
  padding:9px clamp(16px,2vw,28px);
  font-size:clamp(16px,1.15vw,21px);color:var(--ink);
}
.hero-dates b{color:var(--wine);font-weight:600}
.hero-circus .hero-sub{
  max-width:min(100%,40em);margin:clamp(18px,1.8vw,26px) auto 0;
  font-size:clamp(16px,.95vw,20px);color:#4a4335;font-style:normal;
}
.hero-circus .hero-action{
  display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,30px);
  flex-wrap:wrap;margin-top:clamp(24px,2.6vw,38px);
}
.hero-circus .hero-cta{background:var(--wine);box-shadow:0 6px 20px rgba(140,47,38,.22)}
.hero-circus .hero-cta:hover{background:var(--wine-2)}
.hero-link{
  color:var(--wine);text-decoration:none;font-size:clamp(15px,.9vw,18px);
  border-bottom:1px solid rgba(140,47,38,.35);padding-bottom:2px;
}
.hero-link:hover{border-bottom-color:var(--wine)}

/* силуэт шатра и городских крыш — чёткой полосой, а не размытым фоном */
/* Одна сцена на всю ширину, БЕЗ повтора: при repeat-x на широком экране
   получалось два шатра подряд. cover обрезает края города, шатёр всегда по центру. */
.tent-band{
  height:clamp(96px,11vw,190px);
  background:url('tent-band.svg') no-repeat center bottom;
  background-size:cover;
  border-bottom:1px solid #e6d6b8;
}

.hero-circus .logos{background:#fffdf6;border-bottom-color:#e6d6b8}

/* ---------- расписание ---------- */
.sched{padding:clamp(40px,4vw,64px) 0 clamp(10px,1vw,20px)}
/* расписанию нужна ширина под три колонки — текстовой колонки страницы мало */
.sched .wrap{width:min(100%, clamp(880px, 66vw, 1160px))}
.sched h2{
  text-align:center;font-weight:400;color:var(--wine);
  font-size:clamp(26px,2.2vw,42px);margin-bottom:10px;
}
.sched-hint{text-align:center;color:var(--muted);max-width:38em;margin:0 auto clamp(22px,2.4vw,34px)}
.sched-list{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,20vw,320px),1fr));
  gap:clamp(10px,1vw,16px);
}
.sched-item{
  background:#fffdf7;border:1px solid #e6d6b8;border-left:3px solid var(--gold-2);
  border-radius:5px;padding:13px 16px;
}
.sched-item .d{
  font-size:clamp(16px,1.1vw,20px);color:var(--wine);font-weight:600;
}
.sched-item .t{color:var(--muted);font-weight:400;font-size:.9em;margin-left:6px}
.sched-item .v{font-size:clamp(14px,.9vw,17px);color:var(--ink);margin-top:3px;line-height:1.4}
.sched-item.full{opacity:.6}
.sched-item.full .d::after{content:' · мест нет';color:var(--muted);font-size:.75em;font-weight:400}

/* ---------- форма ---------- */
.card{border-top-color:var(--wine)}
.res-okrug{color:var(--gold);border-color:var(--gold-2)}
.btn{background:linear-gradient(180deg,var(--wine-2),var(--wine))}
.age,.res-age{color:var(--gold);border-color:var(--gold-2)}
.check input{accent-color:var(--wine)}
#companion-block{border-left-color:var(--gold-2)}
.field input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(201,146,47,.18)}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--wine)}