.about-page{padding-bottom:var(--space-2xl)}.about-hero{isolation:isolate;min-height:min(78svh,760px);margin-top:calc(var(--header-height) * -1);padding-top:var(--header-height);color:#fff;background:var(--surface-band);align-items:end;display:grid;position:relative;overflow:clip}.about-hero-media{z-index:-2;position:absolute;inset:0}.about-hero-media picture{display:contents}.about-hero-media img{object-fit:cover;width:100%;height:100%;display:block}.about-hero-scrim{z-index:-1;background:linear-gradient(#0a090866 0%,#0a09081f 36%,#0a0908cc 100%),linear-gradient(90deg,#0a09088c 0%,#0a090800 62%);position:absolute;inset:0}.about-hero-inner{width:100%;max-width:var(--container);padding:var(--space-md) var(--space-md) var(--space-xl);gap:var(--space-sm);justify-items:start;margin:0 auto;display:grid}.about-hero .breadcrumbs{padding-block:0 var(--space-sm);color:#ffffffb8}.about-hero .breadcrumbs a{color:#ffffffb8}.about-hero .breadcrumbs a:hover,.about-hero .breadcrumbs [aria-current=page]{color:#fff}.about-hero .breadcrumbs li+li:before{color:#fff6}.about-hero .eyebrow{color:#ffffffd1}.about-hero h1{font-size:var(--step-5);color:#fff;text-shadow:0 2px 24px #00000047;max-width:16ch;margin:0}:root[lang=th] .about-hero h1,:root[lang=zh-CN] .about-hero h1{max-width:22ch}.about-hero h1 .text-accent{color:#e4c89b}.about-hero-desc{font-size:var(--step-1);color:#ffffffdb;text-shadow:0 1px 12px #0000004d;max-width:56ch;margin:0;line-height:1.6}.about-hero-actions{gap:var(--space-sm);flex-wrap:wrap;margin-top:.5rem;display:flex}.about-hero-actions .btn-outline{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border-color:#ffffff8c}.about-hero-actions .btn-outline:hover{color:#14120f;background:#fff;border-color:#fff}.about-story{gap:var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.about-story-media{top:calc(var(--header-height) + 1.5rem);position:sticky}.about-story-media picture{border-radius:var(--radius-lg);box-shadow:var(--shadow-2);background:var(--surface-sunken);display:block;overflow:hidden}.about-story-media img{width:100%;height:auto;display:block}.about-story-body{gap:var(--space-md);padding-top:var(--space-sm);align-content:start;display:grid}.about-block h2{font-size:var(--step-3);margin-bottom:var(--space-xs)}.about-block p{font-size:var(--step-0);color:var(--text-2);max-width:58ch;margin:0;line-height:1.8}.about-values{padding-block:var(--space-xl);background:var(--surface-sunken);border-block:1px solid var(--line-1)}.about-section-head{margin-bottom:var(--space-lg);gap:.5rem;display:grid}.about-section-head h2{margin:0}.about-section-head p{color:var(--text-3);max-width:56ch;margin:0}.about-values-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.about-values-grid>li{min-width:0;display:flex}.about-value{padding:var(--space-md);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--radius-lg);transition:transform var(--dur-mid) var(--ease-out), box-shadow var(--dur-mid) var(--ease-out);flex:1;align-content:start;gap:.5rem;display:grid}.about-value:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.about-value-num{font-family:var(--font-display);font-size:var(--step-3);color:var(--accent-ink);font-variant-numeric:tabular-nums;font-weight:250;line-height:1}.about-value h3{font-size:var(--step-1);margin-top:var(--space-xs)}.about-value p{color:var(--text-2);margin:0;line-height:1.7}.about-closing{padding-top:var(--space-xl)}@media (max-width:959px){.about-story{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.about-story-media{max-width:480px;position:static}}@media (max-width:767px){.about-hero{min-height:min(72svh,600px)}.about-hero h1{font-size:var(--step-4)}.about-hero-desc{font-size:var(--step-0)}}@media (max-width:560px){.about-hero-actions .btn{flex:100%}}