/* VMV V8.0 — Homepage Prestige Polish
   Loaded after v73.css so homepage overrides remain authoritative. */

:root{
  --v80-home-bg:#03080d;
  --v80-home-text:#f4efe4;
  --v80-home-muted:rgba(244,239,228,.62);
  --v80-home-faint:rgba(244,239,228,.42);
  --v80-home-gold:#d6b15b;
  --v80-home-rule:rgba(214,177,91,.2);
  --v80-home-serif:'Noto Serif Display','Times New Roman',serif;
}

/* Quieter institutional chrome. */
.side-rail{
  width:88px!important;
  background:rgba(3,10,16,.97)!important;
  border-right:1px solid rgba(244,239,228,.08)!important;
}
.stage{margin-left:88px!important}
.detail-page,.mega-menu{left:88px!important}
.rail-brand img{width:42px!important;height:42px!important}
.rail-brand span{margin-top:6px;color:rgba(214,177,91,.72)!important;font-size:8px!important;letter-spacing:.2em!important}
.rail-menu i{width:24px!important;background:rgba(244,239,228,.72)!important}
.rail-search{display:none!important}
.rail-bottom{gap:0!important}
.rail-lang{color:rgba(244,239,228,.48)!important;font-size:8px!important;letter-spacing:.1em!important}
.rail-lang strong{color:rgba(214,177,91,.86)!important}

/* Hero: one cinematic opening statement, less interface chrome. */
.v73-home{background:var(--v80-home-bg)!important}
.v73-hero{
  height:86svh!important;
  min-height:720px!important;
  max-height:980px;
  border-bottom:1px solid rgba(244,239,228,.1)!important;
  background:#020609!important;
}
.v73-hero:before{
  background:
    linear-gradient(90deg,rgba(2,6,9,.92) 0%,rgba(2,6,9,.72) 34%,rgba(2,6,9,.22) 66%,rgba(2,6,9,.32) 100%)!important;
}
.v73-hero:after{
  background:
    radial-gradient(circle at 72% 38%,rgba(214,177,91,.075),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.03),transparent 42%,rgba(0,0,0,.68))!important;
}
/* V8 local fallback: eliminate the legacy third-party Hero image request. */
.v73-hero-bg{
  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('assets/about-origin-to-future-final.webp')!important;
  background-position:center!important;
}

