@font-face{font-family:Zalando;src:url('assets/zalando-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:ZalandoExpanded;src:url('assets/zalando-sans-expanded-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--body:clamp(.875rem,.8854vw,1.125rem);--lead:clamp(1.125rem,1.40625vw,2.125rem);--display:clamp(1.875rem,2.34375vw,3.5rem);--left-pad:clamp(2rem,3.3333vw,6rem);--right-pad:clamp(2rem,4.4792vw,8rem)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#292b29}
body{font-family:Zalando,Arial,sans-serif;color:#fff;font-size:var(--body);font-weight:400;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}
p,h1,h2{margin:0}
.landing{display:grid;grid-template-columns:949fr 971fr;min-height:100svh}
.panel{position:relative;isolation:isolate;min-width:0;min-height:max(640px,100svh);overflow:hidden}
.panel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.brand{position:absolute;z-index:1}
.brand img{display:block;max-width:none}
.brand-restart{left:calc(var(--left-pad) + 3.48px);top:clamp(24px,3.18svh,46px)}
.brand-petynka{left:calc(var(--right-pad) + 1.95px);top:clamp(35px,4.68svh,66px)}
.brand-developer{right:clamp(28px,2.575vw,74px);top:clamp(24px,3.22svh,46px)}
.panel-content{position:relative;padding-right:24px}
.residences .panel-content{margin-left:var(--left-pad);padding-top:clamp(155px,18.148svh,260px)}
.penthouses .panel-content{margin-left:var(--right-pad);padding-top:clamp(164px,18.9815svh,269px)}
h1,h2{font-family:ZalandoExpanded,Arial,sans-serif;font-size:var(--display);line-height:1;font-weight:600;letter-spacing:0}
.lead{margin-top:clamp(12px,.78125vw,22px);font-size:var(--lead);line-height:1.2}
.explore{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;width:max-content;min-width:224px;padding:11px 17px 12px 18px;margin-top:clamp(28px,1.9792vw,52px);border:1px solid #fff;border-radius:40px;line-height:1.2;transition:background-color .25s,color .25s,transform .25s}
.explore img{display:block;flex:none;transition:transform .25s}
.explore:hover{background:rgba(255,255,255,.16)}
.explore:hover img{transform:translateX(4px)}
.contact-copy{margin-top:clamp(36px,2.96875vw,74px);font-size:var(--body);line-height:1.2}
.contact-copy a{white-space:nowrap;text-underline-offset:4px}
.contact-copy a:hover{text-decoration:underline}
.legal{position:absolute;bottom:24.2px;left:calc(var(--left-pad) + 3.04px);right:24px;font-size:clamp(9px,.52vw,12px);line-height:1.3}
.legal a{display:block;text-align:left}
.legal a:hover{text-decoration:underline;text-underline-offset:3px}
.language-switch{position:fixed;z-index:5;right:clamp(20px,2.575vw,74px);bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:3px;color:#fff;font-size:12px;letter-spacing:.08em}
.language-switch button{background:none;border:0;min-width:35px;min-height:36px;padding:7px 4px;cursor:pointer}
.language-switch button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
dialog{color:#292b29;background:#f4f0e9;border:0;border-radius:3px;padding:0;width:min(90vw,560px);max-height:85svh;box-shadow:0 24px 100px #0005}
dialog::backdrop{background:#10181599;backdrop-filter:blur(6px)}
.dialog-content{padding:48px clamp(24px,5vw,44px) 40px}
.dialog-content h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin-bottom:24px}
.dialog-content p{font-size:16px;line-height:1.6;margin-bottom:18px}
.dialog-content a{text-decoration:underline;text-underline-offset:4px}
.dialog-close{position:absolute;right:8px;top:5px;font-size:30px;width:44px;height:44px;border:0;background:none;cursor:pointer}
dialog :focus-visible{outline-color:#292b29}
@media(min-width:761px) and (max-width:1300px){
  .brand-developer{transform:scale(.75);transform-origin:top right}
  .brand-petynka{transform:scale(.85);transform-origin:top left}
  .brand-restart{transform:scale(.85);transform-origin:top left}
  .contact-copy{max-width:90%;line-height:1.4}
}
@media(max-width:760px){
  :root{--left-pad:clamp(24px,6.4vw,48px);--right-pad:var(--left-pad);--display:clamp(30px,7.2vw,46px);--lead:clamp(18px,4.5vw,27px);--body:clamp(14px,3.4vw,17px)}
  .landing{grid-template-columns:1fr}
  .panel{min-height:760px;min-height:max(720px,100svh,112.5vw)}
  .residences .panel-content,.penthouses .panel-content{padding-top:155px;padding-right:var(--left-pad)}
  .brand-restart{left:var(--left-pad);top:27px}
  .brand-petynka{left:var(--left-pad);top:39px;transform:scale(.85);transform-origin:top left}
  .brand-developer{right:var(--left-pad);top:28px;transform:scale(.64);transform-origin:top right}
  .lead{margin-top:15px}
  .explore{margin-top:28px}
  .contact-copy{margin-top:32px;max-width:420px;line-height:1.4}
  .contact-copy p+p{margin-top:5px}
  .legal{left:var(--left-pad);bottom:26px;font-size:10px;line-height:1.5;max-width:calc(100% - 150px)}
  .residences::after{content:'';position:absolute;inset:65% 0 0;z-index:-1;background:linear-gradient(transparent,#16140f69);pointer-events:none}
  .language-switch{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
  .language-switch button{min-height:38px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}