html{scroll-padding-top:86px;scroll-snap-type:none}
.hero{min-height:calc(100svh - 76px)}
.snap{scroll-snap-align:none;scroll-margin-top:0}
.snap-point:not(.snap){scroll-margin-top:0}
.menu-toggle{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800}
.menu-toggle span{font-size:12px}
.nav{display:none;position:absolute;top:76px;right:max(4.5vw,20px);width:min(340px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow:auto;background:#fff;box-shadow:0 20px 50px #0b285b35;border:1px solid #dfe5ee;border-radius:0 0 9px 9px;padding:14px;z-index:25;gap:0}
.nav.open{display:grid}
.nav>a{padding:11px 12px;border-bottom:1px solid #eef1f6;font-size:13px}
.nav>a:last-of-type{margin-top:10px;text-align:center}
.nav-contact{display:grid;gap:5px;padding:16px 12px 4px;color:#647087;font-size:11px;overflow-wrap:anywhere}
body[data-variant="cinematica"] .nav{border-color:#263d69}
body[data-variant="cinematica"] .nav>a{border-color:#263d69}
body[data-variant="cinematica"] .nav-contact{color:#bdc9dc}
.about-section{min-height:90svh;display:grid;grid-template-columns:48% 52%;background:#f8faff}
.about-photo{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dce5f2}
.about-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:min(850px,calc(100svh - 120px));object-fit:contain}
.about-content{padding:clamp(60px,7vw,120px) max(5vw,24px);align-self:center}
.about-content h2,.careers-section h2{font-size:clamp(42px,5vw,72px);line-height:1.1;margin:18px 0 24px}
.about-content h2 em,.careers-section h2 em{font-style:normal;color:var(--orange)}
.about-content p{max-width:630px;font-size:15px;line-height:1.75;color:#596983}
.about-content h3{font-size:18px;margin:28px 0 14px}
.value-list{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none}
.value-list li{border-left:3px solid var(--orange);padding:10px 14px;background:#fff;font-size:13px;line-height:1.55}
.catalog-section,.developments-section,.appraisal-section{padding:100px max(4.5vw,20px);background:#fff}
.catalog-rent{background:#f7f9fd}
.catalog-section .section-head{align-items:end}
.section-link{color:var(--blue);font-size:12px;font-weight:800;border-bottom:1px solid var(--orange);padding-bottom:7px;white-space:nowrap}
.section-link:hover{color:var(--orange)}
.catalog-pagination{max-width:1300px;margin:28px auto 0;padding-top:18px;border-top:1px solid #dce5f1;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#536783;font-size:12px;font-weight:700}
.pagination-actions{display:flex;align-items:center;gap:12px}
.pagination-actions strong{white-space:nowrap;color:var(--blue);font-size:13px}
.pagination-actions button{min-height:40px;padding:9px 14px;border:1px solid #c8d6ea;border-radius:8px;background:#fff;color:var(--blue);font-size:12px;font-weight:800;transition:background .2s,border-color .2s}
.pagination-actions button:hover:not(:disabled){background:#eaf1fc;border-color:var(--blue)}
.pagination-actions button:disabled{opacity:.4;cursor:default}
.developments-section{background:#eef3fb}
.development-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:20px}
.development-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:24px;border:1px solid #d8e4f4;border-radius:14px;background:#fff;color:var(--blue);box-shadow:0 16px 32px #123c7a16;transition:transform .3s,box-shadow .3s}
.development-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px #123c7a2a}
.development-card>span{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:800}
.development-card h3{font-size:clamp(23px,2.5vw,34px);margin:8px 0 18px}
.development-address{margin:-9px 0 15px;color:#647087;font-size:13px;line-height:1.4}
.development-count{color:#53688e;font-size:13px;font-weight:800;white-space:nowrap}
@media(max-width:720px){.developments-section .section-head{align-items:flex-start;flex-direction:column;gap:8px}}
.development-photo{position:relative;flex:none;overflow:hidden;width:100%;height:clamp(240px,28vw,390px);margin-top:auto;border-radius:9px;background:#dce6f4}
.development-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.development-card:hover .development-photo img{transform:scale(1.045)}
.development-photo span{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--blue);font-size:23px}
.development-card>strong{display:block;margin-top:16px;font-size:12px}
.development-view-all{display:flex;width:max-content;max-width:100%;margin:34px auto 0}
@media(max-width:720px){.catalog-pagination{align-items:flex-start;flex-direction:column}.pagination-actions{width:100%;justify-content:space-between}.development-grid{grid-auto-rows:auto}.development-card{padding:17px}.development-photo{height:250px}}
.appraisal-section{background:#f7f9fd}
.inquiry-demo-form{max-width:1300px;margin:auto;background:#fff;border:1px solid #e1e7ef;border-radius:10px;padding:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;box-shadow:0 15px 35px #142c5211}
.inquiry-demo-form label{font-size:11px;font-weight:800;color:#53627c;display:block}
.inquiry-demo-form input,.inquiry-demo-form textarea{font:inherit;font-size:14px;color:#183365;display:block;width:100%;margin-top:8px;border:1px solid #d8e1ed;border-radius:5px;padding:12px;background:#fbfcfe}
.inquiry-demo-form .wide,.inquiry-demo-form .form-note,.inquiry-demo-form .form-feedback{grid-column:1/-1}
.inquiry-demo-form .button{justify-self:start}
.whatsapp-cta{gap:12px}
.whatsapp-cta .whatsapp-symbol{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#1cb858}
.whatsapp-cta .whatsapp-symbol img{display:block;width:18px;height:18px}
.form-note,.form-feedback{font-size:11px;margin:0;color:#6d7b91}
.form-feedback a{color:var(--blue);font-weight:800;text-decoration:underline}
.contact-section{gap:42px;flex-wrap:wrap}
.contact-body{flex:1 1 430px}
.contact-demo-form{position:relative;z-index:1;flex:1 1 360px;max-width:560px;grid-template-columns:1fr 1fr}
.contact-demo-form .button{grid-column:1/-1}
.careers-section{min-height:65svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:90px max(6vw,24px);background:#fff}
.careers-section>div:first-child{position:relative;z-index:1}
.careers-section p{font-size:16px;color:#607089}
.careers-section ul{line-height:2;color:#50617b;margin:18px 0 28px;padding-left:21px}
.careers-mark{position:absolute;right:8%;font:800 clamp(250px,34vw,580px)/1 Manrope,sans-serif;letter-spacing:-.2em;color:#163e8b0b}
.careers-mark span{color:#eb5e0b18}
footer{display:block;padding:0;background:#102b60;color:#e7ecf7}
.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;padding:50px max(4.5vw,20px)}
.footer-top>img,.footer-top>.cinema-logo{align-self:start}
.footer-top strong{color:#fff;font-size:12px}
.footer-top p{line-height:1.8;font-size:11px}
.footer-top a:hover,.footer-signoff a:hover{color:#ff9a5e}
.footer-bottom{padding:19px max(4.5vw,20px);border-top:1px solid #ffffff30;font-size:11px;line-height:1.6}
.footer-bottom p{max-width:1100px;margin:0}
.footer-signoff{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(4.5vw,20px);background:#071a36;color:#fff;font-size:13px;font-weight:700;line-height:1.5}
.footer-signoff nav{display:flex;align-items:center;gap:24px}
.footer-back-top{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #ffffff50;border-radius:999px;white-space:nowrap}
.footer-back-top:hover{border-color:#ff9a5e}
body[data-variant="cinematica"] .about-section,body[data-variant="cinematica"] .careers-section{background:#0d2552;color:#fff}
body[data-variant="cinematica"] .about-content p,body[data-variant="cinematica"] .careers-section p,body[data-variant="cinematica"] .careers-section ul{color:#c9d5e8}
body[data-variant="cinematica"] .value-list li{background:#183869}
body[data-variant="cinematica"] .catalog-section{background:#102b60;color:#fff}
body[data-variant="cinematica"] .catalog-rent{background:#081b3c}
body[data-variant="cinematica"] .catalog-section .property-card{color:var(--ink)}
body[data-variant="cinematica"] .section-link{color:#fff}
body[data-variant="cinematica"] .developments-section{background:#0d2552;color:#fff}
body[data-variant="cinematica"] .appraisal-section{background:#081b3c;color:#fff}
body[data-variant="cinematica"] .appraisal-section .section-head p{color:#c9d5e8}
body[data-variant="cinematica"] footer{background:#071832}
@media(max-width:900px){.about-section{grid-template-columns:1fr}.about-photo{height:auto;min-height:0}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:720px){html{scroll-padding-top:70px}.nav{top:67px;left:0;right:0;width:100%;border-radius:0;max-height:calc(100dvh - 80px);padding:12px 20px}.nav.open{display:grid}.menu-toggle{display:flex}.menu-toggle span{font-size:11px}.about-content{padding:55px 20px}.about-content p{font-size:14px}.value-list{grid-template-columns:1fr}.catalog-section,.developments-section,.appraisal-section{padding:70px 20px}.section-link{display:inline-block;margin-top:18px}.development-grid{grid-template-columns:1fr}.inquiry-demo-form,.contact-demo-form{grid-template-columns:1fr;padding:18px}.inquiry-demo-form .button{grid-column:1/-1}.contact-section{gap:28px}.contact-demo-form{flex-basis:100%}.careers-section{padding:70px 20px}.footer-top{grid-template-columns:1fr 1fr;padding:40px 20px}.footer-top>img,.footer-top>.cinema-logo{grid-column:1/-1}.footer-bottom{padding:18px 20px}.footer-signoff{align-items:flex-start;flex-direction:column;gap:14px;padding:20px 20px max(20px,env(safe-area-inset-bottom))}.footer-signoff nav{gap:16px;flex-wrap:wrap}}
@media(max-width:430px){.footer-top{grid-template-columns:1fr}.footer-top>img,.footer-top>.cinema-logo{grid-column:auto}.menu-toggle span{display:none}}
@media(max-width:720px){.hero{min-height:calc(100svh - 67px)}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}
.section-tools{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;min-width:0}
.section-tools .section-link{margin:0}
.sort-control{display:grid;gap:6px;min-width:170px;color:#53627c;font-size:11px;font-weight:800}
.sort-control select{min-height:44px;width:100%;padding:9px 34px 9px 12px;border:1px solid #cbd8eb;border-radius:7px;background:#fff;color:#163e8b;font:700 13px 'DM Sans',sans-serif}
.sort-note{flex-basis:100%;text-align:right;color:#647087;font-size:11px}
@media(max-width:720px){.section-tools{justify-content:space-between;align-items:center;margin-top:18px}.sort-control{min-width:min(100%,210px)}.section-tools .section-link{max-width:100%}}