.about-vinatti{position:relative;z-index:2;background:#fff;color:#02132f;padding:30px 2.4% 0;scroll-margin-top:88px;font-family:'Be Vietnam Pro',sans-serif}.about-layout{display:grid;grid-template-columns:47% 1fr;gap:22px;max-width:1600px;margin:auto;padding-left:6.5%;position:relative}.about-visual{grid-column:1;grid-row:1 / 3;position:relative;min-height:650px;padding-bottom:145px}.about-team{width:100%;height:555px;display:block;object-fit:cover;object-position:center 40%;border-radius:26px}.about-engineer{position:absolute;bottom:0;left:-16%;width:61%;height:315px;border:5px solid #fff;border-radius:24px;object-fit:cover;object-position:center 40%}.about-watermark{position:absolute;right:calc(100% + 12px);top:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(48px,6.1vw,94px);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #93c2ff;letter-spacing:3px}.about-card{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(115deg,#f2f8ff,#e9f3fc 75%,#d5e7f7);padding:clamp(26px,2.2vw,45px);align-self:start;min-height:555px}.about-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(145deg,transparent 0 65px,#ffffff30 66px 80px,transparent 81px 130px);clip-path:polygon(65% 0,100% 0,100% 100%,45% 100%,90% 46%);opacity:.8}.about-card>*{position:relative}.about-eyebrow,.about-next>div>span{font-size:13px;font-weight:600;letter-spacing:3px;color:#0064ff;display:flex;align-items:center;gap:20px}.about-eyebrow:before,.about-next>div>span:before{content:'';width:48px;height:2px;background:#ff7300;flex:none}.about-card h2{font-size:clamp(34px,3.9vw,64px);line-height:1.06;letter-spacing:-2.3px;margin:29px 0 24px;font-weight:750;color:#00122c}.about-card p{font-size:clamp(16px,1.52vw,23px);line-height:1.42;color:#3c424e;margin:0 0 24px;max-width:650px}.about-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:20px}.about-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#0060ff;color:white;border-radius:40px;padding:17px 28px;font-size:18px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}.about-primary:hover{background:#0048d0;transform:translateY(-2px)}.about-primary span{font-size:27px;line-height:1}.about-leadership{border:0;background:none;color:#00132f;font-size:17px;font-weight:650;padding:14px 0;cursor:pointer}.about-stats{grid-column:2;display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:start;gap:18px;padding:14px 0 0;min-height:150px;margin-left:-47%;position:relative}.about-stats>div{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;min-height:125px}.about-stats>div+div{border-left:1px solid #d0d7e2}.about-outline{font-size:clamp(65px,7vw,110px);line-height:1;letter-spacing:-5px;font-weight:600;color:white;-webkit-text-stroke:1.3px #0868ff;background:linear-gradient(110deg,#0064ff 25%,#ff6c00 80%);background-clip:text;-webkit-text-stroke:2px transparent}.about-stats span{font-size:17px;color:#555b66;line-height:1.4;margin-top:8px}.about-location{align-items:flex-start!important;text-align:left!important;padding-left:28px;isolation:isolate}.about-location>strong{font-size:44px;line-height:1.05;letter-spacing:-2px}.about-location>b{font-size:18px;color:#ff6300;font-weight:500}.about-location>span{font-size:15px}.about-location svg{position:absolute;right:0;top:-10px;width:90px;height:145px;z-index:-1;fill:#e6f0fe;opacity:.8}.about-next{position:relative;display:flex;justify-content:space-between;align-items:end;gap:24px;margin:38px -2.52% 0;padding:30px 5%;border-radius:24px 24px 0 0;background:linear-gradient(110deg,#edf5fb,#f5f9fc);color:#00132f;text-decoration:none;overflow:hidden}.about-next:before{content:'';position:absolute;right:0;top:0;width:32%;height:2px;background:linear-gradient(90deg,#0064ff,#ff7900)}.about-next h3{font-size:clamp(26px,3vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:17px 0 0}.about-next>b{font-size:14px;white-space:nowrap;padding-bottom:6px}.signature{height:360svh}.sig-stage[data-active="0"],.sig-stage[data-active="2"]{background:#030c1d!important;color:#f5f7fc}.sig-stage[data-active="1"]{background:#f3f6fb!important;color:#091b40}.about-vinatti a:focus-visible,.about-vinatti button:focus-visible{outline:3px solid #ff8700;outline-offset:5px}
@media(min-width:1800px){.about-visual{min-height:720px}.about-team,.about-card{height:600px}.about-card{padding:44px}}
@media(max-width:1100px){.about-layout{grid-template-columns:43% 1fr;gap:18px}.about-visual{min-height:650px}.about-team{height:510px}.about-card{min-height:510px}.about-card h2{font-size:39px;letter-spacing:-1.7px}.about-card p{font-size:17px}.about-actions{gap:12px}.about-primary{font-size:15px;padding:14px 22px}.about-leadership{font-size:14px}.about-stats{margin-left:-25%}.about-stats span{font-size:14px}.about-location>strong{font-size:35px}.about-location>b{font-size:15px}.about-location>span{font-size:12px}.about-engineer{height:280px;width:70%}}
@media(max-width:850px){.about-vinatti{padding:28px 20px 0;scroll-margin-top:75px}.about-layout{display:flex;flex-direction:column;padding-left:0;gap:25px}.about-visual{min-height:0;height:420px;margin:0 0 0 28px;padding:0 0 70px}.about-team{height:100%;border-radius:20px;object-position:center 35%}.about-watermark{font-size:45px;right:calc(100% + 5px);letter-spacing:2px;top:10px}.about-engineer{left:-28px;bottom:0;width:49%;height:205px;border-width:4px;border-radius:19px}.about-card{padding:27px 24px;min-height:0;border-radius:22px}.about-eyebrow,.about-next>div>span{font-size:10px;letter-spacing:2.4px;gap:13px}.about-eyebrow:before,.about-next>div>span:before{width:32px}.about-card h2{font-size:clamp(33px,7vw,51px);letter-spacing:-1.5px;margin:23px 0}.about-card p{font-size:16px;line-height:1.55;margin-bottom:20px}.about-actions{gap:10px 24px;margin-top:24px}.about-primary{font-size:15px;padding:14px 20px}.about-leadership{font-size:14px}.about-stats{margin:0;padding:6px 0 0;gap:10px;min-height:0;grid-template-columns:1fr 1fr}.about-stats>div{min-height:105px}.about-outline{font-size:76px}.about-location{grid-column:1 / -1;border-left:0!important;border-top:1px solid #d0d7e2;padding:24px 8px!important;margin-top:12px;min-height:130px!important}.about-location>strong{font-size:39px}.about-location>b{font-size:17px}.about-location>span{font-size:14px}.about-location svg{width:95px;right:20px;top:8px}.about-next{margin:18px -20px 0;padding:28px 24px;align-items:start;flex-direction:column;gap:20px;border-radius:22px 22px 0 0}.about-next h3{font-size:30px;letter-spacing:-1px}.about-next>b{font-size:12px;white-space:normal}.signature{height:auto}.signature .sig-stage{background:#f3f6fb!important}.sig-top{color:inherit!important}}
@media(prefers-reduced-motion:reduce){.signature{height:auto}.about-primary{transition:none}}

.about-outline{background:none;color:#fff;-webkit-text-stroke:1.4px #0767ff}.about-stats>div:nth-child(2) .about-outline{-webkit-text-stroke-color:#ff6b16}.sig-stage[data-active="0"] .sig-chapters button,.sig-stage[data-active="2"] .sig-chapters button{color:#dceaff}.sig-stage[data-active="1"] .sig-chapters button{color:#12294b}

/* Preserve the complete real team photograph provided by Vinatti. */
.about-team{object-fit:contain;object-position:center;background:#e8f0f7}
@media(max-width:850px){.about-visual{height:380px;padding-bottom:100px}.about-team{height:auto;aspect-ratio:4/3}.about-engineer{height:180px;width:43%}}

.about-outline>span{font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;margin:0;-webkit-text-stroke:inherit;font-variant-numeric:tabular-nums}.about-outline{min-width:2.3ch}.about-stats>div:first-child .about-outline{min-width:4.1ch}.about-location{padding-right:90px}.about-location .about-vn-map{position:absolute;right:-2px;top:-12px;width:108px;height:155px;object-fit:contain;z-index:-1;opacity:.9}.sig-map-reference{display:flex;justify-content:center;align-items:center}.sig-map-reference>img{width:auto;max-width:100%;height:min(61vh,570px);object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 15px 55px #0002}.about-outline.is-counting{animation:stat-arrive .22s ease-out}.about-outline.is-settled{animation:stat-settle .4s ease-out}@keyframes stat-arrive{from{transform:translateY(5px);opacity:.7}to{transform:translateY(0);opacity:1}}@keyframes stat-settle{0%{transform:translateY(0)}40%{transform:translateY(-7px)}100%{transform:translateY(0)}}@media(max-width:850px){.about-location .about-vn-map{width:110px;height:150px;right:0;top:6px}.about-location{padding-right:120px!important}.sig-map-reference>img{height:auto;max-height:510px;width:100%}}@media(prefers-reduced-motion:reduce){.about-outline.is-counting,.about-outline.is-settled{animation:none}}
.about-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr)}.about-stats>div{min-width:0;box-sizing:border-box}.about-location .about-vn-map{right:0}.about-location>span{position:relative;z-index:1}@media(max-width:850px){.about-stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* Let the single scroll ribbon pass above the white section surface and behind content. */
.about-vinatti{z-index:auto;background:linear-gradient(180deg,#e8f2ff 0,#fff 70px,#fff 94%,#eff6fc 100%)}.about-vinatti .about-layout,.about-vinatti .about-next{position:relative;z-index:2}.about-vinatti:before{content:'';position:absolute;left:0;right:0;top:-1px;height:22px;background:linear-gradient(180deg,#02060f,#102740 35%,#d7e8fa00);pointer-events:none}.about-vinatti .about-next:before{width:40%;height:2px;box-shadow:0 0 9px #008cff55}.about-next{border-bottom:1px solid #accffa35}@media(max-width:700px){.about-vinatti:before{height:18px}.about-vinatti{background:linear-gradient(180deg,#e6f1ff,#fff 65px,#fff 96%,#eff6fc)}}
.about-vinatti .about-next{z-index:auto}.about-vinatti .about-next>div,.about-vinatti .about-next>b{position:relative;z-index:2}