/* Coastal cinema: progressive enhancement over the complete multilingual site. */
:root{--ink:#132a30;--slate:#4b6265;--mist:#65797a;--paper:#f4f1e9;--white:#fffdf8;--line:#d9ded8;--sea:#346667;--sea-deep:#174b50;--gold:#dfc29a;--max:1280px}
body{overflow-x:clip}::selection{background:#dfc29a;color:#132a30}
.wrap{padding-left:clamp(24px,5vw,76px);padding-right:clamp(24px,5vw,76px);max-width:1432px}
h1,h2,h3{text-wrap:balance}h2{font-size:clamp(2.2rem,4.5vw,4rem);letter-spacing:-.04em}
section{padding:112px 0}.eyebrow{font-size:.68rem;letter-spacing:.23em;margin-bottom:22px}.lead{line-height:1.85}
.btn{border-radius:3px;padding:17px 27px;font-size:.84rem;letter-spacing:.02em;min-height:48px}
.btn-primary{background:var(--sea-deep)}.btn-primary:hover{background:#27636a}
.btn-line{background:transparent;border-color:#b1bdb6}
nav{padding:25px 0}nav.scrolled{background:rgba(244,241,233,.96);padding:14px 0}
.logo{font-size:1.2rem;letter-spacing:-.025em}.nav-links{gap:22px}.nav-links a{font-size:.78rem}
.hero{isolation:isolate;min-height:max(720px,100svh);overflow:hidden;background:#10282e}
.hero>picture{position:absolute;inset:0;z-index:-2}
.hero img{object-position:60% 50%;animation:cinema-arrive 4.8s cubic-bezier(.12,.45,.35,1) both}
.hero::after{z-index:-1;background:linear-gradient(90deg,rgba(7,27,33,.76),rgba(7,27,33,.25) 70%),linear-gradient(0deg,rgba(7,27,33,.79),transparent 62%,rgba(7,27,33,.25))}
.hero>.wrap{width:100%}.hero-in{margin:0 auto;max-width:1432px;padding:150px clamp(24px,5vw,76px) 108px}
.hero h1{font-size:clamp(3.3rem,7.7vw,7rem);line-height:1.025;letter-spacing:-.035em;max-width:12ch;font-weight:400}
.hero p{max-width:47ch;font-size:1rem;line-height:1.8;margin:28px 0 32px;color:#f0efea}
.hero .btn-primary{background:#e8d4b5;color:#142d32}.hero .btn-primary:hover{background:#fff0d8}
.hero .btn-ghost{border-color:#b2bfbd;background:rgba(9,29,34,.18)}
.cinema-kicker{display:flex;align-items:center;gap:15px;text-transform:uppercase;font-size:.66rem;letter-spacing:.24em;color:#ead6b4;margin-bottom:30px}
.cinema-kicker::before{content:'';width:40px;height:1px;background:currentColor}
.cinema-foot{position:absolute;bottom:28px;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);z-index:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff36;padding-top:17px;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:#e4eae7}
.cinema-foot a{display:flex;gap:14px;align-items:center;min-height:28px}.cinema-foot a::after{content:'↓';font-size:1.2rem}
.stats{background:#102d33;color:#fff;border:0}.stat{padding:34px 18px;border-color:#ffffff1f;text-align:left}.stat:first-child{padding-left:0}.stat b{font-size:1.5rem}.stat span{color:#c0ceca;font-size:.76rem}
.purchase-section{background:#e9e7df;padding:42px 0}.purchase-option h2{font-size:1.65rem;letter-spacing:-.02em}.purchase-option p{font-size:.88rem}.text-link{font-size:.8rem;text-underline-offset:6px}
#about{padding:140px 0}.split{gap:8vw}.split img{height:600px;border-radius:2px}.split p{font-size:1rem}
#about .split>picture{position:relative}#about .split>picture::after{content:'01 / RAŽANAC';position:absolute;bottom:20px;left:22px;color:white;font-size:.62rem;letter-spacing:.2em;background:#102d33c9;padding:9px 12px}
#residences{background:#eeece4!important}.cards{gap:30px;margin-top:40px}.card{border:0;border-radius:2px;background:var(--white)}.card img{height:340px}.card-b{padding:30px}.card-b h3{font-size:1.65rem}.card:hover{box-shadow:0 22px 44px #153b3e10;transform:translateY(-3px)}
.price-list{background:transparent}.unit-card{border-radius:3px;background:#fffdf8;padding:32px}.unit-number{border-radius:0;border-color:#b6c7bd;color:#41655b}.unit-price{letter-spacing:-.04em}.unit-facts>div{padding:13px 0}.unit-actions .btn{border-radius:2px}.plan-preview{border-radius:2px}.building-offer{border-radius:2px;background:#dfe7e2}.price-offer{border-radius:2px;background:#e9ddc8;color:#60491f}
#location{position:relative;isolation:isolate;min-height:780px;display:flex;align-items:flex-end;background:#102d33;color:#fff;overflow:hidden;padding:120px 0}
#location>.wrap{width:100%}#location .split{display:block}#location .split>picture{position:absolute;inset:0;z-index:-2}#location .split>picture img{height:100%;width:100%;border-radius:0;object-position:center 45%}
#location::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#082931d9,#08293124),linear-gradient(0deg,#082931b3,transparent)}
#location .split>div{max-width:570px}#location h2{font-size:clamp(3rem,5.5vw,5.3rem);line-height:1.06}#location .eyebrow{color:#e7d0ac}#location .lead,#location p{color:#ecf0e9!important}
#gallery{background:#102d33!important;color:#f6f2e9;border:0!important}#gallery .eyebrow{color:#d9bc92}.gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:60px}.gal a{border-radius:2px;overflow:hidden}.gal a:nth-child(n){grid-column:auto}.gal a:nth-child(1),.gal a:nth-child(8){grid-column:span 2}.gal a:nth-child(n) img{height:420px}.gal a:nth-child(1) img,.gal a:nth-child(8) img{height:560px}.gal a:nth-child(2){margin-top:42px}.gal a:nth-child(3){margin-bottom:42px}.gal a:hover img{transform:scale(1.025)}.photo-caption{font-size:.72rem;padding:48px 22px 20px;background:linear-gradient(transparent,#061c25d9)}
#why{padding:120px 0}.feats{gap:40px;margin-top:60px}.feat{border-top:1px solid #a9bcb6;padding-top:22px}.feat .n{font-size:.72rem;letter-spacing:.13em}.feat h3{font-size:1.35rem}.feat p{font-size:.88rem;line-height:1.8}
#process{background:#203c40}.step b{color:#d9bc92}.dark .eyebrow{color:#d9bc92}.steps{gap:35px}.step{border-top:1px solid #ffffff30;padding-top:22px}
.faq{max-width:900px}.faq details{padding:24px 0}.faq summary{font-size:.97rem}
#contact{background:#e8e6dd!important;padding:120px 0}form{background:#fffdf8;border:1px solid #d8ded7;padding:32px;border-radius:3px}form input,form textarea,form select{border-radius:2px!important;background:#fffdf8}.doc{border-radius:2px!important}.docs-grid{gap:22px}
.cinema-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#d2b389;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}
.cinema-opening .wa-fab,.cinema-opening .vva-fab{visibility:hidden;pointer-events:none}
.cinema-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.6,.25,1)}.cinema-reveal.is-waiting{opacity:0;transform:translateY(22px)}
@keyframes cinema-arrive{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(min-width:1600px){.hero-in{padding-bottom:140px}.cinema-foot{left:max(76px,calc((100vw - 1280px)/2));right:max(76px,calc((100vw - 1280px)/2))}}
@media(max-width:1100px){.nav-links{gap:14px}.nav-links a{font-size:.72rem}.logo{font-size:1.05rem}.split{gap:40px}.hero h1{max-width:13ch}}
@media(max-width:920px){nav .nav-links a{font-size:1.05rem}.split img{height:480px}.hero-in{padding-top:150px}.hero h1{font-size:clamp(3.4rem,9vw,5rem)}#about{padding:90px 0}.gal a:nth-child(n) img{height:350px}.gal a:nth-child(1) img,.gal a:nth-child(8) img{height:420px}}
@media(max-width:600px){section{padding:76px 0}nav{padding:18px 0}.hero{min-height:max(760px,100svh)}.hero-in{padding:142px 0 120px}.hero h1{font-size:clamp(2.9rem,12.5vw,4.2rem);max-width:13ch}.hero p{font-size:.91rem;margin:22px 0 27px}.cinema-kicker{font-size:.58rem;letter-spacing:.18em;margin-bottom:24px}.hero-ctas{gap:10px}.hero .btn{padding:15px 18px;font-size:.76rem}.cinema-foot{bottom:23px;font-size:.57rem;letter-spacing:.08em}.hero img{object-position:61% center}.hero::after{background:linear-gradient(90deg,#071b21ad,#071b2144),linear-gradient(0deg,#071b21d9,transparent 85%)}.stat{padding:23px 12px!important}.stat b{font-size:1.15rem}.stat span{font-size:.7rem}.purchase-option h2{font-size:1.55rem}.split img{height:420px}#about{padding:78px 0}.card img{height:275px}.card-b{padding:24px}.unit-card{padding:24px}.gal{gap:16px;margin-top:35px}.gal a:nth-child(n){grid-column:span 2;margin:0}.gal a:nth-child(n) img{height:310px}.gal a:nth-child(1) img,.gal a:nth-child(8) img{height:280px}#location{min-height:720px;padding:80px 0}#location h2{font-size:3.2rem}#location .lead,#location p{font-size:.94rem}#why,#contact{padding:80px 0}.feats{gap:30px}.steps{gap:28px}form{padding:23px}.cinema-reveal.is-waiting{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.hero img{animation:none}.cinema-reveal{transition:none}.cinema-reveal.is-waiting{opacity:1;transform:none}}
@media print{.cinema-kicker,.cinema-foot,.cinema-progress{display:none}.cinema-reveal.is-waiting{opacity:1;transform:none}.hero{min-height:0;background:white}.hero h1{font-size:30pt;max-width:none}#location{display:block;min-height:0;background:white;color:black}#location .split>picture,#location::after{display:none}#location .lead,#location p{color:black!important}#gallery{background:white!important;color:black}form{padding:0}}
@media(max-width:920px){.gal a:nth-child(1),.gal a:nth-child(8){grid-column:span 2!important}.gal a:nth-child(n) img{height:350px!important}.gal a:nth-child(1) img,.gal a:nth-child(8) img{height:420px!important}}
@media(max-width:600px){.hero-in{padding-left:24px;padding-right:24px}.gal a:nth-child(n){grid-column:span 2!important}.gal a:nth-child(n) img{height:310px!important}.gal a:nth-child(1) img,.gal a:nth-child(8) img{height:280px!important}}