/* ===========================
   SHARED SECTION ELEMENTS (PAGE 2)
   =========================== */

.gb-section-kicker {
  font-size: 0.82rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gb-color-ice-soft);
  margin: 0 0 0.8rem;
}

.gb-section-title {
  font-family: var(--gb-font-serif);
  font-size: 1.8rem;
  line-height: 1.3;
  color: var(--gb-color-text);
  margin: 0 0 1rem;
}

/* ===========================
   SECTION 1 — FIELD GUIDE INTRO
   =========================== */

.gb-fieldhero {
  padding: 80px 0 78px;
  position: relative;
}

.gb-fieldhero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 36px;
  align-items: center;
}

.gb-fieldhero__title {
  font-size: 2.1rem;
  line-height: 1.25;
  margin-bottom: 1.1rem;
}

.gb-fieldhero__stats {
  margin: 1.4rem 0 0;
  padding: 12px 14px;
  border-radius: 22px;
  border: 1px solid rgba(188, 214, 248, 0.3);
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.16), transparent 55%),
    linear-gradient(135deg, rgba(5, 14, 36, 0.98), rgba(7, 18, 46, 0.98));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gb-fieldhero__stat dt {
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gb-color-ice-soft);
  margin-bottom: 4px;
}

.gb-fieldhero__stat dd {
  margin: 0;
  font-size: 0.86rem;
}

/* Visual board */

.gb-fieldhero__board {
  position: relative;
  min-height: 320px;
}

.gb-fieldhero__card {
  position: absolute;
  max-width: 260px;
  padding: 8px;
  border-radius: 22px;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.32);
  box-shadow: var(--gb-shadow-elevated);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-fieldhero__card img {
  border-radius: 16px;
}

.gb-fieldhero__card--main {
  top: -8px;
  right: 4%;
  transform: rotate(-4deg);
}

.gb-fieldhero__card--side {
  bottom: -10px;
  left: 0;
  transform: rotate(4deg);
}

.gb-fieldhero__card--tag {
  top: 36%;
  left: 48%;
  transform: translateX(-50%) rotate(-8deg);
}

.gb-fieldhero__card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.98);
}

.gb-fieldhero__caption {
  margin-top: 0.45rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 2 — SESSION LOOPS MAP
   =========================== */

.gb-loop {
  padding: 72px 0 74px;
  position: relative;
}

.gb-loop__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
  gap: 34px;
  align-items: center;
}

/* Map side */

.gb-loop__map {
  position: relative;
  min-height: 280px;
}

.gb-loop__track {
  position: absolute;
  inset-inline: 10%;
  top: 6%;
  bottom: 10%;
  border-radius: 60% 40% 50% 45%;
  border: 2px dashed rgba(192, 243, 255, 0.7);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
  background: radial-gradient(circle at 20% 0, rgba(110, 231, 255, 0.18), transparent 60%);
}

.gb-loop__pin {
  position: absolute;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.32), rgba(3, 10, 26, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.6);
  color: var(--gb-color-ice-soft);
}

.gb-loop__pin--start {
  left: -10px;
  top: 12%;
}

.gb-loop__pin--mid {
  left: 50%;
  top: 48%;
  transform: translateX(-50%);
}

.gb-loop__pin--end {
  right: -12px;
  bottom: 10%;
}

/* Photos inside map block */

.gb-loop__photo {
  position: absolute;
  max-width: 230px;
  padding: 8px;
  border-radius: 20px;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-loop__photo img {
  border-radius: 14px;
}

.gb-loop__photo--wide {
  left: 8%;
  bottom: -10px;
  transform: rotate(-4deg);
}

.gb-loop__photo--detail {
  right: 0;
  top: 2%;
  transform: rotate(5deg);
}

.gb-loop__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-loop__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* Text side */

.gb-loop__text p:last-of-type {
  margin-bottom: 0.8rem;
}

.gb-loop__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-loop__list li + li {
  margin-top: 0.2rem;
}

/* ===========================
   SECTION 3 — CREW ROLES
   =========================== */

.gb-crew {
  padding: 74px 0 80px;
  position: relative;
}

.gb-crew__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 34px;
  align-items: flex-start;
}

