/* ===========================
   COLLECTION PAGE — HERO
   =========================== */

.sc-hero {
  position: relative;
  padding-block: 5.4rem 4.2rem;
  overflow: hidden;
}

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

.sc-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;
}

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

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

.sc-hero__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sc-pill {
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  border: 1px solid rgba(195, 241, 255, 0.5);
  background: rgba(8, 8, 24, 0.9);
  color: var(--sa-text);
  font-size: 0.8rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  cursor: default;
  transition: background var(--sa-transition-fast), border-color var(--sa-transition-fast), transform var(--sa-transition-fast), box-shadow var(--sa-transition-fast);
}

.sc-pill:hover {
  transform: translateY(-1px);
  box-shadow: var(--sa-shadow-subtle);
  background: rgba(10, 10, 28, 0.98);
}

/* hero gallery */

.sc-hero__gallery {
  position: relative;
  min-height: 320px;
}

.sc-hero__frame {
  position: absolute;
  border-radius: 36% 64% 54% 46%;
  padding: 0.65rem;
  background: radial-gradient(circle at 0 0, rgba(241, 181, 200, 0.22), transparent 55%),
              radial-gradient(circle at 100% 100%, rgba(195, 241, 255, 0.22), transparent 55%),
              rgba(7, 7, 18, 0.98);
  box-shadow: var(--sa-shadow-soft);
}

.sc-hero__frame img {
  border-radius: 32% 68% 58% 42%;
}

.sc-hero__frame--left {
  width: min(240px, 50vw);
  top: 5%;
  left: -4%;
  transform: rotate(-6deg);
}

.sc-hero__frame--center {
  width: min(260px, 54vw);
  top: 40%;
  left: 40%;
  transform: translate(-30%, -40%) rotate(3deg);
  z-index: 2;
}

.sc-hero__frame--right {
  width: min(230px, 48vw);
  bottom: -2%;
  right: -5%;
  transform: rotate(8deg);
}

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

/* ===========================
   SECTION 2 — CORE COLLECTION
   =========================== */

.sc-core {
  padding-block: 3.7rem 3.9rem;
  position: relative;
}

.sc-core__header {
  max-width: 640px;
  margin-bottom: 1.6rem;
}

.sc-core__title {
  font-family: "SA-Display", "Times New Roman", serif;
  font-size: clamp(1.7rem, 2.4vw, 2.1rem);
  margin: 0 0 0.6rem;
}

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

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

.sc-core__card {
  border-radius: 1.4rem;
  padding: 0.8rem 0.9rem 0.9rem;
  background: linear-gradient(145deg, rgba(9, 9, 24, 0.98), rgba(7, 7, 18, 0.98));
  border: 1px solid rgba(229, 193, 143, 0.24);
  box-shadow: var(--sa-shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sc-core__figure {
  margin: 0;
  border-radius: 1.1rem;
  overflow: hidden;
}

.sc-core__figure img {
  border-radius: inherit;
}

.sc-core__body h3 {
  margin: 0 0 0.2rem;
  font-size: 0.98rem;
}

.sc-core__body p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
}

.sc-core__note {
  font-size: 0.82rem;
  color: rgba(195, 241, 255, 0.9);
}

/* ===========================
   SECTION 3 — ACCORD FAMILIES
   =========================== */

.sc-accords {
  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%);
}

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

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

.sc-accords__text {
  margin: 0 0 0.8rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.sc-accords__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.55rem;
}

.sc-accords__list li {
  padding: 0.5rem 0.7rem;
  border-radius: 1.1rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.2);
  box-shadow: var(--sa-shadow-subtle);
}

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

.sc-accords__list span {
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.92);
}

.sc-accords__media {
  display: grid;
  gap: 0.9rem;
}

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

.sc-accords__figure img {
  border-radius: 1.1rem;
}

.sc-accords__caption {
  margin-top: 0.35rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.83);
}

/* ===========================
   RESPONSIVE — COLLECTION PAGE
   =========================== */

