@charset "UTF-8";
/* ---------- COLORS ---------- */
/* ---------- FONT FAMILIES ---------- */
/* ---------- TYPOGRAPHY ---------- */
/* ---------- CSS CUSTOM PROPERTIES (для runtime-доступа из JS/замеров) ---------- */
:root {
  --c-white: #FFFFFF;
  --c-black: #000000;
  --c-ivory: #F7F1DF;
  --c-light-gray: #FAFAF9;
  --c-gold: #B29261;
  --c-orange: #E60000;
  --ff-display: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  --ff-sans: "CaslonDoric-stand", "Figtree", system-ui, -apple-system, sans-serif;
  --ff-script: "Shelley-stand", "Imperial Script", "Great Vibes", cursive;
}

.vision {
  width: 1440px;
  height: 1271px;
  background: #FFFFFF;
  padding: 120px 64px 0;
  box-sizing: border-box;
}
.vision__header {
  /* Figma Inner container 1312 × 235. */
  width: 1312px;
  height: 235px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vision__headline {
  /* Figma Headline container 626 × 136, центрирован в 1312. */
  width: 626px;
  height: 136px;
  text-align: center;
}
.vision__number {
  /* Figma Sans/Description 2 — Caslon Doric 12/1.4/10pt tracking. */
  font-family: "CaslonDoric-stand", "Figtree", system-ui, -apple-system, sans-serif;
  font-weight: 450;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.83em;
  color: #000000;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.vision__title {
  /* Figma Display/H1 — Chiswick Headline Light 100/1.1/0.
     Cormorant 100px шире Chiswick — nowrap чтобы не ломалось на 2 строки,
     и letter-spacing слегка уплотняем. */
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 300;
  font-size: 100px;
  line-height: 1.1;
  letter-spacing: 0;
  color: #000000;
  margin: 9px 0 0; /* 26-17=9px gap per Figma */
  text-transform: uppercase;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.vision__body {
  /* Figma body text 771.55 × 75, 3 строки × 25px.
     Cormorant шире Chiswick — уплотняем letter-spacing до 3-х строк. */
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0;
  width: 771.55px;
  color: #000000;
  text-align: center;
  margin: 24px auto 0; /* 160-136=24 gap */
  letter-spacing: -0.035em;
}
.vision__photo {
  /* Figma image frame 1312 × 700 at y=411.
     Demo placeholder: elegant couple shot из Unsplash + fallback gradient
     на случай офлайна/блока CDN. Клиент заменит через ACF. */
  width: 1312px;
  height: 700px;
  margin: 56px auto 0; /* 411-355=56 gap */
  background: url("../../assets/img/sections/vision-photo.png") center/cover no-repeat, linear-gradient(135deg, #1a1410 0%, #3a2818 45%, #20140c 100%);
  position: relative;
  overflow: hidden;
}
.vision {
  /* ───── Responsive overrides ───── */
}
@media (max-width: 1023px) {
  .vision {
    width: 100%;
    height: auto;
    padding: 80px 32px 0;
  }
  .vision__header {
    width: 100%;
    height: auto;
  }
  .vision__headline {
    width: 100%;
    height: auto;
  }
  .vision__title {
    font-size: 64px;
    white-space: normal;
    line-height: 1.1;
  }
  .vision__body {
    width: 100%;
    max-width: 640px;
    font-size: 17px;
  }
  .vision__photo {
    width: 100%;
    height: 460px;
    margin-top: 48px;
  }
}
@media (max-width: 767px) {
  .vision {
    padding: 60px 20px 0;
  }
  .vision__number {
    font-size: 11px;
  }
  .vision__title {
    font-size: 44px;
    margin-top: 8px;
    letter-spacing: -0.01em;
  }
  .vision__body {
    font-size: 15px;
    letter-spacing: -0.01em;
    line-height: 1.35;
    margin-top: 20px;
  }
  .vision__photo {
    height: 300px;
    margin-top: 36px;
  }
}