.gb-crew__roles {
  margin-top: 1.4rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.gb-crew__role {
  padding: 10px 12px;
  border-radius: 18px;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(5, 14, 36, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  font-size: 0.86rem;
}

.gb-crew__role h3 {
  font-size: 0.96rem;
  margin: 0 0 0.25rem;
}

/* Photo stack */

.gb-crew__stack {
  position: relative;
  min-height: 260px;
}

.gb-crew__photo {
  position: absolute;
  max-width: 240px;
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.32);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-crew__photo img {
  border-radius: 16px;
}

.gb-crew__photo--group {
  top: -4px;
  left: 4%;
  transform: rotate(-4deg);
}

.gb-crew__photo--solo {
  bottom: -10px;
  right: 0;
  transform: rotate(4deg);
}

.gb-crew__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-crew__caption {
  margin-top: 0.45rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   RESPONSIVE (PAGE 2, SECTIONS 1–3)
   =========================== */

@media (max-width: 1024px) {
  .gb-fieldhero__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }

  .gb-fieldhero__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gb-loop__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  }

  .gb-crew__roles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .gb-fieldhero__grid {
    grid-template-columns: 1fr;
  }

  .gb-fieldhero__board {
    margin-top: 20px;
    min-height: auto;
  }

  .gb-fieldhero__card {
    position: relative;
    margin: 0 auto 12px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: rotate(0deg);
  }

  .gb-loop__grid {
    grid-template-columns: 1fr;
  }

  .gb-loop__map {
    margin-bottom: 18px;
    min-height: auto;
  }

  .gb-loop__track {
    position: relative;
    inset-inline: auto;
    top: auto;
    bottom: auto;
    width: 220px;
    height: 140px;
    margin: 0 auto 16px;
  }

  .gb-loop__photo {
    position: relative;
    margin: 0 auto 12px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: rotate(0deg);
  }

  .gb-crew__grid {
    grid-template-columns: 1fr;
  }

  .gb-crew__stack {
    margin-top: 18px;
    min-height: auto;
  }

  .gb-crew__photo {
    position: relative;
    margin: 0 auto 12px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: rotate(0deg);
  }

  .gb-crew__roles {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .gb-fieldhero {
    padding: 64px 0 68px;
  }

  .gb-loop {
    padding: 60px 0 64px;
  }

  .gb-crew {
    padding: 62px 0 68px;
  }

  .gb-fieldhero__title {
    font-size: 1.7rem;
  }
}
/* ===========================
   SECTION 4 — START-OF-DAY CORRIDOR
   =========================== */

.gb-start {
  padding: 70px 0 74px;
  position: relative;
}

.gb-start__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 34px;
  align-items: flex-start;
}

.gb-start__steps {
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: gb-start-step;
  border-left: 2px dashed rgba(188, 214, 248, 0.5);
  padding-left: 16px;
}

.gb-start__steps li {
  margin-bottom: 0.7rem;
  padding-left: 6px;
  position: relative;
}

.gb-start__steps li::before {
  counter-increment: gb-start-step;
  content: counter(gb-start-step, decimal-leading-zero);
  position: absolute;
  left: -44px;
  top: 2px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gb-color-ice-soft);
  border: 1px solid rgba(192, 243, 255, 0.7);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.28), rgba(3, 10, 26, 0.96));
}

.gb-start__steps h3 {
  font-size: 0.98rem;
  margin: 0 0 0.15rem;
}

.gb-start__steps p {
  font-size: 0.86rem;
  margin: 0;
}

/* Photos */

.gb-start__photos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.gb-start__photo {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-start__photo img {
  border-radius: 14px;
}

.gb-start__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.98);
}