@media (max-width: 960px) {
  .sc-hero {
    padding-block: 5rem 3.6rem;
  }

  .sc-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
  }

  .sc-hero__gallery {
    min-height: 290px;
  }

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

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

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

  .sc-hero__gallery {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .sc-hero__frame {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
  }

  .sc-core {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-accords {
    padding-block: 3.1rem 3.3rem;
  }
}

@media (max-width: 480px) {
  .sc-hero__title {
    font-size: 1.9rem;
  }
}
/* ===========================
   SECTION 4 — DAY & NIGHT PAIRS
   =========================== */

.sc-daynight {
  padding-block: 3.6rem 3.9rem;
  position: relative;
}

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

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

.sc-daynight__text {
  margin: 0 0 0.8rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.sc-daynight__pairs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.sc-daynight__pairs li {
  padding: 0.55rem 0.75rem;
  border-radius: 1.1rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.2);
  box-shadow: var(--sa-shadow-subtle);
}

.sc-daynight__pairs strong {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
}

.sc-daynight__pairs span {
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.92);
}

.sc-daynight__media {
  display: grid;
  gap: 0.9rem;
}

.sc-daynight__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);
}

.sc-daynight__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 5 — LIMITED RUN TIMELINE
   =========================== */

.sc-limited {
  padding-block: 3.5rem 3.8rem;
  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%);
}

.sc-limited__grid {
  display: grid;
  grid-template-columns: minmax(0, 3.2fr) minmax(0, 2.8fr);
  gap: 1.8rem;
  align-items: flex-start;
}

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

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

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

.sc-limited__timeline li {
  padding: 0.5rem 0.8rem 0.7rem 0.9rem;
  position: relative;
}

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

.sc-limited__timeline b {
  display: block;
  font-size: 0.92rem;
  margin-bottom: 0.1rem;
}

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

.sc-limited__timeline em {
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(195, 241, 255, 0.9);
}

.sc-limited__media {
  display: grid;
  gap: 0.9rem;
}

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

.sc-limited__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 6 — TRAVEL & DESK FORMATS
   =========================== */

.sc-travel {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

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

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

.sc-travel__size {
  border-radius: 1.1rem;
  padding: 0.6rem 0.6rem 0.7rem;
  background: linear-gradient(145deg, rgba(9, 9, 24, 0.98), rgba(7, 7, 18, 0.98));
  border: 1px solid rgba(229, 193, 143, 0.26);
  box-shadow: var(--sa-shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.sc-travel__ml {
  font-size: 0.9rem;
  font-weight: 500;
}

.sc-travel__label {
  font-size: 0.82rem;
  color: rgba(195, 241, 255, 0.9);
}

.sc-travel__media {
  display: grid;
  gap: 0.9rem;
}

.sc-travel__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);
}

.sc-travel__figure img {
  border-radius: 1.1rem;
}

.sc-travel__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.83);
}
/* ===========================
   RESPONSIVE — COLLECTION PAGE
   =========================== */

@media (max-width: 960px) {
  .sc-hero {
    padding-block: 5rem 3.6rem;
  }

  .sc-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
  }

  .sc-hero__gallery {
    min-height: 290px;
  }

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

  .sc-accords__grid,
  .sc-daynight__grid,
  .sc-limited__grid,
  .sc-travel__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

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

  .sc-hero__gallery {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .sc-hero__frame {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
  }

  .sc-core {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-accords,
  .sc-daynight,
  .sc-limited,
  .sc-travel {
    padding-block: 3.1rem 3.3rem;
  }

  .sc-travel__sizes {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 7 — INTENSITY SPECTRUM
   =========================== */

.sc-spectrum {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

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

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

.sc-spectrum__band {
  border-radius: 1.2rem;
  padding: 0.55rem 0.75rem 0.7rem;
  background: linear-gradient(135deg, rgba(9, 9, 24, 0.98), rgba(7, 7, 18, 0.98));
  border: 1px solid rgba(195, 241, 255, 0.22);
  box-shadow: var(--sa-shadow-subtle);
}

.sc-spectrum__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 0.3rem;
}

.sc-spectrum__tag {
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

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

.sc-spectrum__band p {
  margin: 0;
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.9);
}

.sc-spectrum__band--soft {
  border-color: rgba(195, 241, 255, 0.4);
}

.sc-spectrum__band--mid {
  border-color: rgba(229, 193, 143, 0.4);
}

.sc-spectrum__band--bold {
  border-color: rgba(241, 181, 200, 0.5);
}

.sc-spectrum__media {
  display: grid;
  gap: 0.9rem;
}

.sc-spectrum__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);
}

.sc-spectrum__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 8 — CLIMATE TESTING
   =========================== */

.sc-climate {
  padding-block: 3.5rem 3.8rem;
  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%);
}

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

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

