.atlas-discovery-menu {
  position: relative;
  left: 50%;
  width: 100vw;
  min-height: 640px;
  margin: 0 0 34px -50vw;
  overflow: hidden;
  color: #f4f0e8;
  background: #0d0f10;
}

.atlas-discovery-menu__backdrop,
.atlas-discovery-menu__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.atlas-discovery-menu__backdrop {
  object-fit: cover;
  filter: saturate(.68) brightness(.53) contrast(1.12);
  transform: scale(1.025);
  transition: opacity .6s ease, transform 1.1s cubic-bezier(.2,.7,.2,1);
}

.atlas-discovery-menu__shade {
  background:
    linear-gradient(90deg, rgba(8,10,11,.82), rgba(8,10,11,.22) 58%, rgba(8,10,11,.54)),
    linear-gradient(180deg, rgba(8,10,11,.16), rgba(8,10,11,.78));
}

.atlas-discovery-menu__frame {
  position: absolute;
  inset: clamp(52px,7vw,96px);
  display: grid;
  align-content: space-between;
  padding: clamp(30px,4.5vw,62px);
  border: 1px solid rgba(255,217,140,.54);
  border-radius: 42px;
  background: rgba(8,10,11,.23);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.045), 0 30px 90px rgba(0,0,0,.26);
  backdrop-filter: blur(5px);
}

.atlas-discovery-menu__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 32px;
}

.atlas-discovery-menu__head h2 {
  max-width: 760px;
  margin: 0;
  font: 400 clamp(54px,7.2vw,106px)/.86 Georgia,"Times New Roman",serif;
  letter-spacing: -.06em;
}

#atlas-filter-result {
  margin: 0 0 7px;
  color: rgba(244,240,232,.72);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.atlas-filter {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr)) minmax(170px,.8fr) auto;
  overflow: hidden;
  border: 1px solid rgba(244,240,232,.22);
  border-radius: 18px;
  background: rgba(4,6,7,.78);
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
  backdrop-filter: blur(18px);
}

.atlas-filter > label {
  min-width: 0;
  padding: 16px 18px;
  border-right: 1px solid rgba(244,240,232,.14);
  color: rgba(244,240,232,.55);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.atlas-filter select {
  display: block;
  width: 100%;
  margin-top: 7px;
  border: 0;
  color: #f4f0e8;
  background: transparent;
  font: 500 13px/1.3 Inter,system-ui,sans-serif;
}

.atlas-filter option {
  color: #f4f0e8;
  background: #0a0d0e;
}

.atlas-filter__check {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.atlas-filter__check input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: #ffd98c;
}

.atlas-filter > button {
  min-width: 112px;
  border: 0;
  color: #171109;
  background: #ffd98c;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.atlas-filter select:focus-visible,
.atlas-filter input:focus-visible,
.atlas-filter button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.collection-section.premium-collection {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 0;
}

.premium-collection .collection-head {
  position: absolute;
  z-index: 6;
  top: 0;
  right: clamp(24px,4vw,66px);
  left: clamp(24px,4vw,66px);
  min-height: 104px;
  margin: 0;
  padding: 26px 0 22px;
  border-bottom: 1px solid rgba(244,240,232,.18);
}

.premium-collection .collection-head h2 {
  font-size: clamp(38px,4vw,62px);
}

.premium-showcase {
  position: relative;
  width: 100vw;
  min-height: 100svh;
  overflow: hidden;
  background: #0a0c0d;
  isolation: isolate;
}

.premium-showcase__backdrop,
.premium-showcase__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.premium-showcase__backdrop {
  object-fit: cover;
  object-position: center;
  filter: saturate(.7) brightness(.44) contrast(1.08) blur(3px);
  transform: scale(1.045);
  transition: opacity .65s ease, transform 1.15s cubic-bezier(.2,.7,.2,1);
  will-change: opacity,transform;
}

.premium-showcase__shade {
  background:
    radial-gradient(circle at 50% 58%,rgba(8,10,11,.03),rgba(4,6,7,.38) 74%),
    linear-gradient(180deg,rgba(4,6,7,.3),rgba(4,6,7,.1) 38%,rgba(4,6,7,.72));
}

.premium-showcase__statement {
  position: absolute;
  z-index: 2;
  top: clamp(126px,16vh,176px);
  left: clamp(24px,4vw,66px);
  display: grid;
  gap: 13px;
}

.premium-showcase__statement span {
  color: #ffd98c;
  font-size: 10px;
  letter-spacing: .2em;
}

.premium-showcase__statement strong {
  max-width: 640px;
  font: 400 clamp(48px,5.5vw,82px)/.84 Georgia,"Times New Roman",serif;
  letter-spacing: -.06em;
  opacity: .72;
}

.premium-showcase__active-meta {
  position: absolute;
  z-index: 4;
  top: clamp(138px,17vh,190px);
  right: clamp(24px,4vw,66px);
  max-width: min(42vw,620px);
  color: rgba(244,240,232,.78);
  font-size: 11px;
  letter-spacing: .13em;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 2px 24px rgba(0,0,0,.72);
}

.premium-showcase .premium-grid {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: auto;
  max-width: none;
  grid-template: none;
  transform: none;
  pointer-events: none;
}

.premium-showcase .premium-card {
  position: absolute;
  isolation: isolate;
  width: clamp(220px,18vw,280px);
  height: auto;
  min-width: 0;
  min-height: 270px;
  pointer-events: auto;
  border-color: rgba(244,240,232,.2);
  border-radius: 18px;
  background: rgba(4,6,7,.7);
  box-shadow: 0 28px 70px rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
  transition: min-height .62s cubic-bezier(.2,.72,.2,1), border-color .35s ease, filter .45s ease, transform .62s cubic-bezier(.2,.72,.2,1), box-shadow .45s ease;
}

.premium-showcase .premium-card:nth-child(1) {
  bottom: 6vh;
  left: 4vw;
}

.premium-showcase .premium-card:nth-child(2) {
  bottom: 16vh;
  left: 24vw;
}

.premium-showcase .premium-card:nth-child(3) {
  right: 35vw;
  bottom: 5vh;
}

.premium-showcase .premium-card:nth-child(4) {
  right: 17vw;
  bottom: 15vh;
}

.premium-showcase .premium-card:nth-child(5) {
  right: 3vw;
  bottom: 5vh;
}

.premium-showcase .premium-card:hover,
.premium-showcase .premium-card:focus-visible {
  z-index: 6;
  border-color: rgba(255,217,140,.72);
  transform: translateY(-8px) scale(1.04);
}

.premium-showcase .premium-card.is-active {
  z-index: 5;
  height: auto;
  min-height: 330px;
  border-color: rgba(255,217,140,.72);
  border-radius: 18px;
  box-shadow: 0 32px 100px rgba(0,0,0,.56);
}

.premium-showcase .premium-card > img {
  position: absolute;
  inset: 0;
  transform: scale(1.02);
}

.premium-showcase .premium-card.is-active > img {
  transform: scale(1.065);
  filter: saturate(.9) brightness(.84);
}

.premium-showcase .premium-card::after {
  inset: 18% 0 0;
  background:
    linear-gradient(180deg,transparent 0,rgba(3,5,6,.28) 38%,rgba(3,5,6,.96) 100%);
}

.premium-showcase .premium-card .collection-card__copy h3 {
  font-size: clamp(20px,2vw,32px);
  overflow-wrap: anywhere;
}

.premium-showcase .premium-card.is-active .collection-card__copy h3 {
  font-size: clamp(27px,2.4vw,38px);
}

.premium-showcase .premium-card:not(.is-active) .collection-card__details {
  max-height: 0;
  margin: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(8px);
}

.premium-showcase .premium-card:not(.is-active) .collection-card__copy {
  opacity: 1;
}

.collection-section.ready-homes {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  overflow: hidden;
  padding: 104px clamp(24px,4vw,66px) 86px;
  background: #090b0c;
  isolation: isolate;
}

.ready-homes__backdrop,
.ready-homes__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ready-homes__backdrop {
  z-index: -2;
  top: -42%;
  bottom: auto;
  height: 145%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.78) brightness(.52) contrast(1.06);
  transform: scale(1.025);
}

.ready-homes__shade {
  z-index: -1;
  background:
    linear-gradient(90deg,rgba(5,7,8,.24),rgba(5,7,8,.04) 56%,rgba(5,7,8,.36)),
    linear-gradient(180deg,rgba(5,7,8,.08),rgba(5,7,8,.52));
}

.ready-homes > .collection-head,
.ready-homes > .ready-showcase {
  width: min(1320px,100%);
  margin-right: auto;
  margin-left: auto;
}

.ready-homes > .collection-head {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(244,240,232,.16);
}

.ready-homes #ready-title {
  font-family: "Black Atlas Display",Georgia,serif;
  font-weight: 500;
  letter-spacing: -.04em;
}

.ready-catalog-request {
  min-height: 48px;
  margin-top: 22px;
  padding: 0 24px;
  border: 1px solid rgba(240,207,145,.58);
  border-radius: 999px;
  color: #f4f0e8;
  background: rgba(7,9,10,.34);
  font-family: "Black Atlas Display",Georgia,serif;
  font-size: 14px;
  letter-spacing: .015em;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: color .3s ease,background .3s ease,border-color .3s ease,transform .3s ease;
}

.ready-catalog-request:hover,
.ready-catalog-request:focus-visible {
  border-color: #f0cf91;
  color: #171109;
  background: #f0cf91;
  outline: 0;
  transform: translateY(-2px);
}

.ready-showcase {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(330px,.55fr);
  gap: 14px;
  min-height: 690px;
  margin-top: 110px;
  padding: 14px;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 28px;
  background: rgba(6,8,9,.38);
  box-shadow: 0 34px 100px rgba(0,0,0,.36);
  backdrop-filter: blur(9px);
}

.ready-feature {
  position: relative;
  overflow: hidden;
  min-height: 690px;
  border: 1px solid rgba(244,240,232,.14);
  border-radius: 24px;
  color: #f4f0e8;
  background: #0d1011;
  text-decoration: none;
}

.ready-feature > img,
.ready-feature__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ready-feature > img {
  object-fit: cover;
  filter: saturate(.76) brightness(.68);
  transition: opacity .2s ease, transform .9s cubic-bezier(.2,.7,.2,1);
}

.ready-feature > img.is-switching { opacity: .32; }

.ready-feature:hover > img,
.ready-feature:focus-visible > img {
  transform: scale(1.035);
}

.ready-feature__shade {
  background: linear-gradient(180deg,rgba(5,7,8,.08) 30%,rgba(5,7,8,.9));
}

