.about-page{padding-top:80px}.about-page-v2{background:linear-gradient(180deg, color-mix(in oklab, var(--bg-muted) 54%, transparent), transparent 34rem), var(--bg);padding-bottom:clamp(4rem,2rem + 6vw,7rem)}.about-page-v2 strong{color:var(--fg);font-weight:700}.about-hero,.about-section,.about-closing{width:min(var(--layout-container-max), 100% - var(--layout-container-gutter));margin-inline:auto}.about-hero{border-bottom:1px solid var(--divider);grid-template-columns:minmax(0,1.45fr) minmax(16rem,.65fr);align-items:end;gap:clamp(2rem,1rem + 4vw,4.5rem);padding:clamp(4.5rem,2rem + 8vw,8rem) 0 clamp(2.5rem,1rem + 4vw,4.5rem);display:grid}.about-eyebrow{color:var(--accent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .85rem;font-size:.72rem;font-weight:700}html[lang=vi] .about-eyebrow{letter-spacing:.06em;text-transform:none}.about-hero__title{max-width:15ch;color:var(--fg);letter-spacing:0;margin:0;font-size:5.1rem;line-height:1}.about-hero__lead{max-width:70ch;color:var(--fg-muted);margin:clamp(1.25rem,.8rem + 1.6vw,2rem) 0 0;font-size:1.12rem;line-height:1.75}.about-metrics{gap:.75rem;margin:0;display:grid}.about-metric{border-left:2px solid color-mix(in oklab, var(--accent) 44%, var(--border));background:linear-gradient(90deg, color-mix(in oklab, var(--accent-soft) 36%, transparent), transparent 78%);padding:1rem 0 1rem 1rem}.about-metric dt{color:var(--fg);font-size:2.35rem;font-weight:800;line-height:1}.about-metric dd{color:var(--fg-subtle);font-size:var(--text-sm);margin:.4rem 0 0;line-height:1.45}.about-section{padding:clamp(3rem,1.5rem + 5vw,5.5rem) 0 0}.about-section__header{max-width:760px}.about-section__header h2{color:var(--fg);letter-spacing:0;margin:0;font-size:3.2rem;line-height:1.05}.about-section__header p:not(.about-eyebrow){color:var(--fg-muted);font-size:var(--text-lg);margin:1rem 0 0;line-height:1.75}.about-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.about-system-card{--about-card-accent:var(--accent);min-height:21rem;color:var(--fg);background:linear-gradient(180deg, color-mix(in oklab, var(--bg-elevated) 92%, transparent), color-mix(in oklab, var(--bg-muted) 58%, var(--bg-elevated))), var(--bg-elevated);border:1px solid color-mix(in oklab, var(--about-card-accent) 22%, var(--border));box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;padding:clamp(1.2rem,.9rem + 1vw,1.6rem);display:flex;position:relative;overflow:hidden}.about-system-card:before{content:"";background:linear-gradient(90deg, var(--about-card-accent), transparent);height:3px;position:absolute;inset:0 0 auto}.about-system-card__icon{width:2.55rem;height:2.55rem;color:var(--about-card-accent);background:color-mix(in oklab, var(--about-card-accent) 12%, transparent);border:1px solid color-mix(in oklab, var(--about-card-accent) 28%, var(--border));border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.about-system-card h3{font-size:var(--text-xl);letter-spacing:0;margin:1.25rem 0 0;line-height:1.2}.about-system-card p{color:var(--fg-muted);margin:.85rem 0 0;line-height:1.65}.about-system-card ul{flex-wrap:wrap;gap:.45rem;margin:auto 0 0;padding:1.25rem 0 0;list-style:none;display:flex}.about-system-card li{min-height:1.85rem;color:color-mix(in oklab, var(--about-card-accent) 74%, var(--fg));background:color-mix(in oklab, var(--about-card-accent) 10%, transparent);border:1px solid color-mix(in oklab, var(--about-card-accent) 24%, var(--border));font-family:var(--font-mono);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:700;display:inline-flex}.about-tone-sky{--about-card-accent:#0093cb}@supports (color:lab(0% 0 0)){.about-tone-sky{--about-card-accent:lab(56.017% -22.1527 -45.257)}}.about-tone-emerald{--about-card-accent:#259f56}@supports (color:lab(0% 0 0)){.about-tone-emerald{--about-card-accent:lab(57.8229% -46.5826 27.9987)}}.about-tone-violet{--about-card-accent:#8b6ce8}@supports (color:lab(0% 0 0)){.about-tone-violet{--about-card-accent:lab(53.2753% 34.4588 -59.5666)}}.about-tone-amber{--about-card-accent:#cb8900}@supports (color:lab(0% 0 0)){.about-tone-amber{--about-card-accent:lab(62.7182% 20.0837 73.4643)}}.about-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.about-stack-group{background:color-mix(in oklab, var(--bg-elevated) 86%, transparent);border:1px solid var(--border);border-radius:8px;padding:clamp(1.2rem,.9rem + 1vw,1.6rem)}.about-stack-group__head{align-items:center;gap:.75rem;display:flex}.about-stack-group__head span{width:2rem;height:2rem;color:var(--accent);background:var(--accent-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.about-stack-group h3{color:var(--fg);font-size:var(--text-lg);letter-spacing:0;margin:0}.about-stack-group ul{gap:.85rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.about-stack-group li{color:var(--fg-muted);padding-left:1.15rem;line-height:1.65;position:relative}.about-stack-group li:before{content:"";background:var(--accent);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.72em;left:0}.about-principles{padding-bottom:clamp(2.5rem,1rem + 4vw,4rem)}.about-principle-list{gap:.75rem;margin-top:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.about-principle{border-top:1px solid var(--divider);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1rem,.8rem + 1vw,1.5rem);padding:1.25rem 0;display:grid}.about-principle>span{color:var(--fg-subtle);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.about-principle h3{color:var(--fg);font-size:var(--text-xl);letter-spacing:0;margin:0}.about-principle p{color:var(--fg-muted);margin:.55rem 0 0;line-height:1.7}.about-closing{border-top:1px solid var(--divider);padding:clamp(1.4rem,1rem + 2vw,2rem) 0 0}.about-closing p{max-width:860px;color:var(--fg);margin:0;font-size:1.35rem;line-height:1.65}@media (max-width:900px){.about-hero,.about-system-grid,.about-stack-grid{grid-template-columns:1fr}.about-hero{align-items:start}.about-hero__title{font-size:4rem}.about-metric dt{font-size:2.1rem}.about-section__header h2{font-size:2.6rem}.about-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.about-system-card{min-height:auto}}@media (max-width:640px){.about-page-v2{padding-bottom:4rem}.about-hero,.about-section,.about-closing{width:min(100% - 1.35rem, var(--layout-container-max))}.about-hero{padding-top:3.5rem}.about-hero__title{max-width:100%;font-size:2.65rem}.about-hero__lead{font-size:1rem}.about-metric dt{font-size:2rem}.about-metrics{grid-template-columns:1fr}.about-section__header h2{font-size:2.1rem}.about-section__header p:not(.about-eyebrow){font-size:var(--text-base)}.about-closing p{font-size:1.12rem}}