.about-page{--about-blue:#1558d6;--about-navy:#0c2344;--about-sky:#eef5ff;--about-gold:#f5a524;--about-line:#cbdaf1;color:#12213a;overflow:clip}.about-page *{box-sizing:border-box}.about-page h1,.about-page h2,.about-page h3{color:var(--about-navy);letter-spacing:-.025em;line-height:1.22}.about-page h1{font-size:clamp(2.15rem,5vw,4.65rem);margin:.55rem 0 1.25rem}.about-page h2{font-size:clamp(1.75rem,3.2vw,3rem);margin:.5rem 0 1.15rem}.about-page h3{font-size:1.25rem;margin:.25rem 0 .65rem}.about-page p,.about-page li,.about-page a{font-family:"Sarabun",sans-serif}.about-page p{line-height:1.8}.about-breadcrumb{padding-block:1rem}.about-breadcrumb ol{display:flex;gap:.65rem;list-style:none;margin:0;padding:0;color:#62728c}.about-breadcrumb li+li:before{content:"/";margin-right:.65rem}.about-breadcrumb a{color:var(--about-blue)}.about-hero{padding:clamp(1rem,4vw,4rem) 0 clamp(3rem,7vw,6.5rem);background:radial-gradient(circle at 85% 12%,#d9e9ff 0,transparent 38%),linear-gradient(145deg,#f7faff,#edf4ff)}.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:clamp(2rem,5vw,5rem);align-items:center}.about-hero-copy>p:not(.about-kicker){max-width:680px;font-size:clamp(1.05rem,1.35vw,1.25rem)}.about-kicker{color:var(--about-blue);font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0}.about-hero-media{position:relative;margin:0;border-radius:2rem;overflow:hidden;box-shadow:0 26px 65px rgba(14,52,106,.2);aspect-ratio:3/2}.about-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.about-hero-media figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:.8rem 1rem;border-radius:1rem;background:rgba(8,30,64,.82);color:white;text-align:center;backdrop-filter:blur(8px)}.about-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.about-btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.75rem 1.25rem;border-radius:.85rem;font-weight:800;text-decoration:none;border:2px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.about-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(14,66,160,.18)}.about-btn:focus-visible{outline:3px solid var(--about-gold);outline-offset:3px}.about-btn-primary{background:var(--about-blue);color:#fff}.about-btn-light{background:#fff;color:var(--about-navy);border-color:#d5e0f2}.about-btn-outline{color:var(--about-blue);border-color:var(--about-blue);background:transparent}.about-btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}.about-section{padding:clamp(3.5rem,7vw,7rem) 0}.about-reading{max-width:920px}.about-prose{max-width:780px;font-size:1.08rem}.about-intro blockquote{margin:2.5rem 0 0;padding:2rem clamp(1.5rem,4vw,3rem);border:0;border-left:6px solid var(--about-gold);border-radius:0 1.25rem 1.25rem 0;background:#fff7e8;color:var(--about-navy);font-size:clamp(1.35rem,2.5vw,2rem);font-weight:800;line-height:1.55}.about-heading{max-width:820px;margin-bottom:2.5rem}.about-heading>p:last-child{font-size:1.08rem}.about-timeline-section{background:var(--about-sky)}.about-timeline{position:relative;list-style:none;margin:0;padding:0}.about-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--about-line);transform:translateX(-50%)}.about-timeline li{position:relative;width:50%;padding:0 4rem 2.5rem 0}.about-timeline li:nth-child(even){margin-left:50%;padding:0 0 2.5rem 4rem}.about-timeline article{background:#fff;border:1px solid #dfe8f5;border-radius:1.25rem;padding:1.5rem;box-shadow:0 14px 35px rgba(19,57,108,.07)}.timeline-marker{position:absolute;right:-1.35rem;top:.8rem;width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:var(--about-blue);color:#fff;font-weight:900;border:5px solid var(--about-sky);z-index:1}.about-timeline li:nth-child(even) .timeline-marker{right:auto;left:-1.35rem}.timeline-label{color:var(--about-blue);font-weight:800;margin:0}.timeline-closing{max-width:840px;margin:1.5rem auto 0;text-align:center;font-size:1.15rem;font-weight:700}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.audience-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.5rem;border:1px solid #dbe6f5}.audience-candidate{background:#f3f7ff}.audience-school{background:#fff9ee;border-color:#f1dfbb}.feature-list{display:grid;gap:.7rem;list-style:none;padding:0;margin:1.5rem 0}.feature-list li{position:relative;padding-left:1.75rem;line-height:1.55}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--about-blue);font-weight:900}.audience-note{padding:1rem;border-radius:.85rem;background:rgba(255,255,255,.75);font-weight:700}.about-jobs{background:linear-gradient(180deg,#fff,#f5f8fc)}.job-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.job-type-grid a{display:flex;gap:.8rem;align-items:center;min-height:74px;padding:1rem;border:1px solid #dae4f2;border-radius:1rem;background:#fff;color:var(--about-navy);font-weight:700;text-decoration:none;transition:border-color .2s,transform .2s}.job-type-grid a:hover,.job-type-grid a:focus-visible{border-color:var(--about-blue);transform:translateY(-2px)}.job-type-grid span{color:var(--about-blue);font-size:.85rem}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.value-grid article{padding:1.4rem;border-top:4px solid var(--about-blue);border-radius:1rem;background:#fff;box-shadow:0 12px 32px rgba(18,53,100,.08)}.value-grid article>span{color:#7e91ac;font-weight:900}.vision-section{background:var(--about-navy);color:#dce8fa}.vision-section h2,.vision-section h3{color:#fff}.vision-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(1.5rem,5vw,5rem);align-items:center}.mission-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.mission-card .feature-list li:before{color:#73a7ff}.role-card{display:grid;grid-template-columns:1.5fr .7fr;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,4vw,3rem);border:1px solid #dbe5f3;border-radius:1.5rem;background:#fff}.role-card nav{display:grid;align-content:center;gap:.75rem}.role-card nav a{padding:.8rem 1rem;border-radius:.75rem;background:var(--about-sky);color:var(--about-blue);font-weight:700;text-decoration:none}.about-final{padding:clamp(4rem,8vw,7.5rem) 0;text-align:center;background:linear-gradient(145deg,#0a2450,#165bce);color:#eaf2ff}.about-final h2{color:#fff}.about-final .about-kicker{color:#a9c9ff}.about-final-copy{max-width:820px;margin:auto}.about-final strong{display:block;margin-top:2rem;color:#fff;font-size:1.2rem}.about-actions-center{justify-content:center}.about-reveal{transition:opacity .55s ease,transform .55s ease}.js .about-reveal{opacity:.2;transform:translateY(16px)}.js .about-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.about-hero-grid,.vision-grid{grid-template-columns:1fr}.about-hero-media{max-width:760px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-grid article:last-child{grid-column:1/-1}.job-type-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.about-hero-grid,.audience-grid,.role-card{grid-template-columns:1fr}.about-hero{padding-top:.5rem}.about-hero-media{border-radius:1.25rem}.about-actions{display:grid}.about-btn{width:100%}.about-timeline:before{left:1.3rem}.about-timeline li,.about-timeline li:nth-child(even){width:100%;margin-left:0;padding:0 0 1.25rem 3.6rem}.timeline-marker,.about-timeline li:nth-child(even) .timeline-marker{left:0;right:auto}.job-type-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.value-grid article:last-child{grid-column:auto}.about-section{padding-block:3.25rem}.about-intro blockquote br{display:none}}
@media(max-width:390px){.about-page h1{font-size:2rem}.about-hero-copy>p:not(.about-kicker){font-size:1rem}.about-hero-media figcaption{font-size:.85rem}.audience-card,.role-card{padding:1.2rem}.about-breadcrumb{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.about-reveal{opacity:1!important;transform:none!important}}
.about-story-media,.audience-media,.about-final-media{position:relative;margin:2rem 0 0;overflow:hidden;border-radius:1.4rem}.about-story-media{max-width:920px;box-shadow:0 18px 45px rgba(14,52,106,.14)}.about-story-media img,.audience-media img,.about-final-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.about-story-media figcaption,.audience-media figcaption,.about-final-media figcaption{padding:.75rem 1rem;background:#f3f7ff;color:#405574;font-family:"Sarabun",sans-serif;font-size:.92rem;line-height:1.5}.audience-media{margin:0 0 1.5rem;border-radius:1rem}.audience-media img{transition:transform .35s ease}.audience-card:hover .audience-media img{transform:scale(1.02)}.about-final-media{max-width:920px;margin:0 auto 2.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 24px 55px rgba(0,0,0,.2)}.about-final-media figcaption{background:rgba(6,25,57,.92);color:#fff}[data-theme="dark"] .about-story-media figcaption,[data-theme="dark"] .audience-media figcaption{background:#12223a;color:#cbd9ec}
[data-theme="dark"] .about-page{--about-navy:#eaf2ff;--about-sky:#101e35;--about-line:#365072;color:#dfe9f8;background:#091529}[data-theme="dark"] .about-hero{background:radial-gradient(circle at 85% 12%,#163a70 0,transparent 38%),linear-gradient(145deg,#0b1729,#10233e)}[data-theme="dark"] .about-page h1,[data-theme="dark"] .about-page h2,[data-theme="dark"] .about-page h3{color:#f2f7ff}[data-theme="dark"] .about-intro blockquote{background:#302816;color:#fff2cf}[data-theme="dark"] .about-timeline article,[data-theme="dark"] .job-type-grid a,[data-theme="dark"] .value-grid article,[data-theme="dark"] .role-card{background:#12223a;border-color:#2d4667;color:#dfe9f8}[data-theme="dark"] .audience-candidate{background:#102341;border-color:#294b77}[data-theme="dark"] .audience-school{background:#292315;border-color:#5b4924}[data-theme="dark"] .audience-note{background:rgba(0,0,0,.2)}[data-theme="dark"] .role-card nav a{background:#172d4d;color:#8db7ff}[data-theme="dark"] .about-jobs{background:linear-gradient(180deg,#091529,#0d1d33)}