.ready-feature__code {
  position: absolute;
  z-index: 2;
  top: 28px;
  left: 28px;
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  border: 1px solid rgba(255,249,228,.9);
  border-radius: 50%;
  color: #171109;
  background: #ffd98c;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}

.ready-feature__copy {
  position: absolute;
  z-index: 2;
  right: clamp(28px,5vw,72px);
  bottom: clamp(28px,5vw,62px);
  left: clamp(28px,5vw,72px);
}

.ready-feature__copy > span {
  color: #ffd98c;
  font-size: 10px;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.ready-feature__copy h3 {
  margin: 16px 0 10px;
  font: 400 clamp(56px,7vw,102px)/.84 Georgia,"Times New Roman",serif;
  letter-spacing: -.06em;
}

.ready-feature__copy p {
  max-width: 620px;
  color: rgba(244,240,232,.68);
}

.ready-feature__copy strong {
  display: inline-flex;
  gap: 16px;
  margin-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,217,140,.66);
  font-size: 11px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ready-showcase .ready-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  overflow: auto;
  max-height: 690px;
  padding-right: 4px;
}

.ready-choice {
  display: grid;
  grid-template-columns: 128px minmax(0,1fr);
  gap: 16px;
  align-items: center;
  min-height: 150px;
  padding: 10px;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 16px;
  color: #f4f0e8;
  background: #111516;
  text-align: left;
  cursor: pointer;
  transition: border-color .42s ease, background .42s ease, transform .46s cubic-bezier(.2,.72,.2,1);
}

.ready-choice:hover,
.ready-choice:focus-visible,
.ready-choice.is-active {
  border-color: rgba(255,217,140,.62);
  background: #171c1e;
  transform: translateX(-5px);
  outline: 0;
}

.ready-choice img {
  width: 128px;
  height: 128px;
  border-radius: 10px;
  object-fit: cover;
  filter: saturate(.84) brightness(.86);
  transition: transform .5s cubic-bezier(.77,0,.175,1);
}

.ready-choice span {
  display: block;
  margin-bottom: 7px;
  color: #ffd98c;
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.ready-choice strong {
  display: block;
  font: 400 clamp(16px,1.35vw,20px)/.96 Georgia,"Times New Roman",serif;
  overflow-wrap: anywhere;
}

.ready-choice small {
  display: block;
  margin-top: 9px;
  color: rgba(244,240,232,.55);
  font-size: 10px;
}

.project-architecture-gallery {
  position: relative;
  left: 50%;
  width: 100vw;
  margin: 108px 0 72px -50vw;
  padding: 0 clamp(24px,4vw,66px);
  color: #f4f0e8;
}

.project-architecture-gallery__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(240px,.4fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 30px;
}

.project-architecture-gallery__head .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: -12px;
}

.project-architecture-gallery__head h2 {
  margin: 0;
  font: 400 clamp(54px,7.4vw,108px)/.85 Georgia,"Times New Roman",serif;
  letter-spacing: -.06em;
}

.project-architecture-gallery__head > p:last-child {
  margin: 0 0 8px;
  color: rgba(244,240,232,.58);
}

.project-architecture-gallery__panels {
  display: flex;
  gap: 8px;
  height: min(76vh,820px);
  min-height: 610px;
}

.architecture-panel {
  position: relative;
  flex: 1 1 0;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 18px;
  color: #fff;
  background: #101314;
  text-decoration: none;
  transition: flex .88s cubic-bezier(.2,.72,.2,1), border-color .42s ease;
}

.architecture-panel:hover,
.architecture-panel:focus-visible,
.architecture-panel.is-active {
  flex: 3.2 1 0;
  border-color: rgba(255,217,140,.66);
  outline: 0;
}

.architecture-panel img,
.architecture-panel::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.architecture-panel img {
  object-fit: cover;
  filter: saturate(.72) brightness(.68);
  transition: transform .9s cubic-bezier(.2,.72,.2,1), filter .5s ease;
}

.architecture-panel::after {
  content: "";
  background: linear-gradient(180deg,rgba(4,6,7,.08),rgba(4,6,7,.92));
}

.architecture-panel:hover img,
.architecture-panel:focus-visible img,
.architecture-panel.is-active img {
  transform: scale(1.045);
  filter: saturate(.82) brightness(.82);
}

.architecture-panel__letter {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 50%;
  font: 400 clamp(52px,6vw,92px)/1 Georgia,"Times New Roman",serif;
  transform: translateX(-50%);
}

.architecture-panel__copy {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 28px;
  left: 24px;
  min-width: 260px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .32s ease .12s, transform .45s ease .1s;
}

.architecture-panel:hover .architecture-panel__copy,
.architecture-panel:focus-visible .architecture-panel__copy,
.architecture-panel.is-active .architecture-panel__copy {
  opacity: 1;
  transform: translateY(0);
}

.architecture-panel__copy span {
  color: #ffd98c;
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.architecture-panel__copy h3 {
  margin: 12px 0 9px;
  font: 400 clamp(34px,4vw,62px)/.88 Georgia,"Times New Roman",serif;
}

.architecture-panel__copy p {
  margin: 0;
  color: rgba(244,240,232,.68);
  font-size: 11px;
}

.atlas .atlas-filter--map {
  position: absolute;
  z-index: 7;
  right: 24px;
  bottom: 44px;
  left: 24px;
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr 1.08fr auto;
  overflow: visible;
  padding: 0;
  border: 1px solid rgba(255,217,140,.42);
  border-radius: 14px;
  background: rgba(6,8,9,.86);
  box-shadow: 0 18px 60px rgba(0,0,0,.42);
  backdrop-filter: blur(18px);
  transition: opacity .35s ease, transform .5s cubic-bezier(.2,.72,.2,1);
}

.atlas .atlas-filter--map > label {
  min-width: 0;
  padding: 15px 17px 14px;
  border-right: 1px solid rgba(244,240,232,.13);
  color: rgba(244,240,232,.48);
  font-size: 9px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.atlas .atlas-filter--map select {
  display: block;
  width: 100%;
  margin-top: 5px;
  border: 0;
  color: #f4f0e8;
  background: transparent;
  font: 500 14px/1.3 Inter,system-ui,sans-serif;
}

.atlas .atlas-filter--map .atlas-filter__check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: rgba(244,240,232,.72);
  font-size: 8px;
  cursor: pointer;
}

.atlas .atlas-filter--map > button {
  min-width: 122px;
  border: 0;
  border-radius: 0 13px 13px 0;
  color: #171109;
  background: #ffd98c;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.atlas-filter__result {
  position: absolute;
  right: 4px;
  bottom: calc(100% + 10px);
  padding: 8px 12px;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 999px;
  color: rgba(244,240,232,.68);
  background: rgba(6,8,9,.66);
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

.atlas.is-map-focused .atlas-filter--map {
  opacity: 0;
  pointer-events: none;
  transform: translateY(135%);
}

.ready-controls button {
  display: none !important;
}

.district-focus {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: 92px 24px 44px;
}

.district-focus__stage {
  position: relative;
  min-height: 920px;
  overflow: hidden;
  padding: clamp(38px,5vw,76px);
  border: 1px solid rgba(255,217,140,.24);
  border-radius: 34px;
  background: #0b0d0e;
  box-shadow: 0 38px 110px rgba(0,0,0,.4);
}

.district-focus__backdrop,
.district-focus__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.district-focus__backdrop {
  object-fit: cover;
  object-position: center 50%;
  filter: saturate(.82) brightness(.66) contrast(1.06);
  transform: scale(1.015);
}

.district-focus__shade {
  background:
    linear-gradient(90deg,rgba(4,6,7,.7),rgba(4,6,7,.08) 48%,rgba(4,6,7,.24)),
    linear-gradient(180deg,rgba(4,6,7,.26),rgba(4,6,7,.03) 52%,rgba(4,6,7,.64));
}

.district-focus__head,
.district-focus .district-tabs,
.district-focus .district-grid {
  position: relative;
  z-index: 2;
}

.district-focus__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 30px;
}

.district-focus__head h2 {
  max-width: 970px;
  margin: 0;
  font: 400 clamp(62px,8.4vw,126px)/.79 Georgia,"Times New Roman",serif;
  letter-spacing: -.065em;
}

.district-focus__head .collection-note {
  margin-bottom: 10px;
  color: rgba(244,240,232,.72);
}

.district-focus .district-tabs {
  max-width: 72%;
  margin: 34px 0 12px;
}

.district-focus .district-tabs button {
  color: rgba(244,240,232,.75);
  background: rgba(5,7,8,.5);
  backdrop-filter: blur(12px);
}

body .district-focus .district-grid,
.district-focus__orbital {
  display: flex;
  min-height: 430px;
  align-items: center;
  justify-content: center;
  gap: clamp(34px,5vw,86px);
  margin-top: 98px;
  padding: 0 5vw;
}

body .district-focus .district-card,
body .district-focus .district-card:first-child {
  --district-float-base: 0px;
  width: clamp(250px,22vw,350px);
  min-width: clamp(250px,22vw,350px);
  min-height: 0;
  aspect-ratio: 1;
  border-color: rgba(255,217,140,.46);
  border-radius: 50%;
  background: rgba(10,12,13,.72);
  box-shadow: 0 22px 60px rgba(0,0,0,.46),0 0 0 8px rgba(255,217,140,.035);
  backdrop-filter: blur(10px);
  transition: transform .55s cubic-bezier(.2,.72,.2,1),border-color .3s ease,box-shadow .35s ease;
  animation: districtFloat 7s ease-in-out infinite;
}

.district-focus .district-card:nth-child(even) {
  --district-float-base: 30px;
  animation-delay: -2.4s;
}

.district-focus .district-card:nth-child(3n) {
  animation-delay: -4.6s;
}

.district-focus .district-card img {
  border-radius: 50%;
}

.district-focus .district-card::after {
  inset: 28% 0 0;
  border-radius: 0 0 50% 50%;
}

.district-focus .district-card .collection-card__copy {
  right: 24px;
  bottom: 28px;
  left: 24px;
  text-align: center;
}

.district-focus .district-card .collection-card__copy h3 {
  font-size: clamp(21px,2vw,31px);
}

.district-focus .district-card .collection-card__copy p {
  font-size: 8px;
}

.district-focus .district-card .collection-card__visual {
  display: none;
}

.district-focus .district-card .collection-card__code {
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.district-focus .district-card:hover,
.district-focus .district-card:focus-visible {
  z-index: 4;
  border-color: rgba(255,217,140,.9);
  box-shadow: 0 30px 80px rgba(0,0,0,.58),0 0 0 12px rgba(255,217,140,.07);
  transform: scale(1.065);
}

.district-focus .district-card:nth-child(even):hover,
.district-focus .district-card:nth-child(even):focus-visible {
  transform: scale(1.065);
}

@keyframes districtFloat {
  0%,100% { translate: 0 calc(var(--district-float-base) - 9px); }
  50% { translate: 0 calc(var(--district-float-base) + 9px); }
}

.editorial-scene__project {
  position: relative;
  display: block;
  height: 80svh;
  overflow: hidden;
  border: 1px solid rgba(255,217,140,.38);
  color: #f4f0e8;
  text-decoration: none;
}

.editorial-scene__project::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg,rgba(4,6,7,.05) 36%,rgba(4,6,7,.9));
  opacity: .74;
  transition: opacity .45s ease;
}

.editorial-scene__project:hover::after,
.editorial-scene__project:focus-visible::after {
  opacity: .94;
}

.editorial-scene__project:focus-visible {
  outline: 2px solid #ffd98c;
  outline-offset: 5px;
}

.editorial-scene__project-label {
  position: absolute;
  z-index: 3;
  top: 18px;
  right: 18px;
  padding: 7px 9px;
  border: 1px solid rgba(244,240,232,.22);
  border-radius: 999px;
  color: rgba(244,240,232,.8);
  background: rgba(4,6,7,.62);
  font-size: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.editorial-scene__project-copy {
  position: absolute;
  z-index: 3;
  right: 28px;
  bottom: 30px;
  left: 28px;
  display: grid;
  gap: 10px;
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .38s ease, transform .55s cubic-bezier(.2,.72,.2,1);
}

.editorial-scene__project:hover .editorial-scene__project-copy,
.editorial-scene__project:focus-visible .editorial-scene__project-copy {
  opacity: 1;
  transform: translateY(0);
}

.editorial-scene__project-copy small {
  color: #ffd98c;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.editorial-scene__project-copy strong {
  font: 400 clamp(42px,5vw,78px)/.86 Georgia,"Times New Roman",serif;
}

.editorial-scene__project-copy > span {
  color: rgba(244,240,232,.72);
  font-size: 11px;
}

.editorial-scene__project-copy b {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding: 0 14px;
  color: #171109;
  background: #ffd98c;
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

body .lead-visual::before {
  background: linear-gradient(0deg,rgba(3,5,6,.42),transparent 42%);
  mix-blend-mode: normal;
}

body .lead-visual::after {
  background:
    linear-gradient(90deg,rgba(3,5,6,.1),rgba(3,5,6,.06) 58%,rgba(7,9,10,.88)),
    linear-gradient(0deg,rgba(3,5,6,.2),transparent 42%);
}

@media (min-width: 1101px) {
  .ready-showcase .ready-grid {
    grid-template-rows: repeat(5,minmax(0,1fr));
  }

  body .ready-choice {
    grid-template-columns: minmax(72px,112px) minmax(0,1fr);
    height: 100%;
    min-height: 0;
    align-self: stretch;
    overflow: hidden;
  }

  body .ready-choice img {
    width: min(112px,100%);
    height: min(112px,100%);
    min-height: 0;
  }

  body .ready-choice:not(.is-active) small {
    display: none;
  }

  .ready-choice:is(:hover,.is-active,:focus-visible) img {
    filter: saturate(.96) brightness(.93);
    transform: none;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ready-choice:hover {
    will-change: transform;
  }
}

.lead-visual .lead-visual__brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .08em;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  line-height: .78;
  letter-spacing: 0;
  text-shadow: 0 5px 30px rgba(0,0,0,.9);
}

.lead-visual__brand span:first-child {
  margin-left: .24em;
  font-size: clamp(11px,.78vw,14px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .32em;
}

.lead-visual__brand span:last-child {
  color: #d99a62;
  font-family: "Black Atlas Display", Georgia, "Times New Roman", serif;
  font-size: clamp(54px,6vw,104px);
  font-weight: 600;
  line-height: .78;
  letter-spacing: -.055em;
  text-shadow: 0 3px 0 rgba(63,30,18,.42), 0 14px 40px rgba(0,0,0,.72);
}

@media (max-width: 760px) {
  .lead-visual__brand span:first-child { font-size: 9px; }
  .lead-visual__brand span:last-child { font-size: clamp(43px,15vw,64px); }
}

.lead-visual img[src*="black-atlas-lead-stone-desk-branded"] {
  object-position: center 44%;
  filter: saturate(.9) brightness(.76) contrast(1.08);
}

.editorial-scene__project-facts,
.collection-card__details,
.architecture-panel__facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px 12px;
}

.editorial-scene__project-facts > span,
.collection-card__details > span,
.architecture-panel__facts > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-top: 7px;
  border-top: 1px solid rgba(244,240,232,.18);
}

.editorial-scene__project-facts em,
.collection-card__details em,
.architecture-panel__facts em {
  color: rgba(244,240,232,.5);
  font-size: 7px;
  font-style: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.editorial-scene__project-facts strong,
.collection-card__details strong,
.architecture-panel__facts strong {
  overflow: hidden;
  font-family: Inter,ui-sans-serif,system-ui,sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.editorial-scene__project-date,
.collection-card__details > small,
.architecture-panel__facts > small {
  grid-column: 1 / -1;
  color: rgba(244,240,232,.45);
  font-size: 7px;
  letter-spacing: .08em;
}

.collection-card__details {
  max-height: 0;
  overflow: hidden;
  margin-top: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: max-height .5s cubic-bezier(.2,.72,.2,1),margin .35s ease,opacity .3s ease,transform .45s ease;
}

.collection-card:hover .collection-card__details,
.collection-card:focus-visible .collection-card__details,
.collection-card.is-active .collection-card__details {
  max-height: 180px;
  margin-top: 13px;
  opacity: 1;
  transform: translateY(0);
}

.collection-card__cta,
.architecture-panel__facts > b {
  grid-column: 1 / -1;
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  color: #171109;
  background: #ffd98c;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.premium-showcase .premium-card.is-active {
  min-height: 330px;
}

.premium-showcase .premium-card .collection-card__copy {
  right: clamp(14px,1.6vw,26px);
  bottom: clamp(14px,2.2vh,28px);
  left: clamp(14px,1.6vw,26px);
}

.premium-showcase .premium-card .collection-card__copy h3 {
  margin-bottom: 5px;
}

.premium-showcase .premium-card.is-active .collection-card__details {
  max-width: 540px;
  max-height: 220px;
}

.premium-showcase .premium-card.is-active .collection-card__code {
  width: 54px;
  height: 54px;
  top: 20px;
  left: 20px;
}

.architecture-panel__facts {
  max-width: 360px;
  margin-top: 14px;
}

.architecture-panel__facts > b {
  min-height: 34px;
}

.district-focus .district-card:hover .collection-card__copy,
.district-focus .district-card:focus-visible .collection-card__copy {
  right: 20px;
  bottom: 18px;
  left: 20px;
}

.district-focus .district-card:hover .collection-card__copy h3,
.district-focus .district-card:focus-visible .collection-card__copy h3 {
  margin-bottom: 4px;
  font-size: clamp(19px,1.8vw,26px);
}

.district-focus .district-card:hover .collection-card__copy > p,
.district-focus .district-card:focus-visible .collection-card__copy > p {
  display: none;
}

.district-focus .district-card .collection-card__details {
  gap: 5px 8px;
}

.district-focus .district-card .collection-card__details > span {
  padding-top: 4px;
}

.district-focus .district-card .collection-card__details em,
.district-focus .district-card .collection-card__details > small {
  font-size: 6px;
}

.district-focus .district-card .collection-card__details strong {
  font-size: 8px;
}

.district-focus .district-card .collection-card__cta {
  min-height: 25px;
  font-size: 7px;
}

body .journal-section {
  padding-top: 74px;
}

body .journal-section .article-track {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,272px));
  justify-content: start;
  gap: 14px;
}

body .journal-section .article-card {
  position: relative;
  aspect-ratio: 1;
  min-height: 0;
  max-width: 272px;
  overflow: hidden;
  background: #0b0e0f;
}

body .journal-section .article-card::after {
  position: absolute;
  z-index: 1;
  inset: 24% 0 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg,transparent,rgba(4,6,7,.94));
}

body .journal-section .article-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  filter: saturate(.68) brightness(.58) contrast(1.12) sepia(.06);
  transition: transform .7s cubic-bezier(.2,.72,.2,1),filter .4s ease;
}

