/* V7.3 — translates the selected VMV cinematic concept into a real responsive homepage. */
:root{
  --v73-rail:84px;
  --v73-navy:#03101a;
  --v73-navy2:#071a28;
  --v73-ivory:#f3ede1;
  --v73-paper:#f8f3e9;
  --v73-gold:#c99846;
  --v73-gold2:#e0ba68;
  --v73-dark:#15191d;
  --v73-line:rgba(224,186,104,.34);
  --v73-ease:cubic-bezier(.19,1,.22,1);
}

html{background:var(--v73-navy);scroll-behavior:smooth}
body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;background:var(--v73-navy);color:#fff}
body.detail-open,body.menu-open{overflow:hidden!important}
.stage{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-left:var(--v73-rail);min-height:100vh;overflow:visible!important;background:var(--v73-navy)!important}

.side-rail{width:var(--v73-rail)!important;background:linear-gradient(180deg,#020d16,#061725)!important;color:#d9b064!important;border-right:1px solid rgba(255,255,255,.08);box-shadow:none!important}
.rail-brand img{width:46px!important;height:46px!important}.rail-brand span{color:var(--v73-gold2)!important;font-size:9px!important}
.rail-menu i{background:var(--v73-gold2)!important;height:1px!important;width:28px!important}
.rail-search{color:#fff}.rail-lang{color:#d6d9db!important}.rail-lang strong{color:var(--v73-gold2)!important}
body.menu-open .side-rail{background:linear-gradient(180deg,#6f4e1d,#a57832)!important}

.v73-home{background:#020b12}
.v73-hero{position:relative;min-height:650px;height:74vh;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.08)}
.v73-hero-bg{position:absolute;inset:-3%;background-image:linear-gradient(90deg,rgba(2,10,17,.87) 0%,rgba(2,10,17,.54) 35%,rgba(2,10,17,.15) 67%,rgba(2,10,17,.42) 100%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.42)),url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Halong_Bay_junk.jpg');background-size:cover;background-position:center 48%;transform:scale(1.045);animation:v73Push 18s ease-in-out infinite alternate;z-index:-3}
.v73-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 53%,rgba(224,186,104,.15),transparent 26%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.36));z-index:-2;pointer-events:none}
@keyframes v73Push{from{transform:scale(1.045) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.6%,.25%,0)}}
.v73-hero-inner{height:100%;display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(300px,.85fr);gap:40px;padding:7vh 4.5vw 5vh;position:relative}
.v73-hero-copy{align-self:center;max-width:840px}.v73-kicker{margin:0 0 18px;color:var(--v73-gold2);font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:500}.v73-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(56px,5.6vw,98px);line-height:.92;letter-spacing:-.035em;margin:0;color:#f6efe4;text-shadow:0 10px 34px rgba(0,0,0,.25)}
.v73-hero h1 span{display:block}.v73-hero-en{margin:18px 0 0;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:#f7f4ee}
.v73-hero-actions{display:flex;align-items:center;gap:18px;margin-top:36px}.v73-play{width:54px;height:54px;border:1px solid var(--v73-gold2);border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;transition:.45s var(--v73-ease);background:rgba(0,0,0,.12)}.v73-play:before{content:'';border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}.v73-play:hover{background:var(--v73-gold2);color:#101820;transform:scale(1.06)}
.v73-watch{display:flex;flex-direction:column;gap:5px;text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:#fff}.v73-watch small{font-size:8px;color:#aeb7bd;letter-spacing:.2em}
.v73-scroll{margin-left:44px;border-left:1px solid var(--v73-gold);padding-left:18px;font-size:9px;line-height:1.5;color:#ddc17e;text-transform:uppercase;letter-spacing:.14em}
.v73-hero-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;padding:1vh 0 1vh}.v73-quote{max-width:360px;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;line-height:1.18;color:#e5c98e;margin:0}.v73-quote small{display:block;margin-top:10px;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.1em;color:#d8d8d3}.v73-manifest{font-size:10px;line-height:1.8;letter-spacing:.12em;text-transform:uppercase;color:#e9e3d6}.v73-manifest b{display:block;color:var(--v73-gold2);font-weight:500;margin-bottom:10px}.v73-hero-index{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em}.v73-hero-index i{display:block;width:42px;height:1px;background:rgba(255,255,255,.5)}.v73-project{font-family:'Cormorant Garamond',serif;font-size:16px;line-height:1.1;margin-top:9px;color:#fff}.v73-dots{display:flex;gap:24px;margin-top:16px}.v73-dots span{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.75}.v73-dots span:first-child{width:58px;height:2px;border-radius:0;background:var(--v73-gold2)}

.v73-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#020b12;gap:1px}.v73-tile{position:relative;min-height:340px;overflow:hidden;isolation:isolate;border:0;text-align:left;padding:0;cursor:pointer;background:#0a1620;color:#fff}.v73-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.35));z-index:-1}.v73-tile-media{position:absolute;inset:-2%;background-size:cover;background-position:center;transition:transform 1.1s var(--v73-ease),filter .9s;z-index:-3}.v73-tile:hover .v73-tile-media{transform:scale(1.055)}
.v73-tile-copy{position:absolute;left:38px;right:34px;top:32px;bottom:28px;display:flex;flex-direction:column}.v73-tile-eyebrow{font-size:9px;letter-spacing:.18em;color:var(--v73-gold2);text-transform:uppercase;margin:0 0 9px}.v73-tile h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(32px,2.45vw,48px);font-weight:500;line-height:.92;margin:0;letter-spacing:-.02em}.v73-tile p{font-size:12px;line-height:1.58;max-width:310px;margin:12px 0 0;color:rgba(255,255,255,.82)}.v73-tile .v73-note{margin-left:auto;width:150px;border-left:1px solid var(--v73-gold);padding-left:12px;font-family:'Cormorant Garamond',serif;font-size:14px;line-height:1.16;color:#ead9b6}.v73-cta{margin-top:auto;display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--v73-gold2)}.v73-cta:after{content:'→';font-size:17px;transition:transform .35s}.v73-tile:hover .v73-cta:after{transform:translateX(7px)}

.tile-about{background:var(--v73-paper);color:#2a241c}.tile-about:before{background:linear-gradient(90deg,rgba(248,243,233,.96) 0%,rgba(248,243,233,.78) 47%,rgba(248,243,233,.18) 100%)}.tile-about .v73-tile-media{background-image:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Rice_terraces_in_Sapa,_Vietnam.jpg');background-position:68% center;filter:saturate(.55) sepia(.18) brightness(1.12)}.tile-about p{color:#5f564d}.tile-about .v73-note{color:#957034}.tile-about .v73-cta{color:#a4772f}
.tile-cinema .v73-tile-media{background-image:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Traditional_junk,_Halong_Bay,_Quang_Ninh,_Vietnam_-_V%E1%BB%8Bnh_H%E1%BA%A1_Long,_Qu%E1%BA%A3ng_Ninh,_Vi%E1%BB%87t_Nam_(10226220073).jpg');background-position:center 54%;filter:saturate(.74) brightness(.65) sepia(.18)}.tile-cinema:before{background:linear-gradient(90deg,rgba(4,10,14,.86),rgba(4,10,14,.28))}
.tile-tech{background:radial-gradient(circle at 70% 32%,rgba(95,143,179,.29),transparent 24%),linear-gradient(145deg,#06111d,#0a263a 70%,#07111a)}.tile-tech:before{background:linear-gradient(90deg,rgba(2,10,16,.88),rgba(2,10,16,.22))}.tile-tech .v73-tile-media{background-image:radial-gradient(circle at 74% 45%,transparent 0 4%,rgba(187,219,237,.25) 4.3% 4.7%,transparent 5% 8%,rgba(187,219,237,.18) 8.3% 8.6%,transparent 9%),linear-gradient(90deg,transparent 49.6%,rgba(131,187,220,.14) 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,rgba(131,187,220,.12) 50%,transparent 50.4%);background-size:100% 100%,34px 34px,34px 34px;opacity:.95}.tile-tech:after{content:'';position:absolute;right:9%;top:18%;width:135px;height:190px;border-radius:50% 45% 48% 52%;border:1px solid rgba(181,218,237,.34);box-shadow:0 0 80px rgba(124,192,227,.18),inset -24px 0 40px rgba(100,168,205,.12);z-index:-1;transform:rotate(8deg)}
.tile-edu{background:var(--v73-paper);color:#2a241c}.tile-edu:before{background:linear-gradient(90deg,rgba(248,243,233,.93),rgba(248,243,233,.37))}.tile-edu .v73-tile-media{background-image:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Rice_terraces_in_Vietnam.jpg');background-position:center 56%;filter:saturate(.62) sepia(.17) brightness(1.08)}.tile-edu p{color:#5d554d}.tile-edu .v73-cta{color:#a4772f}.tile-edu .v73-note{color:#9b7637}
.tile-partner{background:linear-gradient(145deg,#f6f0e4,#ebe2d2);color:#2c251c}.tile-partner:before{background:linear-gradient(90deg,rgba(248,243,233,.98),rgba(248,243,233,.45))}.tile-partner .v73-tile-media{background-image:linear-gradient(180deg,transparent 45%,rgba(185,138,57,.16)),url('https://commons.wikimedia.org/wiki/Special:Redirect/file/0040223_My_Son_Group_H%2C_Cham_Hindu_temples_complex%2C_Vietnam_010.jpg');background-position:72% center;filter:saturate(.45) sepia(.3) brightness(1.18);opacity:.84}.tile-partner p{color:#655c51}.tile-partner .v73-cta{color:#9b702e}.tile-partner .v73-note{color:#957034}


.v73-footer{min-height:124px;background:linear-gradient(180deg,#020b12,#04131f);display:grid;grid-template-columns:1.1fr 1.25fr 1fr;align-items:center;gap:30px;padding:26px 4.5vw;border-top:1px solid rgba(255,255,255,.08);color:#dce0e2}.v73-footer-brand{display:flex;align-items:center;gap:14px}.v73-footer-brand img{width:58px;height:58px;object-fit:contain}.v73-footer-brand strong{display:block;font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--v73-gold2);font-weight:500;letter-spacing:.08em}.v73-footer-brand small{font-family:'Cormorant Garamond',serif;font-size:13px;color:#c8c0af}.v73-footer-company{font-size:9px;line-height:1.8;letter-spacing:.04em;text-transform:uppercase}.v73-footer-links{text-align:right;font-size:9px;letter-spacing:.08em}.v73-footer-links a{margin-left:16px;color:#e8e5dc}.v73-footer-links p{margin:12px 0 0;color:#6f7b82;font-size:8px}

/* Preserve V7.2 inner storytelling pages while aligning the chrome with the selected interface. */
.detail-page{left:var(--v73-rail)!important}.mega-menu{left:var(--v73-rail)!important}

@media(max-width:1100px){
  :root{--v73-rail:72px}.v73-hero{height:68vh;min-height:590px}.v73-hero-inner{grid-template-columns:1fr .55fr;padding-left:5vw}.v73-hero-side .v73-quote{font-size:19px}.v73-grid{grid-template-columns:repeat(2,1fr)}.v73-tile{min-height:330px}.v73-footer{grid-template-columns:1fr 1fr}.v73-footer-links{grid-column:1/-1;text-align:left}.v73-footer-links a{margin-left:0;margin-right:16px}
}
@media(max-width:760px){
  :root{--v73-rail:0px}.side-rail{position:fixed!important;width:100%!important;height:66px!important;bottom:auto!important;flex-direction:row!important;background:rgba(2,13,22,.96)!important}.rail-brand{top:0!important;left:10px!important;right:auto!important;width:64px!important;height:66px!important}.rail-brand img{width:36px!important;height:36px!important}.rail-brand span{display:none}.rail-menu{left:auto!important;right:14px!important;top:0!important;margin:0!important;width:56px!important;height:66px!important}.rail-bottom{left:auto!important;right:76px!important;bottom:auto!important;top:14px!important;flex-direction:row!important;gap:5px!important}.rail-search{display:none}.stage{margin-left:0!important;padding-top:66px}.v73-hero{height:auto;min-height:650px}.v73-hero-inner{grid-template-columns:1fr;padding:8vh 24px 32px}.v73-hero-side{display:none}.v73-hero h1{font-size:clamp(48px,14vw,72px)}.v73-hero-en{font-size:8px;line-height:1.7}.v73-scroll{display:none}.v73-grid{grid-template-columns:1fr}.v73-tile{min-height:360px}.v73-tile-copy{left:26px;right:24px;top:28px}.v73-footer{grid-template-columns:1fr;padding:28px 24px}.v73-footer-links{text-align:left}.mega-menu,.detail-page{left:0!important;top:66px!important}
}
@media(prefers-reduced-motion:reduce){.v73-hero-bg{animation:none}.v73-tile-media{transition:none}}