.sc-climate__text {
  margin: 0 0 0.8rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.sc-climate__points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}

.sc-climate__points li {
  font-size: 0.9rem;
  padding-left: 1rem;
  position: relative;
}

.sc-climate__points li::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9rem;
  color: rgba(195, 241, 255, 0.9);
}

.sc-climate__media {
  display: grid;
  gap: 0.9rem;
}

.sc-climate__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);
}

.sc-climate__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 9 — ANCHOR TRIOS
   =========================== */

.sc-trios {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

.sc-trios__header {
  max-width: 620px;
  margin-bottom: 1.4rem;
}

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

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

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

.sc-trios__slot {
  border-radius: 1.4rem;
  padding: 0.8rem 0.8rem 0.95rem;
  background: linear-gradient(145deg, rgba(9, 9, 24, 0.98), rgba(7, 7, 18, 0.98));
  border: 1px solid rgba(229, 193, 143, 0.26);
  box-shadow: var(--sa-shadow-subtle);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.sc-trios__figure {
  margin: 0;
  border-radius: 1.1rem;
  overflow: hidden;
}

.sc-trios__figure img {
  border-radius: inherit;
}

.sc-trios__body h3 {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
}

.sc-trios__body p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .sc-hero {
    padding-block: 5rem 3.6rem;
  }

  .sc-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
  }

  .sc-hero__gallery {
    min-height: 290px;
  }

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

  .sc-accords__grid,
  .sc-daynight__grid,
  .sc-limited__grid,
  .sc-travel__grid,
  .sc-spectrum__grid,
  .sc-climate__grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

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

  .sc-hero__gallery {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .sc-hero__frame {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
  }

  .sc-core {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-accords,
  .sc-daynight,
  .sc-limited,
  .sc-travel,
  .sc-spectrum,
  .sc-climate,
  .sc-trios {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-trios__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 10 — WEEKLY ROTATION
   =========================== */

.sc-week {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

.sc-week__text {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.sc-week__rows {
  display: grid;
  gap: 0.6rem;
}

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

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

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

.sc-week__line--soft {
  width: 50%;
}

.sc-week__line--mid {
  width: 70%;
}

.sc-week__line--bold {
  width: 90%;
}

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

.sc-week__media {
  position: relative;
  min-height: 260px;
}

.sc-week__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;
  inset-inline: 8%;
}

.sc-week__figure img {
  border-radius: 1.1rem;
}

.sc-week__figure--top {
  top: 0;
}

.sc-week__figure--bottom {
  top: 52%;
  transform: translateX(10%);
}

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

/* ===========================
   SECTION 11 — SILLAGE SNAPSHOTS
   =========================== */

.sc-sillage {
  padding-block: 3.5rem 3.8rem;
  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%);
}

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

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

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

.sc-sillage__chips {
  display: grid;
  gap: 0.6rem;
}

.sc-sillage__chip {
  border-radius: 1.1rem;
  padding: 0.6rem 0.75rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.22);
  box-shadow: var(--sa-shadow-subtle);
}

.sc-sillage__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.sc-sillage__chip p {
  margin: 0;
  font-size: 0.88rem;
}

.sc-sillage__media {
  display: grid;
  gap: 0.9rem;
}

.sc-sillage__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);
}

.sc-sillage__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 12 — CARE & REFILLS
   =========================== */

.sc-care {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

.sc-care__text {
  margin: 0 0 0.8rem;
  font-size: 0.95rem;
  color: var(--sa-muted);
}

.sc-care__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
}

.sc-care__list li {
  font-size: 0.9rem;
  padding-left: 1rem;
  position: relative;
}

.sc-care__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.05rem;
  font-size: 0.9rem;
  color: rgba(241, 181, 200, 0.9);
}

.sc-care__media {
  display: grid;
  gap: 0.9rem;
}

.sc-care__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);
}