body .journal-section .article-card:hover img,
body .journal-section .article-card:focus-visible img {
  transform: scale(1.045);
  filter: saturate(.76) brightness(.68) contrast(1.12) sepia(.04);
}

body .journal-section .article-card__copy {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 18px;
}

body .journal-section .article-card h3 {
  margin: 10px 0 0;
  font-size: 21px;
}

body .journal-section .article-card__description,
body .journal-section .article-card__author {
  display: none;
}

body .project-coverflow {
  position: relative;
  left: 50%;
  width: 100vw;
  min-height: 112svh;
  margin: 0 0 84px -50vw;
  padding: clamp(34px,4vw,58px) clamp(24px,5vw,76px) 28px;
  overflow: hidden;
  isolation: isolate;
  background: #090b0c;
}

.project-coverflow__backdrop,
.project-coverflow__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.project-coverflow__backdrop {
  z-index: -3;
  object-fit: cover;
  object-position: center;
  filter: saturate(.7) brightness(.36) contrast(1.12);
  transform: scale(1.025);
}

.project-coverflow__shade {
  z-index: -2;
  background:
    linear-gradient(180deg,rgba(4,6,7,.84),rgba(4,6,7,.22) 30%,rgba(4,6,7,.48) 72%,rgba(4,6,7,.94)),
    radial-gradient(circle at 50% 52%,rgba(4,6,7,.12),rgba(4,6,7,.66) 78%);
}

body .project-coverflow .section-head,
body .project-coverflow .project-toolbar,
.project-coverflow__hint {
  position: relative;
  z-index: 4;
}

body .project-coverflow .section-head {
  margin-bottom: 12px;
}

body .project-coverflow .section-head h2 {
  max-width: 920px;
  font-size: clamp(42px,5vw,76px);
  line-height: .94;
}

.project-coverflow__head-meta {
  display: grid;
  min-width: 260px;
  justify-items: end;
  gap: 4px;
  text-align: right;
}

.project-coverflow__head-meta strong {
  color: #f4f0e8;
  font: 400 clamp(26px,2.3vw,38px)/1 Georgia,"Times New Roman",serif;
  letter-spacing: -.035em;
}

.project-coverflow__head-meta > span {
  margin-bottom: 12px;
  color: rgba(244,240,232,.55);
  font: 600 8px/1.2 Arial,sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body .project-coverflow .project-toolbar {
  margin: 0;
}

body .project-coverflow .project-coverflow__stage {
  position: relative;
  z-index: 3;
  height: clamp(620px,76svh,760px);
  margin-top: -6px;
  perspective: 1800px;
  perspective-origin: 50% 48%;
}

body .project-coverflow .project-track {
  position: absolute;
  inset: 0;
  display: block;
  overflow: visible;
  padding: 0;
  cursor: grab;
  touch-action: pan-y;
  transform-style: preserve-3d;
}

body .project-coverflow .project-track.is-dragging {
  cursor: grabbing;
}

body .project-coverflow .project-track.is-filtering .project-card {
  transition: none;
}

.project-coverflow__side-hit {
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  width: clamp(150px,calc(50% - 270px),380px);
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: pointer;
}

.project-coverflow__side-hit--left {
  left: 68px;
}

.project-coverflow__side-hit--right {
  right: 68px;
}

.project-coverflow__side-hit:focus-visible {
  outline: 1px solid rgba(240,198,125,.72);
  outline-offset: -8px;
}

body .project-coverflow .project-track[data-empty="true"]::before {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  content: "По выбранным фильтрам проектов нет";
  color: rgba(244,240,232,.74);
  font: 500 11px/1.4 Arial,sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

body .project-coverflow .project-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(390px,33vw,490px);
  min-width: 0;
  height: clamp(570px,71svh,700px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(244,240,232,.19);
  border-radius: 10px;
  color: #fff;
  background: #0b0d0e;
  box-shadow: 0 32px 90px rgba(0,0,0,.52);
  opacity: 0;
  transform: translate(-50%,-50%) translateZ(-240px) scale(.64);
  transform-origin: center;
  transition:
    transform .9s cubic-bezier(.2,.72,.2,1),
    opacity .64s ease,
    border-color .42s ease;
  pointer-events: none;
  will-change: transform,opacity;
}

body .project-coverflow .project-track.is-intro-revealing .project-card[data-coverflow-position] {
  opacity: var(--deck-reveal-opacity,0);
  filter: none;
  transform:
    translate(calc(-50% + var(--deck-reveal-x,0%)),-50%)
    translateZ(var(--deck-reveal-z,-240px))
    rotateY(var(--deck-reveal-rotate-y,0deg))
    scale(var(--deck-reveal-scale,.64));
  pointer-events: none;
  transition: none;
}

body .project-coverflow .project-track[data-intro-pending="true"] .project-card[data-coverflow-position="0"] {
  z-index: 6;
  opacity: 1;
  filter: none;
  pointer-events: auto;
  transform: translate(-50%,-50%) translateZ(0) scale(1);
}

body .project-coverflow .project-track[data-intro-pending="true"] .project-card[data-coverflow-position="-1"],
body .project-coverflow .project-track[data-intro-pending="true"] .project-card[data-coverflow-position="1"],
body .project-coverflow .project-track[data-intro-pending="true"] .project-card[data-coverflow-position="-2"],
body .project-coverflow .project-track[data-intro-pending="true"] .project-card[data-coverflow-position="2"] {
  z-index: 5;
  opacity: 0;
  filter: none;
  pointer-events: none;
  transform: translate(-50%,-50%) translateZ(-190px) scale(.86);
}

body .project-coverflow .project-card::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(180deg,rgba(4,6,7,.08) 26%,rgba(4,6,7,.36) 57%,rgba(4,6,7,.96) 100%),
    linear-gradient(90deg,rgba(4,6,7,.2),transparent 34%,transparent 70%,rgba(4,6,7,.16));
}

body .project-coverflow .project-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.72) brightness(.66);
  transform: scale(1.035);
  transition: transform .9s cubic-bezier(.2,.72,.2,1),filter .55s ease;
}

