/* ===== PAGE 2 GLOBAL ===== */

body.sis-page-sessions {
  background:
    radial-gradient(circle at 0 0, #2b1a10 0, transparent 55%),
    radial-gradient(circle at 100% 100%, #0f2421 0, transparent 55%),
    #050506;
}

/* базовая подстройка отступов — опираемся на общие sis-section, sis-shell */


/* ===== SECTION 1/17: SESSION STACK HERO ===== */

.si2-hero {
  padding-block: 3.6rem 3.4rem;
}

.si2-hero-inner {
  border-radius: 30px;
  padding: 2rem 1.7rem 2.1rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.22), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.9);
}

.si2-hero-grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1.9fr) minmax(0, 1.7fr);
  gap: 1.8rem;
  align-items: center;
}

/* вертикальная подпись слева */
.si2-hero-side-label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.si2-hero-vertical {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
  opacity: 0.85;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

/* центральная колонка */
.si2-hero-main {
  max-width: 32rem;
}

.si2-hero-title {
  margin: 0.3rem 0 0.35rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.6rem;
}

.si2-hero-lead {
  margin: 0 0 1.2rem;
  font-size: 0.9rem;
  color: var(--sis-text-soft);
}

/* таблетки фаз */
.si2-hero-phases {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.si2-hero-pill {
  border-radius: 999px;
  padding: 0.35rem 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(10, 12, 18, 0.98);
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  cursor: default;
  transition:
    transform 160ms var(--sis-ease-soft),
    border-color 160ms var(--sis-ease-soft),
    box-shadow 180ms var(--sis-ease-soft),
    background 160ms var(--sis-ease-soft);
}

.si2-hero-pill-dot {
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  background: var(--sis-mint);
  box-shadow: 0 0 10px rgba(123, 225, 191, 0.9);
}

.si2-hero-pill-label {
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

/* разные оттенки */
.si2-hero-pill--before {
  background: radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.3), transparent 65%),
    rgba(10, 12, 18, 0.98);
}
.si2-hero-pill--on {
  background: radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.3), transparent 65%),
    rgba(10, 12, 18, 0.98);
}
.si2-hero-pill--after {
  background: radial-gradient(circle at 0 0, rgba(255, 246, 220, 0.3), transparent 65%),
    rgba(10, 12, 18, 0.98);
}

.si2-hero-pill:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(10, 12, 20, 0.98);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.8);
}

/* правая колонка */
.si2-hero-visual {
  display: grid;
  gap: 0.9rem;
  justify-items: flex-start;
}

.si2-hero-photo {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #04060a);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.95);
  transform-origin: left bottom;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-hero-photo:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
  border-color: rgba(255, 255, 255, 0.6);
}

.si2-hero-photo-caption {
  position: absolute;
  inset-inline: 0.8rem;
  bottom: 0.7rem;
  padding: 0.35rem 0.6rem;
  border-radius: 13px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.74rem;
  color: var(--sis-text-soft);
}

/* нижний ряд чипов */
.si2-hero-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
}

.si2-hero-chip {
  position: relative;
  border-radius: 999px;
  padding: 0.18rem 0.4rem 0.2rem 0.2rem;
  background: rgba(7, 9, 14, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.85);
}

.si2-hero-chip img {
  border-radius: 999px;
}

.si2-hero-chip-label {
  font-size: 0.74rem;
  color: var(--sis-text-soft);
}

/* адаптив героя */
@media (max-width: 767px) {
  .si2-hero-inner {
    border-radius: 24px;
  }

  .si2-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }

  .si2-hero-side-label {
    justify-content: flex-start;
  }

  .si2-hero-vertical {
    writing-mode: horizontal-tb;
  }

  .si2-hero-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1024px) {
  .si2-hero-inner {
    padding-inline: 2.4rem;
  }
}


/* ===== SECTION 2/17: WARM-UP STACK ===== */

.si2-warmups {
  padding-block: 3.6rem 3.3rem;
}

.si2-warmups-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(242, 180, 106, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-warmups-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-warmups-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-warmups-text {
  margin: 0;
  font-size: 0.86rem;
  color: var(--sis-text-soft);
}

.si2-warmups-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* карточки */
.si2-warmups-cards {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.85);
  display: grid;
  gap: 0.65rem;
}

.si2-warmups-card {
  border-radius: 18px;
  padding: 0.55rem 0.7rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition:
    transform 200ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft);
}