.gb-start__caption {
  margin-top: 0.4rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 5 — GEAR PAIRS
   =========================== */

.gb-pairs {
  padding: 72px 0 74px;
  position: relative;
}

.gb-pairs__header {
  max-width: 760px;
  margin-bottom: 22px;
}

.gb-pairs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gb-pairs__card {
  position: relative;
  border-radius: 24px;
  padding: 14px 12px 16px;
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), transparent 55%),
    linear-gradient(145deg, rgba(5, 14, 36, 0.98), rgba(7, 18, 46, 0.98));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal),
    border-color var(--gb-transition-normal);
}

.gb-pairs__card::after {
  content: "";
  position: absolute;
  inset-inline: 16px;
  top: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6ee7ff, #c0f3ff);
  opacity: 0.85;
}

.gb-pairs__card:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.96);
  border-color: rgba(192, 243, 255, 0.45);
}

.gb-pairs__card-head {
  margin-bottom: 0.6rem;
}

.gb-pairs__card-head h3 {
  font-size: 1rem;
  margin: 0 0 0.2rem;
}

.gb-pairs__card-head p {
  font-size: 0.84rem;
  margin: 0;
  color: rgba(198, 214, 239, 0.92);
}

.gb-pairs__figure {
  margin-bottom: 0.6rem;
}

.gb-pairs__figure img {
  border-radius: 14px;
}

.gb-pairs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-pairs__list li + li {
  margin-top: 0.2rem;
}

/* ===========================
   SECTION 6 — MICRO BREAKS
   =========================== */

.gb-breaks {
  padding: 74px 0 80px;
  position: relative;
}

.gb-breaks__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: flex-start;
}

.gb-breaks__list {
  list-style: none;
  margin: 1.2rem 0 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-breaks__list li + li {
  margin-top: 0.2rem;
}

/* Tiles */

.gb-breaks__tiles {
  display: grid;
  grid-template-rows: auto auto;
  gap: 12px;
}

.gb-breaks__tile {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-breaks__tile img {
  border-radius: 14px;
}

.gb-breaks__tile:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.98);
}

.gb-breaks__caption {
  margin-top: 0.4rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}
@media (max-width: 1024px) {
  .gb-start__grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  }

  .gb-pairs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gb-breaks__grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
  }
}

@media (max-width: 840px) {
  .gb-start__grid,
  .gb-breaks__grid {
    grid-template-columns: 1fr;
  }

  .gb-start__photos,
  .gb-breaks__tiles {
    margin-top: 16px;
  }

  .gb-pairs__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .gb-start,
  .gb-pairs,
  .gb-breaks {
    padding: 60px 0 64px;
  }
}
/* ===========================
   SECTION 7 — TEMPO STRIP
   =========================== */

.gb-tempo {
  padding: 72px 0 76px;
  position: relative;
}

.gb-tempo__shell {
  position: relative;
}

.gb-tempo__header {
  max-width: 780px;
  margin-bottom: 22px;
}

.gb-tempo__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
  gap: 26px;
  align-items: flex-start;
}

/* Vertical bar */

.gb-tempo__lane {
  position: relative;
  min-height: 220px;
}

.gb-tempo__bar {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 6px;
  border-radius: 999px;
  transform: translateX(-50%);
  background: linear-gradient(
    180deg,
    rgba(110, 231, 255, 0.9),
    rgba(192, 243, 255, 0.8),
    rgba(255, 179, 92, 0.8)
  );
  box-shadow:
    0 0 18px rgba(110, 231, 255, 0.9),
    0 0 40px rgba(255, 179, 92, 0.8);
}

.gb-tempo__tick {
  position: absolute;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.3), rgba(3, 10, 26, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.7);
  color: var(--gb-color-ice-soft);
}

.gb-tempo__tick--dawn {
  top: 4%;
  left: calc(100% + 10px);
}

.gb-tempo__tick--noon {
  top: 48%;
  right: calc(100% + 10px);
}

.gb-tempo__tick--dusk {
  bottom: 4%;
  left: calc(100% + 10px);
}

/* Copy + list */

.gb-tempo__copy {
  align-self: center;
}