body .project-coverflow .project-card:hover .project-card__image,
body .project-coverflow .project-card:focus-visible .project-card__image {
  transform: scale(1.075);
}

body .project-coverflow .project-card[data-coverflow-position="0"] {
  z-index: 6;
  opacity: 1;
  border-color: rgba(232,169,86,.56);
  pointer-events: auto;
  transform: translate(calc(-50% + var(--coverflow-drag,0px)),-50%) translateZ(0) scale(1);
}

body .project-coverflow .project-card[data-coverflow-position="-1"] {
  z-index: 5;
  opacity: .94;
  pointer-events: auto;
  transform: translate(calc(-50% - 70% + var(--coverflow-drag,0px)),-50%) translateZ(-35px) rotateY(28deg) scale(.92);
}

body .project-coverflow .project-card[data-coverflow-position="1"] {
  z-index: 5;
  opacity: .94;
  pointer-events: auto;
  transform: translate(calc(-50% + 70% + var(--coverflow-drag,0px)),-50%) translateZ(-35px) rotateY(-28deg) scale(.92);
}

body .project-coverflow .project-card[data-coverflow-position="-2"] {
  z-index: 4;
  opacity: .7;
  pointer-events: auto;
  transform: translate(calc(-50% - 122% + var(--coverflow-drag,0px)),-50%) translateZ(-150px) rotateY(42deg) scale(.8);
}

body .project-coverflow .project-card[data-coverflow-position="2"] {
  z-index: 4;
  opacity: .7;
  pointer-events: auto;
  transform: translate(calc(-50% + 122% + var(--coverflow-drag,0px)),-50%) translateZ(-150px) rotateY(-42deg) scale(.8);
}

body .project-coverflow .project-card[data-coverflow-position="-3"] {
  transform: translate(calc(-50% - 174% + var(--coverflow-drag,0px)),-50%) translateZ(-180px) rotateY(22deg) scale(.64);
}

body .project-coverflow .project-card[data-coverflow-position="3"] {
  transform: translate(calc(-50% + 174% + var(--coverflow-drag,0px)),-50%) translateZ(-180px) rotateY(-22deg) scale(.64);
}

body .project-coverflow .project-card[data-coverflow-position="0"] .project-card__image {
  filter: saturate(.84) brightness(.82);
}

body .project-coverflow .project-card__ordinal {
  position: absolute;
  z-index: 3;
  top: 19px;
  right: 19px;
  color: rgba(255,255,255,.84);
  font: 600 12px/1 Arial,sans-serif;
  letter-spacing: .18em;
}

body .project-coverflow .project-card__content {
  position: absolute;
  z-index: 3;
  inset: auto 0 0;
  min-height: 0;
  padding: 42px 34px 30px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .4s ease .16s,transform .48s ease .14s;
}

body .project-coverflow .project-card[data-coverflow-position="0"] .project-card__content {
  opacity: 1;
  transform: none;
}

body .project-coverflow .project-card__side-title {
  position: absolute;
  z-index: 3;
  right: 26px;
  bottom: 28px;
  left: 26px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .35s ease,transform .45s ease;
  pointer-events: none;
}

body .project-coverflow .project-card__side-title strong,
body .project-coverflow .project-card__side-title span {
  display: block;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0,0,0,.8);
}

body .project-coverflow .project-card__side-title strong {
  font: 400 clamp(28px,2.9vw,44px)/.95 Georgia,"Times New Roman",serif;
  letter-spacing: -.045em;
}

