*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0C0C0C;--text: #F5F5F5;--text-soft: #D7E2EA;--muted: #A0A0A0;--line: rgba(215, 226, 234, .18);--radius-card: clamp(40px, 5vw, 60px)}html{scroll-behavior:smooth}html,body{background:var(--bg)}body{font-family:Kanit,sans-serif;color:var(--text-soft);-webkit-font-smoothing:antialiased;overflow-x:clip}main{overflow-x:clip}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#bbccd7;color:#0c0c0c}.hero-heading{background:linear-gradient(180deg,#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section-heading{font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:-.02em;text-align:center;font-size:clamp(2.5rem,8vw,6.5rem)}.wrap{padding-left:clamp(1.25rem,4vw,2.5rem);padding-right:clamp(1.25rem,4vw,2.5rem)}.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1.25rem,4vw,2.5rem);background:#0c0c0ce0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-brand{color:var(--text);font-weight:700;font-size:1.05rem;letter-spacing:.01em}.nav-links{display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,2.25rem)}.nav-links a{color:var(--muted);font-weight:400;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:600}.nav-toggle{display:none}@media (max-width: 767px){.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:10px}.nav-toggle span{width:22px;height:2px;background:var(--text);transition:transform .25s ease}.nav.open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav.open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0c0c0cf7;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:.25rem 0 .75rem}.nav.open .nav-links{display:flex}.nav-links a{padding:.85rem clamp(1.25rem,4vw,2.5rem);font-size:1rem}}.hero{min-height:min(100svh,52rem);display:flex;flex-direction:column;position:relative;overflow-x:clip}.hero-title-clip{overflow:hidden;width:100%}.hero-title{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.95;white-space:nowrap;width:100%;text-align:center;font-size:clamp(3rem,12.5vw,10.5rem);margin-top:clamp(.5rem,2vw,1.5rem)}.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:clamp(1.75rem,3vw,2.5rem);position:relative;z-index:20}.hero-blurb{color:var(--text-soft);font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.35;font-size:clamp(.75rem,1.4vw,1.5rem);max-width:clamp(160px,24vw,280px)}.hero-portrait{position:absolute;left:0;right:0;bottom:0;margin:0 auto;z-index:10;width:clamp(280px,38vw,520px);pointer-events:none}.hero-portrait img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}@media (max-width: 639px){.hero{min-height:auto;padding-bottom:.5rem}.hero-portrait{position:static;margin:1.25rem auto 0;width:min(78vw,340px)}.hero-bottom{flex-direction:column;align-items:center;text-align:center;gap:1.25rem;margin-top:1.75rem}.hero-blurb{max-width:30ch}}.btn-contact{display:inline-block;border:none;border-radius:9999px;background:linear-gradient(180deg,#fff,#c9d6df);color:#0c0c0c;font-weight:600;text-transform:uppercase;letter-spacing:.15em;padding:clamp(.75rem,1.2vw,1rem) clamp(2rem,3.5vw,3rem);font-size:clamp(.75rem,1.1vw,1rem);transition:transform .25s ease,filter .25s ease}.btn-contact:hover{transform:scale(1.04);filter:brightness(1.06)}.btn-ghost{display:inline-block;border-radius:9999px;border:2px solid var(--text-soft);color:var(--text-soft);background:transparent;font-weight:500;text-transform:uppercase;letter-spacing:.15em;padding:.75rem 2rem;font-size:clamp(.875rem,1.1vw,1rem);transition:background .2s ease}.btn-ghost:hover{background:#d7e2ea1a}.impact{padding:clamp(3rem,7vw,6rem) 0 0}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem 1rem;max-width:72rem;margin:0 auto;text-align:center}.impact-num{font-weight:900;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.impact-label{margin-top:.5rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:300;font-size:clamp(.7rem,1vw,.9rem)}.marquee{padding:clamp(4rem,7vw,6.5rem) 0 2.5rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.marquee-row{display:flex;gap:.75rem;will-change:transform;width:max-content}.marquee-row img{width:clamp(220px,24vw,340px);height:clamp(140px,15.5vw,220px);object-fit:cover;border-radius:1rem}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);gap:clamp(2rem,4vw,3rem);text-align:center}.founder-statement{font-weight:600;text-transform:uppercase;line-height:1.15;letter-spacing:-.01em;max-width:52rem;font-size:clamp(1.35rem,3vw,2.25rem)}.about-text{color:var(--text-soft);font-weight:500;line-height:1.7;max-width:560px;font-size:clamp(1rem,2vw,1.35rem)}.about-text .ch{opacity:.2;transition:opacity .15s linear}.about-cta{margin-top:clamp(1.5rem,4vw,3rem)}.achievements{background:#fff;color:#0c0c0c;border-radius:var(--radius-card) var(--radius-card) 0 0;padding-top:clamp(4rem,7vw,6rem);padding-bottom:clamp(6rem,9vw,8rem);position:relative;z-index:5}.achievements .section-heading{color:#0c0c0c;margin-bottom:clamp(2.5rem,5vw,4rem)}.ach-list{max-width:64rem;margin:0 auto}.ach-item{display:flex;align-items:flex-start;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid rgba(12,12,12,.15)}.ach-item:first-child{border-top:1px solid rgba(12,12,12,.15)}.ach-num{font-weight:900;font-size:clamp(2.5rem,6vw,5rem);line-height:.85;flex-shrink:0}.ach-name{font-weight:500;text-transform:uppercase;font-size:clamp(1rem,2.2vw,2.1rem);line-height:1.2}.ach-desc{margin-top:.5rem;font-weight:300;line-height:1.6;max-width:42rem;font-size:clamp(.85rem,1.6vw,1.25rem);opacity:.6}.orgs{background:var(--bg);border-radius:var(--radius-card) var(--radius-card) 0 0;margin-top:clamp(-3.5rem,-4vw,-2.5rem);position:relative;z-index:10;padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(3rem,6vw,5rem);text-align:center}.orgs-label{color:var(--muted);text-transform:uppercase;letter-spacing:.25em;font-weight:300;font-size:clamp(.7rem,1vw,.85rem);margin-bottom:2.5rem}.orgs-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,4vw,3.5rem);max-width:70rem;margin:0 auto}.orgs-wall span{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.1rem,2.4vw,2rem);color:#5a6168;filter:grayscale(1);transition:color .3s ease;white-space:nowrap}.orgs-wall span:hover{color:var(--text-soft)}.projects{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem)}.projects .section-heading{margin-bottom:clamp(3rem,6vw,5rem)}.pcard-slot{height:85vh;position:relative}.pcard{position:sticky;top:clamp(6rem,9vw,8rem);border:2px solid var(--text-soft);border-radius:var(--radius-card);background:var(--bg);padding:clamp(1rem,2.5vw,2rem);transform-origin:top center;will-change:transform}.pcard-top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem clamp(1rem,3vw,2.5rem);padding:clamp(.5rem,1.5vw,1.5rem) clamp(.5rem,1.5vw,1.5rem) clamp(1rem,2.5vw,2rem)}.pcard-num{font-weight:900;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.85}.pcard-meta{flex:1;min-width:200px}.pcard-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-weight:300;font-size:clamp(.7rem,1vw,.85rem)}.pcard-name{font-weight:600;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2.6rem);line-height:1.05}.pcard-desc{color:var(--muted);font-weight:300;margin-top:.4rem;max-width:36rem;font-size:clamp(.85rem,1.3vw,1.05rem)}.pcard-grid{display:grid;grid-template-columns:2fr 3fr;gap:clamp(.75rem,1.5vw,1.25rem)}.pcard-col{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem)}.pcard img{width:100%;object-fit:cover;border-radius:calc(var(--radius-card) - 12px)}.pcard-img-a{height:clamp(120px,13vw,190px)}.pcard-img-b{height:clamp(150px,18vw,270px)}.pcard-img-c{height:100%;min-height:clamp(280px,32vw,470px)}@media (max-width: 639px){.pcard-grid{grid-template-columns:1fr}.pcard-img-c{min-height:220px}}.journey{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(5rem,9vw,8rem)}.journey .section-heading{margin-bottom:clamp(2.5rem,5vw,4rem)}.timeline{max-width:46rem;margin:0 auto;position:relative;padding-left:clamp(1.5rem,4vw,2.5rem)}.timeline:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:1px;background:var(--line)}.tl-entry{position:relative;padding-bottom:clamp(2rem,4vw,3rem)}.tl-entry:before{content:"";position:absolute;left:calc(-1*clamp(1.5rem,4vw,2.5rem) - 4.5px);top:.85em;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#fff,#8fa3b0)}.tl-year{font-weight:900;font-size:clamp(1.75rem,4vw,3rem);line-height:1}.tl-items{margin-top:.6rem;display:flex;flex-direction:column;gap:.35rem}.tl-items li{list-style:none;color:var(--muted);font-weight:300;font-size:clamp(.95rem,1.5vw,1.2rem)}.final-cta{padding:clamp(4rem,8vw,6.5rem) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem)}.final-cta h2{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;max-width:64rem;font-size:clamp(2rem,5vw,4.25rem)}.final-cta p{color:var(--muted);font-weight:300;font-size:clamp(1rem,1.8vw,1.4rem)}.footer{border-top:1px solid var(--line);padding:2rem clamp(1.5rem,4vw,2.5rem);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--muted);font-weight:300;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.footer a:hover{color:var(--text-soft)}.page{max-width:72rem;margin:0 auto;padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(4rem,8vw,7rem)}.page-heading{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1;font-size:clamp(3rem,10vw,120px);margin-bottom:clamp(2.5rem,5vw,4rem)}.page-sub{color:var(--muted);font-weight:300;max-width:42rem;font-size:clamp(1rem,1.6vw,1.25rem);margin-top:-1.5rem;margin-bottom:3rem}.xp-card{border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:1.25rem;transition:border-color .3s ease}.xp-card:hover{border-color:#d7e2ea73}.xp-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;align-items:baseline}.xp-role{font-weight:600;text-transform:uppercase;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.2}.xp-org{color:var(--muted);font-weight:300;margin-top:.15rem}.xp-dates{color:var(--muted);font-weight:300;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.xp-card ul{margin-top:1rem;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}.xp-card li{color:var(--muted);font-weight:300;line-height:1.55}.xp-summary{color:var(--text-soft);font-weight:300;margin-top:.75rem}.chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip-link{transition:border-color .3s ease,color .3s ease}.chip-link:hover{border-color:#d7e2ea73;color:var(--text)}.chip{border:1px solid var(--line);border-radius:9999px;padding:.45rem 1.1rem;font-weight:300;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.prose{max-width:42rem}.prose p{color:var(--text-soft);font-weight:300;line-height:1.8;font-size:clamp(1rem,1.6vw,1.2rem);margin-bottom:1.25rem}.h-sub{font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1.1rem,2vw,1.5rem);margin:3rem 0 1.25rem}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.post-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease,transform .3s ease}.post-card:hover{border-color:#d7e2ea73;transform:translateY(-3px)}.post-card img{width:100%;height:220px;object-fit:cover}.post-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.post-date{color:var(--muted);font-weight:300;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.post-text{color:var(--text-soft);font-weight:300;line-height:1.6;font-size:.95rem}.post-more{margin-top:auto;padding-top:.75rem;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.post-card:hover .post-more{color:var(--text-soft)}.contact-grid{display:grid;gap:3rem;grid-template-columns:1fr;max-width:64rem}@media (min-width: 768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-line{color:var(--muted);font-weight:300;margin-bottom:.9rem;font-size:1.05rem}.contact-line strong{color:var(--text-soft);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;display:block;margin-bottom:.2rem}.contact-line a:hover{color:var(--text-soft)}.cform{display:flex;flex-direction:column;gap:1rem}.cform input,.cform textarea{background:transparent;border:1px solid var(--line);border-radius:16px;color:var(--text);font-family:inherit;font-weight:300;padding:.9rem 1.1rem;font-size:1rem}.cform input:focus,.cform textarea:focus{outline:2px solid rgba(215,226,234,.6);border-color:transparent}.cform textarea{min-height:9rem;resize:vertical}.fade{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1);transition-delay:var(--d, 0s)}.fade.up-lg{transform:translateY(40px)}.fade.down{transform:translateY(-20px)}.fade.in-view{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid #BBCCD7;outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.fade{opacity:1;transform:none;transition:none}.about-text .ch{opacity:1!important}.marquee-row,.pcard{transform:none!important}.hero-portrait{transform:translate(-50%)!important}}