.vian-nav{display:flex;align-items:center;gap:20px}.vian-nav-list{gap:20px}
/* Language selection stays outside the mobile navigation panel. */
.vian-header-inner{gap:18px}
.vian-header-inner>.vian-logo{order:0}
.vian-header-inner>.vian-nav{order:1;margin-left:auto}
.vian-header-inner>.vian-language-switch{order:2}
.vian-header-inner>.vian-menu-toggle{order:3}
@media(max-width:767px){
.vian-header-inner{gap:12px!important}
.vian-header-inner>.vian-language-switch{display:flex!important;margin-left:auto!important;gap:2px!important;font-size:12px!important;flex-shrink:0}
.vian-header-inner>.vian-language-switch a{display:flex;align-items:center;justify-content:center;min-width:32px;min-height:44px;padding:8px 4px!important}
.vian-header-inner>.vian-language-switch span{opacity:.5}
.vian-header-inner>.vian-menu-toggle{flex-shrink:0;margin-left:0!important}
}
.vian-language-switch{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;font-size:12px;letter-spacing:.06em;color:#d6c7a7}
.vian-language-switch a{color:#fff;text-decoration:none;padding:8px 3px;opacity:.7}
.vian-language-switch a.is-active,.vian-language-switch a.gt-current-lang{color:#dcc483;opacity:1;font-weight:700}
.vian-language-switch a:focus-visible{outline:2px solid #dcc483;outline-offset:4px}
html:not([data-vian-language="vi"]) .vian-copy-vi{display:none!important}
html[data-vian-language="vi"] .vian-copy-en{display:none!important}
.vian-branch-selection{padding:85px 20px 95px;background:#f8f5ee}
.vian-branch-selection>.elementor-container{max-width:1180px}
.vian-branch-selection .vian-eyebrow{text-align:center;margin-bottom:16px;color:#9c8151;font-size:11px;letter-spacing:.24em}
.vian-branch-heading .elementor-heading-title{text-align:center;font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,48px);color:#25463a;line-height:1.25}
.vian-branch-grid{margin-top:40px}
.vian-branch-card>.elementor-widget-wrap{position:relative;margin:0 12px;padding:65px 48px 52px;min-height:530px;align-content:flex-start;overflow:hidden;border-radius:3px}
.vian-branch-card>.elementor-widget-wrap:before{content:"";position:absolute;inset:16px;border:1px solid;pointer-events:none;z-index:0}
.vian-branch-card .elementor-widget{z-index:1}
.vian-branch-card .vian-branch-title{margin-top:50px;margin-bottom:20px}
.vian-branch-title .elementor-heading-title{font:400 clamp(34px,3.4vw,52px)/1.15 Georgia,serif;letter-spacing:.04em}
html[data-vian-language="en"] .vian-menu-item-top em{display:none!important}
.vian-branch-motto .elementor-heading-title{font:italic 22px/1.5 Georgia,serif}
.vian-branch-card .vian-branch-description{font-size:15px;line-height:1.75;max-width:360px;min-height:76px;margin:10px 0 20px}
.vian-branch-button .elementor-button{padding:14px 0;border:0;border-radius:0;background:transparent;font-size:12px;font-weight:600;letter-spacing:.07em;border-bottom:1px solid;transition:.25s}
.vian-branch-button .elementor-button:hover{background:transparent;transform:translateX(6px)}
.vian-branch-heritage>.elementor-widget-wrap{background:linear-gradient(90deg,rgba(7,37,29,.9),rgba(7,37,29,.72)),url('../images/interior-4.jpg') center/cover}
.vian-branch-heritage>.elementor-widget-wrap:before{border-color:rgba(219,194,136,.48);border-radius:140px 140px 0 0}
.vian-branch-heritage .vian-branch-title .elementor-heading-title{color:#efdfb6}
.vian-branch-heritage .vian-branch-motto .elementor-heading-title{color:#d5ba80}
.vian-branch-heritage .vian-branch-description{color:#ece7dc}
.vian-branch-heritage .elementor-button{color:#ecd9a8;border-color:#a78e59}
.vian-branch-maison>.elementor-widget-wrap{background:linear-gradient(90deg,rgba(18,31,21,.87),rgba(18,31,21,.46)),url('https://vianvietnam.com/wp-content/uploads/2026/10/1791534007488_8613599151997804408_8613599151997804408_2affbae7bc9d37e96b6204f9a67ea078.jpg') center/cover}
.vian-branch-maison>.elementor-widget-wrap:before{border-color:#989c82;inset:16px}
.vian-branch-maison .vian-branch-title .elementor-heading-title{color:#f3ead6}
.vian-branch-maison .vian-branch-motto .elementor-heading-title{color:#e7d7b5}
.vian-branch-maison .vian-branch-description{color:#f0eadd;max-width:310px}
.vian-branch-maison .elementor-button{color:#f3e3c3;border-color:#b8a67f}
.vian-branch-card>.elementor-widget-wrap{padding:65px 48px 52px!important}
.vian-story-hero,.vian-story-body,.vian-story-crosslink{display:block!important;width:100%!important;max-width:none!important;--width:100%;--container-widget-width:100%;--display:flex;--flex-direction:column;box-sizing:border-box}
.vian-story-hero>.e-con-inner,.vian-story-body>.e-con-inner,.vian-story-crosslink>.e-con-inner{display:flex!important;flex-direction:column!important;width:100%!important;margin:0 auto!important;box-sizing:border-box}
.vian-story-hero>.e-con-inner>.elementor-widget,.vian-story-body>.e-con-inner>.elementor-widget,.vian-story-crosslink>.e-con-inner>.elementor-widget{width:100%;max-width:100%;box-sizing:border-box}
.vian-story-hero{position:relative;padding:200px 30px 95px!important;min-height:740px;overflow:hidden}
.vian-story-hero>.e-con-inner{max-width:1120px!important;gap:22px!important}
.vian-story-title .elementor-heading-title{font:400 clamp(50px,6vw,88px)/1.08 Georgia,serif!important}
.vian-story-eyebrow .elementor-heading-title{font:600 11px/1.6 Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.24em}
.vian-story-lead{font:18px/1.85 Georgia,serif;max-width:650px}
.vian-heritage-hero{background:linear-gradient(90deg,rgba(5,32,25,.91),rgba(5,32,25,.3)),url('../images/interior-4.jpg') center/cover}
.vian-heritage-hero .elementor-heading-title{color:#efdfb6}
.vian-heritage-hero .vian-story-lead{color:#e9e3d3}
.vian-story-link .elementor-button{background:transparent;border:0;padding:10px 0;color:#e6c78d}
.vian-story-body{padding:100px 30px!important;background:#f8f5ee;scroll-margin-top:120px}
.vian-story-body>.e-con-inner{max-width:790px!important;gap:24px!important}
.vian-story-section-title .elementor-heading-title{font:400 clamp(30px,4vw,46px)/1.22 Georgia,serif!important;color:#294a3a}
.vian-story-body .vian-story-eyebrow{margin-top:24px;color:#8b7752}
.vian-story-prose{font:18px/1.9 Georgia,serif;color:#536052}
.vian-story-prose p{margin-bottom:22px}
.vian-story-button .elementor-button{background:#173f32;color:#efe7d5;border-radius:0;padding:16px 25px;font-size:13px}
.vian-story-crosslink{padding:64px 30px!important;background:#e8e1d2;text-align:center}
.vian-story-crosslink>.e-con-inner{gap:24px!important;align-items:center}
.vian-story-crosslink .elementor-heading-title{font:400 28px/1.4 Georgia,serif!important;color:#35513e}
.vian-maison-hero{background:#eee6d3;background-image:radial-gradient(rgba(80,60,20,.05) .65px,transparent .65px);background-size:4px 4px;padding-top:170px!important;text-align:center;min-height:1000px}
.vian-maison-hero:before{content:"";position:absolute;inset:140px 35px 35px;border:1px solid #9a9e86;pointer-events:none}
.vian-maison-hero>.e-con-inner{max-width:1000px!important;align-items:center;gap:12px!important}
.vian-maison-brand .elementor-heading-title{font:400 58px/1.2 Georgia,serif!important;letter-spacing:.15em;color:#35513e}
.vian-maison-subbrand .elementor-heading-title{font:400 22px/1.4 Georgia,serif!important;letter-spacing:.2em;color:#35513e}
.vian-maison-motto{margin:15px 0 35px}
.vian-maison-motto .elementor-heading-title{font:italic 20px/1.5 Georgia,serif!important;color:#566148}
.vian-maison-hero .vian-story-title .elementor-heading-title{color:#35513e;font-size:clamp(42px,6vw,76px)!important}
.vian-maison-hero .vian-story-lead{color:#4f5b46;max-width:690px;font-style:italic}
.vian-maison-landscape{width:100%;margin-top:28px}
/* Keep photographic backgrounds clear while shading the copy area. */
.vian-approved-hero,.vian-hero{position:relative;isolation:isolate}
.vian-approved-hero:after,.vian-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(5,14,11,.80) 0%,rgba(5,14,11,.67) 36%,rgba(5,14,11,.34) 65%,rgba(5,14,11,.20) 100%),linear-gradient(0deg,rgba(3,10,8,.45),transparent 55%)}
.vian-approved-hero>.elementor-container,.vian-hero>.elementor-container{position:relative;z-index:2}
.vian-approved-hero-lead{color:#f4f0e7!important}
.vian-approved-signature{color:#f3ead7!important;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.vian-header:not(.is-scrolled){background:linear-gradient(180deg,rgba(4,17,13,.88),rgba(4,17,13,.65) 70%,rgba(4,17,13,.40))}
.vian-page-hero:before{background:linear-gradient(90deg,rgba(4,14,11,.86),rgba(4,14,11,.65) 48%,rgba(4,14,11,.30))!important}
.vian-approved-gallery-item>span{padding:12px 15px;background:rgba(3,15,11,.70);backdrop-filter:blur(5px);border-radius:3px;max-width:calc(100% - 44px)}
@media(max-width:767px){.vian-approved-hero:after,.vian-hero:after{background:linear-gradient(90deg,rgba(5,14,11,.76),rgba(5,14,11,.52)),linear-gradient(0deg,rgba(3,10,8,.40),transparent 70%)}}
.vian-maison-landscape img{width:100%;height:auto}
.vian-maison-body{background:#f3ecdc}
.vian-maison-crosslink{background:#e6dcc6}
.vian-story-maison .vian-header{background:#ebe3d1;color:#35513e;border-bottom:1px solid #c5c4ad}
.vian-story-maison .vian-logo,.vian-story-maison .vian-nav-list a,.vian-story-maison .vian-language-switch a,.vian-story-maison .vian-utility{color:#35513e}
.vian-story-maison .vian-logo small{color:#596a50}
.vian-story-maison .vian-language-switch{color:#617153}
.vian-story-maison .vian-language-switch a.is-active{color:#35513e}
.vian-story-maison .vian-nav-list li:last-child a{border-color:#7d8a70}
@media(max-width:1100px){.vian-nav-list{gap:12px}.vian-nav-list a{font-size:12px}.vian-nav{gap:16px}}
@media(max-width:767px){.vian-nav{align-items:flex-start;flex-direction:column;gap:22px}.vian-language-switch{font-size:15px;gap:12px}.vian-language-switch a{padding:10px}.vian-branch-selection{padding:46px 16px}.vian-branch-grid>.elementor-container{flex-wrap:wrap}.vian-branch-card{width:100%!important}.vian-branch-card>.elementor-widget-wrap{padding:48px 32px;min-height:490px;margin:10px 0}.vian-branch-card .vian-branch-title{margin-top:38px}.vian-story-hero{padding:175px 24px 65px!important;min-height:650px}.vian-story-body{padding:60px 24px!important}.vian-story-title .elementor-heading-title{font-size:48px!important}.vian-story-lead,.vian-story-prose{font-size:17px}.vian-maison-hero{padding:165px 30px 60px!important;min-height:850px}.vian-maison-hero:before{inset:135px 14px 20px}.vian-maison-brand .elementor-heading-title{font-size:42px!important}.vian-story-maison .vian-nav{background:#eee6d3}.vian-story-maison .vian-menu-toggle,.vian-story-maison .vian-menu-close{color:#35513e}}