body .project-coverflow .project-card__side-title span {
  margin-top: 8px;
  font: 600 9px/1.3 Arial,sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

body .project-coverflow .project-card[data-coverflow-position="-1"] .project-card__side-title,
body .project-coverflow .project-card[data-coverflow-position="1"] .project-card__side-title,
body .project-coverflow .project-card[data-coverflow-position="-2"] .project-card__side-title,
body .project-coverflow .project-card[data-coverflow-position="2"] .project-card__side-title {
  opacity: 1;
  transform: none;
}

body .project-coverflow .project-card__label {
  color: #e8a956;
  font: 600 10px/1.3 Arial,sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}

body .project-coverflow .project-card h3 {
  margin: 8px 0 7px;
  font-size: clamp(48px,4.6vw,68px);
  line-height: .9;
}

body .project-coverflow .project-card__address {
  display: -webkit-box;
  max-width: 92%;
  min-height: 34px;
  margin: 0 0 17px;
  overflow: hidden;
  color: rgba(255,255,255,.71);
  font: 500 11px/1.5 Arial,sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body .project-coverflow .project-card__facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 12px;
  margin: 0 0 18px;
}

body .project-coverflow .project-card__fact {
  min-width: 0;
  padding-top: 7px;
  border-top: 1px solid rgba(255,255,255,.22);
}

body .project-coverflow .project-card__fact span,
body .project-coverflow .project-card__fact strong {
  display: block;
}

body .project-coverflow .project-card__fact span {
  margin-bottom: 3px;
  color: rgba(255,255,255,.5);
  font: 500 9px/1.2 Arial,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body .project-coverflow .project-card__fact strong {
  overflow: hidden;
  color: #fff;
  font: 600 13px/1.35 Arial,sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .project-coverflow .project-card__cta {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid rgba(232,169,86,.64);
  border-radius: 999px;
  color: #171109;
  background: #f0c67d;
  font: 600 10px/1 Arial,sans-serif;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .25s ease,background .25s ease;
}

body .project-coverflow .project-card__cta:hover,
body .project-coverflow .project-card__cta:focus-visible {
  color: #fff;
  background: rgba(6,8,9,.82);
}

body .project-coverflow .project-stage__previous,
body .project-coverflow .project-stage__next {
  z-index: 12;
  width: 60px;
  height: 60px;
  border-color: rgba(244,240,232,.4);
  background: rgba(6,8,9,.7);
}

body .project-coverflow .project-stage__previous {
  left: 0;
}

body .project-coverflow .project-stage__next {
  right: 0;
}

.project-coverflow__hint {
  margin: -12px 0 0;
  color: rgba(244,240,232,.48);
  font: 500 8px/1.4 Arial,sans-serif;
  letter-spacing: .18em;
  text-align: center;
  text-transform: uppercase;
}

.project-coverflow__filters {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: minmax(190px,1.2fr) repeat(4,minmax(130px,1fr)) minmax(150px,.8fr) auto;
  max-width: 1180px;
  min-height: 72px;
  margin: 18px auto 0;
  border: 1px solid rgba(244,240,232,.22);
  border-radius: 18px;
  background: rgba(4,6,7,.76);
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
  backdrop-filter: blur(18px);
}

.project-coverflow__filter-result,
.project-coverflow__filters > label,
.project-coverflow__filters > button {
  min-width: 0;
  border-right: 1px solid rgba(244,240,232,.15);
}

.project-coverflow__filter-result {
  display: flex;
  align-items: center;
  padding: 0 18px;
  color: #f0c67d;
  font: 600 10px/1.4 Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.project-coverflow__filters > label {
  display: flex;
  min-height: 72px;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 0 15px;
}

.project-coverflow__filters > label > span {
  color: rgba(244,240,232,.48);
  font: 600 8px/1 Arial,sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.project-coverflow__filters select {
  width: 100%;
  border: 0;
  outline: 0;
  color: #fff;
  background: transparent;
  font: 500 11px/1.3 Arial,sans-serif;
}

.project-coverflow__filters option {
  color: #fff;
  background: #0b0e0f;
}

.project-coverflow__filters .project-coverflow__filter-check {
  flex-direction: row;
  align-items: center;
  gap: 9px;
}

.project-coverflow__filter-check input {
  width: 16px;
  height: 16px;
  accent-color: #e8a956;
}

.project-coverflow__filters > button {
  min-width: 92px;
  border: 0;
  border-radius: 0 18px 18px 0;
  color: #171109;
  background: #f0c67d;
  font: 700 9px/1 Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}

.project-coverflow__filters select:focus-visible,
.project-coverflow__filters input:focus-visible,
.project-coverflow__filters button:focus-visible {
  outline: 2px solid #f0c67d;
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .atlas-discovery-menu__frame { inset: 32px; }
  .atlas-filter { grid-template-columns: 1fr 1fr; }
  .atlas-filter > label { border-bottom: 1px solid rgba(244,240,232,.14); }
  .atlas-filter > button { min-height: 56px; }
  .premium-showcase .premium-grid {
    top: 275px;
    right: 24px;
    bottom: 28px;
    left: 24px;
    display: flex;
    width: auto;
    gap: 14px;
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: auto;
    transform: none;
    pointer-events: auto;
  }
  .premium-showcase .premium-card,
  .premium-showcase .premium-card:nth-child(n) {
    position: relative;
    inset: auto;
    width: 250px;
    min-width: 250px;
    min-height: 0;
    flex: 0 0 auto;
    transform: none;
  }
  .ready-showcase { grid-template-columns: 1fr; }
  .ready-showcase .ready-grid { grid-template-columns: 1fr 1fr; max-height: none; }
  .atlas .atlas-filter--map { grid-template-columns: repeat(3,1fr); }
  .district-focus__head { grid-template-columns: 1fr; }
  body .district-focus .district-grid { justify-content: flex-start; overflow-x: auto; }
  .district-focus .district-card:nth-child(n) { width: 250px; min-width: 250px; min-height: 0; margin-top: 0; transform: none; }
  body .journal-section .article-track { grid-template-columns: repeat(2,minmax(0,250px)); }
  body .project-coverflow .project-card { width: min(46vw,340px); }
  body .project-coverflow .project-card[data-coverflow-position="-2"],
  body .project-coverflow .project-card[data-coverflow-position="2"] { opacity: 0; pointer-events: none; }
  .project-coverflow__side-hit { display: none; }
  .project-coverflow__head-meta { min-width: 210px; }
  .project-coverflow__filters { grid-template-columns: repeat(3,1fr); }
  .project-coverflow__filter-result { min-height: 58px; }
  .project-coverflow__filters > label { min-height: 58px; border-top: 1px solid rgba(244,240,232,.15); }
  .project-coverflow__filters > button { min-height: 58px; border-radius: 0 0 18px 0; }
}

@media (max-width: 640px) {
  .atlas-discovery-menu { min-height: 790px; }
  .atlas-discovery-menu__frame { inset: 18px; padding: 24px; border-radius: 26px; }
  .atlas-discovery-menu__head { grid-template-columns: 1fr; }
  .atlas-discovery-menu__head h2 { font-size: 48px; }
  .atlas-filter { grid-template-columns: 1fr; }
  body .project-coverflow { min-height: 780px; padding-right: 18px; padding-left: 18px; }
  body .project-coverflow .section-head h2 { font-size: 43px; }
  body .project-coverflow .project-coverflow__stage { height: 560px; }
  body .project-coverflow .project-card { width: 72vw; height: 520px; }
  body .project-coverflow .project-card[data-coverflow-position="-1"] {
    opacity: .44;
    transform: translate(calc(-50% - 82% + var(--coverflow-drag,0px)),-50%) translateZ(-30px) rotateY(13deg) scale(.82);
  }
  body .project-coverflow .project-card[data-coverflow-position="1"] {
    opacity: .44;
    transform: translate(calc(-50% + 82% + var(--coverflow-drag,0px)),-50%) translateZ(-30px) rotateY(-13deg) scale(.82);
  }
  body .project-coverflow .project-card__content { padding: 28px 21px 22px; }
  .project-coverflow__hint { margin-top: -6px; }
  .project-coverflow__filters { grid-template-columns: 1fr; }
  .project-coverflow__filter-result,
  .project-coverflow__filters > label,
  .project-coverflow__filters > button { min-height: 54px; border-right: 0; border-bottom: 1px solid rgba(244,240,232,.14); }
  .project-coverflow__filters > button { border-radius: 0 0 18px 18px; }
  .atlas-filter > label { border-right: 0; }
  .premium-collection .collection-head {
    right: 18px;
    left: 18px;
    min-height: 112px;
    padding-top: 22px;
  }
  .premium-collection .collection-head h2 { font-size: 38px; }
  .premium-showcase { min-height: 790px; }
  .premium-showcase__statement { top: 138px; left: 18px; }
  .premium-showcase__statement strong { font-size: 50px; }
  .premium-showcase__active-meta {
    top: 235px;
    right: 18px;
    left: 18px;
    max-width: none;
    font-size: 9px;
    text-align: left;
  }
  .premium-showcase .premium-grid {
    top: 275px;
    right: 18px;
    bottom: 22px;
    left: 18px;
    width: auto;
    align-items: stretch;
    justify-content: flex-start;
    transform: none;
  }
  .premium-showcase .premium-card,
  .premium-showcase .premium-card:first-child,
  .premium-showcase .premium-card.is-active {
    min-width: calc(100vw - 72px);
    min-height: 0;
    flex: 0 0 auto;
    height: 100%;
    border-radius: 24px;
  }
  .premium-showcase .premium-card:not(.is-active) .collection-card__copy {
    opacity: 1;
  }
  .premium-showcase .premium-card:not(.is-active) .collection-card__copy > p {
    max-height: none;
    margin: 0;
    opacity: 1;
    transform: none;
  }
  .ready-feature { min-height: 560px; }
  .collection-section.ready-homes { padding: 78px 12px 48px; }
  .ready-homes__backdrop { transform: none; }
  .ready-homes .ready-showcase { margin-top: 42px; padding: 8px; }
  .ready-showcase .ready-grid { grid-template-columns: 1fr; }
  .project-architecture-gallery__head { grid-template-columns: 1fr; }
  .project-architecture-gallery__panels { overflow-x: auto; height: 620px; scroll-snap-type: x mandatory; }
  .architecture-panel,
  .architecture-panel:hover,
  .architecture-panel:focus-visible,
  .architecture-panel.is-active { min-width: calc(100vw - 62px); flex: 0 0 auto; scroll-snap-align: start; }
  .architecture-panel__copy { opacity: 1; transform: none; }
  .atlas .atlas-filter--map { right: 12px; bottom: 12px; left: 12px; grid-template-columns: 1fr 1fr; max-height: 44svh; overflow-y: auto; }
  .atlas .atlas-filter--map > label { border-bottom: 1px solid rgba(244,240,232,.13); }
  .atlas-filter__result { display: none; }
  .district-focus { padding: 58px 12px 24px; }
  .district-focus__stage { min-height: 0; padding: 28px 18px; border-radius: 24px; }
  .district-focus__head h2 { font-size: 54px; }
  .district-focus .district-tabs { max-width: 100%; margin-top: 24px; }
  body .district-focus .district-grid { display: flex; min-height: 0; overflow-x: auto; padding: 18px 2px 26px; }
  .district-focus .district-card:nth-child(n) { width: 72vw; min-width: 72vw; }
  .editorial-scene__project { min-width: calc(100vw - 62px); height: 64svh; }
  .editorial-scene__project-copy { opacity: 1; transform: none; }
  body .journal-section .article-track { grid-template-columns: minmax(0,250px); }
  .premium-showcase .premium-card:first-child,
  .premium-showcase .premium-card:hover,
  .premium-showcase .premium-card:focus-visible,
  .premium-showcase .premium-card.is-active { min-height: 0; height: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .atlas-discovery-menu__backdrop,
  .premium-showcase__backdrop,
  .premium-showcase .premium-card,
  .premium-showcase .premium-card > img,
  .premium-showcase .collection-card__details,
  .district-focus .district-card,
  .ready-feature > img,
  .ready-choice,
  .ready-choice img,
  .ready-showcase .ready-grid,
  .architecture-panel,
  .architecture-panel img,
  .architecture-panel__copy {
    transition: none;
  }

  .district-focus .district-card {
    animation: none;
    translate: 0 var(--district-float-base);
  }
}


/* BLACK ATLAS: нейтральная сцена об агентстве вместо сегмента «Премиум и выше». */
.district-focus__stage {
  min-height: min(900px, 92svh);
}

.district-focus__about {
  position: relative;
  z-index: 4;
  display: flex;
  width: min(760px, 68%);
  min-height: min(780px, 82svh);
  padding: clamp(48px, 7vw, 108px);
  flex-direction: column;
  justify-content: center;
}

.district-focus__about h2 {
  max-width: 720px;
  margin: 18px 0 30px;
  color: #f4f0e8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(55px, 7vw, 108px);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.045em;
}

.district-focus__about > p:not(.eyebrow) {
  max-width: 530px;
  color: rgba(244,240,232,.72);
  font: 400 clamp(15px, 1.2vw, 19px)/1.65 Arial, sans-serif;
}

.district-focus__about > a {
  width: max-content;
  margin-top: 34px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(216,174,104,.75);
  color: #f4f0e8;
  font: 600 11px/1 Arial, sans-serif;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
}

.district-focus__about > .district-focus__offer {
  display: grid;
  width: min(470px,100%);
  min-height: 72px;
  margin-top: 24px;
  padding: 16px 24px;
  align-content: center;
  gap: 7px;
  border: 1px solid rgba(216,174,104,.62);
  border-radius: 999px;
  color: #f4f0e8;
  background: rgba(9,8,8,.28);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
  text-decoration: none;
  backdrop-filter: blur(10px);
  transition: color .5s ease,background .5s ease,border-color .5s ease,transform .5s cubic-bezier(.2,.8,.2,1);
}

.district-focus__offer span {
  font: 600 11px/1.15 Arial,sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.district-focus__offer small {
  color: rgba(244,240,232,.62);
  font: 400 12px/1.25 Arial,sans-serif;
  letter-spacing: .04em;
  text-transform: none;
  transition: color .5s ease;
}

.district-focus__about > .district-focus__offer:hover,
.district-focus__about > .district-focus__offer:focus-visible {
  color: #171109;
  border-color: #e8a956;
  background: #e8a956;
  transform: translateY(-3px);
  outline: none;
}

.district-focus__about > .district-focus__offer:hover small,
.district-focus__about > .district-focus__offer:focus-visible small {
  color: rgba(23,17,9,.72);
}

.district-focus__signature {
  position: absolute;
  z-index: 5;
  right: clamp(32px, 6vw, 92px);
  bottom: clamp(42px, 7vw, 96px);
  display: grid;
  width: clamp(180px, 19vw, 300px);
  color: #f4f0e8;
  text-decoration: none;
}

.district-focus__signature img {
  width: 100%;
  aspect-ratio: .82;
  border-radius: 50% 50% 18px 18px;
  object-fit: cover;
  filter: brightness(.78) saturate(.78);
  transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s ease;
}

.district-focus__signature span {
  margin-top: 14px;
  font: 400 30px/1 "Cormorant Garamond", Georgia, serif;
}

.district-focus__signature small {
  margin-top: 7px;
  color: rgba(244,240,232,.62);
  font: 600 9px/1.2 Arial, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.district-focus__signature:hover img,
.district-focus__signature:focus-visible img {
  transform: translateY(-8px) scale(1.025);
  filter: brightness(.94) saturate(.9);
}

.editorial-scene--finale {
  min-height: 128svh;
  place-items: center start;
}

.editorial-scene--finale .editorial-scene__media img {
  object-position: center bottom;
  filter: brightness(.72) saturate(.88) contrast(1.04);
}

.editorial-scene--finale .editorial-scene__copy {
  display: flex;
  width: min(560px,calc(100% - 72px));
  min-height: 0;
  padding: clamp(34px,4.6vw,64px) clamp(30px,4.5vw,60px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 0;
  border-left: 1px solid rgba(255,217,140,.68);
  border-radius: 0;
  text-align: left;
  background: linear-gradient(90deg,rgba(5,7,8,.82),rgba(5,7,8,.48) 72%,transparent);
  box-shadow: none;
  backdrop-filter: blur(8px);
  align-self: start;
  justify-self: start;
  margin-top: clamp(48px,7svh,88px);
  margin-left: clamp(28px,6vw,96px);
}

.editorial-scene--finale .editorial-scene__title {
  max-width: 9ch;
  font: 400 clamp(54px,6vw,96px)/.88 Georgia,"Times New Roman",serif;
  letter-spacing: -.035em;
}

.editorial-scene--finale .editorial-scene__note { max-width: 46ch; }

.editorial-scene--finale .editorial-scene__cta {
  border: 1px solid rgba(255,217,140,.6);
  cursor: pointer;
}

.editorial-scene--finale .editorial-scene__project-link {
  position: static;
  margin: 18px auto 0;
}

.editorial-scene--finale .editorial-scene__location {
  position: absolute;
  z-index: 6;
  left: clamp(28px,5vw,82px);
  right: auto;
  top: calc(100svh - 76px);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 18px;
  width: min(330px,calc(100% - 56px));
  padding: 17px 18px 16px;
  border: 1px solid rgba(244,240,232,.2);
  color: #f4f0e8;
  background: rgba(5,7,8,.58);
  box-shadow: 0 16px 50px rgba(0,0,0,.22);
  text-decoration: none;
  backdrop-filter: blur(12px);
}

.editorial-scene--finale .editorial-scene__location--mobile {
  display: none;
}

.editorial-scene--finale .editorial-scene__location span,
.editorial-scene--finale .editorial-scene__location em {
  color: rgba(244,240,232,.58);
  font: 500 8px/1.2 Arial,sans-serif;
  font-style: normal;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.editorial-scene--finale .editorial-scene__location strong {
  grid-row: 2;
  font: 400 24px/1 Georgia,"Times New Roman",serif;
  letter-spacing: .04em;
}

.editorial-scene--finale .editorial-scene__location em {
  grid-row: 2;
  align-self: end;
  justify-self: end;
  transition: color .25s ease,transform .25s ease;
}

.editorial-scene--finale .editorial-scene__location:hover em,
.editorial-scene--finale .editorial-scene__location:focus-visible em {
  color: #f0cf91;
  transform: translateX(4px);
}

@media (max-width: 640px) {
  .editorial-scene--finale .editorial-scene__copy {
    width: calc(100% - 28px);
    margin-left: 14px;
    margin-top: 26px;
    padding: 36px 22px;
  }

  .editorial-scene--finale .editorial-scene__title {
    font-size: clamp(44px,15vw,66px);
  }

  .editorial-scene--finale .editorial-scene__location {
    left: 14px;
    right: auto;
    top: auto;
    bottom: 18px;
    width: calc(100% - 28px);
  }
}

.editorial-scene__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.editorial-scene__benefits li {
  padding: 9px 12px;
  border: 1px solid rgba(255,217,140,.3);
  color: rgba(244,240,232,.82);
  background: rgba(4,6,7,.34);
  font: 500 9px/1.15 Arial,sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.editorial-scene--triptych .editorial-scene__title {
  font-family: Georgia,"Times New Roman",serif;
  font-weight: 400;
  letter-spacing: -.035em;
}

.editorial-scene__project--dom-dau img {
  object-position: center 44%;
}

.editorial-scene__project--dom-dau {
  height: 68svh;
}

.editorial-scene__project-link {
  position: absolute;
  right: clamp(24px, 5vw, 80px);
  bottom: clamp(28px, 6vw, 86px);
  z-index: 6;
  padding: 12px 0;
  border-bottom: 1px solid rgba(244,240,232,.55);
  color: #f4f0e8;
  font: 600 10px/1 Arial, sans-serif;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .district-focus__stage { min-height: 760px; }
  .district-focus__about { width: 100%; min-height: 520px; padding: 42px 24px 210px; }
  .district-focus__about h2 { font-size: 54px; }
  .district-focus__signature { right: 22px; bottom: 24px; width: 156px; }
  .editorial-scene__project-link { right: 22px; bottom: 24px; }
}

/* Частная коллекция: адаптация блока project-card-image-swap-hover
   из библиотеки BLACK ATLAS. */
.collection-section.premium-collection {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  padding: clamp(92px,10vw,150px) clamp(24px,5vw,78px) clamp(110px,12vw,180px);
  color: #f4f0e8;
  background:
    radial-gradient(circle at 84% 8%,rgba(177,130,58,.1),transparent 29%),
    #0a0c0d;
}

.premium-collection .collection-head {
  position: static;
  width: min(1320px,100%);
  min-height: 0;
  margin: 0 auto clamp(56px,7vw,98px);
  padding: 0 0 26px;
  border-bottom: 1px solid rgba(244,240,232,.18);
}

.premium-collection .collection-head h2 {
  max-width: 820px;
  font-size: clamp(52px,6.4vw,96px);
}

.premium-editorial__grid {
  display: grid;
  width: min(1320px,100%);
  margin: 0 auto;
  padding: 0;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(68px,9vw,132px) clamp(30px,5vw,78px);
  list-style: none;
}

.premium-editorial__cell {
  min-width: 0;
  margin: 0;
}

.premium-editorial__cell:nth-child(even) {
  margin-top: clamp(74px,10vw,148px);
}

.premium-swap-card {
  display: block;
  color: inherit;
  text-decoration: none;
}

.premium-swap-card__frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 2px;
  background: #141718;
}

.premium-swap-card__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) brightness(.82);
  transition:
    opacity .58s ease,
    transform .9s cubic-bezier(.22,1,.36,1),
    filter .58s ease;
}

.premium-swap-card__image--primary {
  opacity: 1;
  transform: scale(1);
}

.premium-swap-card__image--secondary {
  opacity: 0;
  transform: scale(1.065);
}

.premium-swap-card__badge {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 18px;
  padding: 8px 12px;
  border: 1px solid rgba(244,240,232,.3);
  border-radius: 999px;
  color: rgba(244,240,232,.88);
  background: rgba(7,9,10,.48);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  transition: opacity .3s ease;
}

.premium-swap-card:hover .premium-swap-card__image--primary,
.premium-swap-card:focus-visible .premium-swap-card__image--primary {
  opacity: 0;
  transform: scale(1.04);
}

.premium-swap-card:hover .premium-swap-card__image--secondary,
.premium-swap-card:focus-visible .premium-swap-card__image--secondary {
  opacity: 1;
  transform: scale(1);
  filter: saturate(.9) brightness(.9);
}

.premium-swap-card:hover .premium-swap-card__badge,
.premium-swap-card:focus-visible .premium-swap-card__badge {
  opacity: 0;
}

.premium-swap-card:focus-visible {
  outline: 1px solid #ffd98c;
  outline-offset: 7px;
}

.premium-swap-card__copy {
  padding-top: 22px;
}

.premium-swap-card__copy h3 {
  margin: 0 0 9px;
  font: 400 clamp(34px,3.4vw,54px)/.92 Georgia,"Times New Roman",serif;
  letter-spacing: -.045em;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: .18em;
  transition: text-decoration-color .3s ease;
}

.premium-swap-card:hover .premium-swap-card__copy h3,
.premium-swap-card:focus-visible .premium-swap-card__copy h3 {
  text-decoration-color: #ffd98c;
}

.premium-swap-card__copy > p {
  margin: 0;
  color: rgba(244,240,232,.58);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.premium-swap-card .collection-card__details {
  max-height: none;
  margin-top: 19px;
  padding-top: 15px;
  opacity: 1;
  transform: none;
}

.premium-swap-card .collection-card__details span {
  grid-template-columns: minmax(70px,.7fr) minmax(0,1.3fr);
}

@media (max-width: 760px) {
  .premium-editorial__grid {
    grid-template-columns: 1fr;
    gap: 58px;
  }

  .premium-editorial__cell:nth-child(even) {
    margin-top: 0;
  }

  .premium-swap-card__frame[data-frames="2"] {
    display: grid;
    grid-template-columns: 1.7fr 1fr;
    gap: 2px;
  }

  .premium-swap-card__frame[data-frames="2"] .premium-swap-card__image {
    position: static;
    min-width: 0;
    opacity: 1;
    transform: none;
  }

  .premium-swap-card__badge {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-swap-card__image,
  .premium-swap-card__badge,
  .premium-swap-card__copy h3 {
    transition-duration: 1ms;
  }
}

/* Единый ритм появления блоков: один раз при прокрутке. */
.atlas-reveal {
  opacity: 0;
  transform: translate3d(0,42px,0);
  transition:
    opacity .9s cubic-bezier(.22,1,.36,1),
    transform 1.1s cubic-bezier(.22,1,.36,1);
  will-change: opacity,transform;
}

.atlas-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.atlas-reveal .district-focus__backdrop {
  opacity: .62;
  transform: scale(1.055);
  transition:
    opacity 1.15s ease,
    transform 1.65s cubic-bezier(.22,1,.36,1);
}

.atlas-reveal .district-focus__about {
  opacity: 0;
  transform: translate3d(0,34px,0);
  transition:
    opacity .95s ease .12s,
    transform 1.15s cubic-bezier(.22,1,.36,1) .12s;
}

.atlas-reveal.is-revealed .district-focus__backdrop {
  opacity: 1;
  transform: scale(1.015);
}

.atlas-reveal.is-revealed .district-focus__about {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.atlas-reveal .collection-head,
.atlas-reveal .project-coverflow__head,
.atlas-reveal .editorial-scene__copy,
.atlas-reveal .services-head,
.atlas-reveal .lead-copy,
.atlas-reveal .journal-head {
  opacity: 0;
  transform: translate3d(0,24px,0);
  transition:
    opacity .75s ease .12s,
    transform .9s cubic-bezier(.22,1,.36,1) .12s;
}

.atlas-reveal.is-revealed .collection-head,
.atlas-reveal.is-revealed .project-coverflow__head,
.atlas-reveal.is-revealed .editorial-scene__copy,
.atlas-reveal.is-revealed .services-head,
.atlas-reveal.is-revealed .lead-copy,
.atlas-reveal.is-revealed .journal-head {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.atlas-reveal .premium-editorial__cell,
.atlas-reveal .district-card,
.atlas-reveal .ready-choice,
.atlas-reveal .article-card,
.atlas-reveal .service-item {
  opacity: 0;
  transform: translate3d(0,34px,0);
  transition:
    opacity .72s ease,
    transform .9s cubic-bezier(.22,1,.36,1);
}

@media (min-width: 761px) {
  .atlas-reveal .ready-feature > img,
  .atlas-reveal .ready-homes__backdrop,
  .atlas-reveal .editorial-scene__panel img,
  .atlas-reveal .editorial-scene__media img,
  .atlas-reveal .editorial-scene__triptych img,
  .atlas-reveal .lead-visual img {
    opacity: .35;
    transform: scale(1.045);
    transition:
      opacity 1.05s ease .08s,
      transform 1.55s cubic-bezier(.22,1,.36,1) .08s;
  }

  .atlas-reveal.is-revealed .ready-feature > img,
  .atlas-reveal.is-revealed .ready-homes__backdrop,
  .atlas-reveal.is-revealed .editorial-scene__panel img,
  .atlas-reveal.is-revealed .editorial-scene__media img,
  .atlas-reveal.is-revealed .editorial-scene__triptych img,
  .atlas-reveal.is-revealed .lead-visual img {
    opacity: 1;
    transform: scale(1);
  }
}

.atlas-reveal.is-revealed .premium-editorial__cell,
.atlas-reveal.is-revealed .district-card,
.atlas-reveal.is-revealed .ready-choice,
.atlas-reveal.is-revealed .article-card,
.atlas-reveal.is-revealed .service-item {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.atlas-reveal.is-revealed .premium-editorial__cell:nth-child(2),
.atlas-reveal.is-revealed .district-card:nth-child(2),
.atlas-reveal.is-revealed .ready-choice:nth-child(2) { transition-delay: .1s; }
.atlas-reveal.is-revealed .premium-editorial__cell:nth-child(3),
.atlas-reveal.is-revealed .district-card:nth-child(3),
.atlas-reveal.is-revealed .ready-choice:nth-child(3) { transition-delay: .18s; }
.atlas-reveal.is-revealed .premium-editorial__cell:nth-child(4),
.atlas-reveal.is-revealed .district-card:nth-child(4),
.atlas-reveal.is-revealed .ready-choice:nth-child(4) { transition-delay: .26s; }
.atlas-reveal.is-revealed .premium-editorial__cell:nth-child(5),
.atlas-reveal.is-revealed .ready-choice:nth-child(5) { transition-delay: .34s; }
.atlas-reveal.is-revealed .premium-editorial__cell:nth-child(6) { transition-delay: .42s; }

/* Премиальные постановки: один запуск, без двойного движения всей секции. */
.atlas-reveal.premium-reveal {
  opacity: 1;
  transform: none;
}

.premium-reveal .curated-catalog__head > *,
.premium-reveal .collection-head > *,
.premium-reveal#lead .lead-service-column > .eyebrow,
.premium-reveal#lead .lead-service-column > h2 {
  opacity: 0;
  transform: translate3d(0,28px,0);
  transition:
    opacity 1100ms cubic-bezier(.23,1,.32,1),
    transform 1350ms cubic-bezier(.23,1,.32,1);
}

.premium-reveal[data-premium-reveal="ready"] .curated-catalog__head > *,
.premium-reveal[data-premium-reveal="ready"] .collection-head > *,
.premium-reveal#lead[data-premium-reveal="ready"] .lead-service-column > .eyebrow,
.premium-reveal#lead[data-premium-reveal="ready"] .lead-service-column > h2 {
  opacity: 1;
  transform: none;
}

.premium-reveal .curated-catalog__head > p { transition-delay: 140ms; }
.premium-reveal .collection-head > :nth-child(2) { transition-delay: 140ms; }

.premium-reveal .curated-catalog__panel {
  opacity: 0;
  transform: translate3d(0,36px,0);
  transition:
    flex .78s cubic-bezier(.22,1,.36,1),
    border-color .42s ease,
    box-shadow .58s ease,
    opacity 1050ms cubic-bezier(.23,1,.32,1),
    transform 1350ms cubic-bezier(.23,1,.32,1);
}

.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel {
  opacity: 1;
  transform: none;
}

.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(1) { transition-delay: 220ms; }
.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(2) { transition-delay: 340ms; }
.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(3) { transition-delay: 460ms; }
.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(4) { transition-delay: 580ms; }
.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(5) { transition-delay: 700ms; }
.premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(6) { transition-delay: 820ms; }

.premium-reveal .ready-showcase { opacity:1; }

.premium-reveal .ready-feature {
  opacity:0;
  transition:opacity 1100ms cubic-bezier(.23,1,.32,1) 120ms;
}

.premium-reveal .ready-feature__copy,
.premium-reveal .ready-choice {
  opacity: 0;
  transform: translate3d(0,28px,0);
  transition:
    opacity 950ms cubic-bezier(.23,1,.32,1),
    transform 1200ms cubic-bezier(.23,1,.32,1);
}

.premium-reveal[data-premium-reveal="ready"] .ready-feature,
.premium-reveal[data-premium-reveal="ready"] .ready-feature__copy,
.premium-reveal[data-premium-reveal="ready"] .ready-choice {
  opacity: 1;
}

.premium-reveal[data-premium-reveal="ready"] .ready-feature__copy,
.premium-reveal[data-premium-reveal="ready"] .ready-choice { transform: none; }
.premium-reveal[data-premium-reveal="ready"] .ready-feature__copy { transition-delay: 280ms; }
.premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(1) { transition-delay: 180ms; }
.premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(2) { transition-delay: 260ms; }
.premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(3) { transition-delay: 340ms; }
.premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(4) { transition-delay: 420ms; }
.premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(5) { transition-delay: 500ms; }

@media (hover: hover) and (pointer: fine) {
  .premium-reveal[data-premium-reveal="ready"] .ready-choice:hover,
  .premium-reveal[data-premium-reveal="ready"] .ready-choice:focus-visible,
  .premium-reveal[data-premium-reveal="ready"] .ready-choice.is-active { transform: none; }
}

.premium-reveal#lead .service-card,
.premium-reveal#lead .lead-visual,
.premium-reveal#lead .lead-panel {
  opacity: 0;
  transform: translate3d(-18px,0,0);
  transition:
    opacity 760ms cubic-bezier(.23,1,.32,1),
    transform 900ms cubic-bezier(.23,1,.32,1);
}

.premium-reveal#lead .lead-panel { transform: translate3d(18px,0,0); }
.premium-reveal#lead[data-premium-reveal="ready"] .service-card,
.premium-reveal#lead[data-premium-reveal="ready"] .lead-visual,
.premium-reveal#lead[data-premium-reveal="ready"] .lead-panel {
  opacity: 1;
  transform: none;
}

.premium-reveal#lead[data-premium-reveal="ready"] .service-card:nth-child(1) { transition-delay: 100ms; }
.premium-reveal#lead[data-premium-reveal="ready"] .service-card:nth-child(2) { transition-delay: 200ms; }
.premium-reveal#lead[data-premium-reveal="ready"] .service-card:nth-child(3) { transition-delay: 300ms; }
.premium-reveal#lead[data-premium-reveal="ready"] .lead-visual { transition-delay: 460ms; }
.premium-reveal#lead[data-premium-reveal="ready"] .lead-panel { transition-delay: 560ms; }

@media (max-width: 760px) {
  .premium-reveal[data-premium-reveal="ready"] .curated-catalog__panel:nth-child(n),
  .premium-reveal[data-premium-reveal="ready"] .ready-choice:nth-child(n),
  .premium-reveal#lead[data-premium-reveal="ready"] .service-card:nth-child(n) {
    transition-delay: 90ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .premium-reveal *,
  .premium-reveal *::before,
  .premium-reveal *::after {
    clip-path: none !important;
    transform: none !important;
    transition-delay: 0ms !important;
    transition-duration: 200ms !important;
  }
}

/* Реальные фасады получают общую вечернюю цветокоррекцию BLACK ATLAS. */
.project-gallery__image,
.project-card__image,
.premium-swap-card__image,
.ready-feature > img,
.ready-choice img,
.district-card > img,
.architecture-panel img,
.map-card__media > img {
  filter: saturate(.78) brightness(.72) contrast(1.1) sepia(.06);
}

.premium-swap-card:hover .premium-swap-card__image--secondary,
.premium-swap-card:focus-visible .premium-swap-card__image--secondary {
  filter: saturate(.88) brightness(.82) contrast(1.08) sepia(.06);
}

@media (prefers-reduced-motion: reduce) {
  .atlas-reveal,
  .atlas-reveal *,
  .atlas-reveal::before,
  .atlas-reveal::after {
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
    transform: none !important;
  }
}
.black-atlas-story-overlay {
  position: fixed;
  z-index: 58;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  color-scheme: dark;
  background: #030404;
}

.black-atlas-story-overlay[hidden] {
  display: none;
}

.black-atlas-story-overlay {
  opacity: 0;
  transform: translate3d(0, 4vh, 0) scale(.985);
  transition:
    opacity 1.45s cubic-bezier(.22,.61,.36,1),
    transform 1.55s cubic-bezier(.22,.61,.36,1);
}

.black-atlas-story-overlay.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

body.story-to-map-transition .black-atlas-story-overlay.is-map-handoff {
  z-index: 2;
  opacity: 1;
  filter: none;
  transform: none;
  pointer-events: none;
}

body.black-atlas-story-active {
  overflow: hidden;
}

:root {
  --sunset-wine: #6f2427;
  --sunset-copper: #a64f32;
}

.projects-section,
.editorial-stories,
.curated-catalog,
.collection-section,
.lead-section,
.journal-section {
  box-shadow: inset 0 0 150px rgba(111,36,39,.045);
}

.atlas[data-night-photo-map="true"] #map {
  inset: -5%;
  cursor: grab;
  touch-action: pan-y;
  background:
    linear-gradient(90deg, rgba(3,5,6,.2), rgba(3,5,6,.02) 48%, rgba(3,5,6,.22)),
    url("moscow-night-illustration.webp") center / cover no-repeat;
  transform:
    perspective(1800px)
    translate3d(var(--photo-map-x, 0px), var(--photo-map-y, 0px), 0)
    rotateY(var(--photo-map-turn, 0deg))
    scale(var(--photo-map-scale, 1.08));
  transform-origin: 50% 54%;
  will-change: transform;
}

.atlas[data-night-photo-map="true"].is-photo-dragging #map {
  cursor: grabbing;
}

.atlas[data-night-photo-map="true"] #map .maplibregl-canvas {
  opacity: 0;
  pointer-events: none;
}

.atlas[data-night-photo-map="true"] .maplibregl-marker {
  z-index: 4;
}

.photo-district-hotspots {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 1;
  pointer-events: none;
  transition: opacity .5s ease;
}

.photo-district-hotspot {
  position: absolute;
  display: grid;
  min-width: 94px;
  min-height: 68px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 217, 140, .14);
  border-radius: 46% 54% 52% 48% / 42% 48% 52% 58%;
  color: rgba(255, 247, 226, .72);
  background: rgba(185, 150, 89, .025);
  box-shadow: inset 0 0 38px rgba(232, 169, 86, .025);
  opacity: .46;
  pointer-events: auto;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(.92);
  transition:
    opacity .35s ease,
    color .35s ease,
    border-color .35s ease,
    background .35s ease,
    box-shadow .35s ease,
    transform .45s cubic-bezier(.2,.72,.2,1);
}

.photo-district-hotspot span {
  position: absolute;
  bottom: -9px;
  left: 50%;
  padding: 7px 10px;
  border: 1px solid rgba(255, 217, 140, .12);
  border-radius: 999px;
  background: rgba(7, 9, 10, .42);
  font-size: 8px;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .42;
  transform: translateX(-50%);
  backdrop-filter: blur(8px);
  transition: opacity .3s ease, background .3s ease;
}

.photo-district-hotspot:hover,
.photo-district-hotspot:focus-visible,
.photo-district-hotspot.is-active {
  color: #fff8e5;
  border-color: rgba(255, 217, 140, .8);
  background: rgba(185, 150, 89, .13);
  box-shadow:
    inset 0 0 55px rgba(232, 169, 86, .12),
    0 0 0 7px rgba(232, 169, 86, .05),
    0 0 38px rgba(255, 217, 140, .18);
  opacity: 1;
  outline: none;
  transform: translate(-50%, -50%) scale(1.04);
}

.photo-district-hotspot:hover span,
.photo-district-hotspot:focus-visible span,
.photo-district-hotspot.is-active span {
  background: rgba(7, 9, 10, .72);
  opacity: 1;
}

.atlas.is-map-focused .photo-district-hotspots {
  opacity: 0;
  pointer-events: none;
}

.atlas.is-map-focused .photo-district-hotspot {
  pointer-events: none;
}

.atlas[data-night-photo-map="true"] .map-poster {
  z-index: 1;
  opacity: 1;
  filter: saturate(.72) brightness(.68) contrast(1.13);
}

.atlas[data-night-photo-map="true"] .maplibregl-ctrl,
.atlas[data-night-photo-map="true"] .maplibregl-control-container {
  display: none;
}

.atlas[data-map-mode="3d"] #map {
  inset: 0;
  cursor: grab;
  background: #101315;
  transform: none;
}

.atlas[data-map-mode="3d"] #map:active {
  cursor: grabbing;
}

.atlas[data-map-mode="3d"] #map .maplibregl-canvas {
  opacity: 1;
  filter: sepia(.09) saturate(.98) contrast(1.08) brightness(.97);
  pointer-events: auto;
}

.atlas[data-map-mode="3d"] .map-poster {
  opacity: 0;
  pointer-events: none;
}

.atlas[data-map-mode="3d"] .photo-district-hotspots {
  display: none;
}

.atlas[data-map-mode="3d"] .shade {
  background:
    radial-gradient(circle at 72% 24%, rgba(132,43,38,.11), transparent 38%),
    radial-gradient(circle at 18% 78%, rgba(115,31,37,.07), transparent 42%),
    linear-gradient(180deg, rgba(5,6,7,.42), rgba(5,6,7,.03) 25%, rgba(5,6,7,.02) 68%, rgba(5,6,7,.46)),
    linear-gradient(90deg, rgba(5,6,7,.3), transparent 34%, transparent 72%, rgba(5,6,7,.16));
}

body .project-coverflow.is-intro-ready .project-coverflow__stage {
  box-shadow: inset 0 0 90px rgba(111,36,39,.055);
}

.map-zone-switcher {
  position: absolute;
  z-index: 9;
  top: 84px;
  left: 50%;
  display: flex;
  gap: 6px;
  max-width: calc(100% - 440px);
  padding: 6px;
  border: 1px solid rgba(255,217,140,.2);
  border-radius: 999px;
  background: rgba(5,7,8,.7);
  box-shadow: 0 14px 42px rgba(0,0,0,.26);
  transform: translateX(-50%);
  backdrop-filter: blur(16px);
}

.map-zone-switcher button {
  min-height: 35px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  color: rgba(244,240,232,.65);
  background: transparent;
  font: 500 9px/1 Inter,system-ui,sans-serif;
  letter-spacing: .08em;
  white-space: nowrap;
  cursor: pointer;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease;
}

.map-zone-switcher button:hover,
.map-zone-switcher button:focus-visible {
  color: #fff4d7;
  outline: 1px solid rgba(255,217,140,.48);
  outline-offset: -1px;
}

.map-zone-switcher button[aria-pressed="true"] {
  color: #19130b;
  background: #f0cf91;
  box-shadow: 0 0 26px rgba(232,169,86,.22);
}

@media (max-width: 980px) {
  .map-zone-switcher {
    top: 76px;
    max-width: calc(100% - 36px);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .map-zone-switcher::-webkit-scrollbar { display: none; }
}

@media (max-width: 760px) {
  .map-zone-switcher { display: none; }
}

.atlas-photo-reveal--still .atlas-photo-reveal__scene {
  inset: 0;
  transform: scale(var(--rising-photo-scale));
  transition: transform .7s cubic-bezier(.22,.61,.36,1);
}

.atlas-photo-reveal--still .atlas-photo-reveal__image {
  object-position: center;
  filter: saturate(.88) brightness(.92) contrast(1.02);
  animation: none;
}

/* Авторский каталог */
.curated-catalog {
  position: relative;
  left: 50%;
  width: 100vw;
  min-height: 100svh;
  margin-left: -50vw;
  padding: clamp(72px,8vw,118px) clamp(28px,6vw,96px);
  overflow: hidden;
  border-block: 1px solid rgba(244,240,232,.11);
  background:
    radial-gradient(circle at 50% 38%,rgba(232,169,86,.11),transparent 28rem),
    linear-gradient(145deg,#171a1c 0%,#0a0c0d 58%,#121516 100%);
}

.curated-catalog::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .22;
  background:
    linear-gradient(90deg,transparent 49.9%,rgba(255,217,140,.12) 50%,transparent 50.1%),
    linear-gradient(0deg,transparent 49.9%,rgba(255,217,140,.08) 50%,transparent 50.1%);
  background-size: 220px 220px;
}

.curated-catalog__head,
.curated-catalog__shell {
  position: relative;
  z-index: 1;
  width: min(1500px,100%);
  margin-inline: auto;
}

.curated-catalog__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px,440px);
  align-items: end;
  gap: 48px;
  margin-bottom: clamp(32px,4vw,58px);
}

.curated-catalog__head h2 {
  margin: 0;
  font: 400 clamp(58px,7.5vw,112px)/.83 "Black Atlas Display",Georgia,serif;
  letter-spacing: -.055em;
}

@media (max-width: 640px) {
  .ready-catalog-request {
    width: 100%;
  }
}

.curated-catalog__head > p {
  max-width: 430px;
  margin: 0 0 4px;
  color: rgba(244,240,232,.55);
  font-size: 13px;
}

.curated-catalog__shell {
  padding: 18px;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 24px;
  background: rgba(5,7,8,.58);
  box-shadow: 0 34px 110px rgba(0,0,0,.38);
  backdrop-filter: blur(18px);
}

.curated-catalog__tabs {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 8px;
}

.curated-catalog__tab {
  display: grid;
  min-height: 88px;
  place-items: center;
  gap: 7px;
  padding: 11px 8px;
  border: 1px solid rgba(244,240,232,.1);
  border-radius: 13px;
  color: rgba(244,240,232,.58);
  background: rgba(255,255,255,.018);
  font: 500 9px/1.15 Inter,system-ui,sans-serif;
  letter-spacing: .08em;
  cursor: pointer;
  transition: color .35s ease,border-color .35s ease,background .35s ease,transform .35s ease;
}

.curated-catalog__tab svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
}