.sc-care__figure img {
  border-radius: 1.1rem;
}

.sc-care__caption {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  color: rgba(247, 244, 241, 0.83);
}
@media (max-width: 960px) {
  .sc-hero {
    padding-block: 5rem 3.6rem;
  }

  .sc-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
  }

  .sc-hero__gallery {
    min-height: 290px;
  }

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

  .sc-accords__grid,
  .sc-daynight__grid,
  .sc-limited__grid,
  .sc-travel__grid,
  .sc-spectrum__grid,
  .sc-climate__grid,
  .sc-week__grid,
  .sc-sillage__grid,
  .sc-care__grid {
    grid-template-columns: minmax(0, 1fr);
  }

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

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

  .sc-hero__gallery {
    position: relative;
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .sc-hero__frame {
    position: relative;
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 260px;
  }

  .sc-core {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-accords,
  .sc-daynight,
  .sc-limited,
  .sc-travel,
  .sc-spectrum,
  .sc-climate,
  .sc-week,
  .sc-sillage,
  .sc-care,
  .sc-trios {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-week__media {
    position: relative;
    min-height: auto;
  }

  .sc-week__figure {
    position: relative;
    inset-inline: auto;
    transform: none;
    margin-bottom: 0.9rem;
  }

  .sc-trios__row {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* ===========================
   SECTION 13 — TONE LADDERS
   =========================== */

.sc-tones {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

.sc-tones__inner {
  display: grid;
  gap: 1.8rem;
}

.sc-tones__header {
  max-width: 640px;
}

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

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

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

.sc-tones__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);
}

.sc-tones__figure img {
  border-radius: 1.1rem;
}

.sc-tones__figure--left {
  align-self: flex-start;
}

.sc-tones__figure--right {
  align-self: flex-end;
}

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

.sc-tones__center {
  display: grid;
  gap: 0.5rem;
}

.sc-tones__band {
  border-radius: 1.1rem;
  padding: 0.55rem 0.75rem;
  background: rgba(8, 8, 22, 0.98);
  border: 1px solid rgba(195, 241, 255, 0.22);
  box-shadow: var(--sa-shadow-subtle);
}

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

.sc-tones__band p {
  margin: 0;
  font-size: 0.88rem;
}

/* ===========================
   SECTION 14 — SEASONLESS SHELVES
   =========================== */

.sc-shelves {
  padding-block: 3.5rem 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%);
}

.sc-shelves__inner {
  display: grid;
  gap: 1.6rem;
}

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

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

.sc-shelves__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);
}

.sc-shelves__figure img {
  border-radius: 1.1rem;
}

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

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

.sc-shelves__chip h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.sc-shelves__chip p {
  margin: 0;
  font-size: 0.88rem;
}

/* ===========================
   SECTION 15 — NOTES & ROUTINES
   =========================== */

.sc-notes {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

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

.sc-notes__rows {
  display: grid;
  gap: 0.6rem;
}

.sc-notes__row {
  border-radius: 1.1rem;
  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);
}

.sc-notes__row h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.sc-notes__row p {
  margin: 0;
  font-size: 0.88rem;
}

.sc-notes__media {
  display: grid;
  gap: 0.9rem;
}

.sc-notes__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);
}

.sc-notes__figure img {
  border-radius: 1.1rem;
}
@media (max-width: 960px) {
  /* ... то, что уже есть ... */

  .sc-accords__grid,
  .sc-daynight__grid,
  .sc-limited__grid,
  .sc-travel__grid,
  .sc-spectrum__grid,
  .sc-climate__grid,
  .sc-week__grid,
  .sc-sillage__grid,
  .sc-care__grid,
  .sc-notes__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sc-trios__row,
  .sc-shelves__chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .sc-shelves__media-row,
  .sc-shelves__chips {
    grid-template-columns: minmax(0, 1fr);
  }

  .sc-tones,
  .sc-shelves,
  .sc-notes {
    padding-block: 3.1rem 3.3rem;
  }
}
/* ===========================
   SECTION 16 — COLLECTION MAP
   =========================== */

.sc-map {
  padding-block: 3.5rem 3.9rem;
  position: relative;
}

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

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

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

.sc-map__legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}

.sc-map__legend li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
  align-items: flex-start;
}

