:root{--ink:#19352d;--paper:#f4f1e9;--gold:#c7ad86;color-scheme:light}
html{scroll-behavior:smooth}
body{background:#f4f1e9}
.topbar{position:fixed;top:0;left:0;right:0;background:transparent;border:0;z-index:40;color:#f9f5eb;padding:22px clamp(22px,5vw,85px);transition:background .35s,color .35s,box-shadow .35s,transform .3s;backdrop-filter:none}
.topbar.solid{background:#f4f1e9ef;backdrop-filter:blur(12px);border-bottom:1px solid #c6c7b75c;color:#21372e;padding-block:13px;box-shadow:0 4px 22px #05160f0e}
.topbar .mark{font:italic 25px "Playfair Display",serif;width:38px;height:38px}
.topbar .brand{font-size:17px;letter-spacing:.22em}
.topbar .brand small{font-size:8px}
.topbar .back{border-color:currentColor}
body.lux-in-view .topbar{transform:translateY(-104%);pointer-events:none}
.cinema-runway{height:440svh;position:relative;background:#0e241c;color:#fff}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:510px;overflow:hidden;isolation:isolate;background:#152b23}
.cinema-backdrop,.cinema-canvas,.cinema-shadow,.cinema-grain{position:absolute;inset:0}
.cinema-backdrop{background:url('/assets/poster.jpg') center/cover no-repeat;z-index:0;filter:brightness(.7) saturate(.85)}
.cinema-canvas{z-index:1;width:100%;height:100%;opacity:0;transition:opacity .4s linear;will-change:contents;pointer-events:none}
.cinema-canvas.ready{opacity:1}
.cinema-shadow{z-index:2;pointer-events:none;background:linear-gradient(90deg,#07150ec9 0%,#0b170e64 51%,transparent 95%),linear-gradient(0deg,#07170ac9,transparent 38%,#071c144f)}
.cinema-grain{z-index:3;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:screen}
.cinema-timeline{position:absolute;z-index:12;bottom:0;height:3px;width:calc(var(--progress,0)*100%);left:0;background:#d5b386;box-shadow:0 0 18px #c1a77c88}
.cinema-label{position:absolute;z-index:5;top:105px;right:clamp(26px,6vw,112px);color:#f0e7d5ad;letter-spacing:.23em;font-size:9px;font-weight:600}
.cinema-copy{position:absolute;inset:0;z-index:5;pointer-events:none}
.cinema-chapter{position:absolute;top:49%;left:clamp(29px,8vw,132px);right:clamp(28px,18vw,250px);transform:translateY(-37%) translateY(30px);opacity:0;max-width:1050px;pointer-events:none;will-change:opacity,transform}
.cinema-chapter:first-child{opacity:1}
.cinema-chapter.active{pointer-events:auto}
.cinema-kicker{color:#ecd4ae;font-size:10px;letter-spacing:.32em;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:22px;text-shadow:0 1px 12px #0006}
.cinema-kicker:before{content:"";width:30px;height:1px;background:#c4b194}
.cinema-chapter h1,.cinema-chapter h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(70px,9vw,149px);font-weight:400;letter-spacing:-.068em;line-height:.99;margin:0 0 29px;color:#f8f4eb;text-shadow:0 7px 55px #0005}
.cinema-chapter em{color:#e5c69f;font-style:italic;font-weight:400}
.cinema-chapter p{font-size:clamp(13px,1.24vw,17px);max-width:445px;line-height:1.95;font-weight:400;color:#f4efe2ed;text-shadow:0 3px 14px #0007}
.cinema-btn{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #eee3ce;margin-top:22px;padding:14px 0;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700}
.cinema-btn span{font-size:15px}
.cinema-btn.ghost{border-color:#ebd8b285}
.cinema-actions{display:flex;gap:32px;flex-wrap:wrap}
.cinema-floor{position:absolute;z-index:6;bottom:clamp(28px,4svh,52px);left:clamp(28px,5vw,85px);right:clamp(28px,5vw,85px);display:flex;justify-content:space-between;align-items:end;gap:20px;color:#e7e7dc;font-size:9px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;pointer-events:none}
.cinema-scroll{display:flex;align-items:center;gap:15px}
.cinema-scrollbar{height:38px;width:1px;background:#fff7;position:relative;overflow:hidden}
.cinema-scrollbar:after{content:"";position:absolute;top:0;left:0;width:1px;height:13px;background:#fff;animation:cinema-scroll-line 1.8s ease infinite}
@keyframes cinema-scroll-line{to{transform:translateY(29px);opacity:0}}
.cinema-scene-count{font-size:13px;color:#f6ede0}
.cinema-disclaimer{font-size:8px;max-width:220px;text-align:right;line-height:1.6;color:#f6efdfbb}
.editorial{background:#f4f1e9;padding:clamp(115px,12vw,195px) 0 clamp(95px,10vw,155px)}
.editorial-grid{display:grid;grid-template-columns:1.2fr .67fr;gap:clamp(30px,8vw,130px);align-items:end;margin-bottom:80px}
.editorial .kicker{color:#9c8f7b}
.editorial h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(56px,6.5vw,111px);font-weight:400;line-height:1.1;letter-spacing:-.065em;margin:26px 0 0}
.editorial h2 em{color:#988b76}
.editorial-right{max-width:450px}
.editorial-right span{font-size:10px;letter-spacing:.21em;font-weight:700;color:#998973}
.editorial-right p{font-size:14px;color:#64736a;line-height:2}
.editorial-right small{display:block;font-size:10px;line-height:1.85;color:#919c91;margin-top:22px}
.editorial-link{display:inline-block;margin-top:24px;padding:12px 0;border-bottom:1px solid #254031;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.editorial-showcase{height:clamp(320px,56vw,690px);position:relative;overflow:hidden;background:#d9dfd6}
.editorial-showcase img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7);transition:transform 1.3s ease}
.editorial-showcase:hover img{transform:scale(1.035)}
.editorial-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#10271ca8,transparent 60%);display:flex;flex-direction:column;justify-content:end;align-items:start;padding:clamp(22px,5vw,80px);color:#fff}
.editorial-overlay span{font-size:10px;letter-spacing:.23em}
.editorial-overlay strong{font:400 clamp(35px,5vw,78px) "Playfair Display",serif;letter-spacing:-.045em;margin-top:12px}
.units{background:#e9ede6}
.unit-heading h2,.tour-head h2{letter-spacing:-.067em}
.real-contact{background:#e5e9e1;padding:clamp(85px,9vw,150px) 0}
.real-contact-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:50px;align-items:center}
.real-contact h2{font-size:clamp(49px,6vw,95px)}
.real-contact p{font-size:14px;line-height:1.9;color:#67776b;max-width:450px}
.real-contact-action{display:flex;flex-direction:column;align-items:start;gap:13px}
.real-contact-action span{font-size:11px;line-height:1.7;color:#788879}
.end{padding:90px 0;background:#1c392d;color:#f4f1e9}
.end p{color:#c5d0c6}
.end h2 em{color:#d8bf9e}
.end .btn{background:#f4efe5;color:#1b392d}
footer{background:#10291f}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr;gap:25px}.real-contact-grid{grid-template-columns:1fr}.cinema-chapter h1,.cinema-chapter h2{font-size:clamp(69px,11vw,108px)}}
@media(max-width:630px){.topbar{padding:18px 23px}.topbar .brand{font-size:15px}.toplinks a:not(.back){display:none}.toplinks .back{font-size:9px;padding:12px}.cinema-runway{height:385svh}.cinema-stage{min-height:0}.cinema-shadow{background:linear-gradient(0deg,#061812db 0%,#091b14a8 38%,#0a170d40 100%),linear-gradient(90deg,#08180e66,transparent)}.cinema-label{top:95px;left:27px;right:auto;max-width:250px;line-height:1.7;font-size:8px}.cinema-chapter{top:49%;left:27px;right:26px;transform:translateY(-18%) translateY(24px)}.cinema-chapter h1,.cinema-chapter h2{font-size:clamp(58px,13.3vw,90px);line-height:1.04}.cinema-kicker{font-size:8px;letter-spacing:.2em}.cinema-chapter p{font-size:13px;line-height:1.75;max-width:300px}.cinema-floor{left:25px;right:24px;bottom:28px}.cinema-disclaimer{display:none}.cinema-actions{gap:11px}.cinema-btn{font-size:9px;gap:13px}.editorial{padding:92px 0}.editorial h2{font-size:clamp(59px,11vw,82px)}.editorial-grid{margin-bottom:55px}.editorial-showcase{height:390px}.editorial-overlay strong{font-size:52px}.real-contact h2{font-size:59px}.real-contact{padding:95px 0}}
@media(max-width:380px){.cinema-chapter h1,.cinema-chapter h2{font-size:57px}.cinema-label{font-size:7px}.cinema-chapter p{font-size:12px}.cinema-runway{height:390svh}}
@media(prefers-reduced-motion:reduce){.cinema-runway{height:100svh}.cinema-chapter:not(:first-child){display:none}.cinema-chapter:first-child{opacity:1!important;transform:translateY(-16%)!important}.cinema-scrollbar:after{animation:none}.cinema-canvas{display:none}.cinema-backdrop{filter:brightness(.65)}}


.real-hotspot-panel{position:absolute;z-index:20;left:clamp(23px,5vw,90px);bottom:clamp(175px,23svh,235px);width:min(390px,calc(100vw - 44px));padding:30px 30px 28px;background:rgba(247,245,238,.97);color:#1a3a2a;box-shadow:0 22px 90px #00150b91;backdrop-filter:blur(14px);border-left:3px solid #c6aa80}
.real-hotspot-panel[hidden]{display:none}
.real-hotspot-kicker{font-size:9px;font-weight:700;letter-spacing:.20em;display:flex;justify-content:space-between;align-items:center;color:#866f54}
.real-hotspot-kicker button{font-size:23px;border:0;background:none;color:#203e2f;cursor:pointer}
.real-hotspot-panel h3{font:400 36px "Playfair Display",serif;letter-spacing:-.04em;margin:17px 0;color:#20382b}
.real-hotspot-panel p{font-size:12px;line-height:1.9;color:#596f60;margin:12px 0}
.real-hotspot-panel>a{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #234531;padding:8px 0 13px;margin:9px 0 15px}
.real-hotspot-panel small{display:block;font-size:10px;color:#8b988b;line-height:1.6}
@media(max-width:620px){.real-hotspot-panel{width:calc(100vw - 35px);left:17px;bottom:196px;padding:22px;max-height:calc(100svh - 245px);overflow:auto}.real-hotspot-panel h3{font-size:27px;margin:12px 0}.real-hotspot-panel p{font-size:11px;line-height:1.65}}


/* Conceptual single-model apartment entry to the REAL campaign. */
.model3d{background:#e0e9e2;padding:clamp(90px,11vw,150px) 0}
.model3d-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(35px,6vw,110px)}
.model3d-image{position:relative;aspect-ratio:1.28;overflow:hidden;background:#25372c}
.model3d-image img{width:100%;height:100%;object-fit:cover;object-position:47% 50%;filter:saturate(.84);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.model3d-image:hover img{transform:scale(1.04)}
.model3d-mark{position:absolute;left:16px;bottom:15px;background:#172f26ca;color:#fff;padding:11px 14px;font-size:9px;letter-spacing:.13em}
.model3d-content .kicker{color:#90816b}
.model3d-content h2{font:400 clamp(64px,7vw,109px)/1.07 "Playfair Display",serif;letter-spacing:-.06em;margin:23px 0 28px;color:#20392d}
.model3d-content h2 em{color:#998c75}
.model3d-content p{font-size:14px;line-height:1.95;color:#66766b;max-width:490px}
.model3d-content .btn{margin-top:24px}
.plan-end{flex-wrap:wrap}
.plan-end a.btn{white-space:nowrap;font-size:10px}
@media(max-width:780px){.model3d-inner{grid-template-columns:1fr}.model3d{padding-block:80px}.model3d-image{aspect-ratio:1.25}.model3d-content h2{font-size:70px}.model3d-content .btn{margin-top:10px}}


@media(max-width:630px){.toplinks{gap:12px}.toplinks a[href="/3d/"]{display:inline-block;font-size:9px;color:inherit}}