.curated-catalog__tab:hover,
.curated-catalog__tab:focus-visible {
  color: #fff4d7;
  border-color: rgba(255,217,140,.42);
  outline: 0;
  transform: translateY(-2px);
}

.curated-catalog__tab[aria-selected="true"] {
  color: #171109;
  border-color: #f0cf91;
  background: #f0cf91;
}

.curated-catalog__stage {
  position: relative;
  min-height: clamp(520px,62svh,660px);
  margin-top: 12px;
  overflow: hidden;
  border-radius: 17px;
  background:
    radial-gradient(circle at 50% 46%,rgba(232,169,86,.13),transparent 24rem),
    #090b0c;
  perspective: 1600px;
}

.curated-catalog__cards {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

.curated-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(340px,31vw,450px);
  height: min(540px,54svh);
  overflow: hidden;
  border: 1px solid rgba(244,240,232,.15);
  border-radius: 12px;
  color: #fff;
  background: #101314;
  box-shadow: 0 30px 86px rgba(0,0,0,.54);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-50%) translateZ(-180px) scale(.74);
  transition: transform .85s cubic-bezier(.2,.72,.2,1),opacity .55s ease,filter .55s ease;
}

.curated-card[data-curated-position="0"] {
  z-index: 4;
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%,-50%) translateZ(0) scale(1);
}

