/* Cinematic V6 layer: preserves existing multilingual content and user media. */
:root{--vi-gold:#cba36d;--vi-ink:#0b151b}
.vi-v6-hero-video{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.vi-v6-hero-video video{width:52%;height:100%;object-fit:cover;object-position:center;opacity:.43;filter:saturate(.63)}.vi-v6-hero-video img{position:absolute;top:0;right:0;width:50%;height:100%;object-fit:cover;opacity:.5}.hero>.overlay,.hero>.wrap,.hero>.content,.hero .cinematic-flare{position:relative;z-index:2}.hero .overlay{position:absolute;inset:0;z-index:1}.vi-v6-note{color:#dac2a4;font-size:11px;letter-spacing:.04em;max-width:580px;margin-top:15px}.vi-v6-actions{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 10px}.vi-v6-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#cba36d;border:1px solid #cba36d;color:#142128!important;font-size:12px!important;font-weight:800;padding:13px 17px;border-radius:8px;min-height:48px;text-decoration:none!important;cursor:pointer}.vi-v6-btn.alt{background:transparent;color:#f3ead7!important;border-color:#d5d8d7}.card .vi-v6-btn.alt{color:#193033!important;border-color:#6b7a77}.vi-v6-card-actions{display:grid;gap:8px;margin-top:16px}.vi-v6-card-actions .vi-v6-btn{font-size:10px!important;line-height:1.2}.vi-v6-float{position:fixed;bottom:16px;right:15px;z-index:88;display:inline-flex;gap:8px;align-items:center;background:#16774a;color:#fff!important;padding:11px 17px;border-radius:100px;box-shadow:0 8px 25px #0007;font-size:13px;font-weight:800;animation:vi-pulse 3.3s infinite}@keyframes vi-pulse{0%,100%{box-shadow:0 8px 25px #0008,0 0 0 0 #29b07644}60%{box-shadow:0 8px 25px #0008,0 0 0 13px #29b07600}}.vi-v6-mobile-dock{display:none}.vi-v6-villa{position:relative;width:100%;aspect-ratio:1536/864;overflow:hidden;background:#0e1a1d;border-radius:16px}.vi-v6-villa img{display:block;width:100%;height:100%;object-fit:cover}.vi-v6-wall-color{position:absolute;inset:0;background:var(--preview-tone,#ae563f);mix-blend-mode:color;mask-image:url('../img/villa-wall-mask.png');mask-size:100% 100%;-webkit-mask-image:url('../img/villa-wall-mask.png');-webkit-mask-size:100% 100%;pointer-events:none}.vi-v6-gloss-overlay{position:absolute;inset:0;pointer-events:none;opacity:var(--vi-gloss,.2);background:linear-gradient(115deg,transparent 24%,#ffffffab 46%,transparent 62%);mix-blend-mode:screen}.vi-v6-villa-note{position:absolute;bottom:10px;left:10px;background:#0b141dd9;color:#fff;padding:7px 9px;font-size:9px;letter-spacing:.03em}.vi-v6-shine-control{padding:15px;background:#14252b;color:#fff;border-radius:0 0 13px 13px}.vi-v6-shine-control label{font-weight:750;display:flex;justify-content:space-between;gap:12px;font-size:13px}.vi-v6-shine-control input{width:100%;accent-color:#d6a877}.vi-v6-shine-control small{display:block;font-size:11px;color:#baccc8}.vi-v6-modal-bg{position:fixed;inset:0;z-index:130;background:#030b10d9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:15px}.vi-v6-modal{background:#12252b;color:#f7f4ed;border:1px solid #bc925b;max-width:535px;width:100%;max-height:92dvh;overflow-y:auto;padding:27px;box-shadow:0 30px 80px #0009}.vi-v6-modal h2{font-size:clamp(25px,4.8vw,33px);font-weight:700;line-height:1.15;letter-spacing:-.025em}.vi-v6-modal p{font-size:13px;color:#bdc9c8}.vi-v6-close{float:right;background:#2e4245;color:#fff;border:1px solid #829596;border-radius:4px;font-weight:800;font-size:19px;width:35px;height:35px}.vi-v6-fields{display:grid;gap:13px}.vi-v6-fields label{display:grid;gap:5px;font-size:13px;font-weight:700}.vi-v6-fields input:not([type=checkbox]){width:100%;min-height:45px;padding:11px;border-radius:5px;background:#0c1b22;color:#fff;border:1px solid #72837e}.vi-v6-fields .vi-v6-check{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:12px}.vi-v6-fields input[type=checkbox]{margin-top:3px}.vi-v6-progress{display:flex;gap:5px;margin:15px 0 22px}.vi-v6-progress i{height:4px;background:#475a5c;flex:1}.vi-v6-progress i.on{background:#d3a56c}.vi-v6-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:21px}.vi-v6-form-actions button{min-width:100px}.vi-v6-feedback{background:#603333;color:#fff!important;padding:11px;border:1px solid #d58a8a}.vi-v6-feedback a{color:#ffe49b;text-decoration:underline}.vi-v6-download{margin:16px 0}.vi-v6-honeypot{display:none!important}
@media(max-width:760px){.vi-v6-hero-video video{width:100%}.vi-v6-hero-video img{display:none}.vi-v6-actions{display:grid}.vi-v6-btn{width:100%;text-align:center}.vi-v6-float{bottom:83px;right:12px;width:47px;height:47px;display:grid;place-items:center;padding:0}.vi-v6-float span{display:none}.vi-v6-mobile-dock{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:90;bottom:0;left:0;right:0;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#081c23;box-shadow:0 -8px 25px #0007}.vi-v6-mobile-dock button,.vi-v6-mobile-dock a{display:flex;justify-content:center;align-items:center;min-height:48px;background:#cda56b;color:#13262c;border:0;font-weight:800;font-size:12px}.vi-v6-mobile-dock a{background:#19774e;color:#fff}.vi-v6-modal{padding:20px}body{padding-bottom:64px}}
@media(prefers-reduced-motion:reduce){.vi-v6-float{animation:none}.vi-v6-hero-video video{display:none}}

.sample-building:before,.sample-building:after{display:none!important}.hero.home .bg{opacity:.2!important}

/* V8 refinements: stronger readability, mobile scaling and VARNA gallery polish */
.js-motion [data-reveal]{opacity:.9;transform:translateY(18px)}
.blog-list .post h3,.blog-list .post p,.gallery-item .cap,.post .btn,.feature-banner p,.detail-card p,.green-commitment p{color:#21403f}
.blog-list .post,.gallery-item,.feature-banner img,.product-tile{will-change:auto}
.gallery-item img,.gallery-item video{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.feature-banner img{aspect-ratio:16/10;object-position:center center}
.feature-banner .actions{gap:12px;flex-wrap:wrap}
.sample-building{min-height:280px;background:linear-gradient(180deg,#dfeef1,#e7decc 58%,#8b8475)}
.sample-label{background:#0b171fcc;color:#fff;padding:7px 10px;border-radius:999px;font-weight:700;letter-spacing:.03em}
.green-commitment .green-shape strong{display:block;font-size:22px;line-height:1.15}
@media(max-width:760px){.feature-banner{padding:26px 0!important}.feature-banner .wrap{width:min(100% - 24px,1220px)}.feature-banner h2,.section-head h2,.shade-intro h2{font-size:clamp(25px,8.6vw,37px)!important;line-height:1.05}.gallery-grid{grid-template-columns:1fr}.gallery-item img,.gallery-item video,.feature-banner img{aspect-ratio:4/3}.product-intro h2{font-size:clamp(28px,8.4vw,38px)}.sample-building{min-height:230px}.blog-list .post{padding:18px}}

/* V10 container & typography scaling guards. */
html,body{max-width:100%;overflow-x:clip}img,video,svg{max-width:100%} .grid>*,.split>*,.shade-stage>*,.product-ribbon>*,.feature-banner>.wrap{min-width:0}
h1,h2,h3,.eyebrow,.product-tile p{overflow-wrap:break-word} .blog-list .post h3,.blog-list .post p{color:#203636!important} .blog-list .post .btn.line{color:#112b2c!important}
.vi-v6-villa{aspect-ratio:1536/864} .vi-v6-villa img{object-position:center center}
@media(max-width:760px){main section{padding-top:48px;padding-bottom:48px}.wrap{width:min(calc(100% - 28px),1220px)}.feature-banner>.wrap{padding:0!important}.hero .content{max-width:100%}.gallery-grid .gallery-item{min-width:0}.product-tile h3{font-size:clamp(22px,6vw,30px)}}
@media(max-width:359px){.btn{padding:12px 11px;font-size:13px}.shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch .meta{padding:10px}}

/* V10 container & typography scaling guards. */
html,body{max-width:100%;overflow-x:clip}img,video,svg{max-width:100%} .grid>*,.split>*,.shade-stage>*,.product-ribbon>*,.feature-banner>.wrap{min-width:0}
h1,h2,h3,.eyebrow,.product-tile p{overflow-wrap:break-word} .blog-list .post h3,.blog-list .post p{color:#203636!important} .blog-list .post .btn.line{color:#112b2c!important}
.vi-v6-villa{aspect-ratio:1536/864} .vi-v6-villa img{object-position:center center}
@media(max-width:760px){main section{padding-top:48px;padding-bottom:48px}.wrap{width:min(calc(100% - 28px),1220px)}.feature-banner>.wrap{padding:0!important}.hero .content{max-width:100%}.gallery-grid .gallery-item{min-width:0}.product-tile h3{font-size:clamp(22px,6vw,30px)}}
@media(max-width:359px){.btn{padding:12px 11px;font-size:13px}.shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch .meta{padding:10px}}

/* V10 container & typography scaling guards. */
html,body{max-width:100%;overflow-x:clip}img,video,svg{max-width:100%} .grid>*,.split>*,.shade-stage>*,.product-ribbon>*,.feature-banner>.wrap{min-width:0}
h1,h2,h3,.eyebrow,.product-tile p{overflow-wrap:break-word} .blog-list .post h3,.blog-list .post p{color:#203636!important} .blog-list .post .btn.line{color:#112b2c!important}
.vi-v6-villa{aspect-ratio:1536/864} .vi-v6-villa img{object-position:center center}
@media(max-width:760px){main section{padding-top:48px;padding-bottom:48px}.wrap{width:min(calc(100% - 28px),1220px)}.feature-banner>.wrap{padding:0!important}.hero .content{max-width:100%}.gallery-grid .gallery-item{min-width:0}.product-tile h3{font-size:clamp(22px,6vw,30px)}}
@media(max-width:359px){.btn{padding:12px 11px;font-size:13px}.shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch .meta{padding:10px}}

/* V11 fixes: remove low-contrast states, strengthen light-section text, and fix footer logo proportions */
.js-motion [data-reveal]{opacity:1 !important;transform:none !important}
.blog-list .post,.card,.gallery-item,.problem,.step,.swatch{opacity:1 !important}
.blog-list .post h3,.blog-list .post p,.gallery-item .cap,.section-head p,.feature-banner p,.detail-card p,.green-commitment p,.product-tile p{color:#1d3537 !important}
.feature-banner h2,.section-head h2,.section-head h3,.blog-list .post h3,.product-intro h2{color:#17363b}
.footer .brandline img{display:block;width:clamp(150px,18vw,220px) !important;height:auto !important;max-width:100%;max-height:52px;object-fit:contain}
.footer .brandline{display:block}
@media(max-width:560px){.footer .brandline img{width:170px !important;max-height:none}}

/* V12 contrast and deployment correction: dark surfaces need light ink. */
section.dark .section-head h2,section.dark .section-head h3,section.dark .section-head p,
section.dark h2,section.dark h3,section.dark .card h3,section.dark .card p,
section.dark .detail-card p,section.dark .story-body,section.dark .post h3,section.dark .post p,
.localized-content .storysection:nth-of-type(3n) h2,
.localized-content .storysection:nth-of-type(3n) h3,
.localized-content .storysection:nth-of-type(3n) p,
section.cta h2,section.cta h3,section.cta p,
.footer h3,.footer h4,.footer p,.footer small{color:#e7f0ec !important}
section.dark em{color:#e8ba82 !important}
/* White cards in dark sections retain dark copy. */
section.dark .blog-list .post h3,section.dark .blog-list .post p,
section.dark .gallery-item h3,section.dark .gallery-item p,section.dark .gallery-item .cap {color:#18363a !important}
/* Images and brand art maintain aspect ratio, with touch-friendly typography. */
.footer .brandline img{width:min(220px,75vw)!important;height:auto!important;max-height:54px!important;object-fit:contain!important;object-position:left center}
img{height:auto}
.gallery-item img,.product-tile img,.feature-banner img{max-width:100%;object-fit:cover}
@media(max-width:600px){.header-inner>*{min-width:0}.header .logo img{width:auto;max-width:145px;height:auto}.site-nav a{font-size:15px}.footer .brandline img{width:190px!important}}