/* Public ЖК passport: a self-contained presentation layer. */
:root{
  --project-page-max:1120px;
  --project-hero-height:430px;
  --project-hero-radius:12px;
  --project-hero-inset:42px;
  --project-surface:#fff;
  --project-line:#dce1e8;
  --project-text:#23334e;
  --project-muted:#73838b;
}

.project-page-refined{max-width:var(--project-page-max)}
.project-page-refined .project-photo-hero{
  position:relative;
  display:block;
  min-height:var(--project-hero-height);
  margin-top:15px;
  overflow:hidden;
  border-radius:var(--project-hero-radius);
  background:#172843;
  color:#fff;
}
.project-page-refined .project-photo-hero .project-detail-gallery{position:absolute;inset:0}
.project-page-refined .project-photo-hero .detail-gallery-main{height:100%;border-radius:0;background:#172843}
.project-page-refined .project-photo-hero .detail-gallery-main::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10, 19, 34,.8) 0%,rgba(10, 19, 34,.52) 48%,rgba(10, 19, 34,.12) 100%);
}
.project-page-refined .project-photo-hero .detail-gallery-main>img{position:relative;z-index:0}
.project-page-refined .project-photo-hero .project-hero-copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:var(--project-hero-height);
  max-width:650px;
  padding:var(--project-hero-inset);
}
.project-page-refined .project-photo-hero h1{margin:10px 0 8px;color:#fff;font-size:var(--text-32);text-shadow:0 1px 2px #0005}
.project-page-refined .project-photo-hero .market-address,
.project-page-refined .project-photo-hero .market-developer,
.project-page-refined .project-photo-hero .market-developer .link-button{color:#eff2f7}
.project-page-refined .project-photo-hero .market-developer{margin:0 0 8px}
.project-page-refined .project-photo-hero .market-developer .link-button{text-decoration-color:#ffffff80}
.project-page-refined .project-photo-hero .developer-with-logo img{border-color:#ffffff55;background:#fff}
.project-page-refined .project-photo-hero .project-price{margin:20px 0 17px}
.project-page-refined .project-photo-hero .project-price small,
.project-page-refined .project-photo-hero .project-price span{color:#d8e0ed}
.project-page-refined .project-photo-hero .project-price strong{color:#fff}
.project-page-refined .project-photo-hero .market-actions .link-button{color:#fff}
.project-page-refined .project-photo-hero .detail-gallery-thumbs{
  position:absolute;
  z-index:3;
  right:18px;
  bottom:18px;
  width:280px;
  height:46px;
  margin:0;
}
.project-page-refined .project-photo-hero .detail-gallery-thumbs .gallery-thumb{height:46px;border-color:#ffffff80}
.project-page-refined .project-photo-hero .detail-gallery-main>span{z-index:3}
.project-page-refined .project-photo-hero .gallery-arrow{z-index:4}
.project-page-refined .project-photo-hero .market-chip{background:#ffffffdc;color:#26406a}

@media(max-width:700px){
  :root{--project-hero-height:390px;--project-hero-inset:28px}
  .project-page-refined .project-photo-hero .detail-gallery-thumbs{right:14px;bottom:14px;width:220px;height:40px}
  .project-page-refined .project-photo-hero .detail-gallery-thumbs .gallery-thumb{height:40px}
  .project-page-refined .project-photo-hero h1{font-size:var(--text-32)}
}
@media(max-width:560px){
  :root{--project-hero-height:430px;--project-hero-radius:9px;--project-hero-inset:22px 18px 82px}
  .project-page-refined .project-photo-hero h1{font-size:var(--text-24)}
  .project-page-refined .project-photo-hero .detail-gallery-thumbs{left:14px;right:14px;width:auto}
  .project-page-refined .project-photo-hero .market-actions{width:100%}
  .project-page-refined .project-photo-hero .market-actions .primary{width:auto;text-align:center}
}