.curated-card[data-curated-position="-1"] {
  z-index: 3;
  opacity: .56;
  pointer-events: auto;
  filter: brightness(.64);
  transform: translate(calc(-50% - 79%),-50%) translateZ(-120px) rotateY(26deg) scale(.82);
}

.curated-card[data-curated-position="1"] {
  z-index: 3;
  opacity: .56;
  pointer-events: auto;
  filter: brightness(.64);
  transform: translate(calc(-50% + 79%),-50%) translateZ(-120px) rotateY(-26deg) scale(.82);
}

.curated-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.76) brightness(.72);
  transform: scale(1.03);
  transition: transform .8s cubic-bezier(.2,.72,.2,1),filter .5s ease;
}

.curated-card::after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg,rgba(5,7,8,.06) 22%,rgba(5,7,8,.25) 52%,rgba(5,7,8,.96) 100%);
}

.curated-card:hover .curated-card__image,
.curated-card:focus-visible .curated-card__image {
  filter: saturate(.86) brightness(.82);
  transform: scale(1.075);
}

.curated-card__copy {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 27px;
}

.curated-card__copy small {
  color: #f0cf91;
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.curated-card__copy h3 {
  margin: 9px 0 13px;
  font: 400 clamp(31px,3vw,46px)/.9 "Black Atlas Display",Georgia,serif;
  letter-spacing: -.035em;
}

.curated-card__meta {
  margin: 0;
  color: rgba(244,240,232,.62);
  font-size: 10px;
}

.curated-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.curated-catalog__arrow {
  position: absolute;
  z-index: 8;
  top: 50%;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,217,140,.4);
  border-radius: 50%;
  color: #fff;
  background: rgba(5,7,8,.72);
  font-size: 18px;
  cursor: pointer;
  transform: translateY(-50%);
  backdrop-filter: blur(12px);
}

