@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;
}

.case-study {
  width: 1440px;
  height: 784px;
  display: flex;
  background: #FFFFFF;
}
.case-study__left {
  /* Image + button 720 × 784.
     Demo placeholder: wedding venue из Unsplash + dark overlay для читаемости
     белого текста + fallback gradient. */
  position: relative;
  width: 720px;
  height: 784px;
  /* Figma 512:20519 — raw image fill через REST API (imageRef 6036685f...).
     Невеста с букетом — оригинал Figma без overlay kicker/title/button. */
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.55) 100%), url("../../assets/img/sections/case-study-left.png") center/cover no-repeat, linear-gradient(135deg, #3a2420 0%, #1a0e0a 100%);
  color: #FFFFFF;
  overflow: hidden;
}
.case-study__left-text {
  position: absolute;
  top: 90px;
  left: 197px;
  width: 327px;
  text-align: center;
}
.case-study__left-kicker {
  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;
  text-transform: uppercase;
  margin: 0;
}
.case-study__left-title {
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 400;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -2px;
  letter-spacing: -0.02em;
  margin: 24px 0 0;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.case-study__left-btn {
  position: absolute;
  top: 656px;
  left: 311px;
  display: inline-block;
  padding: 6px 2px;
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}
.case-study__right {
  /* Review 720 × 784 */
  position: relative;
  width: 720px;
  height: 784px;
  background: #F7F1DF;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.case-study__chevron {
  position: absolute;
  top: 384px;
  width: 10px;
  height: 16px;
  color: #000000;
  opacity: 0.5;
  font-family: system-ui;
  font-size: 18px;
  line-height: 1;
}
.case-study__chevron--prev {
  left: 74px;
}
.case-study__chevron--next {
  left: 646px;
}
.case-study__content {
  /* 282 × 624 at (219, 80) */
  position: absolute;
  top: 80px;
  left: 219px;
  width: 282px;
}
.case-study__photo {
  /* Demo placeholder: wedding portrait из Unsplash + fallback gradient. */
  width: 282px;
  height: 360px;
  background: url("../../assets/img/sections/case-study-photo.png") center/cover no-repeat, linear-gradient(135deg, #8a7a6a 0%, #6a5a4a 60%, #4a3a2a 100%);
}
.case-study__quote {
  margin-top: 40px;
}
.case-study__quote-title {
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 2px;
  letter-spacing: 0;
  margin: 0;
  font-weight: 500;
  text-transform: none;
}
.case-study__quote-body {
  font-family: "Chiswick-stand", "Playfair Display", "Times New Roman", serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0;
  margin: 16px 0 0;
}
.case-study__quote-author {
  margin-top: 24px;
  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;
  text-transform: uppercase;
}
.case-study {
  /* ───── Responsive overrides ───── */
}
@media (max-width: 1023px) {
  .case-study {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
  .case-study__left, .case-study__right {
    width: 100%;
    height: auto;
    min-height: 520px;
  }
  .case-study__left {
    padding: 80px 24px 120px;
  }
  .case-study__left-text {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  .case-study__left-btn {
    position: absolute;
    top: auto;
    bottom: 56px;
    left: 50%;
    transform: translateX(-50%);
  }
  .case-study__right {
    padding: 80px 24px 80px;
    align-items: center;
  }
  .case-study__content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  .case-study__photo {
    width: 100%;
    height: auto;
    aspect-ratio: 282/360;
  }
  .case-study__chevron {
    top: 50%;
    transform: translateY(-50%);
  }
  .case-study__chevron--prev {
    left: 16px;
  }
  .case-study__chevron--next {
    left: auto;
    right: 16px;
  }
}
@media (max-width: 767px) {
  .case-study__left, .case-study__right {
    min-height: 440px;
  }
  .case-study__left {
    padding: 60px 20px 100px;
  }
  .case-study__right {
    padding: 60px 20px 60px;
  }
  .case-study__left-title {
    font-size: 44px;
  }
  .case-study__quote-title {
    font-size: 20px;
  }
  .case-study__quote-body {
    font-size: 14px;
    line-height: 1.5;
  }
}