.sc-map__dot {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(195, 241, 255, 0.8);
}

.sc-map__dot--calm {
  background: linear-gradient(135deg, var(--sa-rose), var(--sa-gold));
}

.sc-map__dot--evening {
  background: linear-gradient(135deg, #f1b5c8, #e5c18f);
}

.sc-map__dot--open {
  background: linear-gradient(135deg, #c3f1ff, #f1b5c8);
}

.sc-map__legend strong {
  font-size: 0.9rem;
}

.sc-map__legend p {
  margin: 0;
  font-size: 0.88rem;
  color: rgba(247, 244, 241, 0.9);
}

.sc-map__media {
  display: grid;
  gap: 0.9rem;
}

.sc-map__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);
}

.sc-map__figure img {
  border-radius: 1.1rem;
}

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

/* ===========================
   SECTION 17 — ROUTES
   =========================== */

.sc-routes {
  padding-block: 3.5rem 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%);
}

.sc-routes__inner {
  display: grid;
  gap: 1.6rem;
}

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

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

.sc-routes__layout {
  display: grid;
  grid-template-columns: minmax(0, 2.7fr) minmax(0, 3.3fr);
  gap: 1.6rem;
  align-items: center;
}

.sc-routes__media {
  display: grid;
  gap: 0.9rem;
}

.sc-routes__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);
}

.sc-routes__figure img {
  border-radius: 1.1rem;
}

.sc-routes__routes {
  display: grid;
  gap: 0.6rem;
}

.sc-routes__card {
  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);
}

.sc-routes__card h3 {
  margin: 0 0 0.2rem;
  font-size: 0.92rem;
}

.sc-routes__card p {
  margin: 0;
  font-size: 0.88rem;
}

/* ===========================
   SECTION 18 — COLLECTION CTA
   =========================== */

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

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

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

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

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

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

.sc-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);
}

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

  .sc-accords__grid,
  .sc-daynight__grid,
  .sc-limited__grid,
  .sc-travel__grid,
  .sc-spectrum__grid,
  .sc-climate__grid,
  .sc-week__grid,
  .sc-sillage__grid,
  .sc-care__grid,
  .sc-notes__grid,
  .sc-map__grid,
  .sc-routes__layout,
  .sc-cta__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 720px) {
  /* ... остальной код ... */

  .sc-map,
  .sc-routes,
  .sc-cta {
    padding-block: 3.1rem 3.3rem;
  }

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

  .sc-cta__actions .sa-btn {
    width: 100%;
    justify-content: center;
  }
}
/* ===========================
   FIX: COLLECTION HERO FRAMES ON DESKTOP
   =========================== */

@media (min-width: 1040px) {
  .sc-hero__gallery {
    position: relative;
    min-height: auto;                          /* больше не нужен высокий контейнер */
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    align-items: center;
    justify-items: center;
  }

  .sc-hero__gallery .sc-hero__frame {
    position: relative;                        /* убираем absolute */
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: none;                           /* без поворотов и сдвигов */
    width: 100%;
    max-width: 240px;                          /* влезают в ширину, img всё равно ≤350px */
  }

  /* при желании центральную карточку можно сделать чуть больше */
  .sc-hero__gallery .sc-hero__frame:nth-child(2) {
    max-width: 260px;
  }
}
.sc-week__media {
  position: relative;
  min-height: 420px; /* больше места под обе карточки */
}
.sc-week__figure--bottom {
  top: 40%;              /* была 52% — поднимаем выше, чтобы не выходила за секцию */
  transform: translateX(10%);
}
/* ===========================
   FIX: WEEK STACK ON DESKTOP
   =========================== */

@media (min-width: 1024px) {
  .sc-week__media {
    position: relative;
    min-height: auto;              /* больше не нужна фиксированная высота */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
  }

  .sc-week__figure {
    position: relative;            /* вместо absolute */
    inset: auto;
    transform: none;
    width: 100%;
    max-width: 260px;              /* влезает в колонку, img ≤ 350px */
  }

  .sc-week__figure--top {
    margin-top: 0;
  }

  .sc-week__figure--bottom {
    margin-top: -2.5rem;           /* лёгкое перекрытие, но без выхода за секцию */
  }
}