:root{--ink:#102119;--forest:#0b1f17;--forest2:#132d22;--lime:#c9f26b;--cream:#f3f1e9;--paper:#fbfaf5;--sage:#dce5d7;--muted:#68746d;--line:rgba(16,33,25,.14);--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}.progress{position:fixed;z-index:100;top:0;left:0;height:3px;background:var(--lime);width:0}
header{height:76px;position:sticky;top:0;z-index:90;padding:0 4.5vw;display:flex;align-items:center;gap:32px;background:rgba(243,241,233,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-family:Manrope}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--forest);color:var(--lime);border-radius:50%;font-size:.78rem}nav{display:flex;gap:18px;margin-left:auto}nav a,.cv-top{color:var(--ink);text-decoration:none;font-size:.8rem;font-weight:700}.cv-top{padding:9px 14px;border:1px solid var(--ink);border-radius:999px}.menu{display:none;margin-left:auto;border:0;background:none;font-size:1.4rem}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;padding:6vw 7vw}.kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:10px}.kicker span{width:26px;height:2px;background:#5b8d45}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(3.8rem,7vw,7.7rem);line-height:.93;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#568145}.lead{font-size:1.08rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:18px;padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:800;font-size:.86rem}.primary{background:var(--forest);color:white}.ghost{border:1px solid var(--line);color:var(--ink)}.social-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}.social-row a{color:var(--ink);font-size:.78rem;font-weight:700}
.hero-photo{position:relative}.photo-wrap{height:min(68vh,700px);border-radius:150px 150px 28px 28px;overflow:hidden;background:#d9ded4}.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.photo-label{position:absolute;left:-45px;bottom:35px;background:var(--lime);padding:16px 20px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.12)}.photo-label span{display:block;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.photo-label strong{font-size:.86rem}.orbit{position:absolute;background:white;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800}.o1{right:-18px;top:20%}.o2{right:-35px;top:32%}.o3{right:-8px;top:44%}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 4.5vw}.numbers div{padding:24px 20px;border-right:1px solid var(--line)}.numbers div:last-child{border:0}.numbers strong,.numbers span{display:block}.numbers strong{font-family:Manrope;font-size:2.3rem;color:#527648}.numbers span{color:var(--muted);font-size:.78rem}
.section{padding:9vw 7vw;position:relative}.section-index{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:#718078;margin-bottom:5vw}.section-index.light{color:#9eafa5}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.section-title h2,.project-heading h2,.pub-head h2,.impact h2,.books h2,.journey h2,.contact h2,.service h2,.teaching h2,.team h2,.join h2,.collaboration h2{font-family:Manrope;font-size:clamp(2.8rem,5vw,5.6rem);line-height:1;letter-spacing:-.055em;margin:0}.intro h2 span{color:#6b8664}.about-copy>p{font-size:1.07rem;color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid var(--line)}.mini-grid div{padding:16px 0;border-bottom:1px solid var(--line)}.mini-grid span,.mini-grid b{display:block}.mini-grid span{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.mini-grid b{font-size:.86rem;margin-top:4px}.mini-grid a{color:inherit;text-decoration:none}
.research,.impact,.contact,.join{background:var(--forest);color:#f3f1e9}.section-title{max-width:850px}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#688a5c}.research .eyebrow,.impact .eyebrow,.contact .eyebrow,.join .eyebrow{color:var(--lime)}.section-title>p:last-child{color:#aab8af;max-width:650px;font-size:1.05rem}
.research-program-visual{margin:3.4vw 0 4.2vw;width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#f7faf5;box-shadow:0 28px 70px rgba(0,0,0,.18)}.research-program-visual img{display:block;width:100%;height:auto;object-fit:cover}
.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:5vw;border:1px solid rgba(255,255,255,.12)}.r-card{background:var(--forest);padding:30px;min-height:340px;position:relative;transition:.25s}.r-card:hover{background:var(--forest2);transform:translateY(-3px)}.r-no{font-size:.67rem;color:#8ca095}.r-icon{font-size:2.2rem;color:var(--lime);margin:35px 0 25px}.r-card h3{font-family:Manrope;font-size:1.25rem}.r-card p{color:#aab8af;font-size:.9rem}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.tags span{font-size:.65rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 8px;color:#c7d0ca}
.project-heading{margin-bottom:4vw}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:180px 1fr 130px;gap:35px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.project-meta span,.project-meta b{display:block}.project-meta span{font-size:.65rem;letter-spacing:.08em;color:#638052;font-weight:800}.project-meta b{font-size:.8rem;margin-top:7px}.project h3{font-family:Manrope;font-size:1.4rem;line-height:1.2;margin:0}.project p{color:var(--muted);font-size:.9rem}.project-code{text-align:right;font-family:monospace;font-size:.76rem;color:var(--muted)}
.pub-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.dark{border-color:var(--ink)}.filters{display:flex;gap:8px;margin:4vw 0 1vw}.filters button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 13px;font-weight:700;cursor:pointer}.filters button.active{background:var(--ink);color:white}.pub-list{border-top:1px solid var(--line)}.pub-row{display:grid;grid-template-columns:80px 1fr 40px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.pub-row:hover h3{color:#587f4b}.py{font-size:.8rem;font-weight:800}.pub-row h3{margin:0;font-size:1rem;transition:.2s}.pub-row p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.go{text-align:right}.pub-row.hidden{display:none}
.impact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.impact-copy p:last-child{color:#aab8af}.impact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.impact-card{padding:24px;background:var(--forest2);border:1px solid rgba(255,255,255,.08);border-radius:18px}.impact-card>span{font-family:Manrope;font-size:2.5rem;color:var(--lime);font-weight:800}.impact-card h3{margin:12px 0 5px}.impact-card p{color:#aab8af;font-size:.83rem}
.service{background:#eef0e7}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.patent-list,.editor-list{border-top:1px solid var(--line)}.patent-list>div,.editor-list a{display:grid;grid-template-columns:100px 1fr 30px;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.patent-list span,.editor-list span{font-size:.65rem;letter-spacing:.08em;color:#648055;font-weight:800}.patent-list small{grid-column:2;color:var(--muted)}.editor-list i{text-align:right}
.teaching-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.teaching-grid>div>p:last-child{color:var(--muted)}.teaching-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.teaching-cards div{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.teaching-cards b,.teaching-cards span{display:block}.teaching-cards span{font-size:.82rem;color:var(--muted);margin-top:7px}
.team{background:#eef0e7}.team-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:end}.team-copy{max-width:650px;color:var(--muted);font-size:1.02rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:4.5vw}.team-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,33,25,.09)}.team-photo{aspect-ratio:4/5;background:#dfe5da;overflow:hidden}.team-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.team-info{padding:20px}.team-info>span{display:block;font-size:.64rem;letter-spacing:.12em;font-weight:800;color:#638052;margin-bottom:8px}.team-info h3{font-family:Manrope;font-size:1.2rem;letter-spacing:-.025em;margin:0}.team-info p{font-size:.82rem;color:var(--muted);margin:4px 0 14px}.team-focus{border-top:1px solid var(--line);padding-top:13px;font-size:.78rem;line-height:1.5;color:#506259}.team-card:hover .team-info h3{color:#527648}
.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.join-grid>div>p:last-child{color:#aab8af}.join-card{background:var(--forest2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px}.join-card h3{font-family:Manrope;font-size:1.4rem}.join-card ul{padding-left:20px;color:#c5d0c9}.join-card li{margin:10px 0}
.collaboration{background:#dce5d7}.collab-card{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;background:#f8f7f1;border-radius:28px;padding:42px}.collab-card p{color:var(--muted)}
.book-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.book-list{border-top:1px solid var(--line)}.book-list div{display:grid;grid-template-columns:60px 1fr 90px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.book-list b{font-size:.75rem}.book-list span{font-weight:700}.book-list i{font-size:.75rem;color:var(--muted);text-align:right}
.journey{background:var(--sage)}.journey-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw}.portrait{height:720px;border-radius:24px;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}.timeline h2{margin-bottom:35px}.time{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:18px 0;border-top:1px solid rgba(16,33,25,.18)}.time>span{font-size:.75rem;font-weight:800;color:#5f7167}.time b{font-size:1rem}.time p{margin:3px 0;color:#607067;font-size:.84rem}
.contact{padding-top:10vw;padding-bottom:8vw}.contact-inner{max-width:1000px;margin:auto;text-align:center}.contact h2{font-size:clamp(3.5rem,7vw,7rem)}.contact-inner>p:not(.eyebrow){max-width:690px;margin:25px auto;color:#aab8af}.contact-actions{display:flex;justify-content:center;gap:12px;margin:30px 0}.lime{background:var(--lime);color:var(--forest)}.light{color:white;border-color:rgba(255,255,255,.22)}.contact-links{display:flex;justify-content:center;gap:28px;margin-top:45px}.contact-links a{color:white;font-size:.78rem}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4.5vw;background:#07140e;color:#809087;font-size:.72rem}footer a{color:#a8b7ae}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){nav{display:none}.menu{display:block}.cv-top{display:none}header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:24px 5vw;background:var(--paper);flex-direction:column;border-bottom:1px solid var(--line)}.hero,.intro-grid,.impact-grid,.book-grid,.journey-grid,.service-grid,.teaching-grid,.team-head,.join-grid,.collab-card{grid-template-columns:1fr}.hero{padding-top:10vw}.hero-photo{max-width:600px;margin:auto}.research-grid{grid-template-columns:1fr 1fr}.project{grid-template-columns:130px 1fr}.project-code{display:none}.portrait{height:620px;max-width:500px}.numbers{grid-template-columns:1fr 1fr}.teaching-cards{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.research-program-visual{margin:34px 0 42px;border-radius:16px;overflow-x:auto}.research-program-visual img{min-width:920px;width:920px}}
@media(max-width:620px){.hero{padding:12vw 6vw}.hero h1{font-size:3.6rem}.photo-wrap{height:520px;border-radius:100px 100px 24px 24px}.photo-label{left:10px}.o1,.o2,.o3{right:8px}.section{padding:18vw 6vw}.research-grid,.impact-cards,.teaching-cards,.team-grid{grid-template-columns:1fr}.project{grid-template-columns:1fr;gap:8px}.pub-head{align-items:start;flex-direction:column}.pub-row{grid-template-columns:55px 1fr 20px}.book-list div{grid-template-columns:45px 1fr}.book-list i{display:none}.time{grid-template-columns:95px 1fr}.contact-actions,.contact-links{flex-direction:column;align-items:center}.numbers{margin:0}.portrait{height:560px}.patent-list>div,.editor-list a{grid-template-columns:80px 1fr}.editor-list i{display:none}.collab-card{padding:26px}footer{flex-direction:column}}