.page-hero{padding-top:140px;padding-bottom:var(--space-20);position:relative;overflow:hidden}@media (min-width:768px){.page-hero{padding-top:200px;padding-bottom:var(--space-24)}}.page-hero-blob{background:var(--blob-gradient);width:600px;max-width:90vw;height:600px;filter:blur(var(--blob-blur));opacity:.55;pointer-events:none;animation:blob-drift var(--t-blob) ease-in-out infinite alternate;z-index:0;position:absolute;top:10%;right:-16%}@keyframes blob-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.05)}to{transform:translate(15px,-15px)scale(.97)}}.page-hero-inner{z-index:1;text-align:center;max-width:880px;margin:0 auto;position:relative}.page-hero h1{max-width:22ch;margin:var(--space-6) auto var(--space-6)}.page-hero p.lead{max-width:640px;margin:0 auto}.founder-grid{gap:var(--space-10);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:960px){.founder-grid{gap:var(--space-16);grid-template-columns:1fr 1.2fr}}.founder-photo{aspect-ratio:4/5;border-radius:var(--r-3xl);background:radial-gradient(circle at 30% 20%, #ffb34799, transparent 60%), linear-gradient(135deg, var(--color-orange-500), var(--color-orange-700) 70%, #5c1a02);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.founder-photo:after{content:"ภาพ Founder · ใส่จริงตอน Phase 2";inset:auto 0 var(--space-6) 0;text-align:center;color:#ffffffb3;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;position:absolute}.founder-body p{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text);margin:0 0 var(--space-6)}.founder-body p:last-child{margin-bottom:0}.founder-quote{margin:var(--space-8) 0;padding:var(--space-6) var(--space-8);background:var(--color-orange-50);border-radius:var(--r-2xl);border-left:4px solid var(--color-orange-500);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:1.4}.founder-sig{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--hairline)}.founder-sig-name{font-weight:var(--weight-bold);font-size:var(--text-lg)}.founder-sig-role{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.grid-values{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.grid-values{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-values{grid-template-columns:repeat(4,1fr)}}.value-card{background:var(--color-surface);border-radius:var(--r-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);gap:var(--space-4);flex-direction:column;display:flex}.value-num{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-3xl);color:var(--color-orange-500);letter-spacing:var(--tracking-tight);line-height:1}.value-title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);letter-spacing:-.005em;margin:0;line-height:1.3}.value-desc{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-muted);margin:0}.process-list{gap:var(--space-4);flex-direction:column;max-width:880px;margin:0 auto;display:flex}.process-step{gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out);grid-template-columns:auto 1fr;align-items:start;display:grid}.process-step:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.process-num{border-radius:var(--r-full);background:var(--color-orange-50);width:56px;height:56px;color:var(--color-orange-700);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);flex:none;justify-content:center;align-items:center;display:flex}.process-body h3{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2);line-height:1.3}.process-body p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-muted);margin:0}.stats-band{background:var(--color-surface-alt);border-radius:var(--r-3xl);padding:var(--space-12) var(--space-8)}@media (min-width:768px){.stats-band{padding:var(--space-16) var(--space-12)}}.grid-3{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.section-header-center{text-align:center;max-width:720px;margin:0 auto var(--space-12)}