.curated-catalog__arrow--prev { left: 22px; }
.curated-catalog__arrow--next { right: 22px; }
.curated-catalog__arrow:hover,
.curated-catalog__arrow:focus-visible {
  color: #171109;
  background: #f0cf91;
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.curated-catalog__arrow[hidden] { display: none; }

.curated-catalog__footer {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 26px;
  padding: 20px 8px 2px;
}

.curated-catalog__footer > div {
  display: grid;
  gap: 4px;
}

.curated-catalog__footer strong {
  font: 400 26px/1 "Black Atlas Display",Georgia,serif;
}

.curated-catalog__footer span {
  color: rgba(244,240,232,.48);
  font-size: 9px;
}

.curated-catalog__count {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.curated-catalog__request {
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid #f0cf91;
  border-radius: 999px;
  color: #171109;
  background: #f0cf91;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.curated-catalog__request:hover,
.curated-catalog__request:focus-visible {
  color: #f0cf91;
  background: transparent;
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.curated-catalog__request:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.curated-catalog__shell {
  position: relative;
  left: auto;
  width: min(1500px,100%);
  max-width: 1500px;
  margin: 0 auto;
  padding: 18px;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 24px;
  background: rgba(5,7,8,.58);
  box-shadow: 0 34px 110px rgba(0,0,0,.38);
  backdrop-filter: blur(18px);
}

.curated-catalog__panels {
  display: flex;
  gap: 8px;
  width: 100%;
  height: min(76svh,820px);
  min-height: 660px;
}

.curated-catalog__panel {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(244,240,232,.13);
  border-radius: 18px;
  color: #fff;
  background: #101314;
  isolation: isolate;
  transition:
    flex .78s cubic-bezier(.22,1,.36,1),
    border-color .42s ease,
    box-shadow .58s ease;
}

.curated-catalog__panel[aria-expanded="true"] {
  flex: 3.4 1 0;
  border-color: rgba(255,217,140,.62);
  outline: 0;
  box-shadow: none;
}

.curated-catalog__panel::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(180deg,rgba(4,6,7,.06) 0%,rgba(4,6,7,.1) 54%,rgba(4,6,7,.74) 100%);
}

.curated-catalog__panel-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) brightness(.74);
  transform: scale(1.05);
  transition: transform 1.15s cubic-bezier(.2,.72,.2,1);
}

.curated-catalog__panel[aria-expanded="true"] .curated-catalog__panel-image {
  transform: scale(1.015);
}

.curated-catalog__panel-icon {
  position: absolute;
  z-index: 2;
  top: 28px;
  left: 50%;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px solid rgba(255,217,140,.46);
  border-radius: 50%;
  color: #ffe2a5;
  background: rgba(7,9,10,.52);
  box-shadow: 0 0 38px rgba(232,169,86,.12);
  transform: translateX(-50%);
  transition:
    top .72s cubic-bezier(.2,.72,.2,1),
    left .72s cubic-bezier(.2,.72,.2,1),
    width .5s ease,
    height .5s ease,
    transform .72s cubic-bezier(.2,.72,.2,1);
  backdrop-filter: blur(12px);
}

.curated-catalog__panel-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
}

.curated-catalog__panel[aria-expanded="true"] .curated-catalog__panel-icon {
  top: 30px;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translateX(-50%);
}

.curated-catalog__panel-copy {
  position: absolute;
  z-index: 3;
  right: 30px;
  bottom: 30px;
  left: 30px;
  min-width: 340px;
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .38s ease .16s,
    transform .62s cubic-bezier(.2,.72,.2,1) .1s;
  pointer-events: none;
}

.curated-catalog__panel[aria-expanded="true"] .curated-catalog__panel-copy {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.curated-catalog__panel-copy > small {
  color: #f0cf91;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.curated-catalog__panel-copy h3 {
  margin: 12px 0 10px;
  font: 400 clamp(38px,4.2vw,66px)/.88 "Black Atlas Display",Georgia,serif;
  letter-spacing: -.045em;
}

.curated-catalog__panel-copy > p {
  max-width: 500px;
  margin: 0 0 20px;
  color: rgba(244,240,232,.68);
  font-size: 13px;
  line-height: 1.5;
}

.curated-catalog__panel-inside {
  display: grid;
  gap: 7px;
  max-width: 520px;
  margin: 0;
  padding: 15px 0;
  border-block: 1px solid rgba(244,240,232,.2);
}

.curated-catalog__panel-inside strong {
  color: #f0cf91;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.curated-catalog__panel-inside span {
  color: rgba(244,240,232,.72);
  font-size: 13px;
  line-height: 1.5;
}

.curated-catalog__panel-actions {
  display: flex;
  align-items: center;
  margin-top: 16px;
}

.curated-catalog__panel-actions .curated-catalog__request {
  min-height: 46px;
  padding-inline: 22px;
}

.collection-dialog {
  width: min(560px,calc(100% - 40px));
  padding: clamp(30px,4vw,54px);
  border: 1px solid rgba(255,217,140,.34);
  border-radius: 22px;
  color: #f4f0e8;
  background:
    radial-gradient(circle at 82% 5%,rgba(232,169,86,.18),transparent 17rem),
    #101314;
  box-shadow: 0 48px 160px rgba(0,0,0,.78);
}

.collection-dialog::backdrop {
  background: rgba(2,4,5,.78);
  backdrop-filter: blur(12px);
}

.collection-dialog__close {
  position: absolute;
  top: 17px;
  right: 17px;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(244,240,232,.18);
  border-radius: 50%;
  color: #f4f0e8;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
}

.collection-dialog h2 {
  max-width: 430px;
  margin: 10px 0 16px;
  font: 400 clamp(42px,5vw,64px)/.91 "Black Atlas Display",Georgia,serif;
  letter-spacing: -.045em;
}

.collection-dialog__intro {
  max-width: 440px;
  margin-bottom: 28px;
  color: rgba(244,240,232,.58);
}

.collection-dialog__form {
  display: grid;
  gap: 9px;
}

.collection-dialog__form label {
  margin-top: 8px;
  color: rgba(244,240,232,.54);
  font-size: 8px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.collection-dialog__form input {
  min-height: 50px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(244,240,232,.25);
  border-radius: 0;
  color: #f4f0e8;
  background: transparent;
  font-size: 16px;
  outline: 0;
}

.collection-dialog__form input:focus {
  border-bottom-color: #f0cf91;
}

.collection-dialog__form button {
  min-height: 50px;
  margin-top: 18px;
  border: 1px solid #f0cf91;
  border-radius: 999px;
  color: #171109;
  background: #f0cf91;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: pointer;
}

.collection-dialog__status {
  min-height: 18px;
  margin: 5px 0 0;
  color: rgba(244,240,232,.58);
  font-size: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .curated-card,
  .curated-card__image,
  .curated-catalog__tab,
  .curated-catalog__panel,
  .curated-catalog__panel-image,
  .curated-catalog__panel-icon,
  .curated-catalog__panel-copy {
    transition: none;
  }
}