.gb-tempo__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gb-tempo__list li + li {
  margin-top: 0.5rem;
}

.gb-tempo__list strong {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 2px;
}

.gb-tempo__list span {
  font-size: 0.86rem;
}

/* Photos row */

.gb-tempo__photos {
  grid-column: 1 / -1;
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.gb-tempo__photo {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-tempo__photo img {
  border-radius: 14px;
}

.gb-tempo__photo--morning {
  transform: rotate(-3deg);
}

.gb-tempo__photo--mid {
  transform: translateY(-4px);
}

.gb-tempo__photo--evening {
  transform: rotate(3deg);
}

.gb-tempo__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-tempo__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 8 — QUIET SIGNALS
   =========================== */

.gb-signals {
  padding: 72px 0 76px;
  position: relative;
}

.gb-signals__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.gb-signals__list {
  list-style: none;
  margin: 1.4rem 0 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-signals__list li + li {
  margin-top: 0.3rem;
}

.gb-signals__list strong {
  display: block;
  font-size: 0.9rem;
}

/* Gallery */

.gb-signals__gallery {
  position: relative;
  min-height: 260px;
}

.gb-signals__beam {
  position: absolute;
  inset-inline: 0;
  top: 22%;
  height: 70px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 0 50%, rgba(110, 231, 255, 0.18), transparent 60%),
    radial-gradient(circle at 100% 50%, rgba(255, 179, 92, 0.2), transparent 60%);
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
}

.gb-signals__photo {
  position: absolute;
  max-width: 230px;
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-signals__photo img {
  border-radius: 14px;
}

.gb-signals__photo--hand {
  left: 0;
  bottom: -8px;
  transform: rotate(-4deg);
}

.gb-signals__photo--lamp {
  right: 0;
  top: -6px;
  transform: rotate(3deg);
}

.gb-signals__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-signals__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 9 — DRYING LINE
   =========================== */

.gb-dryline {
  padding: 74px 0 82px;
  position: relative;
}

.gb-dryline__shell {
  position: relative;
}

.gb-dryline__header {
  max-width: 760px;
  margin-bottom: 22px;
}

/* Rope */

.gb-dryline__rope {
  position: relative;
  margin-bottom: 20px;
  height: 40px;
}

.gb-dryline__rope::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(192, 243, 255, 0.3),
    rgba(255, 179, 92, 0.6),
    rgba(192, 243, 255, 0.3)
  );
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
  transform: translateY(-50%);
}

.gb-dryline__clip {
  position: absolute;
  width: 14px;
  height: 18px;
  border-radius: 4px;
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.5), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.7);
  top: 50%;
  transform: translateY(-50%);
}

.gb-dryline__clip--one {
  left: 16%;
}

.gb-dryline__clip--two {
  left: 50%;
}

.gb-dryline__clip--three {
  right: 16%;
}

/* Cards */

.gb-dryline__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gb-dryline__card {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-dryline__card img {
  border-radius: 14px;
}

.gb-dryline__card--left {
  transform: rotate(-3deg);
}

.gb-dryline__card--center {
  transform: translateY(-4px);
}

.gb-dryline__card--right {
  transform: rotate(3deg);
}

.gb-dryline__card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-dryline__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}
@media (max-width: 1024px) {
  .gb-tempo__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  }

  .gb-signals__grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }

  .gb-dryline__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .gb-tempo__grid {
    grid-template-columns: 1fr;
  }

  .gb-tempo__lane {
    min-height: 160px;
    margin-bottom: 10px;
  }

  .gb-tempo__photos {
    grid-template-columns: 1fr;
  }

  .gb-signals__grid {
    grid-template-columns: 1fr;
  }

  .gb-signals__gallery {
    margin-top: 18px;
    min-height: auto;
  }

  .gb-signals__photo {
    position: relative;
    margin: 0 auto 12px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: rotate(0deg);
  }

  .gb-dryline__items {
    grid-template-columns: 1fr;
  }

  .gb-dryline__card--left,
  .gb-dryline__card--center,
  .gb-dryline__card--right {
    transform: rotate(0deg);
  }
}

