/* Astana Real Estate — cross-site links: "Catalogue" link in the header and the
   "Explore more" band above the footer, on every project page and overview.
   Bilingual: the page's <html lang> decides which text shows (pages that switch EN/RU in place
   update lang, separate /ru/ pages have lang="ru"). Hrefs follow via /assets/explore.js. */
.x-ru{display:none}
html[lang="ru"] .x-ru{display:inline}
html[lang="ru"] .x-en{display:none}

/* header link */
a.x-cat{display:inline-flex;align-items:center;gap:7px;margin-right:6px;color:#9a7442;font:600 11px/1 'Manrope',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:9px 4px;white-space:nowrap;text-decoration:none}
a.x-cat::before{content:"";width:6px;height:6px;border-radius:50%;background:#c8a36a;animation:x-pulse 2.4s infinite}
a.x-cat:hover{color:#7d5c30}
@keyframes x-pulse{0%{box-shadow:0 0 0 0 rgba(200,163,106,.6)}70%{box-shadow:0 0 0 7px rgba(200,163,106,0)}100%{box-shadow:0 0 0 0 rgba(200,163,106,0)}}
@media(max-width:420px){a.x-cat{letter-spacing:.08em;margin-right:2px}}
/* pages with their own in-page menu: between 960 and 1279 px the header has no room for one more link,
   so the catalogue link steps aside there (the Explore band above the footer still carries it) */
@media(min-width:960px) and (max-width:1279px){header:has(.nav-links) a.x-cat,header:has(.topnav-links) a.x-cat{display:none}}

/* explore band */
.x-explore{background:#11191e;color:#f6f2ea;padding:clamp(64px,8vw,104px) 0;font-family:'Manrope',system-ui,sans-serif}
.x-explore .x-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.x-explore .x-eye{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#e6c995}
.x-explore .x-eye::before{content:"";width:36px;height:1px;background:#c8a36a}
.x-explore h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(34px,4.6vw,58px);line-height:1.05;margin:16px 0 34px;color:#f6f2ea;letter-spacing:-.005em}
.x-explore h2 em{font-style:italic;color:#e6c995}
.x-grid{display:grid;gap:14px}
@media(min-width:620px){.x-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.x-grid{grid-template-columns:repeat(4,1fr)}}
.x-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#1d2a31;color:#f6f2ea;text-decoration:none}
.x-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.x-card:hover img{transform:scale(1.07)}
.x-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,19,0) 35%,rgba(10,15,19,.88))}
.x-card .x-t{position:absolute;z-index:1;left:22px;right:22px;bottom:20px}
.x-card b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(28px,2.6vw,36px);line-height:1.05}
.x-card small{display:block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#e6c995}
.x-card .x-go{position:absolute;z-index:1;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(246,242,234,.4);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s}
.x-card:hover .x-go{background:#c8a36a;border-color:#c8a36a;color:#11191e}
.x-more{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.x-more a{color:#f6f2ea;text-decoration:none;border-bottom:1px solid rgba(200,163,106,.5);padding-bottom:4px}
.x-more a:hover{color:#e6c995}
@media(prefers-reduced-motion:reduce){a.x-cat::before{animation:none}.x-card img{transition:none}}