.si2-warmups-card:nth-child(1) {
  border-color: rgba(242, 180, 106, 0.65);
}
.si2-warmups-card:nth-child(2) {
  border-color: rgba(123, 225, 191, 0.65);
}
.si2-warmups-card:nth-child(3) {
  border-color: rgba(255, 246, 220, 0.65);
}

.si2-warmups-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.95);
}

.si2-warmups-tag {
  margin: 0 0 0.05rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-warmups-name {
  margin: 0 0 0.18rem;
  font-size: 0.94rem;
}

.si2-warmups-body {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* галерея */
.si2-warmups-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-warmups-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.8);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-warmups-shot--boots {
  transform-origin: left top;
}
.si2-warmups-shot--bag {
  transform-origin: center;
}
.si2-warmups-shot--crack {
  transform-origin: right bottom;
}

.si2-warmups-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-warmups-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}


/* ===== SECTION 3/17: ATTENTION LANES ===== */

.si2-lanes {
  padding-block: 3.6rem 3.5rem;
}

.si2-lanes-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(245, 138, 178, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-lanes-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-lanes-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-lanes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr);
  gap: 1.8rem;
}

/* центр */
.si2-lanes-center {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.9);
  transform-origin: center;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-lanes-center:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 1);
}

.si2-lanes-center-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

/* карта полос внимания */
.si2-lanes-map {
  display: grid;
  gap: 0.65rem;
}

.si2-lane {
  border-radius: 999px;
  padding: 0.55rem 0.9rem 0.6rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.16);
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.8);
}

.si2-lane--sight {
  background: radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.22), transparent 60%),
    rgba(9, 11, 18, 0.98);
}
.si2-lane--sound {
  background: radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.22), transparent 60%),
    rgba(9, 11, 18, 0.98);
}
.si2-lane--body {
  background: radial-gradient(circle at 0 0, rgba(255, 246, 220, 0.22), transparent 60%),
    rgba(9, 11, 18, 0.98);
}

.si2-lane-label {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-lane-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* галерея */
.si2-lanes-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-lanes-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-lanes-shot--nod {
  transform-origin: left top;
}
.si2-lanes-shot--tent {
  transform-origin: center;
}
.si2-lanes-shot--hands {
  transform-origin: right bottom;
}

.si2-lanes-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-lanes-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}


/* ===== RESPONSIVE LAYOUT (общий для 2–3 секций) ===== */

@media (min-width: 768px) {
  .si2-warmups-inner,
  .si2-lanes-inner {
    padding-inline: 2.1rem;
  }

  .si2-warmups-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    align-items: center;
  }

  .si2-warmups-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .si2-lanes-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.05fr);
    align-items: center;
  }

  .si2-lanes-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 479px) {
  .si2-warmups-inner,
  .si2-lanes-inner {
    border-radius: 24px;
  }
}
/* ===== SECTION 4/17: ZERO-DAY SESSIONS ===== */

.si2-zero {
  padding-block: 3.6rem 3.3rem;
}

.si2-zero-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 0 0, rgba(255, 246, 220, 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-zero-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-zero-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-zero-text {
  margin: 0;
  font-size: 0.86rem;
  color: var(--sis-text-soft);
}

.si2-zero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* cards */
.si2-zero-cards {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-zero-card {
  border-radius: 18px;
  padding: 0.55rem 0.7rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.16);
  transition:
    transform 200ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft);
}

.si2-zero-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.95);
}