@media (max-width: 520px) {
  .gb-tempo,
  .gb-signals,
  .gb-dryline {
    padding: 60px 0 64px;
  }
}
/* ===========================
   SECTION 10 — BORDERLESS JOURNEY
   =========================== */

.gb-journey {
  padding: 72px 0 76px;
  position: relative;
}

.gb-journey__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.gb-journey__text p:last-of-type {
  margin-bottom: 1.2rem;
}

.gb-journey__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gb-journey__badge {
  font-size: 0.82rem;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(188, 214, 248, 0.55);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.16), rgba(5, 14, 36, 0.96));
  color: var(--gb-color-ice-soft);
}

/* Visual */

.gb-journey__visual {
  position: relative;
  min-height: 260px;
}

.gb-journey__stamp {
  position: absolute;
  inset: 6% 2%;
  border-radius: 32px;
  border: 1px dashed rgba(188, 214, 248, 0.6);
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, rgba(255, 179, 92, 0.18), transparent 60%);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.9);
}

.gb-journey__photo {
  position: absolute;
  max-width: 240px;
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.32);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-journey__photo img {
  border-radius: 16px;
}

.gb-journey__photo--main {
  top: -6px;
  right: 2%;
  transform: rotate(-4deg);
}

.gb-journey__photo--small {
  bottom: -8px;
  left: 4%;
  transform: rotate(5deg);
}

.gb-journey__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 28px 64px rgba(0, 0, 0, 0.98);
}

.gb-journey__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 11 — THREE QUIET CHECKS
   =========================== */

.gb-checks {
  padding: 72px 0 76px;
  position: relative;
}

.gb-checks__header {
  max-width: 760px;
  margin-bottom: 22px;
}

.gb-checks__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gb-checks__card {
  border-radius: 24px;
  padding: 12px 12px 16px;
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), transparent 55%),
    linear-gradient(145deg, rgba(5, 14, 36, 0.98), rgba(7, 18, 46, 0.98));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal),
    border-color var(--gb-transition-normal);
}

.gb-checks__card:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.96);
  border-color: rgba(192, 243, 255, 0.45);
}

.gb-checks__figure {
  margin-bottom: 0.6rem;
}

.gb-checks__figure img {
  border-radius: 14px;
}

.gb-checks__card h3 {
  font-size: 0.98rem;
  margin: 0 0 0.25rem;
}

.gb-checks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-checks__list li + li {
  margin-top: 0.2rem;
}

/* ===========================
   SECTION 12 — COMMUTE BACK
   =========================== */

.gb-commute {
  padding: 74px 0 82px;
  position: relative;
}

.gb-commute__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.gb-commute__text p:last-of-type {
  margin-bottom: 0;
}

/* Strip */

.gb-commute__strip {
  position: relative;
  min-height: 240px;
}

.gb-commute__line {
  position: absolute;
  inset-inline: 4%;
  bottom: 12%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(192, 243, 255, 0.3),
    rgba(255, 179, 92, 0.7),
    rgba(192, 243, 255, 0.3)
  );
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.9);
}

/* Photos */

.gb-commute__photo {
  position: absolute;
  max-width: 240px;
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-commute__photo img {
  border-radius: 14px;
}

.gb-commute__photo--night {
  top: -6px;
  left: 4%;
  transform: rotate(-3deg);
}

.gb-commute__photo--station {
  bottom: -10px;
  right: 2%;
  transform: rotate(3deg);
}

.gb-commute__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-commute__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}
@media (max-width: 1024px) {
  .gb-journey__grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  }

  .gb-checks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gb-commute__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  }
}

