.residences{position:relative;background:var(--navy-900)}.residences__pin{display:flex;flex-direction:column;justify-content:center;gap:clamp(32px,4vw,56px);padding-block:var(--section-y) clamp(48px,6vw,80px);overflow:hidden}.residences__head{display:grid;gap:32px;align-items:end}.residences__title{margin-top:24px;font-size:var(--title-md)}.residences__intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:30em;color:#f8f4eab8}.residences__viewport{padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none}.residences__viewport::-webkit-scrollbar{display:none}.residences__track{display:flex;gap:clamp(16px,2vw,32px);width:max-content}.residence{width:min(78vw,360px);scroll-snap-align:start}.residence__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--navy-850)}.residence__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}.residence__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(2 15 50 / .5),transparent 45%)}.residence__type{position:absolute;top:16px;left:16px;z-index:1;padding:7px 14px;border-radius:999px;background:#020f3299;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-gold);font-size:var(--text-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-200)}.residence__index{position:absolute;right:16px;bottom:12px;z-index:1;font-family:var(--font-display);font-size:clamp(32px,3vw,48px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold-400)}.residence__body{padding-top:22px;border-top:1px solid transparent}.residence__name{font-size:clamp(22px,1.8vw,30px);transition:color var(--dur) var(--ease-out)}.residence__area{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:var(--text-sm);color:var(--gold-200)}.residence__facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-gold);font-size:var(--text-sm);color:#f8f4eab8}.residence__facts li{display:inline-flex;align-items:center;gap:7px}.residence__price{margin-top:16px;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-400)}@media(hover:hover){.residence:hover .residence__media img{transform:scale(1.07)}.residence:hover .residence__name{color:var(--gold-200)}}.residences__progress{display:flex;align-items:center;gap:24px;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#f8f4ea99}.residences__progress-bar{flex:1;height:1px;background:var(--line-ivory)}.residences__progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-700),var(--gold-400));transform:scaleX(.08);transform-origin:left}@media(min-width:992px){.residences__pin{min-height:100svh;padding-block:calc(var(--header-h) + 24px) 48px}.residences__head{grid-template-columns:1fr auto}.residences__viewport{overflow:visible;scroll-snap-type:none}.residence{width:clamp(290px,25vw,420px)}.residence__media{aspect-ratio:auto;height:clamp(260px,42vh,460px)}}@media(max-width:991px){.residences__progress{display:none}}