/* ===========================
   ATELIER PAGE — HERO
   =========================== */

.at-hero {
  padding-block: 5.4rem 4.2rem;
  position: relative;
}

.at-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.8fr) minmax(0, 3.2fr);
  gap: clamp(2rem, 4vw, 3.1rem);
  align-items: center;
}

.at-hero__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(2rem, 2.8vw, 2.6rem);
  line-height: 1.15;
  margin: 0 0 0.9rem;
}

.at-hero__lead {
  margin: 0 0 0.6rem;
  font-size: 0.99rem;
  line-height: 1.7;
  color: rgba(247, 244, 241, 0.94);
}

.at-hero__text {
  margin: 0 0 1.1rem;
  font-size: 0.96rem;
  line-height: 1.7;
  color: var(--sa-muted);
}

.at-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.at-badge {
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  border: 1px solid rgba(195, 241, 255, 0.5);
  font-size: 0.78rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  background: rgba(8, 8, 24, 0.9);
  box-shadow: var(--sa-shadow-subtle);
}

/* hero image stack */

.at-hero__stack {
  position: relative;
  min-height: 320px;
}

.at-hero__card {
  position: absolute;
  border-radius: 32px;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
  width: min(260px, 60vw);
}

.at-hero__card img {
  border-radius: 24px;
}

.at-hero__card--top {
  top: 0;
  left: 10%;
  transform: rotate(-5deg);
}

.at-hero__card--mid {
  top: 35%;
  right: 0;
  transform: rotate(4deg);
}

.at-hero__card--bottom {
  bottom: -4%;
  left: 24%;
  transform: rotate(-2deg);
}

.at-hero__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.83);
}

/* ===========================
   SECTION 2 — BENCH RHYTHM
   =========================== */

.at-rhythm {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 100%, rgba(241, 181, 200, 0.08), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(195, 241, 255, 0.08), transparent 55%);
}

.at-rhythm__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-rhythm__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-rhythm__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-rhythm__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid rgba(195, 241, 255, 0.35);
}

.at-rhythm__steps li {
  padding: 0.55rem 0.9rem 0.7rem;
  position: relative;
}

.at-rhythm__steps li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 0.7rem;
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--sa-rose), var(--sa-gold));
  box-shadow: 0 0 10px rgba(241, 181, 200, 0.9);
}

.at-rhythm__steps strong {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.15rem;
}

.at-rhythm__steps span {
  display: block;
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.92);
}

.at-rhythm__media {
  display: grid;
  gap: 0.9rem;
}

.at-rhythm__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.2), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-rhythm__figure img {
  border-radius: 1.1rem;
}

.at-rhythm__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 3 — MATERIAL LIBRARY
   =========================== */