@media (max-width: 840px) {
  .gb-journey__grid,
  .gb-commute__grid {
    grid-template-columns: 1fr;
  }

  .gb-journey__visual,
  .gb-commute__strip {
    margin-top: 18px;
    min-height: auto;
  }

  .gb-journey__photo,
  .gb-commute__photo {
    position: relative;
    margin: 0 auto 12px;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: rotate(0deg);
  }

  .gb-checks__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .gb-journey,
  .gb-checks,
  .gb-commute {
    padding: 60px 0 64px;
  }
}
/* ===========================
   SECTION 13 — SEASON LINES
   =========================== */

.gb-seasons {
  padding: 72px 0 78px;
  position: relative;
}

.gb-seasons__header {
  max-width: 760px;
  margin-bottom: 20px;
}

.gb-seasons__band {
  position: relative;
  height: 40px;
  border-radius: 999px;
  margin-bottom: 22px;
  background: linear-gradient(
    90deg,
    rgba(110, 231, 255, 0.7),
    rgba(192, 243, 255, 0.7),
    rgba(255, 179, 92, 0.8)
  );
  box-shadow:
    0 0 22px rgba(110, 231, 255, 0.8),
    0 0 40px rgba(255, 179, 92, 0.9);
}

.gb-seasons__tag {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  background: radial-gradient(circle at 0 0, rgba(5, 14, 36, 0.9), rgba(3, 10, 26, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.8);
  color: var(--gb-color-ice-soft);
}

.gb-seasons__tag--early {
  left: 8%;
}

.gb-seasons__tag--deep {
  left: 42%;
}

.gb-seasons__tag--late {
  right: 6%;
}

.gb-seasons__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 26px;
  align-items: flex-start;
}

.gb-seasons__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.86rem;
}

.gb-seasons__list li + li {
  margin-top: 0.3rem;
}

.gb-seasons__list strong {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 2px;
}

.gb-seasons__photos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.gb-seasons__photo {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-seasons__photo img {
  border-radius: 14px;
}

.gb-seasons__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.98);
}

.gb-seasons__caption {
  margin-top: 0.4rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 14 — REPAIR EVENINGS
   =========================== */

.gb-repairs {
  padding: 72px 0 78px;
  position: relative;
}

.gb-repairs__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.gb-repairs__stack {
  position: relative;
  min-height: 240px;
}

.gb-repairs__photo {
  position: absolute;
  max-width: 240px;
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.32);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-repairs__photo img {
  border-radius: 16px;
}

.gb-repairs__photo--front {
  top: -4px;
  left: 4%;
  transform: rotate(-4deg);
  z-index: 2;
}

.gb-repairs__photo--back {
  bottom: -10px;
  right: 0;
  transform: rotate(4deg);
}

.gb-repairs__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.98);
}

.gb-repairs__caption {
  margin-top: 0.42rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 15 — COMPANY ON THE ICE
   =========================== */

.gb-company {
  padding: 74px 0 80px;
  position: relative;
}

.gb-company__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: flex-start;
}

.gb-company__stories {
  display: grid;
  grid-template-rows: repeat(3, auto);
  gap: 12px;
}

.gb-company__card {
  padding: 10px 10px 12px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), transparent 55%),
    linear-gradient(145deg, rgba(5, 14, 36, 0.98), rgba(7, 18, 46, 0.98));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  font-size: 0.86rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.2fr);
  gap: 10px;
}

.gb-company__figure img {
  border-radius: 14px;
}

.gb-company__card h3 {
  font-size: 0.96rem;
  margin: 0 0 0.2rem;
}

/* ===========================
   SECTION 16 — PACKING LIST STRIP
   =========================== */

.gb-packlist {
  padding: 72px 0 80px;
  position: relative;
}

.gb-packlist__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);
  gap: 34px;
  align-items: center;
}

.gb-packlist__steps {
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: gb-packlist-step;
  border-left: 2px dashed rgba(188, 214, 248, 0.5);
  padding-left: 16px;
}

.gb-packlist__steps li {
  margin-bottom: 0.6rem;
  padding-left: 4px;
  position: relative;
}

