@charset "UTF-8";
:root{--green:#028640;--ink:#21332a;--muted:#52635a;--pale:#f0f8f3;--rule:#d6e5dc;--lime:#a5fb01;--header:75px}
::selection{background:Highlight;color:HighlightText}
html{scroll-padding-top:calc(var(--header) + 22px)}
body{color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
main{min-height:60vh}
.v-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.v-pad{padding-block:clamp(42px,5.5vw,82px)}
.ui-arrow{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle}
.v-header{position:sticky;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid var(--rule);z-index:40;view-transition-name:site-header}
.v-head-inner{width:min(1580px,calc(100% - 80px));height:var(--header);margin:auto;display:flex;align-items:center;gap:30px}
.v-brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--green);font-weight:800;font-size:clamp(19px,1.5vw,24px);line-height:1.2}
.v-brand img{width:46px;height:48px;object-fit:contain;flex:none}
.v-nav{display:flex;align-items:stretch;gap:clamp(20px,2.2vw,38px);height:100%;margin-left:auto}
.v-nav>a{position:relative;display:grid;align-items:center;font-size:14px;font-weight:600;color:#354039;white-space:nowrap}
.v-nav>a:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--green);transform:scaleX(0);transition:transform .2s}
.v-nav>a:hover,.v-nav>a.current{color:var(--green)}
.v-nav>a:hover:after,.v-nav>a.current:after{transform:scaleX(1)}
.v-contact,.v-menu{display:inline-flex;align-items:center;gap:20px;padding:10px 15px;border:1px solid #a5cbb3;color:var(--green);font-size:13px;font-weight:700;white-space:nowrap;background:white}
.v-contact:hover,.v-contact.current{border-color:var(--green);background:var(--pale)}
.v-menu,.v-mobile{display:none}
body[data-home] .group-root .root-logo{border-radius:0;object-fit:contain;background:none}
.tree-leaf .leaf-link .ui-arrow{height:13px;width:13px}
.v-crumb{display:flex;align-items:center;gap:9px 12px;flex-wrap:wrap;font-size:12px;line-height:1.55;color:#50665a;padding:22px 0}
.v-crumb strong{font-weight:600;color:#2a4635}.v-crumb>span{color:#8da396}
.v-crumb a:hover,.v-footer a:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.v-kicker{display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.6;font-weight:750;color:var(--green);text-transform:uppercase;letter-spacing:.14em}
.v-kicker:before{content:"";width:28px;height:2px;background:currentColor;flex:none}
.v-title{font-size:clamp(40px,4.65vw,76px);font-weight:730;line-height:1.08;letter-spacing:-.045em;text-wrap:balance;color:var(--green);margin:16px 0 20px}
.v-lead{font-size:clamp(16px,1.18vw,19px);line-height:1.75;color:var(--muted);max-width:780px}
.v-page-intro{padding:clamp(24px,3.2vw,55px) 0 clamp(36px,4.4vw,67px)}
.v-editorial-intro .v-lead{text-wrap:pretty}
.v-index-intro{background:var(--pale);border-bottom:1px solid var(--rule)}
.v-editorial-intro {position:relative;isolation:isolate;overflow:hidden}
.v-news-intro {--intro-photo:url("assets/news-banner.webp")}
.v-media-intro {--intro-photo:url("assets/media-banner.webp")}
.v-editorial-intro::before {
  content:"";position:absolute;inset:0 0 0 auto;width:min(64%,1320px);z-index:-1;pointer-events:none;
  background:var(--intro-photo) right center/cover no-repeat;
  opacity:.64;mask-image:linear-gradient(90deg,transparent,#0003 28%,#000b 66%,#000 94%);
}
.v-index-intro.v-editorial-intro .v-lead {max-width:min(74%,79ch);color:#35483d}
@media(max-width:760px){
  .v-editorial-intro::before {width:100%;opacity:.34;mask-image:linear-gradient(90deg,transparent,#0003 54%,#000b)}
  .v-index-intro.v-editorial-intro .v-lead {max-width:100%}
}
.v-link,.v-jump{color:var(--green);display:inline-flex;align-items:center;gap:15px;font-weight:650;font-size:14px;border-bottom:1px solid #a8c8b4;padding:5px 0 8px;line-height:1.5}
.v-link:hover,.v-jump:hover{border-color:var(--green)}.v-link .ui-arrow{transition:transform .2s}.v-link:hover .ui-arrow{transform:translateX(4px)}
figcaption{display:block;font-size:12px;line-height:1.55;color:#52685b}
.v-figure,.v-slider,.v-side-figure{margin:0}
.v-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(25px,5vw,80px)}
.v-dir-item{display:flex;align-items:center;gap:21px;border-top:1px solid var(--rule);padding:24px 6px;transition:background .22s}
.v-dir-item:hover{background:var(--pale)}.v-dir-item>.ui-arrow{margin-left:auto;color:var(--green)}
.v-dir-icon{background:#edf6ef;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;flex:none}
.v-dir-icon svg{width:40px;height:40px;color:var(--green)}.v-dir-icon .symbol-accent{fill:var(--lime);fill-opacity:.25}
.v-dir-copy{display:grid;gap:3px}.v-sector-bottom small{font-size:10px;font-weight:650;letter-spacing:.1em;color:#547160}.v-dir-copy strong{font-size:clamp(18px,1.5vw,24px);line-height:1.23;color:#1b4930}.v-dir-copy>span{font-size:13px;color:var(--muted)}

.v-sector-nav {
  position: sticky;
  top: calc(var(--header) + 1px);
  z-index: 25;
  background: #fcfdfb;
  border-bottom: 1px solid var(--rule);
}
.v-sector-rail {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: min(1580px, calc(100% - 80px));
  margin-inline: auto;
}
.v-sector-nav .icon-tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 13px 8px 15px;
  text-align: center;
}
.v-sector-nav .sector-symbol {display:block;width:29px;height:29px;flex:none}
.v-sector-nav .icon-tab span {max-width:175px;font-size:10px;line-height:1.45;font-weight:600;text-transform:uppercase}
.v-sector-nav .icon-tab:hover {background:var(--sector-wash)}
.v-sector-nav .icon-tab:focus-visible {outline:2px solid var(--green);outline-offset:-3px}
.v-sector-nav [aria-current="page"]::after {content:"";position:absolute;bottom:0;left:10%;right:10%;height:2px;background:var(--green)}
html:has(.v-sector-nav) {scroll-padding-top:calc(var(--header) + 112px)}
@media(max-width:999px) {
  .v-sector-rail {width:100%;grid-template-columns:repeat(8,minmax(126px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b7cebf #f6f9f6}
  .v-sector-nav .icon-tab {gap:5px;padding:8px 7px 10px}
  .v-sector-nav .sector-symbol {width:25px;height:25px}
}
.v-sector-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:start;gap:clamp(30px,5vw,74px);padding:40px 0 48px}.v-sector-hero .v-title{font-size:clamp(36px,4vw,66px)}.v-jump{margin-top:22px}
.v-slide-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:var(--slide-ratio,1.8);background:#e7efe9}.v-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.v-slide.show{opacity:1}.v-slide-frame img{display:block;width:100%;height:100%;object-fit:cover;min-width:0}
.v-slide-tools{display:flex;align-items:center;gap:5px;position:absolute;bottom:15px;right:15px;background:rgba(14,38,23,.86);border:1px solid #ffffff60;border-radius:24px;color:white;padding:2px 6px}.v-slide-tools button{color:white;width:34px;height:34px;line-height:1;font-size:17px;padding:0;border-radius:50%}.v-slide-tools button:hover{background:#ffffff2b}

.v-metric-band{background:var(--green);color:white;padding:32px 0 27px}.v-band-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.v-band-head .v-kicker{color:white}.v-band-head .v-kicker:before{background:var(--lime)}.v-band-head>span{font-size:12px;color:#e0f1e4}
.v-stats{display:grid;grid-template-columns:repeat(var(--columns,4),minmax(0,1fr));margin:22px 0 0}
.v-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px;padding:6px 16px 4px 8%;border-left:1px solid #c5e8d455;min-width:0}.v-stats>div:first-child{padding-left:0;border-left:0}.v-stats dd{margin:0;font-size:clamp(34px,3.65vw,58px);line-height:1.08;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.v-stats dd b{font-weight:700}.v-stats dd span{font-size:clamp(14px,1.4vw,21px);font-weight:600;letter-spacing:-.015em;display:inline-block}.v-stats dt{font-size:clamp(13px,1.04vw,16px);line-height:1.5}
.v-capacity{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(26px,4vw,64px)}.v-capacity h2,.v-section-h{color:var(--green);font-size:clamp(32px,3vw,48px);margin-top:12px}.v-side-figure{margin-top:18px}.v-side-figure img{width:100%;height:auto;object-fit:contain;border-radius:4px}.v-services section{padding:22px 0;border-top:1px solid var(--rule)}.v-services h3{font-size:clamp(20px,1.55vw,25px);line-height:1.3}.v-services p,.v-chapter p,.v-prose p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:10px}.v-services .v-link{margin-top:22px}
.v-process{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:15px 0;margin:0;border-block:1px solid var(--rule);list-style:none}.v-process li{color:var(--green);font-size:13px;font-weight:600}.v-process li+li:before{content:"→";margin-right:12px;color:#728b79}
.v-sector-bottom{background:var(--pale);border-top:1px solid var(--rule)}.v-sector-bottom .v-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px}.v-sector-bottom a{flex:1}.v-sector-bottom small{display:block}.v-sector-bottom strong{display:block;font-size:16px;color:var(--green);margin-top:4px}.v-sector-bottom a:last-child{text-align:right}.v-sector-bottom .v-all-fields{flex:none;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.v-reading-layout{display:grid;grid-template-columns:minmax(200px,.32fr) minmax(0,1fr);gap:clamp(30px,5.5vw,85px);align-items:start;padding-block:50px 68px}
.v-toc{position:sticky;top:calc(var(--header) + 22px);max-height:calc(100vh - var(--header) - 45px);overflow:auto;border-top:2px solid var(--green);padding:15px 0}.v-toc a{display:block;padding:8px 0;color:var(--muted);font-size:14px;border-bottom:1px solid var(--rule)}.v-toc a[aria-current],.v-toc a:hover{color:var(--green);font-weight:700}
.v-chapter{scroll-margin-top:8px;padding-bottom:38px;margin-bottom:34px;border-bottom:1px solid var(--rule)}.v-chapter h2,.v-prose h2{font-size:clamp(27px,2.3vw,38px);color:var(--green);line-height:1.2}.v-chapter h3{font-size:21px;line-height:1.3}.v-chapter .v-figure{margin-top:23px}.v-chapter .v-figure img{max-height:360px;object-fit:cover}.v-chapter .v-stats{color:var(--green)}.v-chapter .v-stats>div{border-color:var(--rule)}
.v-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v-quote{border-left:3px solid var(--green);padding-left:20px;margin:25px 0}
.v-footer{background:#eff7f1;border-top:1px solid var(--rule);padding-top:37px}.v-foot-grid{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:32px;padding-bottom:30px}.v-foot-grid p,.v-foot-grid address,.v-footer nav{font-size:14px;color:#4c6054;font-style:normal;line-height:1.85}.v-foot-grid h2{font-size:16px;color:var(--green);margin:4px 0 10px}.v-foot-grid p{margin-top:9px}.v-foot-grid nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:4px 20px}.v-foot-end{border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-size:12px;color:#4c6054;padding:15px 0}
.v-stats-home{padding:26px 0 29px}.v-stats-home .v-stats{margin:0}.v-stats-home .v-stats dd{font-size:clamp(32px,2.9vw,46px);color:var(--green)}.v-stats-home .v-stats>div{border-color:var(--rule)}.v-home-more{display:flex;justify-content:flex-end;margin-top:16px}
.v-contact-shell{max-width:1460px}
.v-contact-page{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);
  grid-template-areas:"intro photo" "map photo";grid-template-rows:auto 1fr;
  gap:22px clamp(32px,4vw,68px);padding-block:8px clamp(32px,4vw,64px)
}
.v-contact-intro{grid-area:intro}
.v-contact-intro .v-title{margin:12px 0 14px}
.v-contact-intro .v-lead{max-width:none;line-height:1.55;text-wrap:pretty}
.v-contact-page .v-figure{grid-area:photo}
.v-contact-page .v-figure img{display:block;width:100%;height:auto;border-radius:6px}
.v-contact-list{margin:20px 0 0}
.v-contact-list>div{display:grid;grid-template-columns:clamp(82px,7vw,112px) 1fr;align-items:baseline;gap:12px;padding:8px 0;border-top:1px solid var(--rule)}
.v-contact-list dt{color:var(--muted);font-size:13px}
.v-contact-list dd{margin:0;font-size:16px;font-weight:600;color:var(--green);overflow-wrap:anywhere}
.v-contact-list dd strong{display:block;font-weight:700}
.v-contact-list dd span{display:block;font-weight:400;font-size:14px;color:var(--ink)}
.v-contact-list dd a:hover{text-decoration:underline}
.v-office-map{grid-area:map;display:flex;flex-direction:column;align-self:stretch;min-width:0;overflow:hidden;border:1px solid var(--rule);border-radius:6px;background:var(--pale)}
.v-map-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 12px;padding:6px 14px;border-bottom:1px solid var(--rule)}
.v-map-bar h2{margin:0;color:var(--ink);font-size:16px;letter-spacing:-.015em}
.v-map-bar a{display:inline-flex;align-items:center;gap:6px;min-height:34px;color:var(--green);font-weight:650;font-size:13px}
.v-map-bar a:hover{text-decoration:underline;text-underline-offset:3px}
.v-map-bar .ui-arrow{width:16px;height:16px}
.v-office-map iframe{display:block;flex:1 0 216px;width:100%;border:0;min-height:216px}
@media(min-width:1001px){.v-wrap.v-contact-shell{width:min(1460px,calc(100% - 96px))}}
@media(min-width:761px) and (max-width:1120px){
  .v-contact-page{grid-template-areas:"intro photo" "map map";grid-template-rows:auto auto;gap:22px 28px}
  .v-office-map iframe{height:280px;min-height:280px}
}
@media(max-width:760px){
  .v-contact-page{grid-template-areas:"intro" "map" "photo";grid-template-rows:auto auto auto}
  .v-office-map iframe{height:250px;min-height:250px}
}
.v-section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.v-cards,.v-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px}.v-card{display:block}.v-card img,.v-gallery img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:3px}.v-card small{color:var(--green);text-transform:uppercase;letter-spacing:.075em;font-size:10px;font-weight:750;display:block;margin:14px 0 7px}.v-card h2,.v-card h3{color:#213e2c;font-size:clamp(20px,1.7vw,28px);line-height:1.23}.v-card:hover h2,.v-card:hover h3{text-decoration:underline;text-underline-offset:4px;color:var(--green)}.v-card p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.7}
.v-article{max-width:860px;margin:auto}.v-article .v-title{font-size:clamp(36px,4vw,61px)}.v-article .v-figure{margin-block:24px 30px}.v-article .v-figure img{width:100%;height:auto;max-height:78vh;object-fit:contain;border-radius:5px}.v-prose section{margin-block:28px}.v-prose h2{font-size:clamp(24px,2vw,32px)}.v-article-foot{margin-top:30px;border-top:1px solid var(--rule);padding-top:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.v-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 26px}.v-filter label,.v-filter output{font-size:13px;color:var(--muted)}.v-filter select{border:1px solid #a6c6b3;background:white;color:#214630;padding:9px 33px 9px 11px;max-width:100%;font-size:14px}.v-gallery figure{margin:0}.v-gallery figcaption{margin:10px 0 0;padding-inline:6px;color:#3e5447;text-align:center;font-size:clamp(18px,1.3vw,21px);font-weight:700;line-height:1.4;text-wrap:balance}.v-gallery a:hover img{filter:brightness(.95)}.v-video-block{background:var(--pale);border-block:1px solid var(--rule)}.v-video-inner{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:48px}.v-video-inner video{display:block;width:100%;aspect-ratio:16/9;background:#15291c}.v-video-inner p:not(.v-kicker){font-size:15px;color:var(--muted);line-height:1.75;margin-top:14px}
.v-promo-img{display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:4px;min-height:300px}.v-promo-img img{position:absolute;z-index:-2;inset:0}.v-promo-img:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,34,18,.83),transparent 88%)}.v-promo-img>div{padding:28px 33px;position:absolute;bottom:0;color:white}.v-promo-img h3{text-wrap:balance;font-size:clamp(25px,2.25vw,36px);color:white;margin-top:9px}.v-promo-img small{letter-spacing:.12em;font-weight:650}.v-promo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px}

/* Give the photography the width of the page, with the copy aligned to the main navigation. */
.v-sector-shell {width:min(100%,2000px)}
.v-sector-shell>.v-crumb {width:min(1580px,calc(100% - 80px));margin-inline:auto}
.v-sector-hero {--sector-gap:clamp(32px,4vw,72px);grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);gap:var(--sector-gap);padding:12px 0 40px max(40px,calc((100% - 1580px)/2))}
.v-sector-hero>.v-slider {min-width:0;width:100%;margin:0}
@media(min-width:761px){
  .v-sector-copy {align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
  .v-sector-copy::after {
    content:"";flex:1 1 0;width:min(100%,420px);max-height:230px;align-self:flex-end;margin-top:auto;
    background:url("assets/nano-media-goc-phai.webp") right -4px top / contain no-repeat;
    transform:translateX(var(--sector-gap)) scaleY(-1);opacity:.12;pointer-events:none;mask-image:linear-gradient(to top,transparent 16px,#000 65px);
  }
}
.v-slide-frame {border-radius:5px 0 0 5px}
.v-slide {display:grid;grid-template-rows:minmax(0,1fr)}
.v-slide-pair {grid-template-columns:var(--left-fr,1fr) var(--right-fr,1fr);gap:3px}
.v-fields-intro {position:relative;isolation:isolate;background:#eff7f1}
.v-fields-intro::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:url("assets/linh-vuc-toan-canh.webp") right center / contain no-repeat;
  opacity:.70;mask-image:linear-gradient(90deg,transparent 3%,#0001 26%,#0003 43%,#000b 68%,#000 83%);
}
.v-fields-intro .v-page-intro {padding-block:clamp(32px,4.2vw,72px) clamp(48px,5.5vw,92px)}
.v-fields-intro .v-lead {max-width:49ch;color:#354e40}

@media(max-width:1000px){
  .v-sector-shell.v-wrap {width:100%}
  .v-sector-shell>.v-crumb {width:calc(100% - 56px)}
  .v-sector-hero {padding-left:28px}
}
@media(max-width:760px){
  .v-sector-shell>.v-crumb {width:calc(100% - 36px)}
  .v-sector-hero>div:first-child {padding-inline:18px}
  .v-slide-frame {border-radius:0;aspect-ratio:min(var(--slide-ratio),1.85)}
  .v-fields-intro::before {display:none}
  .v-fields-intro::after {content:"";display:block;aspect-ratio:2240/760;background:url("assets/linh-vuc-toan-canh.webp") center/contain no-repeat;opacity:.82}
  .v-fields-intro .v-page-intro {padding:15px 0 24px}
}
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(root){animation:page-out .16s ease both}::view-transition-new(root){animation:page-in .34s cubic-bezier(.2,.65,.2,1) both}
 @keyframes page-in{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes page-out{to{opacity:0}}
}
@media(max-width:1000px){
 .v-wrap{width:calc(100% - 56px)}.v-head-inner{width:calc(100% - 42px);gap:18px}.v-nav{gap:17px}.v-nav>a{font-size:13px}.v-contact{gap:10px}.v-sector-hero{--sector-gap:30px}.v-foot-grid{grid-template-columns:1fr 1fr}.v-foot-grid nav{display:flex;flex-wrap:wrap;grid-column:1/-1}.v-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}.v-dir-icon{width:50px;height:50px}.v-dir-icon svg{width:32px;height:32px}.v-dir-item{gap:14px}.v-cards,.v-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 :root{--header:64px}.v-wrap,.v-head-inner{width:calc(100% - 36px)}.v-brand{font-size:19px;gap:8px}.v-brand img{width:37px;height:39px}.v-nav,.v-header .v-contact{display:none}.v-menu{display:inline-flex;margin-left:auto;gap:8px;padding:7px 10px}.v-mobile:not([hidden]){display:grid;position:absolute;top:100%;inset-inline:0;background:white;padding:8px 20px 17px;border-bottom:1px solid var(--rule);box-shadow:0 8px 20px #153d2415}.v-mobile a{font-size:15px;padding:10px 3px;border-bottom:1px solid var(--rule)}.v-mobile a.current{color:var(--green);font-weight:700}.v-crumb{font-size:11px;padding:16px 0;gap:4px 7px}.v-title{font-size:38px}.v-page-intro{padding-block:18px 34px}.v-lead{font-size:16px}.v-sector-hero,.v-capacity,.v-contact-page,.v-video-inner{grid-template-columns:1fr;gap:27px}.v-sector-hero{padding:15px 0 27px}.v-sector-hero .v-title{margin:13px 0}.v-jump{margin-top:12px}.v-band-head>span{display:none}.v-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.v-stats>div{border:0!important;border-top:1px solid #8cb99c!important;padding:11px 0 0!important}.v-stats dd{font-size:37px}.v-directory{grid-template-columns:1fr}.v-dir-item{padding:17px 0}.v-dir-copy>span{font-size:12px}.v-capacity{gap:18px}.v-sector-bottom .v-wrap{align-items:start}.v-sector-bottom strong{font-size:14px}.v-all-fields{display:none}.v-reading-layout{grid-template-columns:1fr;gap:24px;padding-block:26px}.v-toc{position:static;max-height:none}.v-chapter{padding-bottom:25px;margin-bottom:24px}.v-foot-grid{grid-template-columns:1fr;gap:20px}.v-foot-grid nav{grid-column:auto}.v-section-top{align-items:flex-start;flex-direction:column;gap:8px}.v-contact-list>div{grid-template-columns:95px 1fr}.v-contact-list dd{font-size:14px}.v-promo-grid{grid-template-columns:1fr}.v-promo-img{min-height:235px}.v-article-foot{align-items:flex-start;flex-direction:column}.v-video-inner{gap:20px}
}
@media(max-width:520px){.v-cards,.v-gallery,.v-item-grid{grid-template-columns:1fr}.v-gallery{gap:23px}.partners-heading{align-items:start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.v-slide,.v-nav>a:after{transition:none}.partner-track{animation:none!important}}



/* Sector photography and product catalogue */
.v-capacity.v-wrap,.v-produce.v-wrap {width:min(1500px,calc(100% - 80px));padding-block:clamp(32px,3.55vw,56px)}
.v-produce-intro {display:grid;grid-template-columns:1.06fr 1fr 1fr;gap:clamp(24px,3.2vw,54px);align-items:start}
.v-produce-intro h2 {font-size:clamp(32px,3vw,48px);color:var(--green);margin-top:12px}
.v-produce-intro section {border-top:1px solid var(--rule);padding-top:14px}
.v-produce-intro section h3 {font-size:clamp(19px,1.45vw,24px)}
.v-produce-intro section p {margin-top:8px;color:var(--muted);font-size:16px;line-height:1.65}
.v-produce-catalog {margin-top:32px;padding-top:22px;border-top:1px solid var(--rule)}
.v-produce-catalog>header {display:grid;justify-items:center;text-align:center;gap:4px}
.v-produce-catalog>header h3 {font-size:clamp(31px,2.8vw,44px);font-weight:750;color:var(--green)}
.v-produce-catalog>header>span {font-size:13px;color:var(--muted)}
.v-produce-group {margin-top:clamp(26px,2.8vw,42px)}
.v-produce-group h4 {display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);font-size:clamp(23px,2vw,31px);line-height:1.2;font-weight:750;color:var(--green);text-align:center;margin-bottom:17px}
.v-produce-group h4::before,.v-produce-group h4::after {content:"";height:1px;background:var(--rule);flex:1}
.v-product-grid {display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:clamp(8px,1.1vw,18px)}
.v-product-grid figure {margin:0}
.v-product-grid img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:4px}
.v-product-grid figcaption {padding:9px 4px 0;color:var(--ink);font-size:clamp(16px,1.25vw,20px);font-weight:650;text-align:center}
.v-produce-foot {display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:1px solid var(--rule);margin-top:23px;padding-top:14px}
.v-produce-foot details {font-size:13px;color:var(--muted)}
.v-produce-foot summary {cursor:pointer;color:var(--green);padding:5px 0}
.v-produce-foot details p {margin-top:7px}
.v-produce-foot ul {padding-left:18px}
.v-produce-foot li {margin:4px 0}
.v-produce-foot li a {text-decoration:underline;text-underline-offset:2px}
#tin-tap-doan.home-section {padding-block:clamp(34px,4vw,60px)}
#tin-tap-doan .home-heading {margin-bottom:clamp(18px,2vw,28px)}
@media(min-width:901px){
  #tin-tap-doan .group-news-grid {gap:clamp(24px,2.35vw,38px)}
  #tin-tap-doan .story-horizontal {grid-template-columns:.97fr 1.03fr;gap:clamp(15px,1.45vw,24px)}
  #tin-tap-doan .story-horizontal .story-photo {height:clamp(167px,15vw,235px)}
}
@media(max-width:1000px){
  .v-capacity.v-wrap,.v-produce.v-wrap {width:calc(100% - 48px)}
}
@media(max-width:760px){
  .v-capacity.v-wrap,.v-produce.v-wrap {width:calc(100% - 36px);padding-block:30px}
  .v-side-figure {margin-top:15px}
  .v-produce-intro {grid-template-columns:1fr;gap:15px}
  .v-produce-intro section {padding-top:10px}
  .v-produce-intro section p {font-size:15px}
  .v-produce-catalog {margin-top:20px;padding-top:17px}
  .v-produce-group {margin-top:17px}
  .v-product-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v-product-grid figcaption {font-size:16px}
  .v-product-grid figure:last-child:nth-child(odd) {grid-column:1 / -1;width:calc((100% - 10px)/2);justify-self:center}
  .v-produce-foot {flex-wrap:wrap}
}

.v-foot-contacts{display:grid;justify-items:start;gap:3px}
.v-foot-contacts a{display:inline-flex;align-items:baseline;gap:10px;line-height:1.65;padding-block:2px}
.v-foot-contacts svg{align-self:flex-start;flex:none;margin-top:3px;color:var(--green)}

.v-languages{display:inline-flex;align-items:center;flex:none;gap:2px;border:1px solid var(--rule);border-radius:99px;background:white;padding:2px}
.v-languages a,.v-languages span{display:grid;place-items:center;min-width:29px;min-height:28px;padding-inline:4px;border-radius:99px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.035em}
.v-languages [aria-current]{background:var(--green);color:white}
.v-languages a{color:var(--muted)}
.v-languages a:hover{color:var(--green);background:var(--pale)}
.v-languages a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(min-width:761px) and (max-width:1000px){
  .v-head-inner{gap:12px}.v-nav{gap:12px}.v-brand{font-size:18px;gap:8px}
}
@media(max-width:920px){
  .v-head-inner{gap:10px}.v-languages{margin-left:auto}
  .v-nav,.v-header .v-contact{display:none}
  .v-menu{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:0;width:42px;height:42px;padding:0}
  .v-mobile:not([hidden]){display:grid;position:absolute;top:100%;inset-inline:0;background:white;padding:8px 20px 17px;border-bottom:1px solid var(--rule);box-shadow:0 8px 20px #153d2415}
  .v-mobile a{font-size:15px;padding:10px 3px;border-bottom:1px solid var(--rule)}
  .v-mobile a.current{color:var(--green);font-weight:700}
}
@media(max-width:420px){
  .v-head-inner{width:calc(100% - 24px);gap:6px}
  .v-head-inner .v-brand{font-size:16px;gap:6px}.v-head-inner .v-brand img{width:32px;height:35px}
  .v-menu{width:40px;height:40px}
}


#video-media{position:relative;isolation:isolate;overflow:clip}
#video-media::before{
  content:"";position:absolute;z-index:-1;inset:0 0 auto auto;
  width:min(61%,890px);height:clamp(112px,12.3vw,210px);
  pointer-events:none;background:url("assets/nano-media-goc-phai.webp") right top / 100% auto no-repeat;
  opacity:.34;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.88) 30%,transparent 100%);
}
@media(max-width:680px){
  #video-media::before{width:64%;height:98px;opacity:.23}
}

#tin-tap-doan {
  position: relative;
  isolation: isolate;
  overflow: clip;
}
#tin-tap-doan::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: clamp(270px, 30vw, 560px);
  aspect-ratio: 2409 / 2326;
  background: url("assets/nano-luc-giac-v07.webp") right bottom / contain no-repeat;
  pointer-events: none;
  opacity: .68;
  mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,.72) 29%, transparent 86%);
}
#tin-tap-doan .story-horizontal .story-copy {
  background-color: var(--green);
  box-shadow: 0 0 14px 9px var(--green);
}
#tin-tap-doan .story-horizontal .story-photo {
  z-index: 1;
}
@media (max-width: 900px) {
  #tin-tap-doan::after {
    width: clamp(175px, 29vw, 260px);
    opacity: .5;
    mask-image: linear-gradient(to top, #000, rgba(0,0,0,.72) 26%, transparent 68%);
  }
}

@media(min-width:1500px){
  .v-metric-band {position:relative;isolation:isolate}
  .v-metric-band::after {
    content:"";position:absolute;right:0;bottom:0;width:min(150px,calc((100% - 1340px)/2));height:100%;
    background:url("assets/nano-luc-giac-v07.webp") right bottom / contain no-repeat;opacity:.38;z-index:-1;pointer-events:none;
  }
}
