.hux-about{--hux-brand:#33cc33;--hux-accent:#00b33d;--hux-dark:#111827;--hux-text:#374151;--hux-font:Manrope,Inter,Arial,sans-serif;--hux-width:1440px;--hux-radius:30px;font-family:var(--hux-font);color:var(--hux-text);line-height:1.65}.hux-about *{box-sizing:border-box}.hux-about a{text-decoration:none}.hux-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;color:var(--hux-brand);flex:0 0 auto}.hux-section{max-width:var(--hux-width);margin:34px auto;padding:58px 48px;border:1px solid rgba(13,145,50,.10);border-radius:var(--hux-radius);background:radial-gradient(circle at 85% 10%,rgba(51,204,51,.10),transparent 30%),linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 18px 60px rgba(17,24,39,.06);overflow:hidden;position:relative}.hux-section:before{content:"";position:absolute;right:18px;top:22px;width:170px;height:170px;background-image:radial-gradient(var(--hux-brand) 1px,transparent 1.5px);background-size:14px 14px;opacity:.16;pointer-events:none}.hux-section:after{content:"";position:absolute;left:20px;bottom:20px;width:150px;height:120px;background-image:radial-gradient(var(--hux-brand) 1px,transparent 1.5px);background-size:14px 14px;opacity:.12;pointer-events:none}.hux-section>*{position:relative;z-index:1}.hux-section-head{max-width:760px;margin-bottom:34px}.hux-section-head.hux-align-center{margin-left:auto;margin-right:auto;text-align:center}.hux-eyebrow,.hux-hero-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--hux-brand);font-weight:800;margin-bottom:14px}.hux-eyebrow:before{content:"";display:inline-block;width:44px;height:4px;background:var(--hux-brand);border-radius:99px}.hux-eyebrow .hux-icon{width:22px;height:22px}.hux-section h1,.hux-section h2,.hux-section h3,.hux-about strong{color:var(--hux-dark)}.hux-section h1,.hux-section h2{font-weight:850;letter-spacing:-.045em;line-height:1.08}.hux-section h1{font-size:clamp(40px,5vw,72px);margin:0 0 24px}.hux-section h2{font-size:clamp(34px,4vw,58px);margin:0 0 18px}.hux-section h1 span,.hux-section h2 span{color:var(--hux-brand)}.hux-section-head p,.hux-hero-desc{font-size:18px;color:var(--hux-text);max-width:680px}.hux-hero-desc strong{color:var(--hux-brand)}.hux-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px 0;max-width:760px}.hux-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 20px;border-radius:10px;font-weight:800;font-size:16px;border:1px solid transparent;transition:.25s ease;box-shadow:0 12px 26px rgba(0,179,61,.14);width:100%;text-align:center;white-space:nowrap}.hux-btn .hux-icon{width:22px;height:22px}.hux-btn-primary{background:linear-gradient(135deg,var(--hux-brand),var(--hux-accent));color:#fff!important}.hux-btn-primary .hux-icon{color:#fff}.hux-btn-outline{background:#fff;color:var(--hux-brand)!important;border-color:rgba(0,179,61,.35);box-shadow:none}.hux-btn-outline:hover,.hux-btn-primary:hover{transform:translateY(-2px)}.hux-btn-light{background:#fff;color:var(--hux-brand)!important;border-color:#fff}.hux-hero{min-height:720px;display:grid;grid-template-columns:minmax(420px,42%) 1fr;align-items:center;padding:72px 56px}.hux-hero-left{z-index:6}.hux-hero-eyebrow .hux-icon{width:42px;height:42px;padding:8px;background:rgba(51,204,51,.12);border:1px solid rgba(51,204,51,.22);border-radius:12px}.hux-hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;max-width:760px}.hux-hero-features div{display:flex;align-items:center;gap:12px;padding-right:14px;border-right:1px solid rgba(17,24,39,.12);min-height:48px;min-width:0}.hux-hero-features div:last-child{border-right:0}.hux-hero-features span{line-height:1.35}.hux-hero-features .hux-icon{width:34px;height:34px;padding:7px;background:rgba(51,204,51,.10);border-radius:12px}.hux-hero-stage{position:absolute;inset:0 0 0 38%;background-position:center right;background-size:cover;background-repeat:no-repeat}.hux-hero-stage:before{content:"";position:absolute;left:-12%;top:0;width:42%;height:100%;background:linear-gradient(90deg,#fff 12%,rgba(255,255,255,.92) 45%,rgba(255,255,255,.1));z-index:1;pointer-events:none}.hux-hero-stage:after{content:"";position:absolute;left:26%;bottom:3%;width:56%;height:26%;background:radial-gradient(ellipse,rgba(51,204,51,.38),transparent 58%);filter:blur(8px);z-index:2;pointer-events:none}.hux-orbit{position:absolute;border:2px solid rgba(51,204,51,.22);border-radius:50%;transform:rotate(-18deg);z-index:2}.hux-orbit.one{width:560px;height:150px;left:22%;bottom:4%}.hux-orbit.two{width:360px;height:90px;left:34%;bottom:9%;opacity:.65}.hux-glow{position:absolute;right:12%;bottom:8%;width:360px;height:360px;background:radial-gradient(circle,rgba(51,204,51,.22),transparent 65%);filter:blur(14px);z-index:2;pointer-events:none}.hux-layer{position:absolute;overflow:hidden;transform:translateZ(0);background:transparent;z-index:4}.hux-layer img{display:block;width:100%;height:auto;border-radius:inherit}.hux-layer-rounded{overflow:hidden}.hux-layer-plain{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}.hux-layer-plain img{border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important}.hux-layer-shadow{box-shadow:0 18px 40px rgba(17,24,39,.18);border:1px solid rgba(255,255,255,.8)}.hux-layer-placeholder{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed rgba(51,204,51,.35);background:rgba(255,255,255,.74);border-radius:inherit;color:var(--hux-brand);font-weight:800;text-align:center}.hux-layer-placeholder .hux-icon{width:34px;height:34px}.hux-intro{display:grid;grid-template-columns:44% 1fr;gap:42px;align-items:center}.hux-fact-list{display:grid;gap:14px;margin-top:28px}.hux-fact{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:16px 20px;box-shadow:0 10px 25px rgba(17,24,39,.05);font-weight:700}.hux-fact .hux-icon{width:40px;height:40px;padding:8px;background:rgba(51,204,51,.10);border-radius:12px}.hux-gallery-mosaic{display:grid;grid-template-columns:1.1fr 1fr;grid-auto-rows:172px;gap:16px}.hux-gallery-mosaic .mosaic-0{grid-column:1/3;grid-row:span 2}.hux-img-card,.hux-activity-card,.hux-project-card,.hux-social-grid article{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(17,24,39,.08);border:1px solid rgba(17,24,39,.07)}.hux-img-card img,.hux-img-card .hux-img-placeholder,.hux-activity-card img,.hux-project-card img,.hux-social-grid img,.hux-quality-image img,.hux-culture-photo>img,.hux-official-image img,.hux-map img{width:100%;height:100%;object-fit:cover;display:block}.hux-img-placeholder{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(51,204,51,.08),rgba(255,255,255,.94));color:var(--hux-brand);gap:8px;font-weight:800}.hux-img-placeholder .hux-icon{width:42px;height:42px}.hux-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hux-stat-card{min-height:250px;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:28px 18px;text-align:center;box-shadow:0 14px 35px rgba(17,24,39,.05);display:flex;flex-direction:column;align-items:center;justify-content:center}.hux-icon-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(51,204,51,.18),rgba(51,204,51,.06));box-shadow:inset 0 0 0 1px rgba(51,204,51,.18)}.hux-icon-ring.large{width:128px;height:128px;margin:0 auto 18px}.hux-icon-ring .hux-icon{width:48px;height:48px}.hux-stat-card strong{font-size:44px;color:var(--hux-brand);font-weight:850;line-height:1;margin-top:28px}.hux-stat-card p{font-size:16px;margin:14px 0 0;color:var(--hux-text);line-height:1.45}.hux-stat-card em{display:block;width:32px;height:4px;border-radius:99px;background:var(--hux-brand);margin-top:24px}.hux-card-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hux-big-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:42px 36px;text-align:center;box-shadow:0 16px 40px rgba(17,24,39,.06)}.hux-big-card h3{font-size:34px;color:var(--hux-brand);margin:6px 0 16px;font-weight:850}.hux-big-card p{font-size:17px}.hux-timeline{padding-bottom:48px}.hux-timeline-scroll{overflow-x:auto;overflow-y:hidden;padding:0 4px 18px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch}.hux-timeline-scroll::-webkit-scrollbar{display:none;width:0;height:0}.hux-timeline-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none}.hux-timeline-line{height:2px;background:linear-gradient(90deg,rgba(51,204,51,.35),var(--hux-brand),rgba(51,204,51,.35));margin:112px 0 -90px;position:relative;z-index:0;min-width:max(100%,calc(var(--hux-timeline-count,6)*280px))}.hux-timeline-grid{display:grid;grid-template-columns:repeat(var(--hux-timeline-count,6),minmax(260px,1fr));gap:16px;position:relative;z-index:1;min-width:max(100%,calc(var(--hux-timeline-count,6)*280px))}.hux-timeline-card{text-align:center;scroll-snap-align:start;min-width:0}.hux-year{font-size:30px;font-weight:850;color:var(--hux-brand);margin-bottom:28px}.hux-dot{width:28px;height:28px;border-radius:50%;background:var(--hux-brand);border:7px solid #dff9e6;margin:0 auto 24px}.hux-index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(51,204,51,.13);color:var(--hux-brand);font-weight:850}.hux-timeline-card h3{font-size:18px;margin:16px 0 18px;min-height:52px;line-height:1.35}.hux-timeline-card .hux-img-card{height:150px}.hux-ecosystem .hux-section-head{max-width:660px}.hux-eco-layout{display:grid;grid-template-columns:1fr 360px 1fr;gap:30px;align-items:center}.hux-eco-list{display:grid;gap:20px}.hux-mini-card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 14px 35px rgba(17,24,39,.06)}.hux-mini-card>.hux-icon{width:64px;height:64px;padding:15px;border-radius:50%;background:rgba(51,204,51,.10)}.hux-mini-card h3{font-size:20px;color:var(--hux-brand);margin:0 0 4px}.hux-mini-card p{margin:0}.hux-phone-stage{text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}.hux-phone-stage>img{max-height:520px;width:auto;max-width:100%;filter:drop-shadow(0 28px 28px rgba(17,24,39,.18))}.hux-phone-placeholder{width:280px;height:520px;border-radius:38px;border:10px solid #101828;background:linear-gradient(#10ba38 0 15%,#fff 15% 100%);box-shadow:0 30px 50px rgba(17,24,39,.20);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.hux-phone-placeholder strong{color:#fff;font-size:28px;margin-top:-300px}.hux-phone-placeholder span{color:#111827;background:#fff;border-radius:14px;padding:10px 22px;margin-top:250px}.hux-activity-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px}.hux-activity-card{padding:22px;min-height:310px;position:relative}.hux-activity-card:nth-child(1),.hux-activity-card:nth-child(2),.hux-activity-card:nth-child(3){grid-column:span 2}.hux-activity-card:nth-child(4),.hux-activity-card:nth-child(5){grid-column:span 3}.hux-number{position:absolute;left:22px;top:22px;z-index:2;background:linear-gradient(135deg,var(--hux-brand),var(--hux-accent));color:#fff;border-radius:8px;padding:3px 12px;font-weight:850}.hux-activity-card>.hux-icon{position:absolute;left:24px;top:74px;width:62px;height:62px;padding:14px;background:#fff;border-radius:50%;box-shadow:0 12px 25px rgba(17,24,39,.08);z-index:2}.hux-activity-card img,.hux-activity-card .hux-img-placeholder{height:138px;border-radius:14px;margin-bottom:20px}.hux-activity-card h3{font-size:22px;margin:0 0 8px}.hux-activity-card p{margin:0}.hux-social{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.hux-social-left,.hux-social-grid{min-width:0}.hux-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-content:start}.hux-social-grid article img,.hux-social-grid article .hux-img-placeholder{height:190px;border-radius:16px 16px 0 0}.hux-social-grid article>div{display:flex;align-items:center;gap:12px;padding:16px 18px;font-weight:800}.hux-social-grid .hux-icon{width:42px;height:42px;padding:9px;border-radius:50%;background:rgba(51,204,51,.10)}.hux-culture{display:grid;grid-template-columns:44% 1fr;gap:50px;align-items:center}.hux-culture-photo{position:relative}.hux-culture-photo>img,.hux-culture-photo>.hux-img-placeholder{height:630px;border-radius:24px;box-shadow:0 20px 50px rgba(17,24,39,.10)}.hux-culture-stats{position:absolute;left:30px;right:30px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:rgba(255,255,255,.94);border-radius:14px;padding:18px;box-shadow:0 18px 40px rgba(17,24,39,.14)}.hux-culture-stats div{display:flex;align-items:center;gap:10px;border-right:1px solid rgba(17,24,39,.12)}.hux-culture-stats div:last-child{border-right:0}.hux-culture-stats .hux-icon{width:36px;height:36px}.hux-culture-stats strong{font-size:24px;color:var(--hux-dark)}.hux-culture-stats span{font-size:12px;line-height:1.25}.hux-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.hux-value-grid article{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:22px;box-shadow:0 14px 35px rgba(17,24,39,.05)}.hux-value-grid .hux-icon{width:42px;height:42px}.hux-value-grid h3{font-size:19px;margin:12px 0 6px}.hux-value-grid p{font-size:14px;margin:0}.hux-pills{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:28px 0 32px}.hux-pills button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(17,24,39,.10);background:#fff;border-radius:12px;padding:12px 22px;font-weight:800;color:var(--hux-dark);cursor:default}.hux-pills button.active{background:linear-gradient(135deg,var(--hux-brand),var(--hux-accent));color:#fff}.hux-pills button.active .hux-icon{color:#fff}.hux-pills .hux-icon{width:20px;height:20px}.hux-project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.hux-project-card{grid-column:span 1}.hux-project-card img,.hux-project-card .hux-img-placeholder{height:170px}.hux-project-body{padding:18px}.hux-project-body h3{font-size:18px;line-height:1.3;margin:0 0 8px}.hux-project-body>span{display:flex;gap:6px;align-items:center;color:#667085;font-size:14px;margin-bottom:18px}.hux-project-body>span .hux-icon{width:16px;height:16px;color:#667085}.hux-project-body strong{display:block;color:var(--hux-brand);margin-bottom:8px}.hux-project-body ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.hux-project-body li{display:flex;gap:7px;font-size:14px}.hux-project-body li .hux-icon{width:16px;height:16px}.hux-bottom-benefits{margin-top:34px;border:1px solid rgba(0,179,61,.18);border-radius:18px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:18px;align-items:center;background:rgba(51,204,51,.03)}.hux-bottom-benefits>div{display:flex;gap:14px;border-right:1px solid rgba(17,24,39,.12);padding-right:18px}.hux-bottom-benefits>div .hux-icon{width:50px;height:50px}.hux-bottom-benefits strong{display:block}.hux-bottom-benefits span{display:block;font-size:14px}.hux-dist-top{display:grid;grid-template-columns:43% 30% 27%;gap:28px;align-items:center}.hux-stat-grid.compact{grid-template-columns:repeat(4,1fr);margin-top:24px}.hux-stat-grid.compact .hux-stat-card{min-height:170px;padding:20px 14px}.hux-stat-grid.compact .hux-icon-ring{width:64px;height:64px}.hux-stat-grid.compact .hux-icon{width:34px;height:34px}.hux-stat-grid.compact strong{font-size:34px;margin-top:16px}.hux-map img,.hux-map .hux-img-placeholder{height:500px;object-fit:contain}.hux-dist-benefits{display:grid;gap:20px}.hux-dist-benefits article{display:flex;gap:16px;align-items:flex-start}.hux-dist-benefits .hux-icon{width:60px;height:60px;padding:14px;border-radius:50%;background:rgba(51,204,51,.10)}.hux-dist-benefits h3{color:var(--hux-brand);margin:0 0 4px}.hux-dist-benefits p{margin:0}.hux-dist-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}.hux-channel-grid,.hux-partner-grid{background:#fff;border:1px solid rgba(0,179,61,.14);border-radius:18px;padding:24px;box-shadow:0 14px 32px rgba(17,24,39,.05)}.hux-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.hux-channel-grid .hux-icon{width:58px;height:58px;padding:14px;border-radius:50%;background:rgba(51,204,51,.10)}.hux-channel-grid h3{font-size:17px;color:var(--hux-brand);margin:10px 0 6px}.hux-channel-grid p{font-size:13px;margin:0}.hux-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hux-partner-grid>div{height:72px;border:1px solid rgba(17,24,39,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px;text-align:center}.hux-partner-grid img{max-width:100%;max-height:48px}.hux-cta-band{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#009632,var(--hux-brand));border-radius:16px;color:#fff;padding:24px 30px}.hux-cta-band strong{color:#fff;font-size:24px}.hux-cta-band p{margin:4px 0 0}.hux-cta-band .hux-btn{background:#fff;color:var(--hux-brand)!important}.hux-cta-band .hux-icon{color:var(--hux-brand)}.hux-quality-layout{display:grid;grid-template-columns:47% 1fr;gap:46px;align-items:center}.hux-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hux-quality-grid article{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:18px;display:flex;gap:16px;box-shadow:0 12px 30px rgba(17,24,39,.05)}.hux-quality-grid article:last-child{grid-column:span 2}.hux-quality-grid .hux-icon{width:52px;height:52px;padding:12px;border-radius:50%;background:rgba(51,204,51,.10)}.hux-quality-grid h3{font-size:18px;margin:0 0 4px}.hux-quality-grid p{margin:0;font-size:14px}.hux-quality-image img,.hux-quality-image .hux-img-placeholder{height:560px;object-fit:contain}.hux-bottom-benefits.stats{grid-template-columns:repeat(3,1fr) auto}.hux-bottom-benefits.stats strong{font-size:36px;color:var(--hux-brand)}.hux-official-top{display:grid;grid-template-columns:30% 40% 30%;gap:28px;align-items:start}.hux-official-image img,.hux-official-image .hux-img-placeholder{height:430px;border-radius:22px}.hux-info-rows{display:grid;gap:0}.hux-info-rows>div{display:grid;grid-template-columns:34px 160px 1fr;gap:14px;align-items:center;border-bottom:1px solid rgba(17,24,39,.10);padding:12px 0}.hux-info-rows .hux-icon{width:28px;height:28px}.hux-info-rows strong{font-size:15px}.hux-info-rows span{font-size:15px}.hux-commit{background:#fff;border:1px solid rgba(0,179,61,.22);border-radius:20px;padding:32px;box-shadow:0 18px 40px rgba(17,24,39,.06);text-align:center}.hux-commit:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--hux-brand),var(--hux-accent));color:#fff;font-weight:900;font-size:28px}.hux-commit h3{color:var(--hux-brand);font-size:22px}.hux-commit>div{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 0}.hux-cert-social{display:grid;grid-template-columns:58% 1fr;gap:28px;margin-top:32px}.hux-cert-list,.hux-social-links,.hux-footer-items{background:#fff;border:1px solid rgba(0,179,61,.16);border-radius:18px;padding:24px;box-shadow:0 14px 32px rgba(17,24,39,.05)}.hux-cert-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;text-align:center}.hux-cert-list article{display:grid;place-items:center;gap:8px}.hux-cert-list img{max-width:88px;max-height:58px}.hux-cert-list .hux-icon{width:58px;height:58px}.hux-cert-list span{font-size:13px}.hux-social-links{display:flex;align-items:center;gap:22px}.hux-qr,.hux-qr-placeholder{width:120px;height:120px;border-radius:10px;border:1px solid rgba(17,24,39,.10);display:flex;align-items:center;justify-content:center;font-weight:900;color:#111827;background:#f8fafc}.hux-social-links>div{display:flex;gap:12px;flex-wrap:wrap}.hux-social-links a{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(51,204,51,.10)}.hux-social-links a .hux-icon{width:26px;height:26px}.hux-footer-items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.hux-footer-items article{display:flex;gap:18px;border-right:1px solid rgba(17,24,39,.10);padding-right:20px}.hux-footer-items article:last-child{border-right:0}.hux-footer-items .hux-icon{width:64px;height:64px}.hux-footer-items h3{color:var(--hux-brand);margin:0 0 6px}.hux-footer-items p{margin:0;font-size:14px}@media (max-width:1200px){.hux-section{padding:42px 28px}.hux-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:520px}.hux-hero-stage{inset:auto 0 0 0;height:540px}.hux-hero-stage:before{display:none}.hux-intro,.hux-social,.hux-culture,.hux-quality-layout,.hux-official-top,.hux-dist-top,.hux-dist-bottom{grid-template-columns:1fr}.hux-stat-grid{grid-template-columns:repeat(2,1fr)}.hux-card-grid.three{grid-template-columns:1fr}.hux-eco-layout{grid-template-columns:1fr}.hux-activity-grid,.hux-project-grid{grid-template-columns:repeat(2,1fr)}.hux-activity-card:nth-child(n),.hux-project-card{grid-column:auto}.hux-bottom-benefits,.hux-bottom-benefits.stats{grid-template-columns:1fr}.hux-bottom-benefits>div{border-right:0}.hux-cert-social,.hux-footer-items{grid-template-columns:1fr}.hux-cert-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.hux-section{margin:20px 10px;padding:32px 18px;border-radius:22px}.hux-section h1{font-size:38px}.hux-section h2{font-size:34px}.hux-hero{padding-bottom:420px}.hux-hero-stage{height:420px}.hux-buttons{grid-template-columns:1fr;gap:12px}.hux-hero-features{grid-template-columns:1fr;gap:12px}.hux-hero-features div{border-right:0;padding-right:0}.hux-btn{width:100%;min-height:52px;white-space:normal}.hux-stat-grid,.hux-timeline-grid,.hux-activity-grid,.hux-project-grid,.hux-social-grid,.hux-value-grid,.hux-gallery-mosaic,.hux-quality-grid,.hux-channel-grid,.hux-partner-grid,.hux-cert-list{grid-template-columns:1fr}.hux-gallery-mosaic .mosaic-0{grid-column:auto;grid-row:auto}.hux-quality-grid article:last-child{grid-column:auto}.hux-culture-photo>img,.hux-culture-photo>.hux-img-placeholder{height:420px}.hux-culture-stats{position:relative;left:auto;right:auto;bottom:auto;margin-top:-70px;grid-template-columns:1fr}.hux-culture-stats div{border-right:0}.hux-info-rows>div{grid-template-columns:34px 1fr}.hux-info-rows>div span{grid-column:2}.hux-layer-placeholder{min-height:70px;font-size:12px}}

/* v1.0.5: căn đường timeline trùng với dấu chấm, không gạch qua số năm */

/* v1.0.6: timeline R&D dạng kéo ngang khi số mốc vượt quá chiều rộng màn hình */

/* v1.0.7: ẩn thanh trượt timeline, kéo ngang trực tiếp bằng chuột/tay trên vùng năm hoặc ảnh */

.hux-timeline-scroll img{pointer-events:none;-webkit-user-drag:none}.hux-timeline-scroll *{user-select:none}

/* v1.0.8: nạp đúng JS kéo ngang và tăng độ rộng item timeline để thêm 2027, 2028 sẽ kéo được */

/* v1.0.9: chỉnh section Hoạt động xã hội thành bố cục 2 cột cân bằng hai bên */

/* v1.0.10: hero section hiển thị 2 nút trên 1 dòng và 3 icon tính năng trên 1 dòng ở desktop */


/* v1.0.11: Font UTM AVO và chỉnh lại độ dễ đọc cho tiếng Việt */
.hux-about{
  --hux-font:"UTM Avo","UTM AvoBold",Arial,sans-serif!important;
  font-family:"UTM Avo",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.hux-about h1,
.hux-about h2,
.hux-about h3,
.hux-about .hux-btn,
.hux-about strong,
.hux-about .hux-year,
.hux-about .hux-index,
.hux-about .hux-eyebrow,
.hux-about .hux-hero-eyebrow{
  font-family:"UTM AvoBold","UTM Avo",Arial,sans-serif!important;
  font-weight:700!important;
}
.hux-about h1,
.hux-about h2{
  letter-spacing:-.018em!important;
  line-height:1.12!important;
}
.hux-about h3,
.hux-about p,
.hux-about span,
.hux-about li,
.hux-about a,
.hux-about button,
.hux-about input,
.hux-about textarea,
.hux-about select{
  letter-spacing:0!important;
}
.hux-about .hux-section-head p,
.hux-about .hux-hero-desc,
.hux-about .hux-fact,
.hux-about .hux-mini-card p,
.hux-about .hux-project-body li,
.hux-about .hux-info-rows span{
  font-weight:400!important;
}
.hux-about .hux-btn{
  line-height:1.25!important;
}


/* v1.0.12: tabs công trình thực tế lọc theo danh mục */
.hux-project-card[hidden],
.hux-project-card.is-hidden{
  display:none!important;
}
.hux-project-tabs button{
  transition:.22s ease;
}
.hux-empty-projects{
  margin:24px auto 0;
  max-width:520px;
  text-align:center;
  padding:18px 22px;
  border-radius:14px;
  border:1px dashed rgba(51,204,51,.35);
  background:rgba(51,204,51,.04);
  color:var(--hux-brand);
  font-weight:700;
}


/* v1.0.13: hiệu ứng số liệu chạy tăng trưởng */
.hux-stats .hux-stat-card strong{
  transition:transform .25s ease;
  font-variant-numeric:tabular-nums;
}
.hux-stats .hux-stat-card:hover strong{
  transform:translateY(-2px) scale(1.03);
}

/* v1.0.15: ảnh/layer Hero luôn nằm trên lớp phủ mờ */




/* v1.0.15.2: Hero bo cong ảnh nền như mẫu, nhưng ảnh/layer vẫn nằm trên cùng */
.hux-hero-stage{border-radius:0 28px 28px 0;overflow:hidden;isolation:isolate;}
.hux-hero-stage:before{content:"";position:absolute;left:-12%;top:-4%;width:44%;height:108%;background:linear-gradient(90deg,#fff 4%,rgba(255,255,255,.98) 38%,rgba(255,255,255,.82) 62%,rgba(255,255,255,.24) 84%,rgba(255,255,255,0) 100%);border-top-right-radius:280px;border-bottom-right-radius:280px;z-index:5;pointer-events:none;}
.hux-hero-stage:after,.hux-hero-stage .hux-orbit,.hux-hero-stage .hux-glow{display:none!important;}
.hux-hero-stage .hux-layer{z-index:8;}


/* v1.0.15.3: cân bằng section Hoạt động xã hội */
.hux-social{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}
.hux-social-left{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
.hux-social-left .hux-section-head{
  margin-bottom:30px;
}
.hux-social-left .hux-fact-list{
  flex:1;
  align-content:start;
}
.hux-social-left .hux-btn{
  margin-top:auto;
}
.hux-social-grid{
  min-width:0;
  height:100%;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:18px!important;
  align-content:stretch!important;
}
.hux-social-grid article{
  min-height:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
.hux-social-grid article img,
.hux-social-grid article .hux-img-placeholder{
  height:auto!important;
  min-height:0;
  flex:1 1 auto;
  object-fit:cover;
}
.hux-social-grid article>div{
  min-height:74px;
  flex:0 0 auto;
  align-items:center;
}
@media (max-width:1200px){
  .hux-social{
    grid-template-columns:1fr!important;
  }
  .hux-social-grid{
    height:auto;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto;
  }
  .hux-social-grid article img,
  .hux-social-grid article .hux-img-placeholder{
    height:190px!important;
    flex:none;
  }
}
@media (max-width:680px){
  .hux-social-grid{
    grid-template-columns:1fr!important;
  }
}


/* v1.0.15.4: cân bằng section Chứng nhận & giải thưởng */
.hux-quality-layout{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:48px!important;
  align-items:stretch!important;
}
.hux-quality-layout>div:first-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hux-quality-image{
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hux-quality-image img,
.hux-quality-image .hux-img-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:560px;
  object-fit:contain!important;
  object-position:center center;
  border-radius:22px;
}
.hux-quality .hux-bottom-benefits.stats{
  display:none!important;
}
@media (max-width:1200px){
  .hux-quality-layout{
    grid-template-columns:1fr!important;
  }
  .hux-quality-image img,
  .hux-quality-image .hux-img-placeholder{
    height:auto!important;
    min-height:360px;
  }
}


/* v1.0.15.5: căn lại phần ưu điểm cuối section Công trình thực tế */
.hux-projects .hux-bottom-benefits{grid-template-columns:repeat(4,minmax(0,1fr)) auto!important;gap:20px!important;align-items:stretch!important;}
.hux-projects .hux-bottom-benefits>div{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:start;border-right:1px solid rgba(17,24,39,.12);padding-right:18px;min-width:0;}
.hux-projects .hux-bottom-benefits>div .hux-icon{grid-column:1;grid-row:1 / span 2;width:50px;height:50px;}
.hux-projects .hux-bottom-benefits>div strong{grid-column:2;grid-row:1;margin:0;line-height:1.35;font-size:16px;}
.hux-projects .hux-bottom-benefits>div span{grid-column:2;grid-row:2;margin:0;line-height:1.6;font-size:14px;word-break:normal;white-space:normal;}
.hux-projects .hux-bottom-benefits>a.hux-btn{width:auto;min-width:260px;align-self:center;justify-self:end;white-space:nowrap;}
@media (max-width:1200px){.hux-projects .hux-bottom-benefits{grid-template-columns:1fr 1fr!important;}.hux-projects .hux-bottom-benefits>a.hux-btn{grid-column:1 / -1;justify-self:stretch;width:100%;min-width:0;}}
@media (max-width:680px){.hux-projects .hux-bottom-benefits{grid-template-columns:1fr!important;}.hux-projects .hux-bottom-benefits>div{border-right:0;padding-right:0;}}

/* v1.0.15.27 CLEAN: Timeline R&D - no hover, arrow-only expand, PC and mobile aligned */
.hux-timeline{
  overflow:visible!important;
}
.hux-timeline-scroll{
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
  cursor:grab;
}
.hux-timeline-scroll::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.hux-timeline-scroll.is-dragging{
  cursor:grabbing;
}
.hux-timeline-scroll img{
  pointer-events:none;
  -webkit-user-drag:none;
}
.hux-timeline-scroll *{
  user-select:none;
}
.hux-timeline-grid{
  position:relative!important;
  z-index:1!important;
  align-items:start!important;
}
.hux-timeline-line{
  display:block!important;
  height:2px!important;
  background:linear-gradient(90deg,rgba(51,204,51,.35),#33cc33,rgba(51,204,51,.35))!important;
  position:relative!important;
  z-index:0!important;
}
.hux-timeline-card{
  display:grid!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:visible!important;
}
.hux-timeline-card .hux-index{
  display:none!important;
}
.hux-timeline-card .hux-dot{
  border-radius:50%!important;
  background:#33cc33!important;
  margin:0 auto!important;
  align-self:center!important;
  position:relative!important;
  z-index:5!important;
}
.hux-timeline-card .hux-year{
  line-height:1!important;
  font-weight:850!important;
  color:#33cc33!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:4!important;
}
.hux-timeline-copy{
  width:100%!important;
  min-width:0!important;
  background:rgba(255,255,255,.96)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(17,24,39,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  position:relative!important;
  z-index:3!important;
  overflow:hidden!important;
}
.hux-timeline-card .hux-timeline-title,
.hux-timeline-card h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:0!important;
  line-height:1.42!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--hux-dark)!important;
  box-shadow:none!important;
  margin:0!important;
  width:100%!important;
  position:relative!important;
  z-index:3!important;
}
.hux-timeline-card .hux-timeline-title::after,
.hux-timeline-card h3::after{
  content:none!important;
  display:none!important;
}
.hux-timeline-toggle{
  font-size:0!important;
  line-height:0!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  border-radius:50%!important;
  padding:0!important;
  margin:7px auto 0!important;
  background:rgba(51,204,51,.10)!important;
  border:1px solid rgba(51,204,51,.18)!important;
  color:#33cc33!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.hux-timeline-toggle span,
.hux-timeline-toggle svg,
.hux-timeline-toggle .hux-icon{
  display:none!important;
}
.hux-timeline-toggle::before{
  content:""!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  transform:translateY(-2px) rotate(45deg)!important;
  transition:transform .22s ease!important;
}
.hux-timeline-card.is-expanded .hux-timeline-copy{
  background:linear-gradient(135deg,#33cc33 0%,#00b33d 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(0,179,61,.24)!important;
  overflow:auto!important;
  z-index:80!important;
}
.hux-timeline-card.is-expanded .hux-timeline-title,
.hux-timeline-card.is-expanded h3{
  display:block!important;
  -webkit-line-clamp:unset!important;
  max-height:none!important;
  overflow:visible!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hux-timeline-card.is-expanded .hux-timeline-toggle{
  color:#fff!important;
  background:rgba(255,255,255,.20)!important;
  border-color:rgba(255,255,255,.35)!important;
}
.hux-timeline-card.is-expanded .hux-timeline-toggle::before{
  transform:translateY(2px) rotate(225deg)!important;
}
/* Disable hover for timeline: PC behaves like mobile. Only arrow button changes state. */
.hux-timeline-card:hover,
.hux-timeline-card:hover *,
.hux-timeline-card .hux-timeline-copy:hover,
.hux-timeline-card .hux-timeline-title:hover,
.hux-timeline-card h3:hover,
.hux-timeline-card .hux-img-card:hover,
.hux-timeline-card .hux-img-card:hover *{
  transform:none!important;
  filter:none!important;
}
.hux-timeline-card:not(.is-expanded):hover .hux-timeline-copy,
.hux-timeline-card:not(.is-expanded):focus-within .hux-timeline-copy{
  background:rgba(255,255,255,.96)!important;
  color:var(--hux-text)!important;
  box-shadow:0 10px 24px rgba(17,24,39,.06)!important;
}
.hux-timeline-card:not(.is-expanded):hover .hux-timeline-title,
.hux-timeline-card:not(.is-expanded):focus-within .hux-timeline-title,
.hux-timeline-card:not(.is-expanded):hover h3,
.hux-timeline-card:not(.is-expanded):focus-within h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  color:var(--hux-dark)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hux-timeline-card .hux-img-card{
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  box-shadow:0 10px 24px rgba(17,24,39,.07)!important;
  position:relative!important;
  z-index:2!important;
}
.hux-timeline-card .hux-img-card img,
.hux-timeline-card .hux-img-card .hux-img-placeholder{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Desktop timeline */
@media (min-width:681px){
  .hux-timeline{
    padding-bottom:64px!important;
  }
  .hux-timeline-scroll{
    padding:0 6px 28px!important;
  }
  .hux-timeline-line{
    margin:369px 0 -371px!important;
    min-width:max(100%,calc(var(--hux-timeline-count,6)*306px))!important;
  }
  .hux-timeline-grid{
    display:grid!important;
    grid-template-columns:repeat(var(--hux-timeline-count,6),minmax(286px,1fr))!important;
    gap:20px!important;
    min-width:max(100%,calc(var(--hux-timeline-count,6)*306px))!important;
  }
  .hux-timeline-card{
    grid-template-rows:118px 150px 48px 28px 48px 118px 150px!important;
    row-gap:13px!important;
    min-height:704px!important;
    scroll-snap-align:start!important;
  }
  .hux-timeline-card .hux-dot{
    grid-row:4!important;
    width:28px!important;
    height:28px!important;
    border:7px solid #dff9e6!important;
  }
  .hux-timeline-card .hux-year{
    font-size:30px!important;
  }
  .hux-timeline-copy{
    min-height:118px!important;
    max-height:118px!important;
    padding:12px 14px 8px!important;
  }
  .hux-timeline-card.is-expanded .hux-timeline-copy{
    max-height:230px!important;
  }
  .hux-timeline-card .hux-timeline-title,
  .hux-timeline-card h3{
    font-size:16px!important;
    max-height:5.68em!important;
  }
  .hux-timeline-card .hux-img-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    border-radius:18px!important;
  }
  .hux-timeline-card .hux-img-card img,
  .hux-timeline-card .hux-img-card .hux-img-placeholder{
    min-height:150px!important;
    border-radius:18px!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-year{
    grid-row:3!important;
    align-self:end!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-dot{
    grid-row:4!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-timeline-copy{
    grid-row:6!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-img-card{
    grid-row:7!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-timeline-copy{
    grid-row:1!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-img-card{
    grid-row:2!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-dot{
    grid-row:4!important;
  }
  .hux-timeline-card:nth-child(even) .hux-year{
    grid-row:5!important;
    align-self:start!important;
  }
}

/* Mobile timeline */
@media (max-width:680px){
  .hux-timeline{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:46px!important;
  }
  .hux-timeline .hux-section-head{
    margin-bottom:28px!important;
  }
  .hux-timeline-scroll{
    padding:0 14px 28px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:22px!important;
    touch-action:pan-x pan-y!important;
  }
  .hux-timeline-line{
    margin:336px 0 -338px!important;
    min-width:max(100%,calc(var(--hux-timeline-count,6)*290px))!important;
  }
  .hux-timeline-grid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:270px!important;
    gap:20px!important;
    min-width:max-content!important;
  }
  .hux-timeline-card{
    width:270px!important;
    min-width:270px!important;
    height:606px!important;
    min-height:606px!important;
    grid-template-rows:118px 136px 42px 26px 42px 118px 136px!important;
    row-gap:9px!important;
    scroll-snap-align:center!important;
  }
  .hux-timeline-card .hux-dot{
    grid-row:4!important;
    width:18px!important;
    height:18px!important;
    border:5px solid #dff9e6!important;
  }
  .hux-timeline-card .hux-year{
    font-size:25px!important;
  }
  .hux-timeline-copy{
    min-height:118px!important;
    max-height:118px!important;
    border-radius:16px!important;
    padding:10px 12px 8px!important;
  }
  .hux-timeline-card.is-expanded .hux-timeline-copy{
    max-height:220px!important;
  }
  .hux-timeline-card .hux-timeline-title,
  .hux-timeline-card h3{
    font-size:14px!important;
    line-height:1.38!important;
    max-height:5.52em!important;
  }
  .hux-timeline-card .hux-img-card{
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    border-radius:16px!important;
  }
  .hux-timeline-card .hux-img-card img,
  .hux-timeline-card .hux-img-card .hux-img-placeholder{
    min-height:136px!important;
    border-radius:16px!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-year{
    grid-row:3!important;
    align-self:end!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-dot{
    grid-row:4!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-timeline-copy{
    grid-row:6!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(odd) .hux-img-card{
    grid-row:7!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-timeline-copy{
    grid-row:1!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-img-card{
    grid-row:2!important;
    align-self:start!important;
  }
  .hux-timeline-card:nth-child(even) .hux-dot{
    grid-row:4!important;
  }
  .hux-timeline-card:nth-child(even) .hux-year{
    grid-row:5!important;
    align-self:start!important;
  }
}
@media (max-width:420px){
  .hux-timeline{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .hux-timeline-scroll{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .hux-timeline-grid{
    grid-auto-columns:255px!important;
    gap:18px!important;
  }
  .hux-timeline-card{
    width:255px!important;
    min-width:255px!important;
  }
  .hux-timeline-line{
    min-width:max(100%,calc(var(--hux-timeline-count,6)*273px))!important;
  }
}


/* v1.0.15.28: PC arrow toggle fixed; every expanded card opens downward */
.hux-timeline .hux-timeline-toggle{
  pointer-events:auto!important;
  position:relative!important;
  z-index:120!important;
}
.hux-timeline .hux-timeline-card.is-expanded{
  overflow:visible!important;
}
.hux-timeline .hux-timeline-card.is-expanded .hux-timeline-copy{
  overflow:auto!important;
  z-index:120!important;
  transform:none!important;
}

/* PC: both top row and bottom row expand downward from their original text box */
@media (min-width:681px){
  .hux-timeline .hux-timeline-card.is-expanded .hux-timeline-copy{
    max-height:245px!important;
  }
  .hux-timeline .hux-timeline-card:nth-child(even).is-expanded .hux-timeline-copy,
  .hux-timeline .hux-timeline-card:nth-child(odd).is-expanded .hux-timeline-copy{
    align-self:start!important;
  }
}

/* Mobile keeps the same behavior, also opens downward */
@media (max-width:680px){
  .hux-timeline .hux-timeline-card.is-expanded .hux-timeline-copy{
    max-height:230px!important;
  }
  .hux-timeline .hux-timeline-card:nth-child(even).is-expanded .hux-timeline-copy,
  .hux-timeline .hux-timeline-card:nth-child(odd).is-expanded .hux-timeline-copy{
    align-self:start!important;
  }
}

/* v1.0.15.29: căn lại heading Hero thành 3 dòng cố định và giảm cỡ chữ */
.hux-about .hux-hero-title{
  max-width:780px!important;
  margin:0 0 22px!important;
  font-size:clamp(36px,3.45vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.014em!important;
  text-wrap:balance;
}
.hux-about .hux-hero-title-fixed{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
}
.hux-about .hux-hero-title-line{
  display:block!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.hux-about .hux-hero-title .hux-brand-word,
.hux-about .hux-hero-title span span{
  color:var(--hux-brand)!important;
}
.hux-about .hux-hero-title-line-2,
.hux-about .hux-hero-title-line-3{
  color:var(--hux-dark)!important;
}
@media (max-width:1200px){
  .hux-about .hux-hero-title{
    max-width:900px!important;
    font-size:clamp(34px,4.6vw,46px)!important;
  }
}
@media (max-width:680px){
  .hux-about .hux-hero-title{
    font-size:clamp(30px,8.7vw,38px)!important;
    line-height:1.12!important;
    gap:4px!important;
    margin-bottom:18px!important;
  }
  .hux-about .hux-hero-title-line{
    white-space:normal!important;
  }
}

/* v1.0.15.30: đồng bộ cỡ chữ heading các section dưới với heading Hero */
.hux-about .hux-section:not(.hux-hero) .hux-section-head h2{
  font-size:clamp(36px,3.45vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.014em!important;
  margin:0 0 18px!important;
  text-wrap:balance;
}
@media (max-width:1200px){
  .hux-about .hux-section:not(.hux-hero) .hux-section-head h2{
    font-size:clamp(34px,4.6vw,46px)!important;
  }
}
@media (max-width:680px){
  .hux-about .hux-section:not(.hux-hero) .hux-section-head h2{
    font-size:clamp(30px,8.7vw,38px)!important;
    line-height:1.12!important;
    margin-bottom:16px!important;
  }
}


/* v1.0.15.31: cố định ngắt dòng heading cho các section chính theo yêu cầu */
.hux-about .hux-section:not(.hux-hero) .hux-section-head .hux-section-title-fixed{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  max-width:920px!important;
  text-wrap:initial!important;
}
.hux-about .hux-section-head.hux-align-center .hux-section-title-fixed{
  align-items:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hux-about .hux-section:not(.hux-hero) .hux-section-head .hux-section-title-line{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  color:var(--hux-dark)!important;
}
.hux-about .hux-section:not(.hux-hero) .hux-section-head .hux-section-title-brand{
  color:var(--hux-brand)!important;
}
@media (max-width:680px){
  .hux-about .hux-section:not(.hux-hero) .hux-section-head .hux-section-title-fixed{
    gap:4px!important;
  }
  .hux-about .hux-section:not(.hux-hero) .hux-section-head .hux-section-title-line{
    white-space:normal!important;
  }
}


/* v1.0.15.32: chỉnh section Tầm nhìn - Sứ mệnh: icon nhỏ hơn, icon mới đẹp hơn, 3 cột cân nhau */
.hux-about .hux-vision .hux-card-grid.three{
  align-items:stretch!important;
}
.hux-about .hux-vision .hux-big-card{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:34px 28px!important;
}
.hux-about .hux-vision .hux-big-card .hux-icon-ring.large{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  margin:0 auto 18px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(51,204,51,.14),rgba(0,179,61,.06))!important;
  box-shadow:inset 0 0 0 1px rgba(51,204,51,.18),0 10px 22px rgba(51,204,51,.10)!important;
}
.hux-about .hux-vision .hux-big-card .hux-icon-ring.large .hux-icon{
  width:38px!important;
  height:38px!important;
  stroke-width:1.7!important;
}
.hux-about .hux-vision .hux-big-card h3{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:4px 0 14px!important;
  line-height:1.22!important;
}
.hux-about .hux-vision .hux-big-card p{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:360px!important;
  min-height:150px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.62!important;
}
@media (max-width:1200px){
  .hux-about .hux-vision .hux-big-card p{
    min-height:auto!important;
  }
}
@media (max-width:680px){
  .hux-about .hux-vision .hux-big-card{
    padding:28px 22px!important;
  }
  .hux-about .hux-vision .hux-big-card .hux-icon-ring.large{
    width:70px!important;
    height:70px!important;
    min-width:70px!important;
    margin-bottom:14px!important;
  }
  .hux-about .hux-vision .hux-big-card .hux-icon-ring.large .hux-icon{
    width:34px!important;
    height:34px!important;
  }
  .hux-about .hux-vision .hux-big-card h3{
    min-height:0!important;
  }
}


/* v1.0.15.33: cân lại khối chữ 3 thẻ Tầm nhìn - Sứ mệnh - Giá trị cốt lõi */
.hux-about .hux-vision .hux-big-card{
  min-height:418px!important;
}
.hux-about .hux-vision .hux-big-card p{
  min-height:166px!important;
  max-width:360px!important;
  font-size:16.5px!important;
  line-height:1.72!important;
  align-items:center!important;
  text-wrap:balance;
}
.hux-about .hux-vision .hux-big-card:nth-child(1) p{
  max-width:356px!important;
}
.hux-about .hux-vision .hux-big-card:nth-child(2) p{
  max-width:392px!important;
  font-size:16px!important;
  line-height:1.68!important;
}
.hux-about .hux-vision .hux-big-card:nth-child(3) p{
  max-width:350px!important;
}
@media (max-width:1200px){
  .hux-about .hux-vision .hux-big-card{
    min-height:auto!important;
  }
  .hux-about .hux-vision .hux-big-card p{
    min-height:auto!important;
    max-width:680px!important;
    font-size:16.5px!important;
    line-height:1.68!important;
    align-items:flex-start!important;
  }
}
@media (max-width:680px){
  .hux-about .hux-vision .hux-big-card p{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.62!important;
  }
}


/* v1.0.15.34: Section Hoạt động xã hội chỉ còn 4 card bên phải, cân đều 2x2 */
.hux-social{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:50px!important;
  align-items:stretch!important;
}
.hux-social-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  height:100%!important;
  align-content:stretch!important;
}
.hux-social-grid article:nth-child(n+5){display:none!important;}
.hux-social-grid article{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.hux-social-grid article img,
.hux-social-grid article .hux-img-placeholder{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  object-fit:cover!important;
}
.hux-social-grid article>div{
  min-height:84px!important;
  padding:18px 20px!important;
  align-items:center!important;
}
.hux-social-grid article>div strong{
  line-height:1.35!important;
}
@media (max-width:1200px){
  .hux-social-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    height:auto!important;
  }
  .hux-social-grid article img,
  .hux-social-grid article .hux-img-placeholder{
    height:240px!important;
    flex:none!important;
  }
}
@media (max-width:680px){
  .hux-social-grid{
    grid-template-columns:1fr!important;
  }
  .hux-social-grid article img,
  .hux-social-grid article .hux-img-placeholder{
    height:220px!important;
  }
}


/* v1.0.15.36: Hero trust line chỉ còn 2 cột, xoá cột "Tự chủ R&D" riêng và ép chữ thành 2 dòng cân nhau */
.hux-about .hux-hero-features{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:580px!important;
  gap:0!important;
  margin-top:36px!important;
}
.hux-about .hux-hero-features > div{
  min-height:56px!important;
  gap:12px!important;
  padding:0 28px 0 0!important;
  margin:0!important;
  border-right:1px solid rgba(17,24,39,.12)!important;
  align-items:center!important;
}
.hux-about .hux-hero-features > div:nth-child(2),
.hux-about .hux-hero-features > div:last-child{
  border-right:0!important;
  padding-left:28px!important;
  padding-right:0!important;
}
.hux-about .hux-hero-features > div:nth-child(n+3){
  display:none!important;
}
.hux-about .hux-hero-features span{
  display:block!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.hux-about .hux-hero-features span .hux-feature-subline{
  display:inline!important;
}
@media (max-width:680px){
  .hux-about .hux-hero-features{
    grid-template-columns:1fr!important;
    max-width:none!important;
    gap:12px!important;
  }
  .hux-about .hux-hero-features > div,
  .hux-about .hux-hero-features > div:nth-child(2),
  .hux-about .hux-hero-features > div:last-child{
    border-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* v1.0.15.37: Mobile-only layout fixes - không ảnh hưởng giao diện PC */
@media (max-width:680px){
  /* Section 2 / Giới thiệu: ảnh chuyển sang slide ngang trên mobile */
  .hux-about .hux-intro .hux-gallery-mosaic{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-rows:auto!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    padding:4px 18px 18px 2px!important;
    margin-right:-18px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .hux-about .hux-intro .hux-gallery-mosaic::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card{
    flex:0 0 84%!important;
    min-width:84%!important;
    height:260px!important;
    min-height:260px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    scroll-snap-align:center!important;
  }
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card img,
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card .hux-img-placeholder{
    height:100%!important;
    min-height:260px!important;
    object-fit:cover!important;
  }

  /* Những con số biết nói: ẩn ô giao thức, 4 ô còn lại thành 2 cột */
  .hux-about .hux-stats .hux-stat-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .hux-about .hux-stats .hux-stat-protocol{
    display:none!important;
  }
  .hux-about .hux-stats .hux-stat-card{
    min-height:178px!important;
    padding:18px 10px!important;
    border-radius:16px!important;
  }
  .hux-about .hux-stats .hux-icon-ring{
    width:64px!important;
    height:64px!important;
  }
  .hux-about .hux-stats .hux-icon-ring .hux-icon{
    width:34px!important;
    height:34px!important;
  }
  .hux-about .hux-stats .hux-stat-card strong{
    font-size:28px!important;
    margin-top:16px!important;
  }
  .hux-about .hux-stats .hux-stat-card p{
    font-size:13px!important;
    line-height:1.38!important;
    margin-top:10px!important;
  }
  .hux-about .hux-stats .hux-stat-card em{
    width:26px!important;
    height:3px!important;
    margin-top:14px!important;
  }

  /* Hệ sinh thái Smart Home: 6 ô thông tin thành 2 cột x 3 hàng, ảnh/app xuống dưới */
  .hux-about .hux-ecosystem .hux-eco-layout{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .hux-about .hux-ecosystem .hux-eco-list{
    display:contents!important;
  }
  .hux-about .hux-ecosystem .hux-mini-card{
    min-width:0!important;
    min-height:154px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:14px 8px!important;
    text-align:center!important;
    border-radius:16px!important;
  }
  .hux-about .hux-ecosystem .hux-mini-card>.hux-icon{
    width:48px!important;
    height:48px!important;
    padding:11px!important;
    flex:0 0 auto!important;
  }
  .hux-about .hux-ecosystem .hux-mini-card h3{
    font-size:14px!important;
    line-height:1.25!important;
    margin:0 0 4px!important;
  }
  .hux-about .hux-ecosystem .hux-mini-card p{
    font-size:12.5px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .hux-about .hux-ecosystem .hux-phone-stage{
    order:9!important;
    grid-column:1 / -1!important;
    margin-top:12px!important;
    min-width:0!important;
  }

  /* Giải pháp công nghệ thông minh: 5 card chuyển thành slide kéo ngang */
  .hux-about .hux-activities .hux-activity-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    padding:4px 18px 18px 2px!important;
    margin-right:-18px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .hux-about .hux-activities .hux-activity-grid::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .hux-about .hux-activities .hux-activity-card{
    flex:0 0 84%!important;
    min-width:84%!important;
    max-width:84%!important;
    grid-column:auto!important;
    scroll-snap-align:center!important;
    min-height:300px!important;
  }
}

@media (max-width:420px){
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card,
  .hux-about .hux-activities .hux-activity-card{
    flex-basis:88%!important;
    min-width:88%!important;
    max-width:88%!important;
  }
  .hux-about .hux-stats .hux-stat-card{
    min-height:170px!important;
  }
  .hux-about .hux-ecosystem .hux-mini-card{
    min-height:150px!important;
  }
}


/* v1.0.15.38: Mobile-only refinements theo yêu cầu mới - giữ nguyên giao diện PC */
@media (max-width:680px){
  /* SS2 / Giới thiệu: giữ ảnh dạng chữ nhật, không ép vuông và không cắt ảnh */
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    background:#fff!important;
  }
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card img,
  .hux-about .hux-intro .hux-gallery-mosaic .hux-img-card .hux-img-placeholder{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    background:#fff!important;
  }

  /* Công nghệ phát triển cùng trách nhiệm cộng đồng: ảnh chuyển thành slide kéo ngang */
  .hux-about .hux-social .hux-social-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
    padding:4px 18px 18px 2px!important;
    margin-right:-18px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .hux-about .hux-social .hux-social-grid::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .hux-about .hux-social .hux-social-grid article{
    flex:0 0 84%!important;
    min-width:84%!important;
    max-width:84%!important;
    height:auto!important;
    min-height:0!important;
    scroll-snap-align:center!important;
  }
  .hux-about .hux-social .hux-social-grid article img,
  .hux-about .hux-social .hux-social-grid article .hux-img-placeholder{
    height:220px!important;
    min-height:0!important;
    object-fit:cover!important;
  }

  /* Làm công nghệ bằng tinh thần người Việt: heading/chữ trước, ảnh sau; 6 giá trị thành 2 cột */
  .hux-about .hux-culture{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
  }
  .hux-about .hux-culture .hux-culture-content{
    order:1!important;
  }
  .hux-about .hux-culture .hux-culture-photo{
    order:2!important;
    width:100%!important;
  }
  .hux-about .hux-culture .hux-value-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin:22px 0 0!important;
  }
  .hux-about .hux-culture .hux-value-grid article{
    min-width:0!important;
    min-height:148px!important;
    padding:16px 10px!important;
    text-align:center!important;
    border-radius:16px!important;
  }
  .hux-about .hux-culture .hux-value-grid .hux-icon{
    width:38px!important;
    height:38px!important;
  }
  .hux-about .hux-culture .hux-value-grid h3{
    font-size:15px!important;
    line-height:1.25!important;
    margin:10px 0 5px!important;
  }
  .hux-about .hux-culture .hux-value-grid p{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  .hux-about .hux-culture .hux-culture-photo>img,
  .hux-about .hux-culture .hux-culture-photo>.hux-img-placeholder{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 10!important;
    object-fit:cover!important;
  }

  /* Công trình thực tế: mobile chỉ giữ 4 lợi ích cuối và nút */
  .hux-about .hux-projects .hux-project-tabs,
  .hux-about .hux-projects .hux-project-grid,
  .hux-about .hux-projects .hux-empty-projects{
    display:none!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:22px!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits>div{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:2px!important;
    align-items:center!important;
    border-right:0!important;
    padding:12px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid rgba(17,24,39,.07)!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits>div .hux-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:42px!important;
    height:42px!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits>div strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:15px!important;
    line-height:1.3!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits>div span{
    grid-column:2!important;
    grid-row:2!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .hux-about .hux-projects .hux-bottom-benefits>a.hux-btn{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    margin-top:4px!important;
  }
}

@media (max-width:420px){
  .hux-about .hux-social .hux-social-grid article{
    flex-basis:88%!important;
    min-width:88%!important;
    max-width:88%!important;
  }
  .hux-about .hux-culture .hux-value-grid article{
    min-height:142px!important;
    padding:14px 8px!important;
  }
}


/* v1.0.15.40: Mobile-only refinement giữ CTA đăng ký đại lý trong section Mạng lưới đại lý - không ảnh hưởng PC */
@media (max-width:680px){
  /* Công nghệ phát triển cùng trách nhiệm cộng đồng: nội dung lên trên, 4 ô thành 2 cột, ảnh slide xuống dưới */
  .hux-about .hux-social{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  .hux-about .hux-social .hux-social-left{
    order:1!important;
    width:100%!important;
    min-width:0!important;
  }
  .hux-about .hux-social .hux-section-head{
    margin-bottom:20px!important;
  }
  .hux-about .hux-social .hux-fact-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:20px!important;
  }
  .hux-about .hux-social .hux-fact{
    min-height:118px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    padding:16px 10px!important;
    text-align:center!important;
    border-radius:16px!important;
  }
  .hux-about .hux-social .hux-fact .hux-icon{
    width:40px!important;
    height:40px!important;
    padding:8px!important;
    margin:0!important;
  }
  .hux-about .hux-social .hux-fact span{
    font-size:13.5px!important;
    line-height:1.35!important;
    font-weight:800!important;
  }
  .hux-about .hux-social .hux-btn{
    margin-top:18px!important;
  }
  .hux-about .hux-social .hux-social-grid{
    order:2!important;
    width:100%!important;
    margin-top:2px!important;
  }

  /* Đồng hành cùng đối tác: mobile rút gọn, giữ heading + mô tả + 4 số liệu + ảnh bản đồ/đại lý */
  .hux-about .hux-distribution{
    display:block!important;
  }
  .hux-about .hux-distribution .hux-dist-top{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  .hux-about .hux-distribution .hux-dist-top>div:first-child{
    order:1!important;
    width:100%!important;
    min-width:0!important;
  }
  .hux-about .hux-distribution .hux-section-head{
    margin-bottom:20px!important;
  }
  .hux-about .hux-distribution .hux-eyebrow{
    display:none!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:20px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact .hux-stat-card{
    min-height:150px!important;
    padding:16px 8px!important;
    border-radius:16px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact .hux-icon-ring{
    width:54px!important;
    height:54px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact .hux-icon{
    width:30px!important;
    height:30px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact strong{
    font-size:28px!important;
    line-height:1!important;
    margin-top:12px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact p{
    font-size:12.5px!important;
    line-height:1.35!important;
    margin-top:8px!important;
  }
  .hux-about .hux-distribution .hux-map{
    order:2!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .hux-about .hux-distribution .hux-map img,
  .hux-about .hux-distribution .hux-map .hux-img-placeholder{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:430px!important;
    object-fit:contain!important;
    border-radius:18px!important;
  }
  .hux-about .hux-distribution .hux-dist-benefits,
  .hux-about .hux-distribution .hux-dist-bottom{
    display:none!important;
  }
  .hux-about .hux-distribution .hux-cta-band{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    margin-top:18px!important;
    padding:18px!important;
    border-radius:18px!important;
    text-align:left!important;
  }
  .hux-about .hux-distribution .hux-cta-band strong{
    font-size:20px!important;
    line-height:1.25!important;
  }
  .hux-about .hux-distribution .hux-cta-band p{
    font-size:14px!important;
    line-height:1.5!important;
    margin-top:6px!important;
  }
  .hux-about .hux-distribution .hux-cta-band .hux-btn{
    width:100%!important;
    min-height:52px!important;
    margin-top:2px!important;
  }
}

@media (max-width:420px){
  .hux-about .hux-social .hux-fact{
    min-height:110px!important;
    padding:14px 8px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact .hux-stat-card{
    min-height:142px!important;
  }
  .hux-about .hux-distribution .hux-stat-grid.compact strong{
    font-size:26px!important;
  }
}


/* v1.0.15.41: Quality + Official section refinements theo yêu cầu mới */
/* SS cuối - PC và mobile: ẩn khối cam kết chính hãng, chứng nhận và QR; giữ icon mạng xã hội */
.hux-about .hux-official .hux-commit,
.hux-about .hux-official .hux-cert-list,
.hux-about .hux-official .hux-qr,
.hux-about .hux-official .hux-qr-placeholder{
  display:none!important;
}
.hux-about .hux-official .hux-official-top{
  grid-template-columns:minmax(0,38%) minmax(0,62%)!important;
  align-items:start!important;
}
.hux-about .hux-official .hux-cert-social{
  display:block!important;
  margin-top:28px!important;
}
.hux-about .hux-official .hux-social-links{
  width:100%!important;
  justify-content:center!important;
}
.hux-about .hux-official .hux-social-links>div{
  justify-content:center!important;
}

@media (max-width:680px){
  /* Nền tảng chất lượng: mobile ẩn “Kiểm thử trước khi xuất xưởng”, 4 ô còn lại chia 2 cột */
  .hux-about .hux-quality .hux-quality-layout{
    display:block!important;
  }
  .hux-about .hux-quality .hux-quality-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .hux-about .hux-quality .hux-quality-grid article{
    min-height:150px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:16px 10px!important;
    text-align:center!important;
    border-radius:16px!important;
  }
  .hux-about .hux-quality .hux-quality-grid article:nth-child(4){
    display:none!important;
  }
  .hux-about .hux-quality .hux-quality-grid article:last-child{
    grid-column:auto!important;
  }
  .hux-about .hux-quality .hux-quality-grid .hux-icon{
    width:42px!important;
    height:42px!important;
    padding:9px!important;
    margin:0 auto!important;
  }
  .hux-about .hux-quality .hux-quality-grid h3{
    font-size:14px!important;
    line-height:1.3!important;
    margin:0 0 4px!important;
  }
  .hux-about .hux-quality .hux-quality-grid p{
    font-size:12px!important;
    line-height:1.4!important;
    margin:0!important;
  }
  .hux-about .hux-quality .hux-quality-image{
    margin-top:22px!important;
  }

  /* SS cuối - mobile: giữ icon mạng xã hội, ẩn 3 ô footer cam kết/pháp lý/đồng hành */
  .hux-about .hux-official .hux-official-top{
    display:block!important;
  }
  .hux-about .hux-official .hux-footer-items{
    display:none!important;
  }
  .hux-about .hux-official .hux-cert-social{
    margin-top:20px!important;
  }
  .hux-about .hux-official .hux-social-links{
    padding:18px!important;
  }
  .hux-about .hux-official .hux-social-links>div{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .hux-about .hux-official .hux-social-links a{
    width:44px!important;
    height:44px!important;
  }
}

@media (max-width:420px){
  .hux-about .hux-quality .hux-quality-grid article{
    min-height:142px!important;
    padding:14px 8px!important;
  }
  .hux-about .hux-quality .hux-quality-grid h3{
    font-size:13px!important;
  }
  .hux-about .hux-quality .hux-quality-grid p{
    font-size:11.5px!important;
  }
}


/* v1.0.15.42: Mobile-only tinh chỉnh SS2 và QR cuối trang */
@media (max-width:680px){
  /* SS2 / Giới thiệu: ẩn 4 ô Trụ sở, Nhà máy, Văn phòng, Hệ sinh thái trên mobile */
  .hux-about .hux-intro .hux-fact-list{
    display:none!important;
  }

  /* SS cuối: đảm bảo QR không hiển thị trên mobile, chỉ giữ các icon mạng xã hội */
  .hux-about .hux-official .hux-social-links > img,
  .hux-about .hux-official .hux-social-links > picture,
  .hux-about .hux-official .hux-social-links > canvas,
  .hux-about .hux-official .hux-social-links > .hux-qr,
  .hux-about .hux-official .hux-social-links > .hux-qr-placeholder{
    display:none!important;
  }
  .hux-about .hux-official .hux-social-links{
    justify-content:center!important;
    align-items:center!important;
  }
  .hux-about .hux-official .hux-social-links > div{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
  }
}


/* v1.0.15.43: Nút xem video cho ảnh đầu tiên ở SS2 - dùng cho cả PC và mobile */
.hux-about .hux-intro .hux-intro-video-card{
  position:relative!important;
  isolation:isolate;
}
.hux-about .hux-intro .hux-intro-video-card > img,
.hux-about .hux-intro .hux-intro-video-card > .hux-img-placeholder{
  display:block;
}
.hux-about .hux-intro .hux-video-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:linear-gradient(180deg,rgba(7,18,13,.10),rgba(7,18,13,.20));
  transition:all .25s ease;
  z-index:2;
}
.hux-about .hux-intro .hux-video-overlay:hover{
  background:linear-gradient(180deg,rgba(7,18,13,.14),rgba(7,18,13,.28));
}
.hux-about .hux-intro .hux-video-play{
  width:88px;
  height:88px;
  border-radius:999px;
  background:rgba(51,204,51,.78);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 14px 34px rgba(17,24,39,.18), inset 0 0 0 10px rgba(255,255,255,.16);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  position:relative;
}
.hux-about .hux-intro .hux-video-play:before{
  content:"";
  position:absolute;
  left:36px;
  top:28px;
  border-style:solid;
  border-width:16px 0 16px 24px;
  border-color:transparent transparent transparent #fff;
}
.hux-about .hux-intro .hux-video-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:8px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--hux-brand);
  font-weight:800;
  font-size:15px;
  box-shadow:0 10px 24px rgba(17,24,39,.10);
}
@media (max-width:680px){
  .hux-about .hux-intro .hux-video-play{
    width:72px;
    height:72px;
  }
  .hux-about .hux-intro .hux-video-play:before{
    left:30px;
    top:23px;
    border-width:13px 0 13px 20px;
  }
  .hux-about .hux-intro .hux-video-label{
    min-height:38px;
    padding:7px 16px;
    font-size:14px;
  }
}


/* v1.0.15.44: Nút play video mờ, bỏ chữ để không che ảnh */
.hux-about .hux-intro .hux-video-overlay{
  inset:50% auto auto 50%!important;
  width:82px!important;
  height:82px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  gap:0!important;
}
.hux-about .hux-intro .hux-video-overlay:hover{
  background:transparent!important;
}
.hux-about .hux-intro .hux-video-play{
  width:82px!important;
  height:82px!important;
  background:rgba(51,204,51,.46)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 10px 24px rgba(17,24,39,.12), inset 0 0 0 9px rgba(255,255,255,.15)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  transition:all .2s ease!important;
}
.hux-about .hux-intro .hux-video-overlay:hover .hux-video-play{
  background:rgba(51,204,51,.62)!important;
  transform:scale(1.04)!important;
}
.hux-about .hux-intro .hux-video-play:before{
  left:34px!important;
  top:26px!important;
  border-width:15px 0 15px 23px!important;
}
.hux-about .hux-intro .hux-video-label{
  display:none!important;
}
@media (max-width:680px){
  .hux-about .hux-intro .hux-video-overlay{
    width:64px!important;
    height:64px!important;
  }
  .hux-about .hux-intro .hux-video-play{
    width:64px!important;
    height:64px!important;
    box-shadow:0 8px 18px rgba(17,24,39,.10), inset 0 0 0 7px rgba(255,255,255,.14)!important;
  }
  .hux-about .hux-intro .hux-video-play:before{
    left:27px!important;
    top:21px!important;
    border-width:11px 0 11px 18px!important;
  }
}

/* v1.0.15.45: link bài viết cho ảnh và tiêu đề từng công trình */
.hux-about .hux-project-image-link{
  display:block;
  overflow:hidden;
  color:inherit;
}
.hux-about .hux-project-image-link img{
  transition:transform .3s ease;
}
.hux-about .hux-project-image-link:hover img,
.hux-about .hux-project-image-link:focus-visible img{
  transform:scale(1.025);
}
.hux-about .hux-project-title-link{
  color:inherit;
  transition:color .2s ease;
}
.hux-about .hux-project-title-link:hover,
.hux-about .hux-project-title-link:focus-visible{
  color:var(--hux-brand);
}
.hux-about .hux-project-image-link:focus-visible,
.hux-about .hux-project-title-link:focus-visible{
  outline:2px solid var(--hux-brand);
  outline-offset:3px;
}

/* v1.0.15.46: đồng bộ font tiếng Việt cho section Công trình thực tế */
.hux-about button,
.hux-about input,
.hux-about textarea,
.hux-about select{
  font-family:inherit!important;
}
.hux-about .hux-projects,
.hux-about .hux-projects .hux-section-head h2,
.hux-about .hux-projects .hux-eyebrow,
.hux-about .hux-projects .hux-project-body h3,
.hux-about .hux-projects .hux-project-body strong,
.hux-about .hux-projects .hux-project-tabs button{
  font-family:"UTM Avo",Arial,sans-serif!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-shadow:none!important;
}
.hux-about .hux-projects .hux-project-tabs button{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.hux-about .hux-projects .hux-project-tabs button .hux-icon{
  flex:0 0 auto;
}
@media (max-width:1200px) and (min-width:681px){
  .hux-about .hux-projects .hux-project-tabs button{
    font-size:14px!important;
    padding:12px 16px!important;
  }
}



/* v1.0.15.47: Section Công trình thực tế - tối đa 4 công trình/1 dòng desktop, mobile 2 công trình/khung dạng slide */
.hux-projects .hux-project-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.hux-projects .hux-project-card{
  height:100%;
}
.hux-projects .hux-project-card[hidden]{
  display:none!important;
}
@media (max-width: 1279px) and (min-width: 901px){
  .hux-projects .hux-project-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width: 900px) and (min-width: 681px){
  .hux-projects .hux-project-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 680px){
  .hux-projects .hux-project-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:16px!important;
    padding-bottom:8px!important;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .hux-projects .hux-project-grid::-webkit-scrollbar{
    display:none;
    width:0;
    height:0;
  }
  .hux-projects .hux-project-card{
    flex:0 0 calc((100% - 16px) / 2)!important;
    min-width:calc((100% - 16px) / 2)!important;
    scroll-snap-align:start;
  }
}


/* v1.0.15.48: Khôi phục toàn bộ công trình trên mobile */
@media (max-width: 680px){
  .hux-about .hux-projects .hux-project-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:10px!important;
    margin:22px -2px 24px!important;
    padding:0 2px 8px!important;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-overflow-scrolling:touch;
  }
  .hux-about .hux-projects .hux-project-tabs::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .hux-about .hux-projects .hux-project-tabs button{
    display:inline-flex!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    padding:10px 14px!important;
    font-size:13px!important;
  }
  .hux-about .hux-projects .hux-project-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:14px!important;
    margin:0!important;
    padding:0 0 10px!important;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    touch-action:pan-x;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .hux-about .hux-projects .hux-project-grid::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .hux-about .hux-projects .hux-project-card{
    display:block!important;
    flex:0 0 calc((100% - 14px) / 2)!important;
    width:calc((100% - 14px) / 2)!important;
    min-width:calc((100% - 14px) / 2)!important;
    max-width:calc((100% - 14px) / 2)!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .hux-about .hux-projects .hux-project-card[hidden],
  .hux-about .hux-projects .hux-project-card.is-hidden{
    display:none!important;
  }
  .hux-about .hux-projects .hux-empty-projects:not([hidden]){
    display:block!important;
  }
  .hux-about .hux-projects .hux-project-card img,
  .hux-about .hux-projects .hux-project-card .hux-img-placeholder{
    height:120px!important;
  }
  .hux-about .hux-projects .hux-project-body{
    padding:13px 11px!important;
  }
  .hux-about .hux-projects .hux-project-body h3{
    font-size:15px!important;
    line-height:1.3!important;
    margin-bottom:7px!important;
  }
  .hux-about .hux-projects .hux-project-body>span{
    font-size:12.5px!important;
    margin-bottom:13px!important;
  }
  .hux-about .hux-projects .hux-project-body strong{
    font-size:13px!important;
  }
  .hux-about .hux-projects .hux-project-body li{
    font-size:12px!important;
    line-height:1.4!important;
  }
}


/* v1.0.15.49: Mobile danh mục công trình dạng select xổ xuống */
.hux-project-select-wrap{
  display:none;
  max-width:420px;
  margin:22px auto 24px;
}
.hux-project-select-label{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  font-weight:700;
  color:#667085;
}
.hux-project-select-inner{
  position:relative;
}
.hux-project-select-inner:after{
  content:"";
  position:absolute;
  right:16px;
  top:50%;
  width:10px;
  height:10px;
  margin-top:-7px;
  border-right:2px solid var(--hux-brand);
  border-bottom:2px solid var(--hux-brand);
  transform:rotate(45deg);
  pointer-events:none;
}
.hux-project-select{
  width:100%;
  min-height:48px;
  border:1px solid rgba(17,24,39,.12);
  border-radius:14px;
  background:#fff;
  padding:0 44px 0 16px;
  font-family:"UTM Avo",Arial,sans-serif!important;
  font-size:15px;
  font-weight:700;
  color:var(--hux-dark);
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  box-shadow:0 8px 22px rgba(17,24,39,.06);
}
.hux-project-select:focus{
  outline:none;
  border-color:rgba(51,204,51,.55);
  box-shadow:0 0 0 3px rgba(51,204,51,.12);
}
@media (max-width: 680px){
  .hux-about .hux-projects .hux-project-tabs{
    display:none!important;
  }
  .hux-about .hux-projects .hux-project-select-wrap{
    display:block!important;
    max-width:none;
    margin:20px 0 20px!important;
  }
}


/* v1.0.15.51: Căn trái heading và mô tả section Lĩnh vực hoạt động */
.hux-about .hux-activities .hux-section-head{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.hux-about .hux-activities .hux-section-head p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.hux-about .hux-activities .hux-section-title-fixed{
  align-items:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}


/* v1.0.15.52: Chuẩn hóa responsive PC cho section Văn hoá Hunonic */
@media (min-width:1025px){
  .hux-about .hux-culture{
    width:calc(100% - 32px)!important;
    max-width:var(--hux-width)!important;
    display:grid!important;
    grid-template-columns:minmax(0,44%) minmax(0,1fr)!important;
    gap:clamp(28px,3.2vw,50px)!important;
    align-items:stretch!important;
  }
  .hux-about .hux-culture .hux-culture-photo,
  .hux-about .hux-culture .hux-culture-content{
    min-width:0!important;
  }
  .hux-about .hux-culture .hux-culture-photo{
    position:relative!important;
    min-height:620px!important;
    height:100%!important;
    align-self:stretch!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .hux-about .hux-culture .hux-culture-photo>img,
  .hux-about .hux-culture .hux-culture-photo>.hux-img-placeholder{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:24px!important;
  }
  .hux-about .hux-culture .hux-culture-content{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .hux-about .hux-culture .hux-section-head{
    width:100%!important;
    max-width:none!important;
    margin:0 0 26px!important;
  }
  .hux-about .hux-culture .hux-section-head h2{
    max-width:100%!important;
    font-size:clamp(40px,3.05vw,58px)!important;
    line-height:1.08!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .hux-about .hux-culture .hux-section-head p{
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    overflow-wrap:break-word!important;
  }
  .hux-about .hux-culture .hux-value-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(12px,1.15vw,16px)!important;
    margin:0!important;
  }
  .hux-about .hux-culture .hux-value-grid article{
    min-width:0!important;
    min-height:0!important;
    padding:clamp(16px,1.35vw,22px)!important;
    overflow:hidden!important;
  }
  .hux-about .hux-culture .hux-value-grid h3,
  .hux-about .hux-culture .hux-value-grid p{
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* Cụm số liệu trên ảnh: dành thêm chiều rộng cho ô Nhà máy */
  .hux-about .hux-culture .hux-culture-stats{
    left:clamp(18px,2.1vw,30px)!important;
    right:clamp(18px,2.1vw,30px)!important;
    bottom:clamp(18px,2vw,28px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.38fr) minmax(0,.92fr)!important;
    gap:0!important;
    padding:16px 12px!important;
    overflow:hidden!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto auto minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    padding:0 12px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div:first-child{
    padding-left:4px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div:last-child{
    padding-right:4px!important;
  }
  .hux-about .hux-culture .hux-culture-stats .hux-icon{
    width:clamp(28px,2.2vw,36px)!important;
    height:clamp(28px,2.2vw,36px)!important;
  }
  .hux-about .hux-culture .hux-culture-stats strong{
    min-width:max-content!important;
    font-size:clamp(21px,1.65vw,26px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .hux-about .hux-culture .hux-culture-stats span{
    min-width:0!important;
    font-size:clamp(11px,.78vw,13px)!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

/* Laptop nhỏ: vẫn giữ 2 cột nhưng giảm độ lớn hợp lý, tránh tràn ngang */
@media (min-width:1025px) and (max-width:1280px){
  .hux-about .hux-culture{
    grid-template-columns:minmax(0,46%) minmax(0,1fr)!important;
    gap:28px!important;
  }
  .hux-about .hux-culture .hux-section-head h2{
    font-size:clamp(38px,4vw,48px)!important;
  }
  .hux-about .hux-culture .hux-section-head p{
    font-size:16px!important;
    line-height:1.55!important;
  }
  .hux-about .hux-culture .hux-value-grid article{
    padding:16px!important;
  }
  .hux-about .hux-culture .hux-value-grid h3{
    font-size:17px!important;
  }
  .hux-about .hux-culture .hux-value-grid p{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .hux-about .hux-culture .hux-culture-stats{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.5fr) minmax(0,.85fr)!important;
    padding:14px 8px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div{
    column-gap:6px!important;
    padding:0 8px!important;
  }
  .hux-about .hux-culture .hux-culture-stats span{
    font-size:11px!important;
  }
}

/* Tablet và PC cửa sổ hẹp: chuyển về một cột sạch, không cắt nội dung */
@media (min-width:681px) and (max-width:1024px){
  .hux-about .hux-culture{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .hux-about .hux-culture .hux-culture-photo{
    min-height:620px!important;
  }
  .hux-about .hux-culture .hux-culture-stats{
    grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,.95fr)!important;
  }
}


/* v1.0.15.53: Thu gọn cụm 3 số liệu trong ảnh Văn hoá Hunonic */
@media (min-width:1025px){
  .hux-about .hux-culture .hux-culture-stats{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.22fr) minmax(0,1.08fr)!important;
    padding:12px 8px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div{
    grid-template-columns:auto auto minmax(0,1fr)!important;
    column-gap:6px!important;
    padding:0 8px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div:first-child{
    padding-left:2px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div:last-child{
    padding-right:2px!important;
  }
  .hux-about .hux-culture .hux-culture-stats .hux-icon{
    width:clamp(26px,1.9vw,32px)!important;
    height:clamp(26px,1.9vw,32px)!important;
  }
  .hux-about .hux-culture .hux-culture-stats strong{
    font-size:clamp(20px,1.45vw,24px)!important;
  }
  .hux-about .hux-culture .hux-culture-stats span{
    font-size:clamp(10.5px,.72vw,12px)!important;
    line-height:1.22!important;
    overflow:visible!important;
    hyphens:none!important;
  }
}

@media (min-width:1025px) and (max-width:1280px){
  .hux-about .hux-culture .hux-culture-stats{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr) minmax(0,1.12fr)!important;
    padding:11px 6px!important;
  }
  .hux-about .hux-culture .hux-culture-stats>div{
    column-gap:5px!important;
    padding:0 6px!important;
  }
  .hux-about .hux-culture .hux-culture-stats .hux-icon{
    width:26px!important;
    height:26px!important;
  }
  .hux-about .hux-culture .hux-culture-stats strong{
    font-size:20px!important;
  }
  .hux-about .hux-culture .hux-culture-stats span{
    font-size:10.5px!important;
  }
}


/* v1.0.15.56: căn giữa chuẩn section Thông tin chính thức */
.hux-about .hux-official .hux-section-head{
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hux-about .hux-official .hux-section-head .hux-eyebrow{
  justify-content:center!important;
}
.hux-about .hux-official .hux-section-head h2{
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hux-about .hux-official .hux-section-head p{
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
}
@media (max-width:680px){
  .hux-about .hux-official .hux-section-head{
    max-width:none!important;
  }
  .hux-about .hux-official .hux-section-head p{
    max-width:none!important;
  }
}


/* v1.0.15.57: Công trình thực tế dạng slide trên PC và mobile */
.hux-about .hux-projects .hux-project-slider{
  position:relative;
  padding:0 34px;
  margin-top:6px;
}
.hux-about .hux-projects .hux-project-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:20px!important;
  padding:4px 0 12px!important;
  margin:0!important;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.hux-about .hux-projects .hux-project-grid::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.hux-about .hux-projects .hux-project-card{
  flex:0 0 calc((100% - 60px) / 4)!important;
  width:calc((100% - 60px) / 4)!important;
  min-width:calc((100% - 60px) / 4)!important;
  max-width:calc((100% - 60px) / 4)!important;
  scroll-snap-align:start;
}
.hux-about .hux-projects .hux-project-card[hidden],
.hux-about .hux-projects .hux-project-card.is-hidden{
  display:none!important;
}
.hux-about .hux-projects .hux-project-arrow{
  position:absolute;
  top:132px;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:1px solid rgba(0,179,61,.25);
  border-radius:999px;
  background:#fff;
  color:var(--hux-brand);
  font-size:20px;
  font-weight:800;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px rgba(17,24,39,.08);
  cursor:pointer;
  z-index:3;
  transition:.2s ease;
}
.hux-about .hux-projects .hux-project-arrow:hover{
  transform:translateY(-50%) scale(1.05);
}
.hux-about .hux-projects .hux-project-arrow[disabled]{
  opacity:.35;
  cursor:default;
  pointer-events:none;
}
.hux-about .hux-projects .hux-project-arrow-prev{left:0;}
.hux-about .hux-projects .hux-project-arrow-next{right:0;}
.hux-about .hux-projects .hux-project-slider.is-static .hux-project-arrow{
  opacity:.3;
}
@media (max-width: 991px){
  .hux-about .hux-projects .hux-project-card{
    flex:0 0 calc((100% - 40px) / 3)!important;
    width:calc((100% - 40px) / 3)!important;
    min-width:calc((100% - 40px) / 3)!important;
    max-width:calc((100% - 40px) / 3)!important;
  }
  .hux-about .hux-projects .hux-project-arrow{
    top:120px;
  }
}
@media (max-width: 680px){
  .hux-about .hux-projects .hux-project-slider{
    padding:0 28px;
  }
  .hux-about .hux-projects .hux-project-grid{
    gap:14px!important;
    padding:0 0 10px!important;
  }
  .hux-about .hux-projects .hux-project-card{
    flex:0 0 calc((100% - 14px) / 2)!important;
    width:calc((100% - 14px) / 2)!important;
    min-width:calc((100% - 14px) / 2)!important;
    max-width:calc((100% - 14px) / 2)!important;
  }
  .hux-about .hux-projects .hux-project-arrow{
    top:76px;
    width:24px;
    height:24px;
    font-size:17px;
  }
}


/* v1.0.15.58: tăng mũi tên PC, mở rộng card mobile và kéo trực tiếp trên toàn bộ slider */
.hux-about .hux-projects .hux-project-grid{
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y pinch-zoom;
  overscroll-behavior-x:contain;
}
.hux-about .hux-projects .hux-project-grid.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
}
.hux-about .hux-projects .hux-project-grid img{
  pointer-events:none;
  -webkit-user-drag:none;
}
@media (min-width: 992px){
  .hux-about .hux-projects .hux-project-arrow{
    width:34px;
    height:34px;
    font-size:25px;
  }
}
@media (max-width: 680px){
  .hux-about .hux-projects .hux-project-slider{
    padding:0 11px!important;
    margin-left:-8px!important;
    margin-right:-8px!important;
  }
  .hux-about .hux-projects .hux-project-grid{
    gap:8px!important;
  }
  .hux-about .hux-projects .hux-project-card{
    flex:0 0 calc((100% - 8px) / 2)!important;
    width:calc((100% - 8px) / 2)!important;
    min-width:calc((100% - 8px) / 2)!important;
    max-width:calc((100% - 8px) / 2)!important;
  }
  .hux-about .hux-projects .hux-project-arrow{
    width:20px!important;
    height:20px!important;
    font-size:14px!important;
    top:72px!important;
  }
  .hux-about .hux-projects .hux-project-arrow-prev{left:0!important;}
  .hux-about .hux-projects .hux-project-arrow-next{right:0!important;}
}

/* v1.0.15.61: căn đều hai lề nội dung Tầm nhìn - Sứ mệnh - Giá trị cốt lõi trên PC và mobile */
.hux-about .hux-vision .hux-big-card p{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:166px!important;
  margin:0!important;
  padding:0!important;
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-wrap:wrap!important;
}
.hux-about .hux-vision .hux-big-card:nth-child(1) p,
.hux-about .hux-vision .hux-big-card:nth-child(2) p,
.hux-about .hux-vision .hux-big-card:nth-child(3) p{
  max-width:100%!important;
}
@media (max-width:1200px){
  .hux-about .hux-vision .hux-big-card p{
    min-height:auto!important;
    text-align:justify!important;
    text-align-last:left!important;
  }
}
@media (max-width:680px){
  .hux-about .hux-vision .hux-big-card p{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    text-align:justify!important;
    text-align-last:left!important;
    text-justify:inter-word!important;
    word-spacing:normal!important;
  }
}


/* v1.0.15.62: cho phép chọn ảnh Hero riêng cho mobile */
@media (max-width:680px){
  .hux-about .hux-hero-stage{
    background-image:var(--hux-hero-mobile-bg)!important;
    background-position:center center!important;
    background-size:cover!important;
  }
}

/* v1.0.15.63: mobile Hero dùng ảnh vuông không bo góc; PC/tablet giữ nguyên */
@media (max-width:680px){
  .hux-about .hux-hero-stage{
    border-radius:0!important;
  }
  .hux-about .hux-hero{
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
  }
}

/* v1.0.15.64: căn ngang các hàng nội dung của 3 ô Tầm nhìn - Sứ mệnh - Giá trị cốt lõi trên PC */
.hux-about .hux-vision .hux-vision-copy{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:16.5px!important;
  line-height:1.72!important;
}
.hux-about .hux-vision .hux-vision-point{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  min-width:0!important;
}
.hux-about .hux-vision .hux-vision-point.is-bullet{
  grid-template-columns:10px minmax(0,1fr)!important;
  column-gap:10px!important;
}
.hux-about .hux-vision .hux-vision-bullet{
  display:block!important;
  color:var(--hux-text)!important;
  font-size:17px!important;
  line-height:1.72!important;
  text-align:left!important;
}
.hux-about .hux-vision .hux-vision-point-copy{
  display:block!important;
  min-width:0!important;
  color:var(--hux-text)!important;
  text-align:justify!important;
  text-align-last:left!important;
  text-justify:inter-word!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

@media (min-width:1201px){
  .hux-about .hux-vision .hux-card-grid.three{
    align-items:stretch!important;
  }
  .hux-about .hux-vision .hux-big-card{
    display:grid!important;
    grid-template-rows:96px 58px minmax(0,1fr)!important;
    align-items:start!important;
    align-content:start!important;
    min-height:470px!important;
  }
  .hux-about .hux-vision .hux-big-card .hux-icon-ring.large{
    grid-row:1!important;
    align-self:start!important;
    justify-self:center!important;
    margin:0 auto!important;
  }
  .hux-about .hux-vision .hux-big-card h3{
    grid-row:2!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    align-self:start!important;
  }
  .hux-about .hux-vision .hux-vision-copy{
    grid-row:3!important;
    display:grid!important;
    grid-auto-rows:minmax(106px,auto)!important;
    row-gap:12px!important;
    align-content:start!important;
    min-height:224px!important;
  }
  .hux-about .hux-vision .hux-vision-point{
    min-height:106px!important;
  }
}

@media (max-width:1200px){
  .hux-about .hux-vision .hux-vision-copy{
    display:grid!important;
    gap:18px!important;
    min-height:0!important;
    font-size:16.5px!important;
    line-height:1.68!important;
  }
  .hux-about .hux-vision .hux-vision-point{
    min-height:0!important;
  }
}

@media (max-width:680px){
  .hux-about .hux-vision .hux-vision-copy{
    gap:16px!important;
    font-size:16px!important;
    line-height:1.62!important;
  }
  .hux-about .hux-vision .hux-vision-bullet{
    line-height:1.62!important;
  }
}