.at-library {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-library__shell {
  display: grid;
  gap: 1.8rem;
}

.at-library__header {
  max-width: 640px;
}

.at-library__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-library__text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-library__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.at-library__column {
  border-radius: 1.3rem;
  padding: 0.8rem 0.9rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-library__column h3 {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
}

.at-library__column p {
  margin: 0 0 0.4rem;
  font-size: 0.9rem;
}

.at-library__tags {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.at-library__tags li {
  border-radius: 999px;
  padding: 0.22rem 0.7rem;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: 1px solid rgba(229, 193, 143, 0.4);
}

.at-library__media-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.at-library__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-library__figure img {
  border-radius: 1.1rem;
}

.at-library__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   RESPONSIVE — ATELIER PAGE
   =========================== */

@media (max-width: 960px) {
  .at-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-hero__stack {
    min-height: 280px;
  }

  .at-rhythm__grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

@media (max-width: 720px) {
  .at-hero {
    padding-block: 4.4rem 3.2rem;
  }

  .at-hero__stack {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }

  .at-hero__card {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
    margin-inline: auto;
  }

  .at-rhythm,
  .at-library {
    padding-block: 3.1rem 3.3rem;
  }

  .at-library__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-library__media-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 4 — FORMULA EVOLUTION
   =========================== */

.at-evolution {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-evolution__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-evolution__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-evolution__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-evolution__stages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.6rem;
}

.at-evolution__stages li {
  border-radius: 1.2rem;
  padding: 0.6rem 0.8rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-evolution__label {
  display: inline-block;
  margin-bottom: 0.2rem;
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.at-evolution__stages p {
  margin: 0;
  font-size: 0.88rem;
}

.at-evolution__media {
  display: grid;
  gap: 0.9rem;
}

.at-evolution__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.2), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-evolution__figure img {
  border-radius: 1.1rem;
}

.at-evolution__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 5 — ERROR PILE
   =========================== */

.at-errors {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.08), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(241, 181, 200, 0.08), transparent 55%);
}

.at-errors__shell {
  display: grid;
  gap: 1.6rem;
}

.at-errors__header {
  max-width: 640px;
}

.at-errors__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-errors__text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-errors__layout {
  display: grid;
  grid-template-columns: minmax(0, 3.2fr) minmax(0, 2.8fr);
  gap: 1.8rem;
  align-items: center;
}

.at-errors__notes {
  display: grid;
  gap: 0.6rem;
}

.at-errors__chip {
  border-radius: 1.2rem;
  padding: 0.7rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(229, 193, 143, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-errors__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-errors__chip p {
  margin: 0;
  font-size: 0.88rem;
}

.at-errors__media {
  position: relative;
  min-height: 230px;
}

.at-errors__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
  position: absolute;
  width: min(230px, 60vw);
}

.at-errors__figure img {
  border-radius: 1.1rem;
}

.at-errors__figure--tilt-left {
  top: 0;
  left: 5%;
  transform: rotate(-6deg);
}

.at-errors__figure--tilt-right {
  bottom: -6%;
  right: 0;
  transform: rotate(5deg);
}

/* ===========================
   SECTION 6 — SKIN & FABRIC TESTS
   =========================== */

.at-skin {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-skin__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-skin__media {
  display: grid;
  gap: 0.9rem;
}

.at-skin__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-skin__figure img {
  border-radius: 1.1rem;
}

.at-skin__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

.at-skin__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-skin__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-skin__chips {
  display: grid;
  gap: 0.6rem;
}

.at-skin__chip {
  border-radius: 1.2rem;
  padding: 0.6rem 0.8rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-skin__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-skin__chip p {
  margin: 0;
  font-size: 0.88rem;
}
@media (max-width: 960px) {
  .at-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-hero__stack {
    min-height: 280px;
  }

  .at-rhythm__grid,
  .at-evolution__grid,
  .at-skin__grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .at-errors__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-errors__media {
    margin-top: 0.6rem;
  }
}

@media (max-width: 720px) {
  .at-hero {
    padding-block: 4.4rem 3.2rem;
  }

  .at-hero__stack {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }

  .at-hero__card {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
    margin-inline: auto;
  }

  .at-rhythm,
  .at-library,
  .at-evolution,
  .at-errors,
  .at-skin {
    padding-block: 3.1rem 3.3rem;
  }

  .at-library__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-library__media-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-errors__media {
    position: relative;
    min-height: auto;
  }

  .at-errors__figure {
    position: relative;
    width: 100%;
    max-width: 230px;
    margin-inline: auto;
    transform: none;
  }

  .at-skin__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 7 — ACCORD SKETCHES
   =========================== */

.at-sketch {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-sketch__inner {
  display: grid;
  gap: 1.8rem;
}

.at-sketch__header {
  max-width: 640px;
}

.at-sketch__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-sketch__text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-sketch__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.8fr) minmax(0, 1.1fr);
  gap: 1.2rem;
  align-items: center;
}

.at-sketch__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-sketch__figure img {
  border-radius: 1.1rem;
}

.at-sketch__figure--left {
  align-self: flex-start;
}

.at-sketch__figure--right {
  align-self: flex-end;
}

.at-sketch__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

.at-sketch__center {
  display: grid;
  gap: 0.5rem;
}

.at-sketch__band {
  border-radius: 1.1rem;
  padding: 0.6rem 0.8rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-sketch__label {
  display: block;
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.at-sketch__band p {
  margin: 0;
  font-size: 0.88rem;
}

/* ===========================
   SECTION 8 — MACERATION CALENDAR
   =========================== */

.at-maceration {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 100%, rgba(241, 181, 200, 0.08), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(195, 241, 255, 0.08), transparent 55%);
}

.at-maceration__shell {
  display: grid;
  gap: 1.7rem;
}

.at-maceration__header {
  max-width: 640px;
}

.at-maceration__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-maceration__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-maceration__timeline {
  display: grid;
  gap: 0.5rem;
}

.at-maceration__lane {
  display: grid;
  grid-template-columns: auto minmax(0, 1.3fr);
  gap: 0.5rem 0.75rem;
  align-items: center;
}

.at-maceration__day {
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(195, 241, 255, 0.95);
}

.at-maceration__bar {
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sa-rose), var(--sa-gold));
}

.at-maceration__bar--short {
  width: 40%;
}

.at-maceration__bar--mid {
  width: 65%;
}

.at-maceration__bar--long {
  width: 90%;
}

.at-maceration__lane p {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.9);
}

.at-maceration__media-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.at-maceration__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-maceration__figure img {
  border-radius: 1.1rem;
}

.at-maceration__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 9 — QUIET PANEL
   =========================== */

.at-panel {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-panel__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-panel__media {
  display: grid;
  gap: 0.9rem;
}

.at-panel__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-panel__figure img {
  border-radius: 1.1rem;
}

.at-panel__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

.at-panel__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-panel__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-panel__chips {
  display: grid;
  gap: 0.6rem;
}

.at-panel__chip {
  border-radius: 1.2rem;
  padding: 0.6rem 0.8rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(229, 193, 143, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-panel__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-panel__chip p {
  margin: 0;
  font-size: 0.88rem;
}
@media (max-width: 960px) {
  .at-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-hero__stack {
    min-height: 280px;
  }

  .at-rhythm__grid,
  .at-evolution__grid,
  .at-skin__grid,
  .at-panel__grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .at-errors__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-errors__media {
    margin-top: 0.6rem;
  }

  .at-sketch__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-maceration__media-row {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  /* ... твои существующие правила ... */

  .at-sketch,
  .at-maceration,
  .at-panel {
    padding-block: 3.1rem 3.3rem;
  }

  .at-maceration__lane {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 10 — LIGHTING & SILENCE
   =========================== */

.at-light {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-light__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-light__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-light__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-light__rows {
  display: grid;
  gap: 0.6rem;
}

.at-light__row {
  border-radius: 1.2rem;
  padding: 0.65rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-light__row h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-light__row p {
  margin: 0;
  font-size: 0.88rem;
}

.at-light__media {
  display: grid;
  gap: 0.9rem;
}

.at-light__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-light__figure img {
  border-radius: 1.1rem;
}

.at-light__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 11 — FORMULA ARCHIVE
   =========================== */

.at-archive {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.08), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(241, 181, 200, 0.08), transparent 55%);
}

.at-archive__shell {
  display: grid;
  gap: 1.8rem;
}

.at-archive__header {
  max-width: 640px;
}

.at-archive__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-archive__text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-archive__media-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.at-archive__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-archive__figure img {
  border-radius: 1.1rem;
}

.at-archive__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

.at-archive__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.at-archive__card {
  border-radius: 1.2rem;
  padding: 0.7rem 0.9rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(229, 193, 143, 0.26);
  box-shadow: var(--sa-shadow-subtle);
}

.at-archive__card h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-archive__card p {
  margin: 0;
  font-size: 0.88rem;
}

/* ===========================
   SECTION 12 — NAMES & LABELS
   =========================== */

.at-labels {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-labels__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-labels__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-labels__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-labels__steps {
  display: grid;
  gap: 0.6rem;
}

.at-labels__step {
  border-radius: 1.2rem;
  padding: 0.6rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-labels__tag {
  display: inline-block;
  margin-bottom: 0.2rem;
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.at-labels__step p {
  margin: 0;
  font-size: 0.88rem;
}

.at-labels__media {
  display: grid;
  gap: 0.9rem;
}

.at-labels__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-labels__figure img {
  border-radius: 1.1rem;
}

.at-labels__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}
@media (max-width: 960px) {
  /* уже есть... */

  .at-light__grid,
  .at-labels__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-archive__media-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-archive__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  /* уже есть... */

  .at-light,
  .at-archive,
  .at-labels {
    padding-block: 3.1rem 3.3rem;
  }

  .at-archive__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 13 — SENSORY WALL
   =========================== */

.at-senses {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-senses__shell {
  display: grid;
  gap: 1.8rem;
}

.at-senses__header {
  max-width: 640px;
}

.at-senses__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-senses__text {
  margin: 0;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-senses__grid {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.8fr);
  grid-template-rows: auto auto;
  gap: 1rem;
  align-items: stretch;
}

.at-senses__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-senses__figure img {
  border-radius: 1.1rem;
}

.at-senses__figure--main {
  grid-row: 1 / 3;
}

.at-senses__figure--side-top {
  align-self: flex-start;
}

.at-senses__figure--side-bottom {
  align-self: flex-end;
}

.at-senses__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 14 — DAY IN THE ATELIER
   =========================== */

.at-day {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 100%, rgba(241, 181, 200, 0.08), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(195, 241, 255, 0.08), transparent 55%);
}

.at-day__shell {
  display: grid;
  gap: 1.7rem;
}

.at-day__header {
  max-width: 640px;
}

.at-day__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-day__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-day__timeline {
  display: grid;
  gap: 0.5rem;
}

.at-day__slot {
  display: grid;
  grid-template-columns: auto minmax(0, 1.4fr);
  gap: 0.5rem 0.75rem;
  align-items: center;
}

.at-day__time {
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(195, 241, 255, 0.95);
}

.at-day__slot p {
  margin: 0;
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.92);
}

.at-day__mosaic {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.5fr) minmax(0, 1.3fr);
  gap: 0.9rem;
  align-items: stretch;
}

.at-day__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-day__figure img {
  border-radius: 1.1rem;
}

.at-day__figure--morning {
  align-self: flex-start;
}

.at-day__figure--noon {
  align-self: center;
}

.at-day__figure--night {
  align-self: flex-end;
}

/* ===========================
   SECTION 15 — BENCH TOOLS
   =========================== */

.at-tools {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

.at-tools__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-tools__media {
  display: grid;
  gap: 0.9rem;
}

.at-tools__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-tools__figure img {
  border-radius: 1.1rem;
}

.at-tools__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

.at-tools__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-tools__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-tools__list {
  display: grid;
  gap: 0.6rem;
}

.at-tools__item {
  border-radius: 1.2rem;
  padding: 0.6rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-tools__item h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-tools__item p {
  margin: 0;
  font-size: 0.88rem;
}
@media (max-width: 960px) {
  /* ... существующий код ... */

  .at-light__grid,
  .at-labels__grid,
  .at-tools__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .at-archive__media-row {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .at-senses__grid,
  .at-day__mosaic {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  /* ... существующий код ... */

  .at-senses,
  .at-day,
  .at-tools {
    padding-block: 3.1rem 3.3rem;
  }

  .at-archive__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 16 — FUTURE TRIALS
   =========================== */

.at-future {
  padding-block: 3.6rem 3.9rem;
  position: relative;
  background:
    radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.08), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(241, 181, 200, 0.08), transparent 55%);
}

.at-future__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.1fr) minmax(0, 2.9fr);
  gap: 1.8rem;
  align-items: center;
}

.at-future__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  margin: 0 0 0.6rem;
}

.at-future__text {
  margin: 0 0 0.9rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.at-future__rows {
  display: grid;
  gap: 0.6rem;
}

.at-future__row {
  border-radius: 1.2rem;
  padding: 0.6rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.24);
  box-shadow: var(--sa-shadow-subtle);
}

.at-future__row h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-future__row p {
  margin: 0;
  font-size: 0.88rem;
}

.at-future__media {
  display: grid;
  gap: 0.9rem;
}

.at-future__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-future__figure img {
  border-radius: 1.1rem;
}

.at-future__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.84);
}

/* ===========================
   SECTION 17 — LAB CTA
   =========================== */

.at-cta {
  padding-block: 3.8rem 4.1rem;
  position: relative;
  background:
    radial-gradient(circle at 50% 0, rgba(195, 241, 255, 0.12), transparent 60%),
    linear-gradient(180deg, rgba(5, 5, 14, 0.98), rgba(5, 4, 12, 1));
}

.at-cta__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.3fr) minmax(0, 2.7fr);
  gap: 1.8rem;
  align-items: center;
}

.at-cta__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.7rem, 2.4vw, 2.3rem);
  margin: 0 0 0.7rem;
}

.at-cta__text {
  margin: 0 0 0.9rem;
  font-size: 0.96rem;
  color: var(--sa-muted);
}

.at-cta__chips {
  display: grid;
  gap: 0.6rem;
  margin-bottom: 0.9rem;
}

.at-cta__chip {
  border-radius: 1.2rem;
  padding: 0.6rem 0.85rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(229, 193, 143, 0.26);
  box-shadow: var(--sa-shadow-subtle);
}

.at-cta__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.at-cta__chip p {
  margin: 0;
  font-size: 0.88rem;
}

.at-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.at-cta__media {
  display: grid;
  gap: 0.9rem;
}

.at-cta__figure {
  margin: 0;
  border-radius: 1.4rem;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(195, 241, 255, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.at-cta__figure img {
  border-radius: 1.1rem;
}
@media (max-width: 960px) {
  /* ... существующий код ... */

  .at-future__grid,
  .at-cta__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  /* ... существующий код ... */

  .at-future,
  .at-cta {
    padding-block: 3.1rem 3.3rem;
  }

  .at-cta__actions {
    flex-direction: column;
  }

  .at-cta__actions .sa-btn {
    width: 100%;
    justify-content: center;
  }
}