:root {
  --green: #39b54a;
  --green-dark: #248d34;
  --ink: #151817;
  --ink-soft: #2a302d;
  --paper: #f5f5f1;
  --white: #ffffff;
  --line: #d8ddd7;
  --muted: #67706b;
  --mono: 'DM Mono', monospace;
  --sans: 'Montserrat', Arial, sans-serif;
  --serif: var(--heading);
  --wrap: min(1360px, calc(100vw - 80px));
  --ease: cubic-bezier(.23,1,.32,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.wrap { width: var(--wrap); margin: 0 auto; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; position: absolute; word-wrap: normal !important; }
.skip-link:focus { background: var(--white); clip: auto; clip-path: none; color: var(--ink); height: auto; left: 20px; padding: 12px; top: 20px; width: auto; z-index: 1000; }
.site-main { overflow: hidden; }
.section { padding: 132px 0; }
.section-label, .hero__eyebrow, .card-index { display: inline-flex; align-items: center; gap: 8px; color: var(--green-dark); font: 500 10px/1.4 var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.section-label::before { content: ''; width: 22px; height: 1px; background: currentColor; }
.section-label--light { color: #d8f7dc; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.055em; }
h1 { font-size: clamp(48px, 6.2vw, 100px); line-height: .97; font-weight: 800; }
h2 { font-size: clamp(36px, 4.3vw, 66px); line-height: 1; font-weight: 800; }
h3 { font-size: 22px; line-height: 1.05; font-weight: 700; }
p { color: var(--muted); font-size: 16px; line-height: 1.65; }
.entry-content { font-size: 16px; line-height: 1.8; }
.entry-content > * { max-width: 780px; }
.entry-content h2 { margin: 64px 0 22px; font-size: 38px; }
.entry-content h3 { margin: 38px 0 14px; }
.entry-content p, .entry-content ul, .entry-content ol { margin-bottom: 24px; }
.entry-content a { color: var(--green-dark); text-decoration: underline; text-underline-offset: 4px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; min-height: 51px; padding: 0 17px 0 22px; border: 1px solid transparent; font: 700 11px/1 var(--sans); letter-spacing: .045em; text-transform: uppercase; transition: transform .18s var(--ease), background .18s var(--ease), color .18s var(--ease), border-color .18s var(--ease); }
.button b { font: 400 20px/1 var(--mono); }
.button:hover { transform: translateY(-2px); }
.button:active { transform: scale(.97); }
.button--primary { background: var(--green); color: #061f0b; }
.button--primary:hover { background: #54c663; }
.button--dark { background: var(--ink); color: var(--white); }
.button--dark:hover { background: var(--ink-soft); }
.button--white { background: var(--white); color: var(--ink); }
.button--line-light { border-color: rgba(255,255,255,.65); color: var(--white); }
.button--line-light:hover { background: var(--white); color: var(--ink); }
.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.text-link span { color: var(--green-dark); font: 400 18px/1 var(--mono); transition: transform .18s var(--ease); }
.text-link:hover span { transform: translate(3px,-3px); }

/* Header */
.site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: var(--white); transition: background .2s var(--ease), color .2s var(--ease), box-shadow .2s var(--ease); }
.site-header.is-scrolled { position: fixed; background: rgba(255,255,255,.94); color: var(--ink); box-shadow: 0 8px 30px rgba(14,21,16,.08); backdrop-filter: blur(12px); }
.site-header:not(.is-scrolled) .brand__logo { filter: brightness(0) invert(1); }
body:not(.home) .site-header { position: relative; background: var(--white); color: var(--ink); }
body:not(.home) .site-header .brand__logo { filter: none; }
.site-header__inner { display: flex; min-height: 82px; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.06em; }
.brand .custom-logo, .brand__logo { display:block; width:142px; max-height:49px; height:auto; object-fit:contain; }
.brand__mark { position: relative; display: inline-grid; place-items: center; width: 30px; height: 30px; border: 2px solid currentColor; font-size: 20px; line-height: 1; font-weight: 900; letter-spacing: -.19em; transform: skewX(-12deg); }
.brand__mark span { position: absolute; right: -2px; bottom: 2px; width: 8px; height: 8px; background: var(--green); }
.brand__word { font-size: 21px; }
.main-nav { display: flex; align-items: center; gap: 32px; }
.main-nav__list, .footer-links { display: flex; gap: 25px; margin: 0; padding: 0; list-style: none; }
.main-nav__list a { font-size: 11px; font-weight: 600; letter-spacing: .025em; text-transform: uppercase; }
.main-nav__list a:hover { color: var(--green); }
.nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 13px; border: 1px solid currentColor; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; transition: background .18s var(--ease), color .18s var(--ease); }
.nav-cta:hover { background: var(--green); border-color: var(--green); color: #102016; }
.nav-cta span { font-size: 17px; line-height: .8; }
.menu-toggle { display: none; padding: 7px 0 7px 8px; border: 0; background: transparent; color: inherit; }
.menu-toggle > span:not(.screen-reader-text) { display: block; width: 25px; height: 1px; margin: 5px 0; background: currentColor; }

/* Trang chủ hero */
.hero { min-height: 830px; color: var(--white); background: #151817; background-image: linear-gradient(90deg, rgba(9,13,11,.94) 0%, rgba(9,13,11,.85) 34%, rgba(9,13,11,.28) 72%, rgba(9,13,11,.12) 100%), var(--hero-image); background-position: center; background-size: cover; }
.hero__inner { position: relative; display: flex; min-height: 830px; align-items: center; }
.hero__copy { width: min(650px, 58%); padding-top: 70px; }
.hero__eyebrow { margin: 0 0 26px; color: #d7f3da; }
.hero__eyebrow::before { content: '//'; color: var(--green); letter-spacing: 0; }
.hero h1 { margin-bottom: 29px; }
.hero__intro { max-width: 545px; color: rgba(255,255,255,.75); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px; }
.hero__index { position: absolute; right: 0; bottom: 37px; display: flex; align-items: center; gap: 15px; color: rgba(255,255,255,.7); font: 400 11px/1 var(--mono); letter-spacing: .08em; }
.hero__index > span { color: var(--green); font-size: 15px; }
.hero__index i { width: 82px; height: 1px; background: rgba(255,255,255,.45); }
.hero__index small { font: inherit; font-size: 9px; }

/* Reusable headings */
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 44px; margin-bottom: 65px; }
.section-heading h2 { max-width: 770px; margin: 16px 0 0; }
.section-heading > p { width: 32%; max-width: 400px; margin: 0; }
.section-heading--compact { align-items: start; }

/* Ecosystem */
.ecosystem { background: var(--white); }
.ecosystem-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.ecosystem-card { display: flex; min-height: 490px; flex-direction: column; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); transition: background .25s var(--ease); }
.ecosystem-card:hover { background: #fafbf9; }
.ecosystem-card__image { position: relative; display: block; height: 255px; overflow: hidden; background: #edf0eb; }
.ecosystem-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.ecosystem-card:hover img { transform: scale(1.045); }
.card-figure { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #dce3dd, #edf0eb 55%, #cfd9d1); }
.card-figure--1 { background: linear-gradient(140deg, #d5ddd6 0 28%, transparent 28%), linear-gradient(45deg, transparent 0 30%, #24342a 30% 34%, transparent 34%), linear-gradient(155deg, #eff4ef, #bdc9c0); }
.card-figure--2 { background: radial-gradient(ellipse at 63% 40%, #1c2620 0 17%, transparent 17.5%), radial-gradient(ellipse at 62% 40%, transparent 0 25%, #aac4ad 25.5% 27%, transparent 27.5%), linear-gradient(130deg,#f0f2ed,#d2ddd2); }
.card-figure--3 { background: repeating-linear-gradient(145deg, #cad6cc 0 14px, #e8eee8 14px 27px); }
.card-figure--4 { background: linear-gradient(45deg, transparent 46%, #44a853 46% 50%, transparent 50%), repeating-linear-gradient(90deg,#dae3db 0 21px,#eef2ef 21px 44px); }
.card-figure--5 { background: linear-gradient(90deg,#c8d0c9 0 16%,transparent 16% 20%,#e9ede8 20% 42%,transparent 42% 46%,#b2c1b4 46% 61%,transparent 61% 65%,#e9ede8 65%); }
.card-figure--6 { background: radial-gradient(circle at 24% 63%, #3ead4e 0 4px, transparent 5px), radial-gradient(circle at 62% 35%, #3ead4e 0 4px, transparent 5px), radial-gradient(circle at 80% 67%, #3ead4e 0 4px, transparent 5px), linear-gradient(148deg, transparent 48%, #91a594 48.5% 49.5%, transparent 50%), linear-gradient(32deg, transparent 49%, #91a594 49.5% 50.5%, transparent 51%), #e8eee9; }
.ecosystem-card__content { position: relative; display: flex; flex: 1; flex-direction: column; padding: 24px 27px 28px; }
.ecosystem-card__content h3 { margin: 8px 0 13px; }
.ecosystem-card__content p { margin-bottom: 22px; font-size: 13px; }
.ecosystem-card__content .text-link { margin-top: auto; }
.card-index { color: var(--green-dark); }

/* Process */
.process-section { background: var(--ink); color: var(--white); }
.process-section .section-heading p { color: rgba(255,255,255,.62); }
.process-list { display: grid; grid-template-columns: repeat(9, 1fr); padding: 0; margin: 82px 0 0; list-style: none; }
.process-list li { position: relative; display: flex; min-height: 168px; flex-direction: column; padding: 22px 14px; border-top: 1px solid rgba(255,255,255,.32); border-right: 1px solid rgba(255,255,255,.14); }
.process-list li::after { position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 99px; background: var(--green); content: ''; }
.process-list span { color: var(--green); font: 400 11px/1 var(--mono); }
.process-list strong { max-width: 100px; margin-top: auto; font-size: 13px; line-height: 1.23; }

/* Catalogue */
.catalogue-section { background: var(--paper); }
.catalogue-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.product-card { min-width: 0; }
.product-card__visual { position: relative; display: block; aspect-ratio: 1/1.04; overflow: hidden; background: #e5e9e4; }
.product-card__visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.product-card:hover img { transform: scale(1.04); }
.product-card__placeholder { display: block; width: 100%; height: 100%; background: radial-gradient(ellipse at 59% 46%, #263129 0 16%, transparent 16.5%), radial-gradient(ellipse at 63% 58%, #4ab857 0 5%, transparent 5.5%), linear-gradient(135deg,#e9ece8,#c7d0c7); }
.product-card__arrow { position: absolute; right: 13px; top: 13px; display: grid; width: 34px; height: 34px; place-items: center; background: var(--white); font: 400 18px/1 var(--mono); opacity: 0; transform: translate(5px,5px); transition: opacity .2s var(--ease), transform .2s var(--ease); }
.product-card:hover .product-card__arrow { opacity: 1; transform: none; }
.product-card__meta { display: flex; justify-content: space-between; gap: 14px; padding: 19px 0 14px; border-bottom: 1px solid var(--line); }
.product-card__meta span { color: var(--muted); font: 400 9px/1.4 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.product-card__meta h3, .product-card__meta h2 { margin: 6px 0 0; font-size: 17px; }
.product-card__code { padding-top: 4px; color: var(--muted); font: 400 8px/1.45 var(--mono); letter-spacing: .045em; text-align: right; }
.product-card__spec { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 13px 0 0; }
.product-card__spec dt { color: var(--muted); font: 400 8px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.product-card__spec dd { margin: 4px 0 0; font-size: 10px; line-height: 1.35; }
.catalogue-empty { padding: 55px; border: 1px solid var(--line); }

/* Đế giày */
.outsole-feature { display: grid; min-height: 710px; grid-template-columns: 1.04fr .96fr; background: var(--white); }
.outsole-feature__image { min-height: 600px; background-position: center; background-size: cover; }
.outsole-feature__panel { align-self: center; max-width: 620px; padding: 85px clamp(40px, 8vw, 130px) 85px 8vw; }
.outsole-feature__panel h2 { margin: 17px 0 23px; }
.capability-tags, .solution-points { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 28px 0; list-style: none; }
.capability-tags li { padding: 8px 10px; border: 1px solid var(--line); font: 500 10px/1 var(--mono); }
.feature-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 36px 0; }
.feature-columns ul { padding: 0; margin: 0; list-style: none; }
.feature-columns li { padding: 10px 0; border-top: 1px solid var(--line); font-size: 12px; font-weight: 600; }
.feature-columns li::before, .check-list li::before { color: var(--green); content: '↗'; margin-right: 8px; font-family: var(--mono); }

/* Nhà máy */
.factory-section { background: var(--paper); }
.factory-section__grid { display: grid; grid-template-columns: 1.13fr .87fr; gap: clamp(35px,8vw,128px); align-items: center; }
.factory-section__image { position: relative; }
.factory-section__image img { width: 100%; min-height: 570px; object-fit: cover; }
.image-caption { position: absolute; left: 0; bottom: 0; padding: 14px 18px; background: var(--ink); color: var(--white); font: 400 9px/1.3 var(--mono); letter-spacing: .08em; }
.factory-section__copy h2 { margin: 18px 0 22px; }
.verification-list { margin-top: 41px; }
.verification-list > div { display: grid; grid-template-columns: 38px 1fr; padding: 17px 0; border-top: 1px solid var(--line); }
.verification-list span { grid-row: span 2; color: var(--green-dark); font: 400 10px/1 var(--mono); }
.verification-list b { font-size: 13px; }
.verification-list p { margin: 6px 0 0; font-size: 12px; }

/* Nhà máy Giải pháp */
.factory-solution { padding: 120px 0; color: var(--white); background: linear-gradient(90deg,rgba(17,24,20,.95),rgba(17,24,20,.77)), url('../images/vietcha-machinery.webp') center/cover; }
.factory-solution__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; }
.factory-solution h2 { margin: 16px 0 0; }
.factory-solution p { max-width: 600px; color: rgba(255,255,255,.72); }
.solution-points { margin: 31px 0 38px; }
.solution-points li { padding: 10px 12px; border: 1px solid rgba(255,255,255,.36); color: rgba(255,255,255,.94); font: 400 10px/1 var(--mono); }

/* Sourcing */
.sourcing-section { background: var(--white); }
.sourcing-section__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(48px,10vw,170px); align-items: center; }
.sourcing-section h2 { margin: 17px 0 22px; }
.network-diagram { position: relative; min-height: 420px; border: 1px solid var(--line); background: linear-gradient(90deg, transparent 49.9%, #edf1ed 50%), linear-gradient(0deg, transparent 49.9%, #edf1ed 50%); background-size: 52px 52px; }
.network-diagram b { position: absolute; top: calc(50% - 30px); left: calc(50% - 78px); display: grid; width: 156px; height: 60px; place-items: center; background: var(--ink); color: var(--white); font-size: 14px; letter-spacing: -.05em; }
.network-node { position: absolute; z-index: 2; padding: 11px 12px; background: var(--white); border: 1px solid var(--line); font: 500 10px/1.2 var(--mono); text-align: center; }
.network-node::before { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--green); content: ''; }
.network-node--vn { top: 68px; left: 38px; }
.network-node--cn { right: 33px; bottom: 80px; }
.network-node--global { top: 49px; right: 42px; }
.network-line { position: absolute; top: 50%; left: 50%; width: 1px; height: 145px; background: var(--green); transform-origin: top; opacity: .7; }
.network-line--one { transform: rotate(-53deg); }
.network-line--two { transform: rotate(51deg); }
.network-line--three { transform: rotate(8deg); height: 148px; }
.check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 27px; padding: 0; margin: 30px 0 39px; list-style: none; }
.check-list li { padding: 10px 0; border-top: 1px solid var(--line); font-size: 12px; font-weight: 600; }

/* Cases / Kiến thức */
.case-section { background: var(--paper); }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.case-card__image { display: block; height: 330px; overflow: hidden; background: #dce4dc; }
.case-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.case-card:hover img { transform: scale(1.04); }
.case-card__image > span { display: block; width: 100%; height: 100%; background: linear-gradient(140deg,#d2dcd3,#edf1ed); }
.case-card > div { padding: 20px 0; }
.case-card span, .knowledge-card span { color: var(--green-dark); font: 400 9px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.case-card h3 { margin: 8px 0; }
.case-card p { margin-bottom: 0; font-size: 13px; }
.case-framework { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.case-framework > div { min-height: 250px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-framework span { color: var(--green-dark); font: 400 11px/1 var(--mono); }
.case-framework h3 { margin: 38px 0 8px; }
.case-framework p { font-size: 13px; }
.knowledge-section { background: var(--white); }
.knowledge-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.knowledge-card__image { display: block; height: 255px; overflow: hidden; background: #dee6de; }
.knowledge-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.knowledge-card:hover img { transform: scale(1.04); }
.knowledge-card__image span { display: block; width: 100%; height: 100%; background: linear-gradient(120deg,#cbd7cd 0 30%,#ebf0eb 30% 60%,#aab8ad 60%); }
.knowledge-card > div { padding: 19px 0; }
.knowledge-card h3, .knowledge-card h2 { margin: 9px 0 19px; font-size: 22px; }
.knowledge-card p { font-size: 13px; }
.knowledge-topics { display: grid; grid-template-columns: repeat(6,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.knowledge-topics a { padding: 38px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13px; font-weight: 700; transition: color .18s, background .18s; }
.knowledge-topics a:hover { background: var(--ink); color: var(--white); }

/* Footer */
.site-footer { color: var(--white); background: var(--ink); }
.footer-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 100px 0 90px; border-bottom: 1px solid rgba(255,255,255,.18); }
.footer-cta h2 { max-width: 650px; margin: 16px 0 0; }
.footer-cta__action { align-self: end; }
.footer-cta p { max-width: 430px; color: rgba(255,255,255,.62); }
.footer-cta .button { margin-top: 19px; }
.footer-grid { display: grid; grid-template-columns: 2.2fr 1fr 1fr 1.35fr; gap: 42px; padding: 64px 0; }
.brand--footer { color: var(--white); }
.footer-brand p { max-width: 250px; margin: 19px 0; color: rgba(255,255,255,.61); font-size: 13px; }
.footer-statement { color: var(--green); font: 400 9px/1.5 var(--mono); letter-spacing: .08em; }
.site-footer h3 { margin: 0 0 19px; color: var(--green); font: 500 10px/1.4 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.footer-links { display: block; }
.footer-links li { margin-bottom: 11px; }
.footer-links a, .footer-contact a { color: rgba(255,255,255,.8); font-size: 12px; }
.footer-links a:hover, .footer-contact a:hover { color: var(--green); }
.footer-contact { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.footer-contact p { margin: 0 0 4px; color: rgba(255,255,255,.61); font-size: 12px; line-height: 1.55; }
.footer-placeholder { margin-top: 11px !important; color: rgba(255,255,255,.34) !important; font-size: 9px !important; }
.footer-base { display: flex; justify-content: space-between; padding: 21px 0; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.4); font: 400 9px/1.3 var(--mono); letter-spacing: .06em; }
.footer-base a:hover { color: var(--green); }

/* Generic pages / archive */
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 26px; color: #7b847d; font: 400 10px/1.5 var(--mono); }
.breadcrumbs a { color: inherit; }
.breadcrumbs a:hover { color: var(--green-dark); }
.page-hero, .archive-hero { padding: 180px 0 95px; background: var(--white); }
.page-hero h1, .archive-hero h1 { max-width: 980px; margin: 17px 0 20px; }
.page-hero p, .archive-hero p { max-width: 690px; font-size: 18px; }
.archive-hero--catalogue { color: var(--white); background: linear-gradient(90deg,rgba(15,23,18,.94),rgba(15,23,18,.55)), url('../images/vietcha-materials.webp') center/cover; }
.archive-hero--catalogue .breadcrumbs, .archive-hero--catalogue p { color: rgba(255,255,255,.65); }
.archive-grid-section { background: var(--paper); }
.archive-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.archive-card__image { display: block; height: 265px; overflow: hidden; background: #dce3dd; }
.archive-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.archive-card:hover img { transform: scale(1.04); }
.archive-card__image span { display:block; width:100%; height:100%; background:linear-gradient(135deg,#d4ddd4,#eef1ed); }
.archive-card > div { padding: 20px 0; }
.archive-card > div > span { color: var(--green-dark); font: 400 9px/1.2 var(--mono); letter-spacing:.08em; }
.archive-card h2 { margin: 9px 0 12px; font-size: 25px; }
.archive-card p { font-size: 13px; }
.catalogue-filters, .knowledge-filter { background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.catalogue-filters .wrap, .knowledge-filter .wrap { display: flex; overflow-x: auto; }
.catalogue-filters a, .knowledge-filter a { flex: 0 0 auto; padding: 18px 20px; border-right: 1px solid var(--line); font: 500 10px/1.3 var(--mono); text-transform: uppercase; }
.catalogue-filters a:first-child, .knowledge-filter a:first-child { border-left: 1px solid var(--line); }
.catalogue-filters a:hover, .catalogue-filters a.is-active, .knowledge-filter a:hover { background: var(--ink); color: var(--white); }
.catalogue-listing { background: var(--paper); }
.knowledge-grid--archive { grid-template-columns: repeat(3,1fr); }
.pagination { margin-top: 65px; }
.pagination .page-numbers { display: flex; gap: 9px; padding: 0; list-style: none; }
.pagination a, .pagination span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line); font-size: 11px; }
.pagination .current { background: var(--ink); color: var(--white); }
.article-single__head { max-width: 1030px; padding-top: 175px; padding-bottom: 60px; }
.article-single__head h1 { margin: 17px 0 24px; }
.article-single__head > p { max-width: 670px; font-size: 18px; }
.article-single__image { max-width: 1160px; }
.article-single__image img { width: 100%; max-height: 660px; object-fit: cover; }
.article-single__body { max-width: 800px; padding: 75px 0 130px; }

/* Project form */
.content-wrap { min-height: 420px; }
.inquiry-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; }
.inquiry-layout h2 { margin: 17px 0 22px; font-size: clamp(36px,4vw,58px); }
.project-form { padding: 32px; background: var(--white); border: 1px solid var(--line); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 19px 15px; }
.project-form label { display: flex; flex-direction: column; gap: 8px; color: var(--ink); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.project-form input, .project-form select, .project-form textarea { width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #cbd2cc; border-radius: 0; background: transparent; color: var(--ink); font: 400 13px/1.4 var(--sans); letter-spacing: 0; text-transform: none; outline: none; }
.project-form textarea { min-height: 126px; resize: vertical; }
.project-form input:focus, .project-form select:focus, .project-form textarea:focus { border-color: var(--green-dark); }
.form-span { margin-top: 20px; }
.file-label { padding: 15px 16px; border: 1px dashed #b3bcb5; }
.file-label input { padding: 0; border: 0; font-size: 11px; }
.project-form .button { margin-top: 25px; border: 0; }
.form-notice { margin-bottom: 18px; padding: 14px 16px; font-size: 13px; line-height:1.5; }
.form-notice--success { background:#e3f8e6; color:#1c6628; }
.form-notice--error { background:#fff0ee; color:#a33125; }
.contact-block { margin-top: 70px; padding: 35px; background: var(--white); }
.contact-block h2 { margin-bottom: 25px; font-size: 34px; }
.contact-block dl { display: grid; gap: 0; margin: 0; }
.contact-block dl > div { display: grid; grid-template-columns: 190px 1fr; padding: 12px 0; border-top: 1px solid var(--line); }
.contact-block dt { color: var(--muted); font: 400 10px/1.4 var(--mono); text-transform: uppercase; }
.contact-block dd { margin: 0; font-size: 14px; }

/* Catalogue single */
.catalogue-single { background: var(--white); }
.catalogue-single > .wrap { padding-top: 148px; }
.catalogue-single__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(50px,7vw,120px); padding-bottom: 100px; }
.catalogue-single__main-image { overflow: hidden; background:#e9ede8; }
.catalogue-single__main-image img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.gallery-label { display: block; margin-top: 11px; color: var(--muted); font: 400 9px/1.3 var(--mono); letter-spacing:.08em; }
.catalogue-single__summary { padding-top: 35px; }
.catalogue-single__summary h1 { margin: 16px 0 11px; font-size: clamp(42px,5vw,72px); }
.product-code { color: var(--green-dark); font: 500 11px/1.4 var(--mono); letter-spacing:.07em; }
.entry-intro { margin: 24px 0 32px; color: var(--muted); font-size: 16px; line-height:1.65; }
.tech-specs { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--line); }
.tech-specs > div { padding: 13px 9px 13px 0; border-bottom: 1px solid var(--line); }
.tech-specs > div:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--line); }
.tech-specs dt { color: var(--muted); font: 400 9px/1.25 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.tech-specs dd { margin: 5px 0 0; font-size: 12px; font-weight:600; line-height:1.45; }
.product-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.download-link { display: inline-block; margin-top: 22px; color: var(--green-dark); font: 500 10px/1.2 var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.catalogue-single__content { background: var(--paper); }
.narrow-content { max-width: 870px; }
.application-block { padding: 100px 0; color: var(--white); background: var(--ink); }
.application-block .wrap { display:grid; grid-template-columns:1fr 1fr; gap: 100px; }
.application-block h2 { margin:15px 0 0; }
.application-block p { color:rgba(255,255,255,.65); }

/* Đế giày single */
.outsole-single > .wrap { padding-top:148px; }
.outsole-single__head { display:flex; align-items:end; justify-content:space-between; gap:50px; padding-bottom:55px; }
.outsole-single__head h1 { margin:16px 0; }
.outsole-single__head p { max-width:650px; margin:0; }
.outsole-views { display:grid; grid-template-columns:1.08fr .92fr; gap:18px; }
.outsole-views figure { margin:0; background:#e9ede8; }
.outsole-views figure img { width:100%; height:100%; aspect-ratio:1/1; object-fit:cover; }
.outsole-views figcaption { padding:13px; color:var(--muted); font:400 9px/1.4 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.outsole-technical-view { display:flex; flex-direction:column; }
.technical-grid { position:relative; flex:1; min-height:430px; overflow:hidden; background: linear-gradient(90deg, transparent 49.8%, #c3cec5 50%, transparent 50.2%), linear-gradient(0deg, transparent 49.8%, #c3cec5 50%, transparent 50.2%); background-size: 50px 50px; }
.technical-grid::before { position:absolute; inset:12% 17%; border:1px solid #3a443d; border-radius:48% 52% 45% 55% / 45% 47% 53% 55%; content:''; transform:rotate(-24deg); }
.technical-grid::after { position:absolute; inset:25% 30%; border:1px dashed var(--green-dark); border-radius:48% 52% 45% 55% / 45% 47% 53% 55%; content:''; transform:rotate(-24deg); }
.technical-grid b { position:absolute; right:14px; top:14px; color:var(--green-dark); font:500 10px/1.3 var(--mono); letter-spacing:.1em; text-align:right; }
.outsole-spec-layout { display:grid; grid-template-columns:.86fr 1.14fr; gap:85px; padding:105px 0; }
.outsole-spec-layout h2 { margin:16px 0 22px; }
.tech-specs--dark { background:var(--ink); color:var(--white); padding:10px 25px; border-color:rgba(255,255,255,.2); }
.tech-specs--dark > div { border-color:rgba(255,255,255,.18); }
.tech-specs--dark > div:nth-child(even) { border-color:rgba(255,255,255,.18); }
.tech-specs--dark dt { color:rgba(255,255,255,.48); }
.outsole-documents { padding:55px; background:var(--paper); }
.outsole-documents h2 { margin:15px 0 30px; font-size:38px; }
.outsole-documents > div { display:flex; flex-wrap:wrap; gap:12px; }
.document-tile { display:grid; grid-template-columns:45px 1fr 25px; min-width:280px; align-items:center; gap:12px; padding:17px; border:1px solid var(--line); background:var(--white); }
.document-tile b { color:var(--green-dark); font:500 10px/1 var(--mono); }
.document-tile span { font-size:12px; font-weight:700; }
.document-tile i { font-style:normal; font-size:18px; }

/* Giải pháp / Case */
.solution-hero { padding: 150px 0 85px; color:var(--white); background:var(--ink); }
.solution-hero .wrap { display:grid; grid-template-columns:1fr .82fr; gap:80px; align-items:end; }
.solution-hero .breadcrumbs { color:rgba(255,255,255,.55); }
.solution-hero h1 { margin:16px 0 21px; }
.solution-hero p { max-width:600px; color:rgba(255,255,255,.68); }
.solution-hero .button { margin-top:21px; }
.solution-hero__image { height:390px; overflow:hidden; }
.solution-hero__image img { width:100%; height:100%; object-fit:cover; }
.solution-content { background:var(--white); }
.solution-content__grid { display:grid; grid-template-columns:220px 1fr; gap:90px; }
.solution-content aside { display:flex; flex-direction:column; gap:14px; padding-top:6px; }
.solution-content aside span { color:var(--green-dark); font:400 11px/1 var(--mono); }
.solution-content aside a { padding-bottom:11px; border-bottom:1px solid var(--line); font-size:11px; font-weight:700; }
.solution-process { margin-top:85px; padding:52px; background:var(--paper); }
.solution-process h2 { margin:15px 0 31px; font-size:43px; }
.solution-process ol { padding:0; margin:0; list-style:none; }
.solution-process li { display:grid; grid-template-columns:60px 1fr; padding:17px 0; border-top:1px solid var(--line); }
.solution-process b { color:var(--green-dark); font:400 10px/1.5 var(--mono); }
.solution-process span { font-size:14px; font-weight:600; }
.solution-technical { padding:70px 0; }
.solution-technical p { max-width:650px; }
.solution-inquiry { padding:52px; color:var(--white); background:var(--green-dark); }
.solution-inquiry h2 { margin:15px 0 31px; }
.case-single__hero { padding:150px 0 90px; color:var(--white); background:var(--ink); }
.case-single__hero .wrap { display:flex; align-items:end; justify-content:space-between; gap:60px; }
.case-single__hero .breadcrumbs { color:rgba(255,255,255,.55); }
.case-single__hero h1 { margin:16px 0 22px; }
.case-single__hero p { max-width:720px; color:rgba(255,255,255,.66); }
.case-single__type { max-width:220px; padding:16px; border:1px solid rgba(255,255,255,.28); color:var(--green); font:400 10px/1.5 var(--mono); }
.case-single__image { margin-top:-44px; }
.case-single__image img { width:100%; max-height:620px; object-fit:cover; }
.case-story { display:grid; grid-template-columns:1.02fr .98fr; gap:100px; }
.case-story__facts { border-top:1px solid var(--line); }
.case-story__facts section { padding:17px 0; border-bottom:1px solid var(--line); }
.case-story__facts span { color:var(--green-dark); font:500 9px/1.2 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.case-story__facts p { margin:8px 0 0; font-size:13px; }
.not-found { padding:220px 0 160px; min-height:70vh; background:var(--white); }
.not-found h1 { max-width:900px; margin:17px 0 22px; }
.not-found p { max-width:570px; }
.not-found .button { margin-top:20px; }

[data-reveal] { transition: opacity .6s var(--ease), transform .6s var(--ease); }
@media (prefers-reduced-motion: no-preference) { [data-reveal] { opacity:0; transform:translateY(15px); } [data-reveal].is-visible { opacity:1; transform:none; } }

/* Tablet */
@media (max-width: 1100px) {
  :root { --wrap: min(100vw - 48px, 1040px); }
  .main-nav { gap:19px; }
  .main-nav__list { gap:16px; }
  .main-nav__list a { font-size:10px; }
  .ecosystem-card { min-height:450px; }
  .process-list { grid-template-columns:repeat(5,1fr); }
  .process-list li:nth-child(5) { border-right:0; }
  .catalogue-grid { grid-template-columns:repeat(2,1fr); gap:28px 18px; }
  .factory-solution__grid, .application-block .wrap { gap:50px; }
  .knowledge-topics { grid-template-columns:repeat(3,1fr); }
}

/* Mobile */
@media (max-width: 760px) {
  :root { --wrap: calc(100vw - 38px); }
  .section { padding:78px 0; }
  h1 { font-size: clamp(43px, 12vw, 64px); }
  h2 { font-size: clamp(34px, 9vw, 48px); }
  p { font-size:14px; }
  .site-header { position:absolute; }
  .site-header.is-scrolled { position:fixed; }
  .site-header__inner { min-height:68px; }
  .brand__mark { width:27px; height:27px; font-size:18px; } .brand .custom-logo, .brand__logo { width:126px; max-height:43px; }
  .brand__word { font-size:19px; }
  .menu-toggle { display:block; }
  .main-nav { position:fixed; top:68px; right:0; bottom:0; left:0; display:flex; visibility:hidden; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; padding:30px 19px; background:var(--ink); color:var(--white); opacity:0; transform:translateY(-8px); transition:opacity .2s var(--ease), transform .2s var(--ease), visibility .2s; }
  .main-nav.is-open { visibility:visible; opacity:1; transform:none; }
  .main-nav__list { display:block; }
  .main-nav__list li { border-bottom:1px solid rgba(255,255,255,.18); }
  .main-nav__list a { display:block; padding:19px 0; font-size:17px; }
  .nav-cta { margin-top:25px; align-self:flex-start; }
  .hero { min-height:720px; background-image:linear-gradient(90deg,rgba(9,13,11,.93),rgba(9,13,11,.65)),var(--hero-image); background-position:61% center; }
  .hero__inner { min-height:720px; align-items:flex-end; padding-bottom:85px; }
  .hero__copy { width:100%; padding-top:0; }
  .hero__eyebrow { margin-bottom:18px; }
  .hero h1 { margin-bottom:19px; }
  .hero__intro { font-size:14px; }
  .hero__actions { margin-top:28px; }
  .hero__actions .button { width:100%; }
  .hero__index { right:auto; left:0; bottom:28px; }
  .hero__index small { display:none; }
  .section-heading, .section-heading--compact { display:block; margin-bottom:38px; }
  .section-heading > p { width:auto; margin-top:18px; }
  .ecosystem-grid { grid-template-columns:1fr; }
  .ecosystem-card { min-height:0; }
  .ecosystem-card__image { height:215px; }
  .ecosystem-card__content { min-height:212px; }
  .process-list { grid-template-columns:1fr 1fr; margin-top:38px; }
  .process-list li { min-height:125px; border-right:1px solid rgba(255,255,255,.14) !important; }
  .process-list li:nth-child(even) { border-right:0 !important; }
  .catalogue-grid { grid-template-columns:1fr 1fr; gap:34px 12px; }
  .product-card__meta { display:block; }
  .product-card__meta h3, .product-card__meta h2 { font-size:15px; }
  .product-card__code { display:none; }
  .product-card__spec { grid-template-columns:1fr; gap:6px; }
  .outsole-feature { display:block; }
  .outsole-feature__image { min-height:480px; }
  .outsole-feature__panel { padding:62px 19px; }
  .factory-section__grid, .factory-solution__grid, .sourcing-section__grid, .footer-cta, .footer-grid, .inquiry-layout, .catalogue-single__grid, .outsole-spec-layout, .solution-hero .wrap, .solution-content__grid, .case-story, .application-block .wrap { grid-template-columns:1fr; gap:36px; }
  .factory-section__image img { min-height:370px; }
  .factory-solution { padding:77px 0; }
  .network-diagram { min-height:320px; }
  .network-node--vn { top:45px; left:18px; }
  .network-node--cn { right:15px; bottom:42px; }
  .network-node--global { top:23px; right:18px; }
  .check-list { grid-template-columns:1fr; }
  .case-grid, .knowledge-grid, .archive-grid, .knowledge-grid--archive { grid-template-columns:1fr; gap:35px; }
  .case-card__image, .knowledge-card__image, .archive-card__image { height:240px; }
  .case-framework { grid-template-columns:1fr; }
  .knowledge-topics { grid-template-columns:1fr 1fr; }
  .footer-cta { padding:73px 0 65px; }
  .footer-grid { padding:54px 0; }
  .footer-base { gap:10px; flex-wrap:wrap; }
  .page-hero, .archive-hero { padding:125px 0 65px; }
  .page-hero p, .archive-hero p { font-size:15px; }
  .form-grid { grid-template-columns:1fr; }
  .project-form { padding:21px; }
  .contact-block { padding:23px; }
  .contact-block dl > div { grid-template-columns:1fr; gap:5px; }
  .catalogue-single > .wrap, .outsole-single > .wrap { padding-top:108px; }
  .catalogue-single__grid { padding-bottom:72px; }
  .catalogue-single__summary { padding-top:0; }
  .tech-specs { grid-template-columns:1fr; }
  .tech-specs > div:nth-child(even) { padding-left:0; border-left:0; }
  .application-block { padding:73px 0; }
  .outsole-single__head { display:block; padding-bottom:35px; }
  .outsole-single__head .product-actions { margin-top:22px; }
  .outsole-views { grid-template-columns:1fr; }
  .technical-grid { min-height:300px; }
  .outsole-spec-layout { padding:75px 0; }
  .outsole-documents { padding:29px 20px; }
  .document-tile { min-width:100%; }
  .solution-hero { padding:113px 0 60px; }
  .solution-hero__image { height:255px; }
  .solution-content aside { display:none; }
  .solution-process, .solution-inquiry { padding:30px 20px; }
  .solution-process h2 { font-size:34px; }
  .case-single__hero { padding:113px 0 68px; }
  .case-single__hero .wrap { display:block; }
  .case-single__type { margin-top:25px; }
  .case-single__image { margin-top:-30px; }
  .article-single__head { padding-top:115px; padding-bottom:43px; }
  .article-single__body { padding:50px 0 78px; }
  .not-found { padding:150px 0 100px; }
}

/* Lớp hoàn thiện luxury GEMVIET */
:root { --green:#b28d51; --green-dark:#866633; --ink:#111b17; --paper:#f3f0e8; --line:rgba(19,35,27,.14); --champagne:#d8bd88; --champagne-light:#f3e6c5; --ease-luxury:cubic-bezier(.22,.75,.17,1); }
body { background:var(--paper); }
h1,h2 { font-family:var(--heading); font-weight:600; letter-spacing:-.035em; }
h1 { font-size:clamp(54px,6.5vw,104px); line-height:.88; }
h2 { font-size:clamp(42px,4.6vw,74px); line-height:.94; }
h3 { font-weight:600; letter-spacing:-.025em; }
.site-header { transition:background .45s var(--ease-luxury),color .45s var(--ease-luxury),box-shadow .45s var(--ease-luxury); }
.site-header:not(.is-scrolled) { background:linear-gradient(180deg,rgba(10,19,15,.55),transparent); }
.brand__logo { width:150px; transition:transform .45s var(--ease-luxury); }
.brand:hover .brand__logo { transform:translateY(-2px) scale(1.02); }
.button { min-height:56px; padding-inline:22px; letter-spacing:.11em; transition:transform .35s var(--ease-luxury),box-shadow .35s var(--ease-luxury),background .35s var(--ease-luxury); }
.button:hover { transform:translateY(-4px); box-shadow:0 16px 30px rgba(13,27,19,.17); }
.button-primary,.button--primary { background:linear-gradient(135deg,#e5c991,#b58b4b); color:#1b1a15; }
.hero,.solution-hero,.case-hero { position:relative; overflow:hidden; }
.hero:after,.solution-hero:after { position:absolute; inset:0; pointer-events:none; content:''; opacity:.15; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.hero__inner,.solution-hero>.wrap { position:relative; z-index:1; }
.ecosystem-card,.product-card { transition:transform .5s var(--ease-luxury),box-shadow .5s var(--ease-luxury); }
.ecosystem-card:hover,.product-card:hover { transform:translateY(-8px); box-shadow:0 28px 70px rgba(29,42,33,.12); }
.product-card__visual { box-shadow:0 14px 30px rgba(17,27,23,.06); }
.factory-solution,.factory-section { border-block:1px solid rgba(216,189,136,.22); }
.solution-single .solution-hero { padding-bottom:100px; }
.solution-single .solution-hero__image { padding:12px; border:1px solid rgba(216,189,136,.38); background:rgba(255,255,255,.06); transform:rotate(1.2deg); box-shadow:26px 26px 0 rgba(216,189,136,.1); }
.solution-single .solution-hero__image img { filter:saturate(.78) contrast(1.08); }
.solution-single .solution-process { background:linear-gradient(110deg,#f3f0e8,#f7f5ef); }
.solution-single .solution-process li { transition:transform .4s var(--ease-luxury),background .4s var(--ease-luxury); }
.solution-single .solution-process li:hover { background:rgba(216,189,136,.12); transform:translateX(8px); }
.solution-luxury-lead { display:grid; grid-template-columns:1fr .8fr; gap:clamp(50px,10vw,170px); align-items:start; padding:130px 0; }
.solution-luxury-lead h2 { margin:17px 0 0; }
.solution-luxury-lead p { font-size:17px; }
.solution-luxury-lead__copy { padding-top:24px; }
.solution-luxury-signature { display:block; padding-top:24px; border-top:1px solid var(--line); color:var(--green-dark); font:500 9px/1.4 var(--mono); letter-spacing:.12em; }
.solution-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.solution-detail-card { min-height:295px; padding:31px; border:1px solid rgba(132,99,49,.22); background:rgba(255,255,255,.46); transition:transform .5s var(--ease-luxury),background .5s var(--ease-luxury),box-shadow .5s var(--ease-luxury); }
.solution-detail-card:hover { background:#fff; box-shadow:18px 18px 0 rgba(216,189,136,.16); transform:translateY(-7px); }
.solution-detail-card>span { color:var(--green-dark); font:400 12px/1 var(--mono); }
.solution-detail-card h3 { margin:42px 0 14px; font:600 34px/.98 var(--heading); }
.solution-detail-card ul { padding:18px 0 0; margin:18px 0 0; border-top:1px solid var(--line); list-style:none; }
.solution-detail-card li { padding:4px 0; color:var(--muted); font-size:12px; }
.solution-detail-card li:before { margin-right:7px; color:var(--green-dark); content:'—'; }
.solution-luxury-capabilities { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.solution-luxury-capabilities article { position:relative; min-height:250px; padding:29px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:color .4s var(--ease-luxury),background .4s var(--ease-luxury); }
.solution-luxury-capabilities article:hover { color:#fff; background:var(--ink); }
.solution-luxury-capabilities span { color:var(--green-dark); font:500 9px/1.3 var(--mono); letter-spacing:.12em; }
.solution-luxury-capabilities h3 { margin:50px 0 13px; font:600 30px/.95 var(--heading); }
.solution-luxury-capabilities p { font-size:13px; }
.solution-luxury-capabilities article:hover p { color:rgba(255,255,255,.65); }
.solution-luxury-cta { position:relative; overflow:hidden; padding:125px 0; color:#fff; background:linear-gradient(135deg,#9a773d,#c4a768 50%,#805e2d); }
.solution-luxury-cta h2 { max-width:900px; margin:17px 0 20px; color:#191a15; }
.solution-luxury-cta p { max-width:510px; color:rgba(25,26,21,.72); }
@media(max-width:760px) { h1{font-size:clamp(49px,13vw,72px)} h2{font-size:clamp(40px,10vw,58px)} .solution-luxury-lead{grid-template-columns:1fr;gap:42px;padding:92px 0}.solution-detail-grid,.solution-luxury-capabilities{grid-template-columns:1fr}.solution-detail-card{min-height:0;padding:24px}.solution-detail-card h3{font-size:31px}.solution-luxury-cta{padding:96px 0}.brand__logo{width:126px} }

/* Bản đồ năng lực cho mạng lưới cung ứng GEMVIET */
.sourcing-section { padding-block:132px 145px; }
.sourcing-section__grid { grid-template-columns:1.02fr .98fr; gap:clamp(58px,8vw,132px); }
.supply-map { position:relative; min-height:555px; overflow:hidden; color:#f8f3e8; background:radial-gradient(circle at 53% 47%,rgba(180,143,79,.2),transparent 22%),linear-gradient(145deg,#17271f,#0e1814 68%); box-shadow:20px 20px 0 rgba(216,189,136,.18); isolation:isolate; }
.supply-map:before { position:absolute; inset:0; z-index:-1; content:''; opacity:.55; background-image:linear-gradient(rgba(216,189,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(216,189,136,.1) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(145deg,#000,transparent 85%); }
.supply-map:after { position:absolute; inset:18px; border:1px solid rgba(216,189,136,.28); pointer-events:none; content:''; }
.supply-map-top,.supply-map-bottom { position:absolute; z-index:4; display:flex; justify-content:space-between; gap:18px; left:36px; right:36px; color:rgba(243,230,197,.7); font:500 9px/1.3 var(--mono); letter-spacing:.12em; }
.supply-map-top { top:30px; }.supply-map-top b{color:var(--champagne);font-weight:500}.supply-map-bottom{bottom:28px;color:rgba(255,255,255,.45)}
.supply-orbit { position:absolute; z-index:1; top:50%; left:50%; border:1px solid rgba(216,189,136,.35); border-radius:50%; transform:translate(-50%,-50%) rotate(-15deg); }.orbit-one{width:300px;height:185px}.orbit-two{width:470px;height:355px;border-color:rgba(216,189,136,.17);transform:translate(-50%,-50%) rotate(28deg)}
.supply-core { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:142px; height:142px; place-items:center; align-content:center; gap:8px; border:1px solid rgba(243,230,197,.62); border-radius:50%; background:#111d17; box-shadow:0 0 0 10px rgba(17,29,23,.4),0 0 50px rgba(216,189,136,.16); transform:translate(-50%,-50%); }.supply-core small{color:var(--champagne);font:500 8px/1 var(--mono);letter-spacing:.13em}.supply-core strong{color:#fff;font:600 20px/1 var(--heading);letter-spacing:.04em}.supply-core i{width:5px;height:5px;border-radius:50%;background:var(--champagne);box-shadow:0 0 0 5px rgba(216,189,136,.12)}
.supply-line { position:absolute; z-index:2; top:50%; left:50%; width:1px; height:170px; background:linear-gradient(var(--champagne),transparent); transform-origin:50% 0; opacity:.72; }.supply-line-a{transform:translateY(-1px) rotate(-65deg)}.supply-line-b{transform:translateY(-1px) rotate(65deg)}.supply-line-c{transform:translateY(-1px) rotate(-112deg)}.supply-line-d{transform:translateY(-1px) rotate(112deg)}
.supply-node { position:absolute; z-index:4; display:inline-flex; align-items:center; gap:9px; padding:11px 14px; border:1px solid rgba(216,189,136,.35); color:rgba(255,255,255,.88); background:rgba(17,29,23,.86); box-shadow:0 10px 25px rgba(0,0,0,.12); font:500 11px/1.2 var(--mono); letter-spacing:.01em; backdrop-filter:blur(8px); }.supply-node i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--champagne)}.supply-node-vn{top:29%;left:10%}.supply-node-cn{right:9%;bottom:24%}.supply-node-material{top:20%;right:8%}.supply-node-mold{bottom:15%;left:9%}
.sourcing-copy { padding-top:4px; }.sourcing-copy h2{max-width:620px;margin:18px 0 25px;font-size:clamp(48px,4.45vw,70px)}.sourcing-copy>p{max-width:570px;margin-bottom:34px;font-size:17px}.sourcing-copy .check-list{margin-top:0;margin-bottom:38px}.sourcing-copy .check-list li{padding:14px 0;font-size:12px}
@media (prefers-reduced-motion:no-preference) { .supply-orbit{animation:supplyOrbit 22s linear infinite}.orbit-two{animation-direction:reverse;animation-duration:30s}.supply-core{animation:supplyPulse 4s ease-in-out infinite}.supply-node{transition:transform .35s var(--ease-luxury),border-color .35s var(--ease-luxury)}.supply-node:hover{border-color:var(--champagne);transform:translateY(-4px)} }
@keyframes supplyOrbit{from{transform:translate(-50%,-50%) rotate(-15deg)}to{transform:translate(-50%,-50%) rotate(345deg)}}@keyframes supplyPulse{0%,100%{box-shadow:0 0 0 10px rgba(17,29,23,.4),0 0 50px rgba(216,189,136,.16)}50%{box-shadow:0 0 0 16px rgba(17,29,23,.26),0 0 72px rgba(216,189,136,.24)}}
@media(max-width:760px){.sourcing-section{padding-block:92px 100px}.sourcing-section__grid{gap:58px}.supply-map{min-height:430px;box-shadow:10px 10px 0 rgba(216,189,136,.16)}.supply-map-top,.supply-map-bottom{left:25px;right:25px;font-size:8px}.supply-map-top{top:23px}.supply-map-bottom{bottom:21px}.supply-orbit{transform:translate(-50%,-50%) rotate(-15deg) scale(.76)}.orbit-two{transform:translate(-50%,-50%) rotate(28deg) scale(.76)}.supply-line{height:135px}.supply-core{width:112px;height:112px}.supply-core strong{font-size:17px}.supply-node{padding:9px 10px;font-size:9px}.supply-node-vn{top:28%;left:6%}.supply-node-cn{right:5%;bottom:23%}.supply-node-material{top:17%;right:5%}.supply-node-mold{bottom:15%;left:6%}.sourcing-copy h2{font-size:clamp(42px,11vw,58px)}.sourcing-copy>p{font-size:15px}}

@media (max-width:760px){.supply-orbit{animation:none!important}}

/* Quy trình phát triển & sản xuất giày — 7 giai đoạn */
.process-detail-section { background:#0f1d17; }
.process-detail-section .section-heading { margin-bottom:72px; }
.process-detail-section .section-heading h2 { max-width:760px; }
.process-detail-section .section-heading>p { max-width:470px; }
.process-detail-grid { display:grid; grid-template-columns:repeat(7,1fr); padding:0; margin:0; list-style:none; border-top:1px solid rgba(255,255,255,.26); }
.process-detail-grid li { position:relative; min-height:264px; padding:24px 19px 28px; border-right:1px solid rgba(255,255,255,.16); transition:background .35s var(--ease),transform .35s var(--ease); }
.process-detail-grid li:first-child { border-left:1px solid rgba(255,255,255,.16); }
.process-detail-grid li:before { position:absolute; top:-5px; left:-4px; width:8px; height:8px; border-radius:50%; background:#d8bd88; box-shadow:0 0 0 5px rgba(216,189,136,.1); content:''; }
.process-detail-grid li:hover { background:rgba(216,189,136,.08); transform:translateY(-5px); }
.process-number { display:block; color:#d8bd88; font:400 11px/1 var(--mono); }
.process-detail-grid h3 { margin:72px 0 15px; color:#fff; font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:.02em; line-height:1.25; }
.process-detail-grid p { margin:0; color:rgba(255,255,255,.58); font-size:12px; line-height:1.65; }
.process-flow { display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:62px; padding:20px 0 0; border-top:1px solid rgba(216,189,136,.26); color:rgba(255,255,255,.76); font:500 9px/1.25 var(--mono); letter-spacing:.08em; }
.process-flow b { color:#d8bd88; font-size:17px; font-weight:400; }
@media(max-width:1100px){.process-detail-grid{grid-template-columns:repeat(4,1fr)}.process-detail-grid li:nth-child(4){border-left:1px solid rgba(255,255,255,.16)}.process-detail-grid li:nth-child(n+5){border-top:1px solid rgba(255,255,255,.16)}.process-flow{flex-wrap:wrap;justify-content:flex-start;gap:12px 10px}}
@media(max-width:760px){.process-detail-section .section-heading{margin-bottom:46px}.process-detail-grid{grid-template-columns:1fr}.process-detail-grid li,.process-detail-grid li:nth-child(4){min-height:0;padding:22px 18px 25px 48px;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.process-detail-grid li:first-child{border-top:0}.process-detail-grid li:before{top:27px;left:-5px}.process-detail-grid h3{margin:0 0 9px;font-size:12px}.process-detail-grid p{font-size:13px}.process-flow{align-items:flex-start;gap:14px 9px;margin-top:40px;padding-top:20px}.process-flow span{max-width:115px}}

/* Toàn bộ thẻ năng lực là vùng liên kết */
.ecosystem-card[data-href] { cursor:pointer; }
.ecosystem-card[data-href]:focus-visible { outline:2px solid #d8bd88; outline-offset:-2px; }

/* Hồ sơ diễn giả Hoàng Thị Nguyệt */
.speaker-hero{background:var(--ink);color:var(--white);padding:142px 0 76px;position:relative;overflow:hidden}
.speaker-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:radial-gradient(circle at 75% 22%,rgba(216,189,136,.42),transparent 28%),linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.05) 46.2% 46.35%,transparent 46.5%)}
.speaker-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:72px;align-items:center;position:relative;z-index:1}
.speaker-hero-copy{max-width:650px}.speaker-hero-copy .breadcrumbs{margin-bottom:72px;color:rgba(255,255,255,.52)}.speaker-hero-copy h1{margin:18px 0 10px;font:400 clamp(58px,7vw,116px)/.93 var(--serif);letter-spacing:-.055em}.speaker-role{color:var(--champagne);font:600 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.speaker-intro{max-width:520px;margin:28px 0 34px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}
.speaker-portrait-wrap{position:relative;max-width:520px;justify-self:end}.speaker-portrait-frame{position:relative;min-height:590px;display:flex;align-items:end;justify-content:center;border:1px solid rgba(216,189,136,.45);background:linear-gradient(145deg,#26382d,#0e1d17 68%);overflow:hidden}.speaker-portrait-frame:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.13)}.speaker-portrait-frame img{position:relative;z-index:1;display:block;width:100%;max-height:700px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 26px 34px rgba(0,0,0,.28))}.speaker-portrait-note{display:block;margin-top:14px;color:var(--champagne);font:600 10px/1 var(--mono);letter-spacing:.17em}
.speaker-profile{background:var(--white)}.speaker-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.speaker-profile-grid h2{max-width:490px;margin-top:18px;font:400 clamp(38px,4.5vw,68px)/1.02 var(--serif);letter-spacing:-.045em}.speaker-profile-copy{max-width:520px;padding-top:42px}.speaker-profile-copy p{margin:0 0 18px;color:var(--muted-ink);font-size:17px;line-height:1.75}.speaker-topics{background:var(--ink);color:var(--white);padding:110px 0 120px}.speaker-section-head{max-width:720px}.speaker-section-head h2{margin:20px 0;font:400 clamp(38px,4.4vw,68px)/1.02 var(--serif);letter-spacing:-.045em}.speaker-section-head p{max-width:560px;color:rgba(255,255,255,.65);font-size:17px;line-height:1.7}.speaker-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:64px;border-top:1px solid rgba(255,255,255,.2)}.speaker-topic-grid article{min-height:220px;padding:24px 26px 20px 0;border-right:1px solid rgba(255,255,255,.18)}.speaker-topic-grid article:not(:first-child){padding-left:26px}.speaker-topic-grid article:last-child{border-right:0}.speaker-topic-grid span{color:var(--champagne);font:500 12px/1 var(--mono)}.speaker-topic-grid h3{margin:54px 0 12px;font-size:23px;font-weight:500}.speaker-topic-grid p{max-width:250px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.6}.speaker-cta{background:#f4f1e9}.speaker-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.speaker-cta h2{max-width:650px;margin-top:18px;font:400 clamp(36px,4.2vw,62px)/1.03 var(--serif);letter-spacing:-.045em}.speaker-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.speaker-archive-card a{display:block;color:inherit;text-decoration:none}.speaker-archive-card> a>div{height:360px;overflow:hidden;background:#e8eee9}.speaker-archive-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.speaker-archive-card .section-label{display:block;margin-top:20px}.speaker-archive-card h2{margin:12px 0 8px;font:400 38px/1 var(--serif)}.speaker-archive-card p{color:var(--muted-ink);line-height:1.6}
@media (max-width:760px){.speaker-hero{padding:112px 0 56px}.speaker-hero-grid,.speaker-profile-grid{grid-template-columns:1fr;gap:42px}.speaker-hero-copy .breadcrumbs{margin-bottom:48px}.speaker-hero-copy h1{font-size:64px}.speaker-portrait-wrap{width:100%;justify-self:stretch}.speaker-portrait-frame{min-height:430px}.speaker-profile-copy{padding-top:0}.speaker-topic-grid,.speaker-archive-grid{grid-template-columns:1fr;margin-top:44px}.speaker-topic-grid article,.speaker-topic-grid article:not(:first-child){min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.speaker-topic-grid article:last-child{border-bottom:0}.speaker-topic-grid h3{margin-top:28px}.speaker-cta-inner{display:block}.speaker-cta .button{margin-top:30px}.speaker-archive-card> a>div{height:420px}}

/* Hệ chữ luxury editorial GEMVIET */
body{font-family:var(--sans);font-weight:400;letter-spacing:-.008em}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.032em}
h1{line-height:.92}h2{line-height:.96}h3{line-height:1.02}p{font-weight:400;letter-spacing:-.004em}
.main-nav__list a,.button,.text-link{font-family:var(--sans)}
.eyebrow,.section-label,.hero-index,.footer-code,.footer-base,.button b,.text-link span{font-family:var(--mono)}

/* Lớp hiệu ứng luxury bổ sung — giữ nguyên nội dung */
.vietcha-site { position:relative; background-image:linear-gradient(rgba(255,255,255,.018),rgba(255,255,255,.018)); }
.vietcha-site:before { position:fixed; inset:0; z-index:50; pointer-events:none; content:""; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.28'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.section-head h2,.section-heading h2,.sourcing-copy h2,.split-copy h2 { text-wrap:balance; }
.button,.nav-cta,.text-link { will-change:transform; }
.button { position:relative; overflow:hidden; }
.button:after { position:absolute; top:0; left:-120%; width:55%; height:100%; content:""; background:linear-gradient(105deg,transparent,rgba(255,255,255,.26),transparent); transform:skewX(-20deg); transition:left .7s var(--ease-luxury); }
.button:hover:after { left:140%; }
.ecosystem-card,.product-card,.service-process-card,.service-capability-grid article,.article-card,.archive-card { will-change:transform; }
@media (prefers-reduced-motion:no-preference) {
  .section-head,.section-heading,.outsole-feature,.factory-split,.sourcing-grid,.case-framework,.article-grid,.footer-grid { animation:luxuryReveal .8s var(--ease-luxury) both; }
  .section-head { animation-delay:.04s; }
  .ecosystem-card:nth-child(2),.article-card:nth-child(2) { animation-delay:.08s; }
  .ecosystem-card:nth-child(3),.article-card:nth-child(3) { animation-delay:.16s; }
  .ecosystem-card:nth-child(4) { animation-delay:.24s; }
}
@keyframes luxuryReveal { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:none; } }
@media (max-width:760px) { .vietcha-site:before { opacity:.025; } .button:after { display:none; } }

/* Cinematic luxury hero — lớp thị giác, không đổi nội dung */
.hero{isolation:isolate}.hero:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 76% 48%,rgba(216,189,136,.22),transparent 20%),linear-gradient(115deg,rgba(7,13,10,.35),transparent 42%,rgba(216,189,136,.08));mix-blend-mode:screen;animation:heroAtmosphere 10s ease-in-out infinite alternate}.hero__inner{position:relative;z-index:1}.hero__inner:before{position:absolute;top:8%;right:-3%;width:min(43vw,610px);aspect-ratio:1;border:1px solid rgba(216,189,136,.34);border-radius:50%;content:"";opacity:.85;box-shadow:0 0 0 24px rgba(216,189,136,.035),0 0 0 70px rgba(216,189,136,.02),inset 0 0 90px rgba(216,189,136,.05);transform:rotate(-19deg);animation:heroOrbit 18s linear infinite;pointer-events:none}.hero__inner:after{position:absolute;top:12%;right:2px;color:rgba(243,230,197,.74);content:"GEMVIET / HỆ SINH THÁI";font:500 9px/1 var(--mono);letter-spacing:.2em;writing-mode:vertical-rl;opacity:.75;pointer-events:none}.hero__copy{position:relative;z-index:2}.hero__eyebrow{display:inline-flex;align-items:center;gap:12px}.hero__eyebrow:after{display:block;width:52px;height:1px;background:var(--champagne);content:"";opacity:.8}.hero h1{text-shadow:0 12px 50px rgba(0,0,0,.36)}.hero__actions{position:relative}.hero__actions:before{position:absolute;top:50%;left:-34px;width:18px;height:1px;background:var(--champagne);content:"";opacity:.7}.ecosystem-card{border-top:2px solid transparent}.ecosystem-card:hover{border-top-color:var(--champagne)}.ecosystem-card__image{position:relative}.ecosystem-card__image:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 42%,rgba(15,30,22,.16));mix-blend-mode:soft-light}.process-detail-section{position:relative;isolation:isolate;overflow:hidden}.process-detail-section:before{position:absolute;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.23;background:linear-gradient(90deg,transparent 49.8%,rgba(216,189,136,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(216,189,136,.08) 50%,transparent 50.2%);background-size:110px 110px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.process-detail-grid li{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 70%)}.outsole-feature{position:relative;isolation:isolate}.outsole-feature:before{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";border:1px solid rgba(216,189,136,.28)}.outsole-feature__panel{position:relative;z-index:2}.factory-solution{isolation:isolate}.sourcing-section{position:relative}.sourcing-section:before{position:absolute;top:20%;right:2%;width:240px;height:240px;border:1px solid rgba(216,189,136,.18);border-radius:50%;content:"";opacity:.5}@keyframes heroAtmosphere{from{opacity:.5;transform:scale(1)}to{opacity:.95;transform:scale(1.06)}}@keyframes heroOrbit{from{transform:rotate(-19deg)}to{transform:rotate(341deg)}}@media(max-width:760px){.hero__inner:before{top:18%;right:-34%;width:100vw;opacity:.55}.hero__inner:after{top:12%;right:0;font-size:8px}.hero__actions:before{display:none}.sourcing-section:before{width:140px;height:140px;top:5%;right:-40px}}@media(prefers-reduced-motion:reduce){.hero:before,.hero__inner:before{animation:none}}

/* Không gian cinematic cho toàn bộ trang chi tiết */
.solution-hero,.speaker-hero,.page-hero,.archive-hero,.case-hero{isolation:isolate}.solution-hero:before,.speaker-hero:before,.page-hero:before,.archive-hero:before,.case-hero:before{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at 82% 24%,rgba(216,189,136,.16),transparent 19%),linear-gradient(135deg,transparent 0 58%,rgba(216,189,136,.06) 58.2% 58.4%,transparent 58.6%)}.solution-hero>.wrap,.speaker-hero>.wrap,.page-hero>.wrap,.archive-hero>.wrap,.case-hero>.wrap{position:relative;z-index:1}.solution-hero:after,.speaker-hero:after,.case-hero:after{position:absolute;right:7%;bottom:-125px;z-index:0;width:360px;height:360px;border:1px solid rgba(216,189,136,.25);border-radius:50%;content:"";box-shadow:0 0 0 34px rgba(216,189,136,.025),0 0 0 90px rgba(216,189,136,.018);pointer-events:none}.solution-hero__image{overflow:hidden}.solution-hero__image:before{position:absolute;inset:18px;z-index:2;border:1px solid rgba(243,230,197,.44);content:"";pointer-events:none;transition:inset .55s var(--ease-luxury)}.solution-hero__image:hover:before{inset:10px}.solution-detail-card{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.22));backdrop-filter:blur(4px)}.speaker-portrait-frame{box-shadow:22px 22px 0 rgba(216,189,136,.1),0 30px 70px rgba(0,0,0,.22)}.speaker-portrait-frame:after{position:absolute;right:18px;bottom:18px;z-index:2;width:40px;height:40px;border-right:1px solid var(--champagne);border-bottom:1px solid var(--champagne);content:""}.page-hero,.archive-hero{position:relative;overflow:hidden}.page-hero:after,.archive-hero:after{position:absolute;top:-70px;right:6%;width:260px;height:260px;border:1px solid rgba(216,189,136,.22);border-radius:50%;content:"";box-shadow:0 0 0 38px rgba(216,189,136,.045)}@media(max-width:760px){.solution-hero:after,.speaker-hero:after,.case-hero:after{width:190px;height:190px;right:-65px;bottom:-65px}.solution-hero__image:before{inset:10px}.page-hero:after,.archive-hero:after{right:-70px;width:180px;height:180px}}

.solution-hero:after,.speaker-hero:after,.case-hero:after{top:auto;left:auto;background:none;opacity:1}.solution-hero__image{position:relative}

/* Chuyển động chiều sâu tối giản, không có thanh hành trình cố định */
.story-chapter{position:relative;--story-offset:0px}.story-chapter:after{position:absolute;inset:0;z-index:0;pointer-events:none;content:"";opacity:0;background:radial-gradient(circle at 18% 26%,rgba(216,181,126,.08),transparent 24%);transition:opacity .7s var(--ease-luxury)}.story-chapter.story-current:after{opacity:1}.story-chapter>.shell,.story-chapter>.wrap{position:relative;z-index:1}[data-parallax]{transform:translate3d(0,var(--story-offset,0px),0);transition:transform .12s linear;will-change:transform}@media(max-width:760px){[data-parallax]{transform:none}}@media(prefers-reduced-motion:reduce){[data-parallax]{transform:none;transition:none}}

/* Flip-plane tinh tế cho các điểm chạm chính */
.ecosystem-card:before{position:absolute;inset:12px;z-index:0;border:1px solid rgba(216,189,136,.32);content:"";opacity:0;transform:rotateY(18deg) scale(.92);transition:opacity .45s var(--ease-luxury),transform .55s var(--ease-luxury);pointer-events:none}.ecosystem-card:hover:before{opacity:1;transform:rotateY(0) scale(1)}.ecosystem-card__image,.ecosystem-card__content{position:relative;z-index:1}.process-detail-grid li{transform-style:preserve-3d;transition:transform .45s var(--ease-luxury),background .45s var(--ease-luxury),box-shadow .45s var(--ease-luxury)}.process-detail-grid li:hover{transform:perspective(800px) rotateX(3deg) rotateY(-2deg) translateY(-6px);box-shadow:12px 18px 30px rgba(0,0,0,.18)}@media(max-width:760px){.ecosystem-card:hover,.process-detail-grid li:hover{transform:none;box-shadow:none}.ecosystem-card:before{display:none}}

.ecosystem-card{position:relative}

/* Hệ thiết kế ma trận biên tập mới — giữ nguyên cấu trúc nội dung */
:root{--green:#ba7642;--green-dark:#744b2b;--ink:#18221d;--ink-soft:#26372e;--paper:#eee8dc;--white:#fffdf8;--line:rgba(24,34,29,.16);--champagne:#d8b57e;--champagne-light:#f3e6c5;--ease-luxury:cubic-bezier(.22,.75,.17,1)}
body{background:var(--paper);color:var(--ink)}.site-header{position:absolute!important;z-index:30;border:0!important;background:transparent!important;color:var(--ink)!important}.site-header.is-scrolled{background:rgba(238,232,220,.92)!important;backdrop-filter:blur(16px)}.site-header .brand__logo{filter:none!important}.site-header__inner{min-height:96px}.main-nav__list a{color:var(--ink);font-size:10px;letter-spacing:.1em}.main-nav__list a:hover{color:var(--green-dark)}.nav-cta{border-color:rgba(24,34,29,.35);color:var(--ink)}.nav-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.hero{position:relative;min-height:780px;overflow:hidden;color:var(--ink);background-color:var(--paper)!important;background-image:none!important}.hero:before{position:absolute;top:0;right:0;bottom:0;width:58%;content:"";background:linear-gradient(90deg,rgba(238,232,220,.16),rgba(238,232,220,0) 34%),var(--hero-image) center/cover;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);filter:saturate(.72) sepia(.1)}.hero:after{position:absolute;top:128px;right:6.2%;bottom:62px;width:39%;border:1px solid rgba(255,253,248,.54);content:"";pointer-events:none}.hero__inner{display:grid;min-height:780px;grid-template-columns:minmax(360px,.78fr) minmax(360px,1.22fr);align-items:center;gap:6vw;padding-top:86px}.hero__copy{position:relative;z-index:2;width:auto;max-width:620px;padding:0}.hero__eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:30px;color:var(--green-dark);font-size:9px;letter-spacing:.18em}.hero__eyebrow:after{width:80px;height:1px;background:var(--green);content:""}.hero h1{max-width:660px;margin:0 0 28px;color:var(--ink);font-size:clamp(58px,6.9vw,104px);line-height:.84;letter-spacing:-.055em}.hero__intro{max-width:500px;color:rgba(24,34,29,.68);font-size:15px;line-height:1.75}.hero__actions{margin-top:34px}.hero__actions .button{border-color:var(--ink);color:var(--white);background:var(--ink)}.hero__actions .button.line-light{color:var(--ink);background:transparent}.hero__actions .button.line-light:hover{color:var(--white);background:var(--ink)}.hero__index{right:6.8%;bottom:46px;color:rgba(255,253,248,.8)}.hero__index span{color:var(--champagne)}.hero__index i{background:rgba(255,253,248,.55)}.hero__inner:before{position:absolute;top:164px;left:calc(50% - 20px);width:1px;height:160px;background:var(--green);content:"";opacity:.8}.hero__inner:after{position:absolute;right:calc(50% + 24px);bottom:44px;color:var(--green-dark);content:"01 / 09";font:500 9px/1 var(--mono);letter-spacing:.15em}
.section{padding:148px 0}.section-heading{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:10vw;margin-bottom:72px}.section-heading:before{position:absolute;top:-28px;left:0;width:100%;height:1px;background:var(--line);content:""}.section-heading h2{max-width:680px;margin:20px 0 0;font-size:clamp(48px,5vw,78px);line-height:.88}.section-heading>p{max-width:410px;margin:0;color:rgba(24,34,29,.62);font-size:15px}.section-label{color:var(--green-dark);font-size:9px;letter-spacing:.18em}.section-label:before{width:35px;background:var(--green)}
.ecosystem-grid{grid-template-columns:repeat(3,1fr);gap:16px;border:0}.ecosystem-card{position:relative;min-height:485px;border:1px solid var(--line);background:rgba(255,253,248,.52)!important;transition:transform .55s var(--ease-luxury),box-shadow .55s var(--ease-luxury),background .55s var(--ease-luxury)}.ecosystem-card:hover{background:var(--white)!important;box-shadow:18px 28px 60px rgba(24,34,29,.13);transform:translateY(-10px)}.ecosystem-card__image{height:245px;border:0}.ecosystem-card__content{min-height:240px;padding:26px 28px 28px}.ecosystem-card__content h3{margin:13px 0;font-size:24px;letter-spacing:-.04em}.ecosystem-card__content p{color:rgba(24,34,29,.62);font-size:13px}.ecosystem-card__content .text-link{color:var(--ink)}
.process-detail-section{position:relative;overflow:hidden;background:var(--ink)!important}.process-detail-section:before{background-image:linear-gradient(rgba(216,181,126,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(216,181,126,.12) 1px,transparent 1px);background-size:96px 96px;opacity:.36}.process-detail-section .section-heading:before{background:rgba(216,181,126,.34)}.process-detail-section .section-heading h2{color:var(--white)}.process-detail-section .section-heading>p{color:rgba(255,253,248,.58)}.process-detail-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0;padding:0;list-style:none;border-left:1px solid rgba(255,253,248,.18)}.process-detail-grid li{min-height:250px;padding:23px 18px 26px;border-top:1px solid rgba(255,253,248,.18);border-right:1px solid rgba(255,253,248,.18);border-bottom:1px solid rgba(255,253,248,.18);background:rgba(255,253,248,.025);transition:background .35s var(--ease-luxury),transform .35s var(--ease-luxury)}.process-detail-grid li:hover{background:rgba(216,181,126,.12);transform:translateY(-7px)}.process-detail-grid h3{margin-top:85px;color:var(--white);font-size:15px}.process-detail-grid p{color:rgba(255,253,248,.53);font-size:11px;line-height:1.55}.process-flow{display:flex;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,253,248,.18);overflow:auto;color:var(--champagne);font:500 9px/1 var(--mono);letter-spacing:.08em;white-space:nowrap}
.catalogue-grid{gap:16px}.product-card{padding-bottom:9px;border-bottom:1px solid var(--line)}.product-card__visual{aspect-ratio:1/1.13;background:#dcd8cd}.product-card__visual:after{position:absolute;inset:0;border:1px solid rgba(255,253,248,.45);content:"";opacity:0;transition:opacity .4s}.product-card:hover .product-card__visual:after{opacity:1}.product-card:hover .product-card__visual img{transform:scale(1.09)}.product-card__meta{padding:18px 0 15px;border-bottom:0}.product-card__meta h3{font-size:19px}.product-card__spec{padding-top:10px}.product-card__spec dd{color:var(--green-dark)}
.outsole-feature{position:relative;min-height:750px;background:var(--ink)!important}.outsole-feature__image{min-height:750px;opacity:.86;filter:saturate(.7)}.outsole-feature:before{background:linear-gradient(90deg,rgba(24,34,29,.1),rgba(24,34,29,.85) 66%,var(--ink) 100%);z-index:1}.outsole-feature__panel{position:relative;z-index:2;color:var(--white);max-width:670px;padding:100px 8vw}.outsole-feature__panel h2{font-size:clamp(48px,5vw,78px);line-height:.86}.outsole-feature__panel p{color:rgba(255,253,248,.65)}.capability-tags li{border-color:rgba(255,253,248,.25);color:var(--white)}.feature-columns{border-top-color:rgba(255,253,248,.25)}.feature-columns ul{border-top-color:rgba(255,253,248,.25)}.outsole-feature__panel .button.dark{color:var(--ink);background:var(--champagne)}
.factory-section__grid{gap:clamp(48px,9vw,145px)}.factory-section__image{padding:14px;border:1px solid rgba(24,34,29,.18)}.factory-section__image:before{position:absolute;inset:0;content:"";border:1px solid var(--green);transform:translate(14px,14px);pointer-events:none}.factory-section__image .image-caption{left:14px;bottom:14px}.factory-solution{position:relative;overflow:hidden;padding:150px 0;background-size:cover}.factory-solution:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(24,34,29,.96) 10%,rgba(24,34,29,.65) 62%,rgba(24,34,29,.38));content:""}.factory-solution__grid{position:relative;z-index:1}.factory-solution h2{max-width:720px;font-size:clamp(50px,5vw,78px)}.factory-solution p{color:rgba(255,253,248,.64)}.sourcing-section__grid{gap:clamp(48px,10vw,170px)}.supply-map{box-shadow:16px 16px 0 rgba(186,118,66,.23)}.sourcing-copy h2{font-size:clamp(48px,4.45vw,70px)}.check-list li{border-top-color:var(--line)}.check-list li:before{color:var(--green)}.case-framework{gap:16px;border:0}.case-framework>div{min-height:280px;padding:28px;border:1px solid var(--line);background:rgba(255,253,248,.52)}.case-framework>div:hover{background:var(--white)}.case-framework h3{margin-top:85px;font-size:24px}.knowledge-topics{gap:16px;border:0}.knowledge-topics a{min-height:120px;padding:28px;border:1px solid var(--line);background:rgba(255,253,248,.52)}.knowledge-topics a:hover{background:var(--ink)}
@media(max-width:1100px){.hero__inner{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(52px,7vw,82px)}.process-detail-grid{grid-template-columns:repeat(4,1fr)}.process-detail-grid li{min-height:220px}.process-detail-grid li:nth-child(n+5){border-top:0}.ecosystem-grid{gap:10px}}
@media(max-width:760px){.site-header.on-dark,.site-header.on-light{color:var(--ink)!important}.site-header__inner{min-height:76px}.menu-toggle{color:var(--ink)}.main-nav{background:var(--ink)}.hero{min-height:780px}.hero:before{top:0;right:-29%;bottom:auto;width:129%;height:48%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);opacity:.82}.hero:after{top:28px;right:19px;bottom:auto;width:52%;height:42%;border-color:rgba(255,253,248,.54)}.hero__inner{display:flex;min-height:780px;align-items:flex-end;padding-bottom:66px}.hero__inner:before{top:390px;left:19px;height:80px}.hero__inner:after{right:19px;bottom:24px}.hero__copy{width:100%;padding-top:300px}.hero h1{font-size:clamp(48px,13vw,72px);line-height:.88}.hero__intro{font-size:13px;line-height:1.55}.hero__actions{margin-top:25px}.hero__actions .button{width:100%}.hero__index{bottom:25px}.hero__index small{display:none}.section{padding:96px 0}.section-heading{display:block;margin-bottom:48px}.section-heading h2{font-size:clamp(44px,12vw,60px)}.section-heading>p{margin-top:23px}.ecosystem-grid{grid-template-columns:1fr;gap:12px}.ecosystem-card{min-height:0}.ecosystem-card__image{height:210px}.ecosystem-card__content{min-height:210px}.process-detail-grid{grid-template-columns:1fr 1fr}.process-detail-grid li{min-height:205px;padding:18px 14px}.process-detail-grid h3{margin-top:55px;font-size:13px}.process-flow{gap:9px}.catalogue-grid{gap:30px 12px}.product-card__meta h3{font-size:16px}.outsole-feature{display:block;min-height:0}.outsole-feature__image{min-height:420px}.outsole-feature:before{background:linear-gradient(180deg,rgba(24,34,29,.02),rgba(24,34,29,.8) 46%,var(--ink) 75%)}.outsole-feature__panel{padding:38px 19px 76px}.outsole-feature__panel h2{font-size:clamp(44px,12vw,60px)}.factory-section__image{padding:9px}.factory-section__image:before{transform:translate(9px,9px)}.factory-section__image .image-caption{left:9px;bottom:9px}.factory-solution__grid,.sourcing-section__grid{grid-template-columns:1fr;gap:36px}.factory-solution{padding:77px 0}.factory-solution h2{font-size:clamp(46px,12vw,62px)}.case-framework{grid-template-columns:1fr}.knowledge-topics{grid-template-columns:1fr 1fr;gap:10px}.knowledge-topics a{min-height:100px;padding:20px 15px}}

/* Ma trận biên tập cho toàn bộ trang chi tiết */
.page-hero,.archive-hero,.solution-hero,.speaker-hero,.case-single__hero{position:relative;overflow:hidden;color:var(--ink);background:var(--paper)!important}.page-hero:before,.archive-hero:before,.solution-hero:before,.speaker-hero:before,.case-single__hero:before{position:absolute;top:0;right:0;bottom:0;width:44%;z-index:0;content:"";opacity:.6;background:linear-gradient(135deg,rgba(255,253,248,.2),rgba(255,253,248,.78)),url('../images/vietcha-materials.webp') center/cover;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.page-hero>.wrap,.archive-hero>.wrap,.solution-hero>.wrap,.speaker-hero>.wrap,.case-single__hero>.wrap{position:relative;z-index:1}.page-hero,.archive-hero{padding:180px 0 104px}.page-hero h1,.archive-hero h1{max-width:780px;margin:20px 0;color:var(--ink);font-size:clamp(58px,6vw,96px);line-height:.84}.page-hero p,.archive-hero p{max-width:620px;color:rgba(24,34,29,.67);font-size:17px}.breadcrumbs{color:rgba(24,34,29,.48)!important;font-size:9px}.breadcrumbs b{color:var(--green-dark)}.catalogue-tabs{background:var(--white);border-color:var(--line)}.catalogue-tabs a{border-color:var(--line)}.catalogue-tabs a.active,.catalogue-tabs a:hover{color:var(--white);background:var(--ink)}
.catalogue-single{background:var(--paper)}.catalogue-single__top{padding-top:152px}.catalogue-single__grid{padding:42px 0 115px}.catalogue-single__image{padding:12px;border:1px solid var(--line);background:var(--white)}.catalogue-single__content{padding:18px 0}.catalogue-single__content h1,.outsole-single__heading h1{font-size:clamp(58px,6vw,92px);line-height:.84}.product-code{color:var(--green-dark)}.specification-grid{border-color:var(--line)}.specification-grid>div{border-color:var(--line)}.specification-grid--dark{background:var(--ink)}.project-band{position:relative;overflow:hidden;background:var(--ink)}.project-band:after{position:absolute;top:-80px;right:8%;width:340px;height:340px;border:1px solid rgba(216,181,126,.32);border-radius:50%;content:""}.project-band .wrap{position:relative;z-index:1}.outsole-single__views figure{padding:10px;border:1px solid var(--line);background:var(--white)}.document-list{border:1px solid var(--line);background:var(--white)}
.solution-hero{padding:138px 0 78px}.solution-hero:before{width:39%;opacity:.42;background-image:linear-gradient(135deg,rgba(238,232,220,.5),rgba(238,232,220,.05)),url('../images/vietcha-factory.webp')}.solution-hero:after{position:absolute;top:128px;right:6%;width:33%;height:69%;border:1px solid rgba(24,34,29,.22);content:"";pointer-events:none}.solution-hero .breadcrumbs{margin-bottom:44px}.solution-hero .wrap{grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.solution-hero h1{color:var(--ink);font-size:clamp(56px,6vw,94px);line-height:.84}.solution-hero p{color:rgba(24,34,29,.68);font-size:16px}.solution-hero .section-label--light{color:var(--green-dark)}.solution-hero .button{color:var(--white);background:var(--ink)}.solution-hero .button.line-light{border-color:var(--ink);color:var(--ink);background:transparent}.solution-hero__image{min-height:430px;border:1px solid rgba(24,34,29,.22);box-shadow:16px 16px 0 rgba(186,118,66,.2);transform:none}.solution-hero__image:before{border-color:rgba(255,253,248,.65)}.solution-hero__image span{background:var(--ink);color:var(--white)}.solution-metrics{background:var(--ink)}.solution-metrics .wrap>div{border-color:rgba(255,253,248,.18)}.solution-metrics span{color:var(--champagne)}.solution-metrics b{color:var(--white)}.solution-overview{gap:10vw}.solution-overview h2{font-size:clamp(46px,4.8vw,72px);line-height:.9}.solution-overview__copy{border-top:1px solid var(--line)}.solution-signature{color:var(--green-dark)}.solution-process{background:var(--paper)}.solution-process__grid{gap:14px}.solution-process-card{border:1px solid var(--line);background:rgba(255,253,248,.58)}.solution-process-card:hover{border-color:var(--green);background:var(--white);box-shadow:12px 18px 34px rgba(24,34,29,.1)}.solution-process-card__number{color:var(--green-dark)}.solution-capability-grid article{border-color:var(--line);background:rgba(255,253,248,.56)}.solution-capability-grid article:hover{background:var(--ink);color:var(--white)}.solution-capability-grid article:hover p{color:rgba(255,253,248,.63)}.solution-deliverables{background:var(--ink)}.solution-deliverables li{border-color:rgba(255,253,248,.18)}.solution-cta{background:var(--champagne);color:var(--ink)}.solution-cta .section-label--light{color:var(--green-dark)}.solution-cta p{color:rgba(24,34,29,.68)}
.case-single__hero{padding:154px 0 90px}.case-single__hero:before{background-image:linear-gradient(135deg,rgba(238,232,220,.74),rgba(238,232,220,.05)),url('../images/vietcha-outsole.webp')}.case-single__hero h1{max-width:870px;color:var(--ink);font-size:clamp(58px,6vw,94px);line-height:.84}.case-single__hero p{color:rgba(24,34,29,.66)}.case-single__type{border-color:var(--line);color:var(--green-dark)}.case-single__image{padding:12px;border:1px solid var(--line);background:var(--white)}.case-story{padding-top:25px}.case-story__facts section{border-color:var(--line)}.case-story__facts span{color:var(--green-dark)}.knowledge-grid{gap:16px}.knowledge-card{padding:12px;border:1px solid var(--line);background:rgba(255,253,248,.58)}.knowledge-card>div{padding:22px 10px 10px}.knowledge-card:hover{background:var(--white);box-shadow:12px 18px 34px rgba(24,34,29,.09)}
.speaker-hero{padding:155px 0 90px}.speaker-hero:before{width:49%;opacity:.3;background-image:radial-gradient(circle at 65% 35%,rgba(186,118,66,.25),transparent 28%),linear-gradient(135deg,rgba(238,232,220,.3),rgba(238,232,220,.05))}.speaker-hero__grid{position:relative;z-index:1;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:end}.speaker-hero h1{color:var(--ink);font-size:clamp(64px,7vw,108px);line-height:.82}.speaker-role{color:var(--green-dark)}.speaker-intro{color:rgba(24,34,29,.68)}.speaker-hero .section-label--light{color:var(--green-dark)}.speaker-hero .button--gold{color:var(--white);background:var(--ink)}.speaker-portrait-frame{background:linear-gradient(145deg,#dad4c8,#f8f4eb);box-shadow:16px 16px 0 rgba(186,118,66,.2)}.speaker-portrait-note{color:var(--green-dark)}.speaker-profile{background:var(--white)}.speaker-profile h2{font-size:clamp(46px,4.8vw,72px);line-height:.9}.speaker-topics{background:var(--ink)}.speaker-topic-grid article{border-color:rgba(255,253,248,.18)}.speaker-topic-grid article:hover{background:rgba(216,181,126,.12)}.speaker-cta{background:var(--paper)}
.about-art{padding:12px;border:1px solid var(--line)}.about-art img{min-height:520px}.values-grid{gap:14px}.values-grid>div{border-color:rgba(255,253,248,.24);background:rgba(255,253,248,.03)}.inquiry-form{border-color:var(--line);box-shadow:16px 16px 0 rgba(186,118,66,.15)}
@media(max-width:760px){.page-hero,.archive-hero,.solution-hero,.speaker-hero,.case-single__hero{padding:125px 0 70px}.page-hero:before,.archive-hero:before,.solution-hero:before,.speaker-hero:before,.case-single__hero:before{top:0;right:-22%;bottom:auto;width:100%;height:42%;opacity:.27}.page-hero h1,.archive-hero h1,.solution-hero h1,.case-single__hero h1,.speaker-hero h1{font-size:clamp(48px,13vw,72px)}.catalogue-single__top{padding-top:112px}.solution-hero .wrap,.speaker-hero__grid{grid-template-columns:1fr;gap:38px}.solution-hero .breadcrumbs{margin-bottom:26px}.solution-hero:after{display:none}.solution-hero__image{min-height:310px;box-shadow:9px 9px 0 rgba(186,118,66,.18)}.solution-metrics .wrap{grid-template-columns:1fr 1fr}.solution-overview{gap:36px}.solution-process__grid{grid-template-columns:1fr}.solution-capability-grid{grid-template-columns:1fr}.case-single__hero .wrap{display:block}.case-single__type{display:block;margin-top:24px}.speaker-portrait-frame{margin-top:0}.speaker-profile__grid{grid-template-columns:1fr}.knowledge-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.inquiry-layout{grid-template-columns:1fr}}

/* Heading direction II — Space Grotesk: nhẹ, kỹ thuật, luxury industrial */
:root{--heading:'Space Grotesk',Montserrat,Arial,sans-serif}h1,h2,h3{font-family:var(--heading);font-weight:500;letter-spacing:-.07em;line-height:1.02}.hero h1{font-size:clamp(46px,4.55vw,70px);font-weight:500;line-height:.96;letter-spacing:-.085em}.section-heading h2{font-size:clamp(39px,3.85vw,60px);font-weight:500;line-height:1}.ecosystem-card__content h3,.product-card__meta h3,.case-framework h3{font-size:20px;font-weight:600;letter-spacing:-.06em}.page-hero h1,.solution-hero h1,.case-single__hero h1,.speaker-hero h1,.catalogue-single__content h1,.outsole-single__heading h1{font-weight:500;letter-spacing:-.085em;line-height:.98}.page-hero h1,.case-single__hero h1{font-size:clamp(46px,4.7vw,74px)}.solution-hero h1{font-size:clamp(44px,4.25vw,66px)}.speaker-hero h1{font-size:clamp(50px,5.1vw,78px)}.solution-overview h2,.speaker-profile h2,.content-copy h2,.inquiry-layout h2,.outsole-feature__panel h2,.factory-solution h2{font-family:var(--heading);font-weight:500;letter-spacing:-.075em;line-height:1}@media(max-width:760px){.hero h1{font-size:clamp(39px,10vw,49px);line-height:1;letter-spacing:-.08em}.section-heading h2{font-size:clamp(36px,9.7vw,50px)}.page-hero h1,.case-single__hero h1{font-size:clamp(40px,10.3vw,55px)}.solution-hero h1{font-size:clamp(38px,9.8vw,51px)}.speaker-hero h1{font-size:clamp(44px,11.3vw,60px)}}

/* Bảo đảm không còn heading nào dùng hệ chữ cũ */
:root{--serif:var(--heading)}h1,h2,h3,h4,h5,h6{font-family:var(--heading)!important}.ink h1,.ink h2,.ink h3,.process-detail-section h1,.process-detail-section h2,.process-detail-section h3,.outsole-feature h1,.outsole-feature h2,.outsole-feature h3,.factory-solution h1,.factory-solution h2,.factory-solution h3,.project-band h1,.project-band h2,.project-band h3,.solution-deliverables h1,.solution-deliverables h2,.solution-deliverables h3,.speaker-topics h1,.speaker-topics h2,.speaker-topics h3,.site-footer h1,.site-footer h2,.site-footer h3{color:var(--white)}

/* Hero heading: ba dòng cân bằng cho Space Grotesk trên desktop */
@media(min-width:761px){.hero__inner{grid-template-columns:minmax(620px,1.25fr) minmax(300px,.65fr);gap:2vw}.hero__copy{max-width:860px}.hero h1{max-width:850px;font-size:clamp(46px,4.25vw,66px)}}

/* Mobile hero: cân bằng bốn dòng, không để “xuất” rơi lẻ */
@media(max-width:760px){.hero h1{max-width:360px;font-size:clamp(39px,10.2vw,43px);letter-spacing:-.09em;text-wrap:balance}}

/* Mobile: giữ cụm Hero thành ba dòng hoàn chỉnh */
@media(max-width:760px){.hero h1{max-width:100%;font-size:clamp(34px,9.2vw,38px);letter-spacing:-.085em}}

/* Heading sáng tạo mới — kinetic poster, chữ đặc / chữ viền / điểm nhấn */
.hero-title-creative{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0 0 30px;max-width:none;font-family:var(--heading);font-size:clamp(48px,5.1vw,78px);font-weight:600;line-height:.86;letter-spacing:-.095em;color:var(--ink);text-wrap:balance}.hero-title-creative:before{position:absolute;top:-88px;left:-52px;z-index:-1;color:rgba(186,118,66,.11);content:'01';font:600 190px/.8 var(--heading);letter-spacing:-.12em}.hero-title-line{position:relative;display:block;white-space:nowrap}.hero-title-line--solid{color:var(--ink)}.hero-title-line--outline{margin-left:46px;color:transparent;-webkit-text-stroke:1.4px var(--ink)}.hero-title-line--accent{margin-left:18px;color:var(--green-dark)}.hero-title-line--accent:after{position:absolute;right:-32px;bottom:5px;width:25px;height:3px;background:var(--green);content:''}.section-heading h2{position:relative;padding-left:24px}.section-heading h2:before{position:absolute;top:7px;bottom:5px;left:0;width:4px;background:var(--green);content:''}.process-detail-section .section-heading h2:before{background:var(--champagne)}.ecosystem-card__content h3,.product-card__meta h3{letter-spacing:-.045em}.solution-hero h1,.page-hero h1,.case-single__hero h1,.speaker-hero h1{position:relative;padding-left:22px}.solution-hero h1:before,.page-hero h1:before,.case-single__hero h1:before,.speaker-hero h1:before{position:absolute;top:5px;bottom:5px;left:0;width:4px;background:var(--green);content:''}@media(max-width:760px){.hero-title-creative{max-width:100%;font-size:clamp(40px,10.8vw,54px);line-height:.9;letter-spacing:-.09em}.hero-title-creative:before{top:-56px;left:-14px;font-size:112px}.hero-title-line{white-space:normal}.hero-title-line--outline{margin-left:22px;-webkit-text-stroke:1px var(--ink)}.hero-title-line--accent{margin-left:8px}.hero-title-line--accent:after{right:-19px;bottom:2px;width:15px;height:2px}.section-heading h2{padding-left:16px}.section-heading h2:before{width:3px}.solution-hero h1,.page-hero h1,.case-single__hero h1,.speaker-hero h1{padding-left:16px}.solution-hero h1:before,.page-hero h1:before,.case-single__hero h1:before,.speaker-hero h1:before{width:3px}}

/* Bố cục Hero mới hoàn toàn — split-stage editorial */
.hero--new{min-height:900px;padding:0;background:#ded9cf!important;color:var(--ink);overflow:hidden}.hero--new:before,.hero--new:after{display:none}.hero--new .hero-new-stage{position:relative;display:grid;grid-template-columns:minmax(470px,.88fr) minmax(500px,1.12fr) 78px;min-height:900px;padding-top:96px}.hero--new .hero-new-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:82px 5vw 90px;background:#f4f0e7;isolation:isolate}.hero--new .hero-new-copy:before{position:absolute;top:0;right:-110px;bottom:0;z-index:-1;width:180px;background:#f4f0e7;clip-path:polygon(0 0,55% 0,100% 50%,55% 100%,0 100%,46% 50%);content:''}.hero--new .hero-new-copy:after{position:absolute;right:26px;bottom:30px;width:130px;height:130px;border:1px solid rgba(24,34,29,.18);border-radius:50%;content:'A';color:rgba(24,34,29,.25);font:500 11px/128px var(--mono);text-align:center}.hero--new .hero__eyebrow{position:relative;margin-bottom:38px}.hero--new .hero-title-creative{margin-bottom:35px;font-size:clamp(48px,4.35vw,72px);line-height:.87}.hero--new .hero-title-creative:before{top:-102px;left:-38px;font-size:210px;color:rgba(186,118,66,.1)}.hero--new .hero-title-line--outline{-webkit-text-stroke:1.3px var(--ink)}.hero--new .hero-new-copy>p:not(.hero__eyebrow){max-width:480px;color:rgba(24,34,29,.66);font-size:14px;line-height:1.75}.hero--new .hero-new-visual{position:relative;min-height:680px;margin:0;overflow:hidden;background:#17261f}.hero--new .hero-new-visual:before{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,21,17,.08),rgba(12,21,17,.6));content:''}.hero--new .hero-new-visual img{width:100%;height:100%;min-height:680px;object-fit:cover;filter:saturate(.7) contrast(1.05);transform:scale(1.02)}.hero--new .hero-new-visual figcaption{position:absolute;right:28px;bottom:28px;left:28px;z-index:2;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:end;padding-top:16px;border-top:1px solid rgba(255,253,248,.5);color:var(--white)}.hero--new .hero-new-visual figcaption span{color:var(--champagne);font:500 18px/1 var(--heading)}.hero--new .hero-new-visual figcaption b{font:600 10px/1.35 var(--sans);letter-spacing:.16em}.hero--new .hero-new-visual figcaption i{grid-column:2;color:rgba(255,253,248,.56);font:400 9px/1 var(--mono);letter-spacing:.08em}.hero--new .hero-new-side{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--champagne);font:500 9px/1.55 var(--mono);letter-spacing:.14em;writing-mode:vertical-rl;text-align:center}.hero--new .hero-new-side strong{color:var(--white);font-weight:500}.hero--new .button-row{position:relative;z-index:3;margin-top:34px}.hero--new .button.primary{color:var(--white);background:var(--ink)}.hero--new .button.line-light{border-color:var(--ink);color:var(--ink)}.hero--new .hero__index{display:none}@media(max-width:1100px){.hero--new .hero-new-stage{grid-template-columns:minmax(420px,.9fr) minmax(400px,1.1fr) 58px}.hero--new .hero-title-creative{font-size:clamp(43px,4.8vw,62px)}}@media(max-width:760px){.hero--new{min-height:0;padding:0}.hero--new .hero-new-stage{display:flex;flex-direction:column;min-height:0;padding-top:76px}.hero--new .hero-new-copy{display:block;padding:88px 20px 52px}.hero--new .hero-new-copy:before{top:auto;right:0;bottom:-45px;left:0;width:100%;height:90px;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%)}.hero--new .hero-new-copy:after{right:20px;bottom:16px;width:76px;height:76px;font-size:8px;line-height:74px}.hero--new .hero__eyebrow{margin-bottom:24px}.hero--new .hero-title-creative{font-size:clamp(40px,10.7vw,54px);line-height:.9}.hero--new .hero-title-creative:before{top:-62px;left:-14px;font-size:120px}.hero--new .hero-title-line--outline{margin-left:22px}.hero--new .hero-title-line--accent{margin-left:8px}.hero--new .hero-new-copy>p:not(.hero__eyebrow){font-size:13px;line-height:1.6}.hero--new .hero-new-visual{min-height:360px;margin:0 20px}.hero--new .hero-new-visual img{min-height:360px}.hero--new .hero-new-visual figcaption{right:16px;bottom:16px;left:16px}.hero--new .hero-new-side{min-height:70px;padding:16px;writing-mode:horizontal-tb;text-align:left}.hero--new .hero-new-side br{display:none}.hero--new .hero-new-side strong{margin-left:10px}}

/* Hiệu chỉnh độ rõ Heading Hero — giữ bố cục mới, bỏ nhiễu thị giác */
.hero--new .hero-title-creative{display:flex;gap:4px;margin-bottom:32px;font-size:clamp(44px,4.15vw,66px);font-weight:600;line-height:.98;letter-spacing:-.075em}.hero--new .hero-title-creative:before{display:none}.hero--new .hero-title-line{white-space:nowrap}.hero--new .hero-title-line--solid,.hero--new .hero-title-line--outline{margin-left:0;color:var(--ink);-webkit-text-stroke:0}.hero--new .hero-title-line--accent{margin-left:18px;color:var(--green-dark)}.hero--new .hero-title-line--accent:after{right:-26px;bottom:4px;width:20px;height:2px}.hero--new .hero-new-copy:after{opacity:.45}.section-heading h2:before{width:3px}.solution-hero h1,.page-hero h1,.case-single__hero h1,.speaker-hero h1{padding-left:16px}@media(max-width:760px){.hero--new .hero-title-creative{gap:3px;margin-bottom:26px;font-size:clamp(36px,9.5vw,48px);line-height:1;letter-spacing:-.075em}.hero--new .hero-title-line{white-space:normal}.hero--new .hero-title-line--accent{margin-left:8px}.hero--new .hero-title-line--accent:after{right:-17px;bottom:1px;width:13px;height:2px}}

/* Bố cục theo mẫu tham chiếu — dải chương xanh, header trắng, Hero 50/50 */
.reference-topbar{position:relative;z-index:40;display:flex;min-height:58px;align-items:center;padding:0 4vw;background:#39b54a;color:#fff;font:700 15px/1 var(--sans);letter-spacing:.02em}.reference-header{position:relative!important;inset:auto!important;background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 0 rgba(24,34,29,.12)}.reference-header .site-header__inner{min-height:88px}.reference-header .brand__logo{filter:none!important}.reference-header .main-nav a{color:var(--ink)}.reference-header .nav-cta{background:var(--ink);color:#fff;border-color:var(--ink)}.hero--new{min-height:760px!important;background:#fff!important}.hero--new .hero-new-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 0;min-height:760px;max-width:none;margin:0;padding:0}.hero--new .hero-new-copy{padding:74px clamp(40px,5.5vw,92px) 96px}.hero--new .hero-new-copy:before{right:-74px;width:120px}.hero--new .hero-title-creative{font-size:clamp(43px,4vw,66px);font-weight:700;line-height:1.02;letter-spacing:-.055em;text-transform:uppercase}.hero--new .hero-title-line--solid,.hero--new .hero-title-line--outline{color:var(--ink);-webkit-text-stroke:0}.hero--new .hero-title-line--accent{color:#39b54a}.hero--new .hero-title-line--accent:after{display:none}.hero--new .hero-new-visual{min-height:760px}.hero--new .hero-new-visual img{min-height:760px;filter:saturate(.8) contrast(1.02)}.hero--new .hero-new-side{display:none}.hero--new .hero-new-bottom{position:absolute;right:0;bottom:0;left:0;z-index:4;display:flex;justify-content:space-between;min-height:38px;align-items:center;padding:0 4vw;border-top:1px solid rgba(24,34,29,.2);background:rgba(255,255,255,.9);color:var(--ink);font:700 10px/1 var(--sans);letter-spacing:.08em}.hero--new .hero-new-visual figcaption{bottom:48px}.hero--new .hero-new-copy:after{display:none}@media(max-width:1100px){.hero--new .hero-title-creative{font-size:clamp(37px,4.8vw,58px)}}@media(max-width:760px){.reference-topbar{min-height:44px;padding:0 20px;font-size:11px}.reference-header .site-header__inner{min-height:76px}.hero--new{min-height:0!important}.hero--new .hero-new-stage{min-height:0}.hero--new .hero-new-copy{padding:64px 20px 48px}.hero--new .hero-title-creative{font-size:clamp(34px,9.4vw,46px);line-height:1.02;letter-spacing:-.055em}.hero--new .hero-new-visual,.hero--new .hero-new-visual img{min-height:390px}.hero--new .hero-new-visual{margin:0}.hero--new .hero-new-visual figcaption{bottom:16px}.hero--new .hero-new-bottom{position:relative;min-height:42px;padding:0 20px;font-size:8px}.hero--new .hero-new-copy:before{display:none}}

/* Giữ CTA rõ chữ trên header trắng theo mẫu tham chiếu */
.reference-header .nav-cta,.reference-header .nav-cta span{color:#fff!important}.reference-header .nav-cta{display:inline-flex!important;align-items:center;gap:14px;justify-content:center;min-width:164px;min-height:50px;padding:0 19px;background:var(--ink)!important;font-size:10px!important;letter-spacing:.06em}

/* Hero Heading 2026 — editorial wordmark riêng cho GEMVIET */
.hero--new .hero-new-stage{grid-template-columns:minmax(0,.47fr) minmax(0,.53fr) 0}.hero--new .hero-new-copy{position:relative;padding:70px clamp(42px,5.4vw,88px) 92px;border-right:1px solid rgba(20,47,38,.14);background:#f4f1e9}.hero--new .hero-new-copy:before{top:auto;right:0;bottom:38px;width:7px;height:94px;background:#39b54a;clip-path:none}.hero-wordmark{position:relative;margin-bottom:36px;padding-top:12px}.hero-wordmark:before{position:absolute;top:-16px;right:0;width:72px;height:72px;border-top:1px solid rgba(20,47,38,.22);border-right:1px solid rgba(20,47,38,.22);content:''}.hero-wordmark__lead{display:flex;align-items:center;gap:12px;color:#173127;font:700 12px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase}.hero-wordmark__lead:after{width:clamp(48px,5vw,82px);height:1px;background:#39b54a;content:''}.hero-wordmark__lead i{display:grid;width:29px;height:29px;place-items:center;background:#173127;color:#fff;font:600 10px/1 var(--mono);font-style:normal;letter-spacing:0}.hero-wordmark h1,.hero-wordmark__custom{margin:26px 0 0;font-family:'Barlow Condensed',var(--heading);font-weight:700;letter-spacing:-.045em;text-transform:uppercase}.hero-wordmark__focus{display:block;color:#10261e;font-size:clamp(90px,7.7vw,126px);line-height:.72;white-space:nowrap}.hero-wordmark__route{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:30px;padding:17px 0 0;border-top:1px solid rgba(20,47,38,.2)}.hero-wordmark__route em,.hero-wordmark__route strong{font-family:'Barlow Condensed',var(--heading);font-size:clamp(24px,2.1vw,34px);font-style:normal;font-weight:600;line-height:1;letter-spacing:.015em;white-space:nowrap}.hero-wordmark__route em{color:#173127}.hero-wordmark__route strong{color:#39b54a}.hero-wordmark__route i{position:relative;display:block;height:1px;background:#173127}.hero-wordmark__route i:after{position:absolute;right:0;bottom:-3px;width:7px;height:7px;border-top:1px solid #173127;border-right:1px solid #173127;content:'';transform:rotate(45deg)}.hero-wordmark__custom{color:#10261e;font-size:clamp(62px,5vw,86px);line-height:.88}.hero--new .hero-new-copy>p{max-width:535px!important;margin-top:0;color:rgba(20,47,38,.67)!important;font-size:14px!important;line-height:1.72!important}.hero--new .hero__actions{margin-top:34px}.hero--new .button.primary{background:#173127!important}.hero--new .button.primary:hover{background:#39b54a!important}.hero--new .hero-new-visual:after{position:absolute;top:28px;right:28px;z-index:2;width:58px;height:58px;border-top:1px solid rgba(255,255,255,.65);border-right:1px solid rgba(255,255,255,.65);content:''}@media(max-width:1100px){.hero-wordmark__focus{font-size:clamp(78px,8.4vw,104px)}.hero-wordmark__route em,.hero-wordmark__route strong{font-size:clamp(21px,2.2vw,29px)}}@media(max-width:760px){.hero--new .hero-new-copy{padding:58px 20px 54px;border-right:0}.hero--new .hero-new-copy:before{right:20px;bottom:0;width:64px;height:5px}.hero-wordmark{margin-bottom:30px;padding-top:0}.hero-wordmark:before{top:-6px;right:0;width:44px;height:44px}.hero-wordmark__lead{gap:9px;font-size:9px;letter-spacing:.08em}.hero-wordmark__lead i{width:25px;height:25px;font-size:9px}.hero-wordmark__lead:after{width:32px}.hero-wordmark h1{margin-top:24px}.hero-wordmark__focus{font-size:clamp(70px,20vw,82px);line-height:.75;white-space:nowrap}.hero-wordmark__route{gap:8px;margin-top:26px;padding-top:14px}.hero-wordmark__route em,.hero-wordmark__route strong{font-size:clamp(18px,5.1vw,22px)}.hero--new .hero-new-copy>p{font-size:13px!important;line-height:1.65!important}.hero--new .hero-new-visual:after{top:18px;right:18px;width:40px;height:40px}}

/* Cân chỉnh wordmark: mạnh nhưng luôn nằm trọn trong panel */
.hero--new .hero-new-stage{grid-template-columns:minmax(0,.5fr) minmax(0,.5fr) 0}.hero--new .hero-new-copy{padding-right:clamp(38px,4.3vw,70px);padding-left:clamp(38px,4.3vw,70px)}.hero-wordmark__focus{font-size:clamp(82px,6.65vw,108px)}.hero-wordmark__focus>span{display:inline}.hero-wordmark__focus>span+span:before{content:' '}@media(max-width:760px){.hero-wordmark__focus{font-size:clamp(76px,21vw,88px);line-height:.68}.hero-wordmark__focus>span{display:block}.hero-wordmark__focus>span+span{margin-left:17vw;color:#39b54a}.hero-wordmark__focus>span+span:before{content:none}.hero-wordmark__route{margin-top:30px}}

/* Mobile wordmark: tách nhịp rõ, không chạm chữ */
@media(max-width:760px){.hero-wordmark__focus{line-height:.8}.hero-wordmark__focus>span+span{margin-top:5px}}

/* Heading Landscape — tự do, xuyên ranh giới nội dung và hình ảnh */
.reference-topbar{display:none!important}.hero--new{--hero-cream:#f4f1e9;--hero-forest:#10261e;--hero-copper:#b28d51}.hero--new .hero-new-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 0}.hero--new .hero-new-copy{z-index:3;padding:72px clamp(42px,4.5vw,74px) 92px;background:var(--hero-cream);overflow:visible}.hero--new .hero-new-copy:before{right:0;bottom:34px;width:6px;height:96px;background:var(--hero-copper)}.hero-wordmark{position:relative;z-index:4;margin-bottom:32px}.hero-wordmark:before{top:-22px;right:0;width:82px;height:82px;border-color:rgba(16,38,30,.18)}.hero-wordmark__lead{color:var(--hero-forest)}.hero-wordmark__lead:after{background:var(--hero-copper)}.hero-wordmark__lead i{background:var(--hero-forest)}.hero-wordmark h1{position:relative;margin-top:30px;overflow:visible}.hero-wordmark__focus{position:relative;z-index:5;display:grid;width:200%;grid-template-columns:1fr 1fr;color:var(--hero-forest);font-size:clamp(84px,7.45vw,120px);line-height:.76;letter-spacing:-.055em}.hero-wordmark__focus>span{display:flex;min-height:1em;align-items:center}.hero-wordmark__focus>span:first-child{justify-content:flex-start;padding-right:clamp(14px,2vw,30px)}.hero-wordmark__focus>span+span{justify-content:center;margin:0!important;padding:0 clamp(20px,4vw,70px);color:var(--hero-cream);text-shadow:0 2px 30px rgba(0,0,0,.22)}.hero-wordmark__focus>span+span:before{content:none}.hero-wordmark__route{position:relative;z-index:5;width:100%;margin-top:34px;border-top-color:rgba(16,38,30,.22)}.hero-wordmark__route em{color:var(--hero-forest)}.hero-wordmark__route strong{color:var(--hero-copper)}.hero-wordmark__route i{background:var(--hero-forest)}.hero-wordmark__route i:after{border-color:var(--hero-forest)}.hero--new .hero-new-visual:before{background:linear-gradient(90deg,rgba(9,24,18,.35),rgba(9,24,18,.05) 46%,rgba(9,24,18,.36))}.hero--new .hero-new-visual:after{border-color:rgba(244,241,233,.7)}.hero--new .button.primary{background:var(--hero-forest)!important}.hero--new .button.primary:hover{background:var(--hero-copper)!important}.hero--new .hero-new-bottom{color:var(--hero-forest)}@media(max-width:1100px){.hero-wordmark__focus{font-size:clamp(72px,7.6vw,96px)}}@media(max-width:760px){.hero--new .hero-new-copy{padding:62px 20px 56px}.hero--new .hero-new-copy:before{right:20px;bottom:0;width:66px;height:5px}.hero-wordmark:before{top:-8px;width:48px;height:48px}.hero-wordmark h1{margin-top:25px}.hero-wordmark__focus{display:block;width:100%;font-size:clamp(78px,21.5vw,90px);line-height:.77}.hero-wordmark__focus>span{display:block;min-height:0}.hero-wordmark__focus>span:first-child{padding:0}.hero-wordmark__focus>span+span{justify-content:initial;margin:8px 0 0 16vw!important;padding:0;color:var(--hero-copper);text-shadow:none}.hero-wordmark__route{margin-top:32px}.hero-wordmark__route strong{color:var(--hero-copper)}}