.gb-packlist__steps li::before {
  counter-increment: gb-packlist-step;
  content: counter(gb-packlist-step, decimal-leading-zero);
  position: absolute;
  left: -44px;
  top: 2px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gb-color-ice-soft);
  border: 1px solid rgba(192, 243, 255, 0.7);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.28), rgba(3, 10, 26, 0.96));
}

.gb-packlist__steps span {
  font-size: 0.88rem;
}

.gb-packlist__visual {
  display: grid;
  grid-template-rows: auto auto;
  gap: 12px;
}

.gb-packlist__photo {
  padding: 8px;
  border-radius: var(--gb-radius-md);
  background: radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.12), rgba(4, 12, 30, 0.96));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    border-color var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal);
}

.gb-packlist__photo img {
  border-radius: 14px;
}

.gb-packlist__photo--notes {
  transform: rotate(-2deg);
}

.gb-packlist__photo--pouch {
  transform: rotate(3deg);
}

.gb-packlist__photo:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: rgba(192, 243, 255, 0.45);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.98);
}

.gb-packlist__caption {
  margin-top: 0.4rem;
  font-size: 0.78rem;
  color: rgba(198, 214, 239, 0.92);
}

/* ===========================
   SECTION 17 — FIELD GUIDE INDEX
   =========================== */

.gb-index {
  padding: 74px 0 86px;
  position: relative;
}

.gb-index__shell {
  position: relative;
}

.gb-index__header {
  max-width: 760px;
  margin-bottom: 22px;
}

.gb-index__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.gb-index__card {
  position: relative;
  border-radius: 24px;
  padding: 12px 12px 14px;
  background:
    radial-gradient(circle at 0 0, rgba(110, 231, 255, 0.14), transparent 55%),
    linear-gradient(145deg, rgba(5, 14, 36, 0.98), rgba(7, 18, 46, 0.98));
  border: 1px solid rgba(188, 214, 248, 0.3);
  box-shadow: var(--gb-shadow-soft);
  transition:
    transform var(--gb-transition-normal),
    box-shadow var(--gb-transition-normal),
    border-color var(--gb-transition-normal);
  font-size: 0.86rem;
}

.gb-index__card:hover {
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.96);
  border-color: rgba(192, 243, 255, 0.45);
}

.gb-index__figure {
  margin-bottom: 0.6rem;
}

.gb-index__figure img {
  border-radius: 14px;
}

.gb-index__card h3 {
  font-size: 0.98rem;
  margin: 0 0 0.2rem;
}
/* ========== MOBILE FIX: SEASON PHASES (early / deep / late) ========== */
@media (max-width: 840px) {
  /* сетка секции: заголовок слева + описания/капсулы справа */
  .gb-season__grid,
  .gb-icephases__grid {
    grid-template-columns: 1fr;      /* одна колонка */
    gap: 20px;
  }

  /* сам «сэндбар» с кнопками EARLY / DEEP / LATE */
  .gb-season__rail,
  .gb-icephases__rail {
    margin-bottom: 18px;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* колонка с высокими капсулами справа — делаем 1 колонку по центру */
  .gb-season__capsules,
  .gb-icephases__capsules {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .gb-season__capsule,
  .gb-icephases__capsule {
    max-width: 260px;
    width: 100%;
    transform: none;                  /* убираем наклон/сдвиг */
    margin: 0 auto;
  }
}
/* ========== MOBILE FIX: REPAIR EVENINGS SECTION ========== */
@media (max-width: 840px) {
  /* сетка: текст + «наклонённый» столбик карточек */
  .gb-repair__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gb-repair__stack {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .gb-repair__card {
    position: relative;
    max-width: 260px;
    width: 100%;
    margin: 0 auto 12px;
    transform: none;          /* на мобилке убираем сильный наклон */
  }

  .gb-repair__card img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
/* ========== MOBILE FIX: CONVERSATION / SOCIAL CAPSULES ========== */
@media (max-width: 840px) {
  .gb-convos__grid,
  .gb-social__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .gb-convos__capsules,
  .gb-social__capsules {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .gb-convos__capsule,
  .gb-social__capsule {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
    transform: none;
  }
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}