:root{--ink:#172a24;--paper:#f3f0e8;--lime:#d9f755}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Thai",sans-serif}a{color:inherit;text-decoration:none}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:0 34px;border-bottom:1px solid rgba(23,42,36,.18)}.mark{font:700 25px Georgia,serif;letter-spacing:-2px}.mark span{color:#7da000}.nav-shell nav{display:flex;gap:30px;font-size:13px}.nav-shell nav a:hover{opacity:.55}.hero{min-height:700px;max-width:1280px;margin:auto;padding:72px 34px 90px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow{margin-bottom:28px}.hero h1,.section h2,footer h2{font:500 clamp(68px,8vw,118px)/.82 Georgia,serif;letter-spacing:-.065em;margin:0}.hero h1 em,.section h2 em,footer h2 em{font-weight:400;color:#668615}.thai-name{font-size:20px;margin:26px 0 16px}.lead{max-width:570px;font:21px/1.55 Georgia,serif;color:#45564f}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{padding:14px 20px;border:1px solid var(--ink);font-size:13px;font-weight:700}.button.primary{background:var(--ink);color:white}.button span{margin-left:28px}.button:hover{background:var(--lime);color:var(--ink)}.portrait-wrap{position:relative;width:min(42vw,510px);aspect-ratio:1;margin-left:auto}.portrait-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:2;border:8px solid var(--paper)}.orbit{position:absolute;border:1px solid rgba(23,42,36,.28);border-radius:50%;inset:-25px;transform:rotate(18deg) scaleY(.62)}.orbit-b{transform:rotate(-42deg) scaleY(.68);inset:-45px}.portrait-label{position:absolute;right:-10px;bottom:35px;background:var(--lime);padding:9px 13px;font-size:11px;font-weight:700;z-index:3}.equation{position:absolute;font:italic 22px Georgia;color:rgba(23,42,36,.35)}.equation-one{top:80px;right:42%}.equation-two{bottom:55px;left:48%}.section{max-width:1280px;margin:auto;padding:110px 34px}.section-label{display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(23,42,36,.22);padding-bottom:17px;margin-bottom:66px}.section-label span{background:var(--ink);color:white;padding:4px 7px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.section h2{font-size:clamp(48px,5.6vw,78px)}.about-copy{padding-top:4px;font-size:16px;line-height:1.8}.about-copy .large{font:24px/1.5 Georgia,serif;margin-top:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.facts div{padding:26px 18px;border-right:1px solid rgba(23,42,36,.25)}.facts div:last-child{border:0}.facts small,.facts span{display:block;font-size:10px;letter-spacing:.15em}.facts strong{font:28px Georgia;display:block;margin:18px 0 5px}.education{padding-top:40px}.timeline{max-width:900px;margin-left:auto}.timeline article{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid rgba(23,42,36,.25)}.timeline time{font:italic 25px Georgia;color:#668615}.timeline h3{font:25px Georgia;margin:0 0 7px}.timeline p{margin:0;color:#5f6b66}.research{max-width:none;background:var(--ink);color:#eef0e7;padding-left:max(34px,calc((100vw - 1212px)/2));padding-right:max(34px,calc((100vw - 1212px)/2))}.section-label.light{border-color:rgba(255,255,255,.25)}.section-label.light span{background:var(--lime);color:var(--ink)}.research-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;margin-bottom:70px}.research h2 em{color:var(--lime)}.research-intro p{font:20px/1.55 Georgia;color:#bfc8c2;max-width:420px}.pub-list article{display:grid;grid-template-columns:45px 70px 1fr 30px;gap:20px;align-items:start;padding:25px 0;border-top:1px solid rgba(255,255,255,.19)}.pub-number{font-size:10px;color:var(--lime)}.pub-list time{font:italic 18px Georgia}.pub-list h3{font:20px/1.35 Georgia;margin:0 0 8px;font-weight:400}.pub-list h3 a:hover{color:var(--lime)}.pub-list p{margin:0;color:#95a39b;font-size:13px}.arrow{color:var(--lime);font-size:20px}.teaching-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.teaching-grid>div>p{font:19px/1.6 Georgia;max-width:500px}.course-list{border-top:1px solid var(--ink)}.course-list div{font:24px Georgia;padding:24px 5px;border-bottom:1px solid rgba(23,42,36,.25)}.course-list span{font:10px Arial;color:#668615;margin-right:30px}footer{background:#dff35a;color:var(--ink);padding:90px max(34px,calc((100vw - 1212px)/2)) 30px}.footer-title{display:grid;grid-template-columns:1fr 1.2fr;align-items:end}.footer-title>p{font-size:11px;letter-spacing:.2em;font-weight:700}.footer-title h2{font-size:clamp(70px,9vw,125px)}.footer-title h2 em{color:var(--ink);opacity:.48}.footer-title>a{grid-column:2;font:22px Georgia;border-bottom:1px solid var(--ink);padding:22px 0;margin-top:30px}.footer-title>a span{float:right}.addresses{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:85px;border-top:1px solid var(--ink);padding-top:28px}.addresses strong{font-size:10px;letter-spacing:.15em}.addresses p{line-height:1.8}.footer-bottom{display:flex;justify-content:space-between;margin-top:75px;padding-top:20px;border-top:1px solid rgba(23,42,36,.28);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:800px){.nav-shell nav{gap:13px}.nav-shell nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:55px}.portrait-wrap{width:80vw;margin:75px auto 0}.equation{display:none}.about-grid,.research-intro,.teaching-grid,.footer-title{grid-template-columns:1fr}.about-copy{margin-top:40px}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid rgba(23,42,36,.25)}.pub-list article{grid-template-columns:34px 48px 1fr}.pub-list .arrow{display:none}.footer-title>a{grid-column:1}.addresses{grid-template-columns:1fr}.hero h1{font-size:21vw}.section{padding-top:75px;padding-bottom:75px}}
@media(max-width:520px){.nav-shell{padding:0 20px}.nav-shell nav a:nth-child(3){display:none}.hero,.section{padding-left:20px;padding-right:20px}.hero-actions{flex-direction:column}.timeline article{grid-template-columns:75px 1fr}.portrait-wrap{width:88vw}.research{padding-left:20px;padding-right:20px}.pub-list article{grid-template-columns:30px 1fr}.pub-list time{grid-column:2}.pub-list article>div{grid-column:2}footer{padding-left:20px;padding-right:20px}}
.timeline p a{display:inline-block;border-bottom:1px solid transparent}.timeline p a:hover{color:#668615;border-color:#668615}