/* =========================================================
   Screen 06 — «Прозрачный старт» (light, consultation scene)
   ========================================================= */

.s06 {
  --s06-h: clamp(720px, 62.5vw, 900px);
  min-height: var(--s06-h);
  padding: clamp(48px, 4.7vw, 68px) 0 clamp(40px, 4vw, 56px);
  background: var(--paper-4);
  color: var(--ink-2);
}
.s06__scene {
  position: absolute;
  z-index: 0;
  inset: 0;
  margin: 0;
  overflow: hidden;
}
.s06__scene img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% 40%;
}
.s06__scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(21, 21, 23, 0) 76%, rgba(21, 21, 23, .22) 100%),
    linear-gradient(90deg, #f5f2ec 0%, rgba(245, 242, 236, .97) 29%, rgba(245, 242, 236, .55) 40%, rgba(245, 242, 236, 0) 53%);
  pointer-events: none;
}

.s06__inner { position: static; }
.s06__copy { position: relative; z-index: 2; max-width: 560px; }
.s06__title {
  margin: clamp(22px, 2.8vw, 40px) 0 clamp(18px, 2.2vw, 32px);
  font-size: clamp(33px, 4vw, 58px);
  line-height: 1.07;
  letter-spacing: -.04em;
}
.s06__lead { max-width: 520px; font-size: clamp(16px, .6vw + 12px, 21px); color: rgba(23, 23, 25, .76); }

.terms {
  max-width: 470px;
  margin: clamp(26px, 3vw, 44px) 0 0;
  padding: 0 0 0 25px;
  border-left: 5px solid var(--red);
  list-style: none;
}
.terms li {
  display: flex;
  align-items: baseline;
  gap: 22px;
  padding: 13px 0;
  border-top: 1px solid rgba(23, 23, 25, .11);
  font-size: clamp(17px, .9vw + 10px, 23.5px);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.terms li:first-child { padding-top: 0; border-top: 0; }
.terms li:last-child { padding-bottom: 0; }
.terms li::before {
  content: attr(data-n);
  flex: none;
  min-width: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--red);
}
.terms .only-mobile { display: none; }

.s06__cta { position: relative; z-index: 2; margin-top: clamp(30px, 5vw, 76px); }
.s06__cta .cta { text-shadow: none; }
.s06__cta-note { margin-top: 26px; font-size: clamp(15px, .3vw + 12px, 16.5px); }

.s06__caption {
  position: absolute;
  z-index: 2;
  right: var(--gutter);
  top: 86%;
  margin: 0;
  padding-left: 20px;
  border-left: 5px solid var(--red);
  white-space: nowrap;
}
.s06__caption small { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; color: var(--red); }
.s06__caption b { display: block; margin-top: 8px; font-size: 18px; font-weight: 700; }

/* =========================================================
   Stacked states (< 900): light upper field, portrait scene band,
   CTA resting on the lower edge of the photograph
   ========================================================= */
@media (max-width: 899px) {
  .s06 { min-height: 0; padding: clamp(34px, 6vw, 48px) 0 0; }
  .s06__copy { max-width: 640px; }
  .s06__title { font-size: clamp(33px, 6vw, 46px); }
  .s06__lead { max-width: 520px; }
  .terms { max-width: 520px; }
  .terms li { font-size: clamp(16.5px, 2.6vw, 20px); padding: 10px 0; gap: 18px; }
  .s06__scene {
    position: relative;
    inset: auto;
    margin: -96px calc(-1 * var(--gutter)) 0;
    aspect-ratio: 39 / 56;
    max-height: 760px;
  }
  .s06__scene img { object-position: 50% 30%; }
  .s06__scene::after {
    background:
      linear-gradient(180deg, rgba(17, 17, 20, 0) 74%, rgba(17, 17, 20, .34) 100%),
      linear-gradient(180deg, #f6f3ed 0%, rgba(246, 243, 237, .98) 20%, rgba(246, 243, 237, 0) 40%);
  }
  .s06__cta { margin: -96px 0 0; padding-bottom: 30px; max-width: 440px; }
  .s06__cta-note { display: none; }
  .s06__caption { display: none; }
}
@media (max-width: 599px) {
  .s06 { padding-top: 30px; }
  .s06__title { margin: 16px 0 16px; font-size: 33px; line-height: 1.12; letter-spacing: -.03em; }
  .s06__lead { font-size: 16px; }
  .s06__lead .only-desktop { display: none; }
  .s06__lead .only-mobile { display: inline; }
  .terms { margin-top: 26px; padding-left: 16px; border-left-width: 4px; }
  .terms li { font-size: 16.5px; padding: 8px 0; gap: 14px; }
  .terms li::before { font-size: 10px; min-width: 14px; }
  .terms .only-desktop { display: none; }
  .terms .only-mobile { display: inline; }
  .s06__scene { margin-top: -104px; aspect-ratio: 39 / 60; }
  .s06__cta { margin-top: -96px; padding-bottom: 20px; max-width: none; }
}
@media (min-width: 600px) and (max-width: 899px) {
  .s06__lead .only-mobile { display: none; }
  .s06__scene { aspect-ratio: 4 / 3; margin-top: -56px; max-height: none; }
  .s06__scene img { object-position: 50% 35%; }
  .s06__scene::after {
    background:
      linear-gradient(180deg, rgba(17, 17, 20, 0) 74%, rgba(17, 17, 20, .34) 100%),
      linear-gradient(180deg, #f6f3ed 0%, rgba(246, 243, 237, .98) 12%, rgba(246, 243, 237, 0) 30%);
  }
}