.si2-zero-tag {
  margin: 0 0 0.08rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-zero-name {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.si2-zero-body {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-zero-gallery {
  position: relative;
  display: grid;
  gap: 0.7rem;
}

.si2-zero-main {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.9);
  transform-origin: left bottom;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-zero-main:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 1);
  border-color: rgba(255, 255, 255, 0.6);
}

.si2-zero-main-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

.si2-zero-note {
  position: absolute;
  inline-size: 180px;
  border-radius: 18px;
  overflow: hidden;
  background: radial-gradient(circle at top, #202332, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.85);
}

.si2-zero-note--journal {
  right: -0.2rem;
  top: 0.4rem;
}

.si2-zero-note--pack {
  left: 0.4rem;
  bottom: -0.3rem;
}

.si2-zero-note-label {
  padding: 0.25rem 0.45rem 0.3rem;
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

/* ===== SECTION 5/17: ICE TRUST DRILLS ===== */

.si2-fear {
  padding-block: 3.6rem 3.4rem;
}

.si2-fear-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 100% 0, rgba(245, 138, 178, 0.22), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-fear-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-fear-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-fear-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* rings */
.si2-fear-rings {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #191a28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-fear-ring {
  border-radius: 999px;
  padding: 0.55rem 0.9rem 0.6rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-fear-ring-label {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-fear-ring-text {
  margin: 0.1rem 0 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-fear-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-fear-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transform-origin: center;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-fear-shot:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
}

.si2-fear-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

/* ===== SECTION 6/17: COMPANY RHYTHM ===== */

.si2-company {
  padding-block: 3.6rem 3.6rem;
}

.si2-company-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-company-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-company-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-company-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* role chips */
.si2-company-types {
  display: grid;
  gap: 0.6rem;
}

.si2-company-type {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.si2-company-role {
  margin: 0 0 0.12rem;
  font-size: 0.84rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-company-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-company-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-company-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-company-shot--group {
  transform-origin: left top;
}
.si2-company-shot--line {
  transform-origin: right bottom;
}

.si2-company-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-company-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}
/* gallery */
.si2-zero-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "main main"
    "note1 note2";
  gap: 0.7rem;
  align-items: flex-start;
}

.si2-zero-main {
  grid-area: main;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.9);
  transform-origin: left bottom;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-zero-main:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 1);
  border-color: rgba(255, 255, 255, 0.6);
}

.si2-zero-main-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

.si2-zero-note {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: radial-gradient(circle at top, #202332, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
}

.si2-zero-note--journal {
  grid-area: note1;
}

.si2-zero-note--pack {
  grid-area: note2;
}

.si2-zero-note-label {
  padding: 0.25rem 0.45rem 0.3rem;
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

/* адаптив для zero gallery */
@media (max-width: 767px) {
  .si2-zero-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "main"
      "note1"
      "note2";
  }
}
/* ===== SECTION 7/17: RHYTHM LOOPS ===== */

.si2-loops {
  padding-block: 3.6rem 3.3rem;
}

.si2-loops-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 246, 220, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-loops-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-loops-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-loops-text {
  margin: 0;
  font-size: 0.86rem;
  color: var(--sis-text-soft);
}

.si2-loops-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr);
  gap: 1.8rem;
}

/* rail */
.si2-loops-rail {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-loop-card {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-loop-tag {
  margin: 0 0 0.08rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-loop-name {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.si2-loop-body {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-loops-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-loops-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-loops-shot--tip {
  transform-origin: left top;
}
.si2-loops-shot--lure {
  transform-origin: center;
}
.si2-loops-shot--rings {
  transform-origin: right bottom;
}

.si2-loops-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-loops-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}


/* ===== SECTION 8/17: AFTER-ICE WIND DOWN ===== */

.si2-after {
  padding-block: 3.6rem 3.3rem;
}

.si2-after-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 100% 0, rgba(242, 180, 106, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-after-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-after-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-after-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* list */
.si2-after-list {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #191a28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-after-item {
  border-radius: 18px;
  padding: 0.55rem 0.7rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-after-tag {
  margin: 0 0 0.08rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-after-name {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.si2-after-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-after-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-after-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-after-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-after-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}


/* ===== SECTION 9/17: SOLO / COMPANY MODES ===== */

.si2-modes {
  padding-block: 3.6rem 3.6rem;
}

.si2-modes-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-modes-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-modes-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-modes-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.8rem;
}

/* mode cards */
.si2-modes-switch {
  display: grid;
  gap: 0.6rem;
}

.si2-mode-card {
  border-radius: 20px;
  padding: 0.7rem 0.85rem 0.8rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.si2-mode-card--solo {
  background: radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.24), transparent 60%),
    rgba(9, 11, 18, 0.98);
}

.si2-mode-card--group {
  background: radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.24), transparent 60%),
    rgba(9, 11, 18, 0.98);
}

.si2-mode-label {
  margin: 0 0 0.1rem;
  font-size: 0.82rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-mode-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* gallery */
.si2-modes-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-modes-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-modes-shot--solo {
  transform-origin: left top;
}
.si2-modes-shot--group {
  transform-origin: right bottom;
}

.si2-modes-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-modes-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}
@media (min-width: 768px) {
  /* существующие правила ... */

  .si2-loops-layout,
  .si2-after-layout,
  .si2-modes-layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr);
    align-items: center;
  }

  .si2-loops-gallery,
  .si2-after-gallery,
  .si2-modes-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ===== SECTION 10/17: CHECKLIST SESSIONS (ROW LAYOUT) ===== */

.si2-checklist {
  padding-block: 3.6rem 3.3rem;
}

.si2-checklist-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 0 0, rgba(255, 246, 220, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-checklist-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-checklist-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-checklist-text {
  margin: 0;
  font-size: 0.86rem;
  color: var(--sis-text-soft);
}

.si2-checklist-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
}

.si2-checklist-card {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.75rem;
}

.si2-checklist-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
}

.si2-checklist-thumb {
  inline-size: 80px;
  block-size: 80px;
  border-radius: 24px;
  overflow: hidden;
  background: #05060b;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.9);
}

.si2-checklist-thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.si2-checklist-block {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-checklist-name {
  margin: 0 0 0.2rem;
  font-size: 0.94rem;
}

.si2-checklist-items {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

@media (max-width: 479px) {
  .si2-checklist-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .si2-checklist-thumb {
    inline-size: 72px;
    block-size: 72px;
  }
}


/* ===== SECTION 11/17: STATE TRACKER (CENTER LINE WITH SIDE IMAGES) ===== */

.si2-tracker {
  padding-block: 3.6rem 3.3rem;
}

.si2-tracker-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 1.9rem;
  background:
    radial-gradient(circle at 100% 0, rgba(123, 225, 191, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-tracker-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-tracker-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-tracker-layout {
  display: grid;
}

.si2-tracker-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.9rem;
  align-items: center;
}

/* центр — линия состояний */
.si2-tracker-line {
  position: relative;
  padding: 1rem 0.4rem 0.3rem;
  border-radius: 22px;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
}

.si2-tracker-line::before {
  content: "";
  position: absolute;
  inset-inline: 1.2rem;
  top: 1.5rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(242, 180, 106, 0.6),
    rgba(123, 225, 191, 0.9),
    rgba(245, 138, 178, 0.6)
  );
}

.si2-tracker-point {
  position: relative;
  padding-inline: 1.2rem;
  margin-bottom: 0.8rem;
}

.si2-tracker-label {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-tracker-note {
  margin: 0.12rem 0 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

.si2-tracker-point::before {
  content: "";
  position: absolute;
  top: 1.35rem;
  left: 0.85rem;
  inline-size: 10px;
  block-size: 10px;
  border-radius: 50%;
  background: #f2b46a;
  box-shadow: 0 0 12px rgba(242, 180, 106, 0.9);
}

.si2-tracker-point:nth-child(2)::before {
  background: #7be1bf;
  box-shadow: 0 0 12px rgba(123, 225, 191, 0.9);
}
.si2-tracker-point:nth-child(3)::before {
  background: #f58ab2;
  box-shadow: 0 0 12px rgba(245, 138, 178, 0.9);
}

/* боковые фото */
.si2-tracker-gallery,
.si2-tracker-shot {
  /* обнуляем старые селекторы, чтобы не мешали */
}

.si2-tracker-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-tracker-shot:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
}

.si2-tracker-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

@media (min-width: 768px) {
  .si2-tracker-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr);
    gap: 1rem;
  }
}


/* ===== SECTION 12/17: SMALL EXPERIMENTS (MOSAIC) ===== */

.si2-experiments {
  padding-block: 3.6rem 3.6rem;
}

.si2-experiments-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(242, 180, 106, 0.2), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-experiments-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-experiments-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-experiments-layout {
  display: grid;
}

.si2-experiments-mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7rem;
}

/* карточки экспериментов */
.si2-experiment {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.si2-experiment-tag {
  margin: 0 0 0.06rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-experiment-name {
  margin: 0 0 0.16rem;
  font-size: 0.94rem;
}

.si2-experiment-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* изображения */
.si2-experiments-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-experiments-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-experiments-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

/* мозаика на широких экранах */
@media (min-width: 768px) {
  .si2-experiments-mosaic {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
    grid-template-areas:
      "img1 exp1"
      "img1 exp2"
      "exp3 img2";
  }

  .si2-experiments-shot--holes {
    grid-area: img1;
  }

  .si2-experiments-shot--light {
    grid-area: img2;
  }

  .si2-experiment--spacing {
    grid-area: exp1;
  }

  .si2-experiment--light {
    grid-area: exp2;
  }

  .si2-experiment--company {
    grid-area: exp3;
  }
}

/* мобильная последовательность */
@media (max-width: 767px) {
  .si2-experiments-mosaic {
    grid-template-areas:
      "img1"
      "exp1"
      "exp2"
      "img2"
      "exp3";
  }

  .si2-experiments-shot--holes {
    grid-area: img1;
  }

  .si2-experiments-shot--light {
    grid-area: img2;
  }

  .si2-experiment--spacing {
    grid-area: exp1;
  }

  .si2-experiment--light {
    grid-area: exp2;
  }

  .si2-experiment--company {
    grid-area: exp3;
  }
}
/* ===== SECTION 13/17: BREATH MAP COLUMN ===== */

.si2-breathmap {
  padding-block: 3.6rem 3.4rem;
}

.si2-breathmap-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(245, 138, 178, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-breathmap-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-breathmap-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-breathmap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.6rem;
}

/* левая колонка с двумя фото */
.si2-breathmap-side {
  display: grid;
  gap: 0.7rem;
}

.si2-breathmap-main-shot {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.9);
}

.si2-breathmap-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

.si2-breathmap-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 999px;
  padding: 0.18rem 0.4rem 0.18rem 0.2rem;
  background: rgba(7, 9, 14, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.8);
}

.si2-breathmap-chip img {
  border-radius: 999px;
}

.si2-breathmap-chip-label {
  font-size: 0.74rem;
  color: var(--sis-text-soft);
}

/* центральная колонка со ступенями */
.si2-breathmap-steps {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-breath-step {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-breath-step-title {
  margin: 0 0 0.16rem;
  font-size: 0.9rem;
}

.si2-breath-step-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* маленькое фото справа внизу */
.si2-breathmap-small {
  position: relative;
  justify-self: flex-start;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.si2-breathmap-small-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

@media (min-width: 768px) {
  .si2-breathmap-layout {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr) minmax(0, 0.9fr);
    align-items: stretch;
  }
}

/* ===== SECTION 14/17: SESSION TABLE STRIPS ===== */

.si2-strips {
  padding-block: 3.6rem 3.4rem;
}

.si2-strips-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(242, 180, 106, 0.22), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-strips-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-strips-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-strips-layout {
  display: grid;
  gap: 0.9rem;
}

.si2-strip-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  border-radius: 22px;
  padding: 0.8rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.9);
}

.si2-strip-photo {
  justify-self: flex-start;
  border-radius: 20px;
  overflow: hidden;
  background: #05060b;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-strip-content {
  max-width: 26rem;
}

.si2-strip-title {
  margin: 0 0 0.18rem;
  font-size: 0.96rem;
}

.si2-strip-text {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

@media (min-width: 768px) {
  .si2-strip-row {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.1fr);
  }

  .si2-strip-row:nth-child(2) {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.95fr);
  }
}

/* ===== SECTION 15/17: QUICK QUESTIONS PANEL ===== */

.si2-faq {
  padding-block: 3.6rem 3.6rem;
}

.si2-faq-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.24), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-faq-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-faq-title {
  margin: 0.3rem 0 0;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-faq-grid {
  display: grid;
  gap: 0.8rem;
}

.si2-faq-item {
  border-radius: 20px;
  padding: 0.8rem 0.9rem 0.9rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
}

.si2-faq-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.35rem;
}

.si2-faq-icon {
  inline-size: 60px;
  block-size: 60px;
  border-radius: 18px;
  overflow: hidden;
  background: #05060b;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.si2-faq-icon img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.si2-faq-icon--plain {
  background: radial-gradient(circle at 0 0, rgba(123, 225, 191, 0.4), transparent 70%);
}

.si2-faq-question {
  margin: 0;
  font-size: 0.92rem;
}

.si2-faq-answer {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

@media (min-width: 768px) {
  .si2-faq-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* ===== SECTION 16/17: CARD ROUTINES BOARD ===== */

.si2-cards {
  padding-block: 3.6rem 3.4rem;
}

.si2-cards-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2rem;
  background:
    radial-gradient(circle at 0 0, rgba(255, 246, 220, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.si2-cards-header {
  margin-bottom: 1.4rem;
  max-width: 32rem;
}

.si2-cards-title {
  margin: 0.3rem 0 0.2rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-cards-text {
  margin: 0;
  font-size: 0.86rem;
  color: var(--sis-text-soft);
}

.si2-cards-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.6rem;
}

/* board with steps */
.si2-cards-board {
  border-radius: 22px;
  padding: 0.9rem 1rem;
  background: radial-gradient(circle at top, #181c28, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.9);
  display: grid;
  gap: 0.6rem;
}

.si2-cards-step {
  border-radius: 18px;
  padding: 0.55rem 0.75rem 0.65rem;
  background: rgba(9, 11, 18, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.si2-cards-label {
  margin: 0 0 0.14rem;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sis-text-soft);
}

.si2-cards-body {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

/* image column */
.si2-cards-gallery {
  display: grid;
  gap: 0.7rem;
}

.si2-cards-shot {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: radial-gradient(circle at top, #222638, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.85);
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-cards-shot--fan {
  transform-origin: left top;
}
.si2-cards-shot--clipboard {
  transform-origin: right bottom;
}

.si2-cards-shot:hover {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.95);
  border-color: rgba(255, 255, 255, 0.5);
}

.si2-cards-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

@media (min-width: 768px) {
  .si2-cards-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: center;
  }

  .si2-cards-gallery {
    grid-auto-rows: 1fr;
  }
}

/* ===== SECTION 17/17: OUTRO PLAYLIST NOTE ===== */

.si2-outro {
  padding-block: 3.6rem 3.8rem;
}

.si2-outro-inner {
  border-radius: 28px;
  padding: 1.9rem 1.7rem 2.1rem;
  background:
    radial-gradient(circle at 0 0, rgba(245, 138, 178, 0.26), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(123, 225, 191, 0.18), transparent 60%),
    #09080c;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.si2-outro-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: 1.6rem;
  align-items: center;
}

.si2-outro-text {
  max-width: 34rem;
}

.si2-outro-title {
  margin: 0.3rem 0 0.25rem;
  font-family: "StillIce Display", system-ui, sans-serif;
  font-size: 1.35rem;
}

.si2-outro-lead {
  margin: 0 0 0.6rem;
  font-size: 0.88rem;
  color: var(--sis-text-soft);
}

.si2-outro-list {
  margin: 0 0 0.6rem;
  padding-left: 1.2rem;
  font-size: 0.84rem;
  color: var(--sis-text-muted);
}

.si2-outro-note {
  margin: 0;
  font-size: 0.84rem;
  color: var(--sis-text-soft);
}

/* image */
.si2-outro-photo {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(circle at top, #232634, #05060b);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.95);
  transform-origin: right bottom;
  transition:
    transform 220ms var(--sis-ease-soft),
    box-shadow 220ms var(--sis-ease-soft),
    border-color 200ms var(--sis-ease-soft);
}

.si2-outro-photo:hover {
  transform: translateY(-4px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 1);
}

.si2-outro-caption {
  position: absolute;
  inset-inline: 0.7rem;
  bottom: 0.6rem;
  padding: 0.3rem 0.5rem;
  border-radius: 12px;
  background: linear-gradient(
    to right,
    rgba(5, 6, 10, 0.96),
    rgba(5, 6, 10, 0.4)
  );
  font-size: 0.72rem;
  color: var(--sis-text-soft);
}

@media (min-width: 768px) {
  .si2-outro-layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
  }
}
/* === NORMALIZE TYPOGRAPHY ON SESSIONS PAGE TO MATCH LANDING === */

.sis-page--sessions {
  color: #f6f3ec; /* основной цвет текста как на первой странице */
}

/* заголовки — чисто белые / кремовые */
.sis-page--sessions h1,
.sis-page--sessions h2,
.sis-page--sessions h3,
.sis-page--sessions h4 {
  color: #f6f3ec;
}

/* основной текст и списки — мягкий, но читаемый */
.sis-page--sessions p,
.sis-page--sessions li {
  color: rgba(246, 243, 236, 0.84);
}

/* подписи и вторичный текст — ещё мягче */
.sis-page--sessions figcaption,
.sis-page--sessions small {
  color: rgba(246, 243, 236, 0.72);
}
.si2-hero-inner {
  position: relative;
  border-radius: 32px;
  padding: 2.2rem 2.1rem 2.4rem;
  background:
    radial-gradient(circle at 100% 0, rgba(28, 104, 118, 0.55), transparent 60%),
    radial-gradient(circle at 0 100%, rgba(242, 180, 106, 0.25), transparent 55%),
    #05070f;
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow:
    0 40px 120px rgba(0, 0, 0, 0.95),
    0 0 0 1px rgba(255, 255, 255, 0.04);
}