:root{--paper:#fbf8f2;--ink:#141414;--muted:#675f55;--gold:#c8a45d;--gold2:#9b782f;--line:#e5d6c0;--dark:#111;--radius:28px;--shadow:0 24px 70px rgba(20,20,20,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fffdfa,#f5ecde 55%,#ece0cd);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{position:fixed;z-index:1000;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:999px;background:rgba(9,10,12,.76);backdrop-filter:blur(18px);border:1px solid rgba(200,164,93,.28);color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.24)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff}.brand span{display:flex;flex-direction:column;line-height:1.05}.brand b{font-family:Playfair Display,serif;font-size:24px}.brand small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72);font-weight:800}.nav{display:flex;gap:21px;align-items:center}.nav a{font-size:14px;color:rgba(255,255,255,.84);font-weight:700}.nav a:hover{color:#fff}.actions{display:flex;align-items:center;gap:10px}.pill{border:1px solid rgba(200,164,93,.48);border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}.menu{display:none;background:transparent;border:0;color:#fff;font-size:26px}.hero{min-height:100vh;position:relative;display:flex;align-items:end;overflow:hidden;color:#fff;background:#111}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.25) 55%,rgba(0,0,0,.04)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 56%)}.hero-content{position:relative;z-index:2;padding:150px 0 86px;max-width:1000px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--gold);font-weight:900}.eyebrow.dark{color:#8b6a25}.hero h1,.section h2{font-family:Playfair Display,serif;letter-spacing:-.04em}.hero h1{font-size:clamp(46px,7vw,92px);line-height:.96;margin:18px 0 22px;max-width:950px}.hero p{font-size:clamp(18px,2vw,23px);max-width:760px;color:rgba(255,255,255,.86)}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;font-weight:900;border:1px solid transparent}.btn.primary{background:var(--gold);color:#111}.btn.glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.38);color:#fff;backdrop-filter:blur(8px)}.btn.dark{background:#111;color:#fff}.btn.light{background:#fff;border-color:#d8c9b0;color:#111}.btn.whatsapp{background:#25D366;color:#fff}.quickbar{position:relative;z-index:4;margin-top:-50px}.quickgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:var(--line)}.quickgrid div{background:#fff;padding:26px 22px}.quickgrid strong{display:block;font-family:Playfair Display,serif;font-size:31px}.quickgrid span{color:var(--muted);font-weight:700}.section{padding:92px 0}.split,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.split.reverse{grid-template-columns:1fr 1fr}.section h2{font-size:clamp(36px,4.2vw,58px);line-height:1.04;margin:10px 0 18px}.section p{font-size:18px;color:#2d2a25}.image-card{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}.image-card img{height:520px;width:100%;object-fit:cover}.section-head{max-width:880px;margin-bottom:30px}.section-head p{color:var(--muted)}.unit-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.filter,.mini-link{border:1px solid #d8c9b0;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.filter.active{background:#111;color:#fff;border-color:#111}.mini-link{margin-left:auto;color:#111}.unit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.unit{background:linear-gradient(180deg,#fff,#fbf7ef);border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:0 15px 44px rgba(0,0,0,.07)}.unit.featured{border-color:rgba(200,164,93,.75);box-shadow:0 18px 55px rgba(200,164,93,.16)}.unit b{display:block;font-family:Playfair Display,serif;font-size:31px}.unit small{color:#8b6a25;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.unit p{font-size:15px;color:var(--muted);min-height:70px}.unit strong{font-size:16px}.dark{background:linear-gradient(135deg,#111,#201d18);color:#fff}.dark p{color:rgba(255,255,255,.76)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-grid div{background:rgba(255,255,255,.08);border:1px solid rgba(200,164,93,.24);border-radius:18px;padding:15px;font-weight:800}.checks{padding-left:20px}.checks li{margin:11px 0;font-weight:700}.finance-card{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#fff;border:1px solid var(--line);border-radius:32px;padding:38px;box-shadow:var(--shadow)}.finance-card h2{max-width:700px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-grid button{padding:0;border:0;background:transparent;border-radius:20px;overflow:hidden;cursor:zoom-in;box-shadow:0 12px 34px rgba(0,0,0,.10);aspect-ratio:4/3}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.28s}.gallery-grid button:hover img{transform:scale(1.05)}.contact-card{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;background:#fff;border:1px solid var(--line);border-radius:34px;padding:44px;box-shadow:var(--shadow)}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-content:center}.contact-actions p{width:100%;font-size:17px}.contact-actions a:not(.btn){font-weight:900;border-bottom:1px solid rgba(200,164,93,.55)}.footer{background:#0b0b0c;color:#fff;padding:58px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:34px}.footer img{width:82px;height:82px;border-radius:50%;background:#fff;margin-bottom:15px}.footer b{display:block;font-family:Playfair Display,serif;font-size:24px}.footer p,.footer a{display:block;color:rgba(255,255,255,.70);margin:7px 0}.whatsapp-float{position:fixed;z-index:3000;right:18px;bottom:18px;background:#25D366;color:#fff;border-radius:999px;padding:13px 17px;font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.24)}.lightbox{display:none;position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:min(1120px,92vw);max-height:82vh;object-fit:contain}.lightbox button{position:absolute;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff;width:48px;height:48px;border-radius:50%;font-size:30px;cursor:pointer}.close{top:20px;right:24px}.prev{left:24px;top:50%;transform:translateY(-50%)}.next{right:24px;top:50%;transform:translateY(-50%)}.counter{position:absolute;bottom:22px;color:rgba(255,255,255,.72);font-weight:800}@media(max-width:980px){.nav{display:none;position:absolute;top:68px;left:0;right:0;background:rgba(9,10,12,.96);border-radius:24px;padding:20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu{display:block}.quickbar{margin-top:0;padding-top:14px}.quickgrid{grid-template-columns:1fr 1fr}.split,.two-col,.contact-card{grid-template-columns:1fr}.unit-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.image-card img{height:340px}.mini-link{margin-left:0}.section{padding:64px 0}.finance-card{display:block}.finance-card .btn{margin-top:18px}}@media(max-width:560px){.container{width:calc(100% - 24px)}.topbar{top:9px;width:calc(100% - 18px)}.brand img{width:36px;height:36px}.brand b{font-size:20px}.brand small{display:block;font-size:7px;letter-spacing:.07em;line-height:1.08;max-width:118px;white-space:normal}.pill{display:none}.hero{min-height:84vh}.hero-content{padding:120px 0 55px}.hero h1{font-size:42px}.hero p{font-size:17px}.btn{width:100%;min-height:52px}.quickgrid,.unit-grid,.feature-grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.quickgrid div{padding:20px}.unit p{min-height:0}.contact-card{padding:26px}.lightbox{padding:20px}.prev{left:9px}.next{right:9px}.close{right:10px;top:10px}}

/* v2 Oberlaa dedicated visual identity */
:root{--paper:#f6f3ea;--ink:#16201d;--muted:#68736b;--gold:#c7a66a;--gold2:#987a43;--sage:#5f7568;--sage2:#dfe8de;--line:#ded6c4;--dark:#13201c;--radius:28px;--shadow:0 24px 70px rgba(42,54,48,.13)}
body{background:linear-gradient(180deg,#fbfaf6 0%,#f3efe5 48%,#e8e1d2 100%);color:var(--ink)}
.topbar{background:rgba(18,32,28,.78);border-color:rgba(199,166,106,.32);box-shadow:0 18px 48px rgba(23,38,34,.24)}
.brand img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#17221f;padding:0;box-shadow:0 0 0 1px rgba(199,166,106,.35)}
.brand b{font-size:25px;color:#fff}.brand small{color:rgba(247,242,228,.78)}
.hero-shade{background:linear-gradient(90deg,rgba(17,29,25,.72),rgba(17,29,25,.32) 54%,rgba(17,29,25,.08)),linear-gradient(0deg,rgba(17,29,25,.55),transparent 58%)}
.hero-bg{filter:saturate(1.04) contrast(1.03) brightness(.96)}
.hero h1{text-shadow:0 12px 46px rgba(0,0,0,.28)}
.btn.primary{background:linear-gradient(135deg,#d7bc7c,#b8924f);color:#111}.btn.glass{background:rgba(246,243,234,.11)}
.quickgrid{border-color:#dcd3be;background:#dcd3be}.quickgrid div{background:rgba(255,253,247,.94)}.quickgrid strong{color:#20352f}.quickgrid span{color:#66736a}
.eyebrow{color:#d7bc7c}.eyebrow.dark{color:#8b7044}
.section h2{color:#14211d}.dark{background:linear-gradient(135deg,#14231e 0%,#23362f 68%,#384b3f 100%);color:#fff}.dark h2{color:#fff}.dark p{color:rgba(250,246,234,.78)}
.feature-grid div{background:rgba(255,255,255,.075);border-color:rgba(215,188,124,.28)}
.unit,.finance-card,.contact-card{background:linear-gradient(180deg,#fffdf7,#f7f2e7);border-color:#ded6c4}.unit.featured{border-color:rgba(95,117,104,.65);box-shadow:0 20px 60px rgba(95,117,104,.16)}.unit small{color:#5f7568}
.image-card{border-color:#ded6c4}.image-card img{filter:saturate(1.02)}
.progress-section{padding-top:20px}.progress-card{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;background:linear-gradient(135deg,#fffdf7,#edf3ea);border:1px solid #d9d0bd;border-radius:34px;padding:42px;box-shadow:var(--shadow)}.progress-card h2{font-family:Playfair Display,serif;font-size:clamp(34px,4vw,56px);line-height:1.05;margin:10px 0 18px}.progress-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}.progress-steps div{background:#fff;border:1px solid #dcd3be;border-radius:22px;padding:20px}.progress-steps b{display:block;font-family:Playfair Display,serif;font-size:34px;color:#5f7568}.progress-steps span{font-weight:900;color:#26362f}
.contact-card{box-shadow:0 26px 80px rgba(42,54,48,.14)}.btn.dark{background:#14231e;color:#fff}.btn.light{background:#fffdf7;border-color:#cfc3ab;color:#14231e}.btn.whatsapp{background:#25D366;color:#fff}
.footer{background:linear-gradient(135deg,#111d19,#1e3029)}.footer img{border-radius:18px;background:#17221f;object-fit:cover}.whatsapp-float{box-shadow:0 18px 45px rgba(31,77,54,.28)}
.gallery-grid button{border:1px solid #ddd4c1}.gallery-grid button:hover{box-shadow:0 16px 38px rgba(95,117,104,.16)}
@media(max-width:980px){.progress-card{grid-template-columns:1fr}.progress-steps{grid-template-columns:1fr 1fr}.brand img{width:42px;height:42px}.nav a{font-size:15px}}
@media(max-width:560px){.brand img{width:38px;height:38px;border-radius:11px}.progress-card{padding:26px}.progress-steps{grid-template-columns:1fr}.hero-bg{object-position:center center}.topbar{background:rgba(18,32,28,.86)}}

/* v3 floor plans, construction placeholders and bilingual controls */
.lang{border:1px solid rgba(200,164,93,.45);background:transparent;color:#fff;border-radius:999px;padding:8px 10px;font-weight:900;cursor:pointer}.lang.active{background:#fff;color:#14231e;border-color:#fff}.unit{display:flex;flex-direction:column}.floorplan{margin-top:15px;padding:0;border:1px solid #d9cfbb;background:#fffdf7;border-radius:18px;overflow:hidden;cursor:zoom-in;text-align:left;box-shadow:0 10px 28px rgba(42,54,48,.08)}.floorplan img{width:100%;height:185px;object-fit:cover;object-position:center;background:#fff}.floorplan span{display:block;padding:10px 12px;font-weight:900;color:#24352f;font-size:13px}.floorplan:hover img{filter:contrast(1.04);transform:scale(1.02)}.floorplan img{transition:.25s}.construction-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.construction-gallery button{position:relative;padding:0;border:1px solid #d8ceb8;background:#fff;border-radius:18px;overflow:hidden;cursor:zoom-in;box-shadow:0 12px 34px rgba(42,54,48,.08)}.construction-gallery img{width:100%;height:170px;object-fit:cover}.construction-gallery span{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(20,35,30,.82);color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;text-align:center}.unit-grid{align-items:stretch}.unit[data-type="haus"] .floorplan img{filter:grayscale(.08) contrast(1.02)}
@media(max-width:980px){.construction-gallery{grid-template-columns:1fr 1fr}.floorplan img{height:210px}.actions{gap:6px}.lang{padding:7px 9px}}
@media(max-width:560px){.construction-gallery{grid-template-columns:1fr}.floorplan img{height:220px}.lang{font-size:12px;padding:6px 8px}.actions{gap:5px}.menu{font-size:24px}}


/* v4 unit floor plans: exact TOP 1-10 images and better responsive presentation */
.floorplan img{height:230px;object-fit:contain!important;object-position:center;background:#fff;padding:6px}
.unit[data-type="haus"] .floorplan img{filter:none!important}
.unit strong{display:block;margin-top:auto;color:#1c2c26}
.unit p{min-height:88px}
@media(max-width:980px){.floorplan img{height:240px}.unit p{min-height:0}}
@media(max-width:560px){.floorplan img{height:245px;padding:4px}.unit{padding:20px}}


/* v5 final construction photos and translation refinement */
.construction-gallery img{height:210px;filter:saturate(1.02) contrast(1.03)}
.construction-gallery span{white-space:normal;line-height:1.2;padding:7px 10px;border-radius:14px}
@media(max-width:980px){.construction-gallery img{height:220px}}
@media(max-width:560px){.construction-gallery img{height:235px}}