.v75-media-layer{
  filter:saturate(.76) contrast(1.045) brightness(.88)!important;
  transition:opacity 1.7s cubic-bezier(.22,.61,.36,1)!important;
}
.v75-media-layer:nth-child(1){background-image:url('assets/about-origin-to-future-final.webp')!important}
.v75-media-layer:nth-child(2){
  inset:0!important;
  background-image:url('https://cdn.openart.ai/openart-uploads/production/attachment-transfers/8459095b5ca2b8c6104e161c6990453408f100773a52f325376e1b94c0206881.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
}
.v75-media-layer:nth-child(2).active{
  animation:none!important;
  transform:none!important;
}
.v75-media-layer:nth-child(3){background-image:url('assets/v74-tech.svg')!important}

.v73-hero-inner{
  height:100%!important;
  grid-template-columns:minmax(560px,1.28fr) minmax(250px,.72fr)!important;
  gap:clamp(40px,6vw,100px)!important;
  padding:clamp(92px,12vh,138px) clamp(38px,5vw,82px) clamp(52px,7vh,78px)!important;
}
.v73-hero-copy{
  align-self:end!important;
  max-width:940px!important;
  padding-bottom:clamp(24px,3vh,42px);
}
.v73-hero-copy:after{display:none!important}
.v73-kicker{
  margin:0 0 24px!important;
  color:rgba(214,177,91,.8)!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.24em!important;
}
.v73-hero h1{
  max-width:980px;
  margin:0!important;
  font-family:var(--v80-home-serif)!important;
  font-size:clamp(64px,7vw,118px)!important;
  font-weight:500!important;
  line-height:.88!important;
  letter-spacing:-.043em!important;
  color:var(--v80-home-text)!important;
  text-shadow:0 12px 38px rgba(0,0,0,.34)!important;
}
.v73-hero-en{
  margin:26px 0 0!important;
  color:rgba(244,239,228,.55)!important;
  font-size:8px!important;
  line-height:1.5!important;
  letter-spacing:.26em!important;
}
.v73-hero-actions{
  gap:24px!important;
  margin-top:34px!important;
  align-items:center!important;
}
/* The former play control is now an honest navigation CTA. */
.v73-play{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:13px 0 12px!important;
  border:0!important;
  border-top:1px solid rgba(214,177,91,.52)!important;
  border-bottom:1px solid rgba(214,177,91,.22)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--v80-home-text)!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  font:500 17px/1 var(--v80-home-serif)!important;
  letter-spacing:-.01em!important;
}
.v73-play:before{display:none!important}
.v73-play span{white-space:nowrap}
.v73-play i{font:300 18px/1 Arial;font-style:normal;color:rgba(214,177,91,.82);transition:transform .3s ease}
.v73-play:hover,.v73-play:focus-visible{
  background:transparent!important;
  color:#fff!important;
  transform:none!important;
  border-top-color:rgba(214,177,91,.9)!important;
}
.v73-play:hover i,.v73-play:focus-visible i{transform:translate(4px,-2px)}
.v73-watch{
  gap:4px!important;
  color:rgba(244,239,228,.68)!important;
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.v73-watch small{color:rgba(244,239,228,.38)!important;font-size:7px!important;letter-spacing:.15em!important}
.v73-scroll{
  margin-left:12px!important;
  border-left:1px solid rgba(214,177,91,.34)!important;
  color:rgba(214,177,91,.58)!important;
  font-size:7px!important;
  letter-spacing:.15em!important;
}

.v73-hero-side{
  position:relative;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  padding:3vh 0 2vh!important;
}
.v73-quote{
  position:absolute;
  right:0;
  top:66%;
  width:min(23vw,340px);
  max-width:340px!important;
  margin:0!important;
  padding:14px 16px 13px;
  transform:translateY(-50%);
  background:linear-gradient(135deg,rgba(3,7,11,.66),rgba(3,7,11,.34));
  border:1px solid rgba(214,177,91,.14);
  border-right-color:rgba(214,177,91,.30);
  box-shadow:0 14px 36px rgba(0,0,0,.20);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-family:var(--v80-home-serif)!important;
  font-size:clamp(16px,1.25vw,21px)!important;
  font-weight:400!important;
  line-height:1.26!important;
  letter-spacing:-.012em!important;
  text-align:right!important;
  color:rgba(244,239,228,.86)!important;
}
.v73-quote small{
  margin-top:10px!important;
  color:rgba(214,177,91,.72)!important;
  font-size:7px!important;
  line-height:1.4!important;
  letter-spacing:.13em!important;
  text-align:right!important;
}
.v73-manifest{display:none!important}
.v73-hero-index{color:rgba(244,239,228,.46)!important;font-size:9px!important}
.v73-hero-index i{background:rgba(214,177,91,.4)!important}
.v73-project{
  margin-top:14px!important;
  max-width:300px;
  font-family:var(--v80-home-serif)!important;
  font-size:clamp(18px,1.45vw,24px)!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:-.015em!important;
  color:rgba(244,239,228,.88)!important;
}
.v73-dots{margin-top:20px!important}
.v75-progress{height:1px!important;background:rgba(244,239,228,.08)!important}
.v75-progress i{background:rgba(214,177,91,.72)!important}
.v75-scene-name{
  right:clamp(30px,4vw,64px)!important;
  bottom:24px!important;
  color:rgba(244,239,228,.36)!important;
  font-size:7px!important;
  letter-spacing:.18em!important;
}

/* Mobile quote band — keeps editorial copy off cinematic artwork. */
.v80-mobile-quote-band{display:none}

/* Editorial transition from hero to the site architecture. */
.v80-explore-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);
  gap:48px;
  align-items:end;
  padding:clamp(68px,8vw,112px) clamp(34px,5vw,82px) clamp(42px,5vw,70px);
  background:var(--v80-home-bg);
  border-bottom:1px solid rgba(244,239,228,.08);
}
.v80-explore-head small{
  display:block;
  margin-bottom:18px;
  color:rgba(214,177,91,.68);
  font-size:8px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.v80-explore-head h2{
  max-width:820px;
  margin:0;
  font-family:var(--v80-home-serif);
  font-size:clamp(40px,4.5vw,68px);
  font-weight:500;
  line-height:.96;
  letter-spacing:-.032em;
  color:var(--v80-home-text);
}
.v80-explore-head p{
  max-width:360px;
  margin:0 0 3px;
  color:var(--v80-home-muted);
  font-size:12px;
  line-height:1.75;
}

/* Asymmetric editorial grid: flagship cinema is visibly primary. */
.v73-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:1px!important;
  background:rgba(244,239,228,.09)!important;
}
.v73-tile{
  min-height:390px!important;
  background:#071019!important;
}
.v73-tile:nth-child(1){grid-column:span 4}
.v73-tile:nth-child(2){grid-column:span 8;min-height:460px!important}
.v73-tile:nth-child(3),
.v73-tile:nth-child(4),
.v73-tile:nth-child(5){grid-column:span 4}
.v73-tile:nth-child(6){grid-column:span 12;min-height:310px!important}
.v73-tile:before{
  background:linear-gradient(180deg,rgba(1,5,8,.12) 0%,rgba(1,5,8,.28) 48%,rgba(1,5,8,.82) 100%)!important;
  transition:background .45s ease;
}
.v73-tile:hover:before{
  background:linear-gradient(180deg,rgba(1,5,8,.08) 0%,rgba(1,5,8,.2) 48%,rgba(1,5,8,.76) 100%)!important;
}
.v73-tile-media{
  inset:0!important;
  filter:saturate(.72) contrast(1.04) brightness(.78)!important;
  transition:transform 1.2s cubic-bezier(.19,1,.22,1),filter .8s ease!important;
}
.v73-tile:hover .v73-tile-media{
  transform:scale(1.025)!important;
  filter:saturate(.82) contrast(1.04) brightness(.84)!important;
}
/* Keep homepage imagery local and visually coherent. */
.tile-about .v73-tile-media{background-image:url('assets/about-origin-to-future-final.webp')!important;background-position:62% 48%!important}
.v73-grid .tile-cinema .v73-tile-media{
  background-image:url('https://cdn.openart.ai/openart-uploads/production/attachment-transfers/8459095b5ca2b8c6104e161c6990453408f100773a52f325376e1b94c0206881.webp')!important;
  background-position:center center!important;
}
.tile-tech .v73-tile-media{background-image:url('assets/v74-tech.svg')!important;background-size:cover!important;opacity:1!important}
.tile-edu .v73-tile-media{background-image:url('assets/v74-edu.svg')!important;background-position:62% 48%!important}
.tile-partner .v73-tile-media{background-image:url('assets/v74-partner.svg')!important;background-position:62% 50%!important}
.tile-about,.tile-edu{color:#fff!important;background:#071019!important}
.tile-about:before,.tile-edu:before{
  background:linear-gradient(180deg,rgba(1,5,8,.18),rgba(1,5,8,.84))!important;
}

.v73-tile-copy{
  left:clamp(26px,3vw,46px)!important;
  right:clamp(24px,3vw,42px)!important;
  top:clamp(28px,3vw,42px)!important;
  bottom:clamp(26px,3vw,38px)!important;
}
.v73-tile-eyebrow{
  margin:0 0 16px!important;
  color:rgba(214,177,91,.7)!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}
.v73-tile h2{
  max-width:590px;
  font-family:var(--v80-home-serif)!important;
  font-size:clamp(34px,3.15vw,56px)!important;
  font-weight:500!important;
  line-height:.94!important;
  letter-spacing:-.032em!important;
  color:var(--v80-home-text)!important;
  text-transform:none!important;
  text-shadow:0 8px 26px rgba(0,0,0,.25);
}
.v73-tile:nth-child(2) h2{font-size:clamp(46px,4.5vw,78px)!important}
.v73-tile p{
  max-width:420px!important;
  margin:17px 0 0!important;
  color:rgba(244,239,228,.62)!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.v73-tile .v73-note{display:none!important}
.v73-cta{
  margin-top:auto!important;
  color:rgba(214,177,91,.78)!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}
.v73-cta:after{font-size:15px!important}

/* Footer reads as a quiet institutional colophon. */
.v73-footer{
  min-height:190px!important;
  grid-template-columns:.9fr 1.45fr .95fr!important;
  gap:clamp(28px,4vw,68px)!important;
  padding:clamp(44px,5vw,72px) clamp(34px,5vw,82px)!important;
  background:#02070b!important;
  border-top:1px solid rgba(214,177,91,.18)!important;
}
.v73-footer-brand img{width:48px!important;height:48px!important;opacity:.92}
.v73-footer-brand strong{
  font-family:var(--v80-home-serif)!important;
  font-size:22px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
  color:rgba(244,239,228,.9)!important;
}
.v73-footer-brand small{
  font-family:Inter,Arial,sans-serif!important;
  color:rgba(214,177,91,.55)!important;
  font-size:8px!important;
  letter-spacing:.08em;
}
.v73-footer-company{
  color:rgba(244,239,228,.5)!important;
  font-size:8px!important;
  line-height:1.9!important;
  letter-spacing:.04em!important;
}
.v73-footer-company small{color:rgba(214,177,91,.6)!important}
.v73-footer-links{font-size:8px!important;letter-spacing:.1em!important}
.v73-footer-links a{color:rgba(244,239,228,.66)!important;text-decoration:none}
.v73-footer-links a:hover,.v73-footer-links a:focus-visible{color:var(--v80-home-gold)!important}
.v73-footer-links p{color:rgba(244,239,228,.28)!important;font-size:7px!important}

/* Focus visibility remains explicit even with restrained styling. */
.v73-tile:focus-visible,.v73-play:focus-visible,.rail-lang:focus-visible,.rail-menu:focus-visible{
  outline:1px solid rgba(214,177,91,.85)!important;
  outline-offset:-2px;
}

@media(max-width:1180px){
  .side-rail{width:72px!important}.stage{margin-left:72px!important}.detail-page,.mega-menu{left:72px!important}
  .v73-hero{height:80svh!important;min-height:650px!important}
  .v73-hero-inner{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)!important;padding-left:5vw!important}
  .v73-grid .v73-tile:nth-child(1),.v73-grid .v73-tile:nth-child(3),.v73-grid .v73-tile:nth-child(4),.v73-grid .v73-tile:nth-child(5){grid-column:span 6}
  .v73-grid .v73-tile:nth-child(2){grid-column:span 12}
  .v73-grid .v73-tile:nth-child(6){grid-column:span 12}
}
@media(max-width:760px){
  .v73-hero-side,
  .v73-quote{display:none!important}
  .v80-mobile-quote-band{
    display:block;
    position:absolute;
    z-index:5;
    right:clamp(18px,5vw,30px);
    bottom:clamp(28px,7vh,72px);
    width:min(56vw,360px);
    margin:0;
    padding:16px 18px 15px;
    background:linear-gradient(135deg,rgba(3,7,11,.74),rgba(3,7,11,.46));
    border:1px solid rgba(214,177,91,.18);
    border-right-color:rgba(214,177,91,.34);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    box-shadow:0 16px 42px rgba(0,0,0,.22);
  }
  .v80-mobile-quote{
    margin:0;
    font-family:'Noto Serif Display','Cormorant Garamond',Georgia,serif;
    font-size:clamp(16px,4.35vw,21px);
    line-height:1.28;
    font-weight:450;
    letter-spacing:-.015em;
    text-align:right;
    color:#f3ede1;
    text-wrap:balance;
  }
  .v80-mobile-quote small{
    display:block;
    margin-top:9px;
    font-family:Inter,system-ui,sans-serif;
    font-size:9px;
    line-height:1.35;
    font-weight:500;
    letter-spacing:.08em;
    text-align:right;
    color:#c9aa64;
  }
  .side-rail{width:100%!important;height:66px!important}
  .rail-lang{min-width:44px;min-height:44px;justify-content:center}
  .v75-media-layer:nth-child(2){
    background-image:url('https://cdn.openart.ai/openart-uploads/production/attachment-transfers/5d91f4477cdcc3136277e7a2f112842bd2b467d7c99966ef29b02959e57cec2d.webp')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    transform:none!important;
    filter:none!important;
  }
  .v73-grid .tile-cinema .v73-tile-media{
    background-image:url('https://cdn.openart.ai/openart-uploads/production/attachment-transfers/5d91f4477cdcc3136277e7a2f112842bd2b467d7c99966ef29b02959e57cec2d.webp')!important;
    background-position:center center!important;
    background-size:cover!important;
  }
  .stage{margin-left:0!important;padding-top:66px!important}
  .detail-page,.mega-menu{left:0!important;top:66px!important}
  .v73-hero{height:auto!important;min-height:calc(100svh - 66px)!important;max-height:none}
  .v73-hero-inner{
    display:flex!important;
    min-height:calc(100svh - 66px);
    padding:clamp(86px,14vh,126px) 22px 38px!important;
  }
  .v73-hero-copy{align-self:flex-end!important;padding:0!important}
  .v73-hero h1{font-size:clamp(50px,14.5vw,76px)!important;line-height:.9!important}
  .v73-hero-en{font-size:7px!important;letter-spacing:.19em!important}
  .v73-hero-actions{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;margin-top:28px!important}
  .v73-play{font-size:17px!important}
  .v73-watch{display:none!important}
  .v73-scroll{display:none!important}
  .v73-hero-side{display:none!important}
  .v75-media-layer:nth-child(1){background-position:68% 50%!important}
  .v75-media-layer:nth-child(3){background-position:72% 50%!important}
  .v73-hero:before{
    background:linear-gradient(180deg,rgba(2,6,9,.38) 0%,rgba(2,6,9,.32) 36%,rgba(2,6,9,.94) 88%)!important;
  }
  .v80-explore-head{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:58px 22px 38px!important;
  }
  .v80-explore-head h2{font-size:clamp(38px,11vw,54px)!important}
  .v80-explore-head p{font-size:11px!important}
  .v73-grid{grid-template-columns:1fr!important}
  .v73-grid .v73-tile{grid-column:1/-1!important;min-height:380px!important}
  .v73-grid .v73-tile:nth-child(2){min-height:470px!important}
  .v73-grid .v73-tile:nth-child(6){min-height:360px!important}
  .v73-tile h2{font-size:clamp(36px,11vw,50px)!important}
  .v73-tile:nth-child(2) h2{font-size:clamp(44px,13vw,62px)!important}
  .v73-footer{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:42px 22px!important;
  }
  .v73-footer-links{text-align:left!important}
  .v73-footer-links a{margin-left:0!important;margin-right:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .v73-play i,.v73-tile-media{transition:none!important}
}