:root{--ink:#102e34;--muted:#50666a;--dark:#0b2024;--dark-deep:#081a1d;--paper:#fbfcfc;--pale:#eef3f3;--line:#d6e0e0;--accent:#e9ba89;--light-text:#a9c1c3;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;font-family:var(--sans);font-size:1rem;line-height:1.65;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#e9ba89;color:#0b2024}
a{color:inherit;text-decoration:none;text-underline-offset:.3em}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #ba8144;outline-offset:6px;border-radius:2px}
img{display:block;max-width:100%}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{font-weight:500;line-height:1.2}
em{font-family:var(--serif);font-weight:400}
.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 20px;color:var(--ink);z-index:30}
.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:var(--dark);color:#fff;border-bottom:1px solid #ffffff17}
.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font-size:1.28rem;letter-spacing:-.025em;white-space:nowrap;font-weight:550;display:flex;align-items:baseline;gap:.65rem}
.wordmark-degree{font-size:.75rem;color:var(--light-text);font-weight:400;letter-spacing:0}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:2.15rem}
nav a{font-size:.875rem;color:#d4e1e1;position:relative;padding:9px 0}
nav a:not(.nav-contact):after{content:'';position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--accent);transition:width .2s}
nav a:hover,nav a[aria-current="location"]{color:var(--accent)}
nav a:hover:after,nav a[aria-current="location"]:after{width:100%}
nav .nav-contact{border:1px solid #91ada64d;padding:.65rem 1.05rem;display:flex;gap:1.25rem;color:#f5f7f7;transition:background .2s}
nav .nav-contact:hover{background:#ffffff0b;border-color:#e9ba8980}
.hero{background:var(--dark);color:#f7f9f9;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center;padding-top:5.5rem;padding-bottom:5rem}
.eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;line-height:1.65}
.light-eyebrow{color:var(--accent)}
.hero h1{font-size:clamp(2.8rem,4.35vw,4.9rem);letter-spacing:-.055em;line-height:1.1;margin-top:1.5rem}
.hero h1 em{display:block;color:#c2ddd9;letter-spacing:-.05em;line-height:1.15;margin-top:.2rem}
.hero-description{max-width:440px;margin-top:1.9rem;color:#c2d3d4;font-size:1.075rem;line-height:1.8}
.hero-role{font-size:.875rem;color:#9eb6b9;margin-top:1.4rem;line-height:1.7}
.hero-role span{margin-inline:.45rem;color:#5d7d7e}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:52px;font-size:.875rem;font-weight:500}
.primary-button{color:var(--dark);background:var(--accent);padding:.85rem 1.25rem;margin-top:2.2rem;transition:background .2s,transform .2s}
.primary-button:hover{background:#f3cda5;transform:translateY(-2px)}
.button span{font-size:1.2rem;line-height:1}
.hero-grid>*{min-width:0}.hero-figure{min-width:0;position:relative;width:min(100%,420px);justify-self:center}
.hero-image-wrap{width:min(100%,366px);margin-inline:auto;position:relative;background:#08040a}
.hero-image{width:100%;height:auto;object-fit:contain}
.hero-figure figcaption{font-size:.875rem;color:var(--light-text);padding-top:1.2rem;line-height:1.7}.figure-title{color:#e6f0ee;font-size:1rem;font-weight:500}.figure-credit{margin-top:.25rem;font-size:.8125rem;color:#b4ceca}.figure-details{margin-top:.8rem;border-top:1px solid #ffffff26;padding-top:.6rem}.figure-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;min-height:36px;color:#d8e8e4;font-size:.875rem}.figure-details summary::-webkit-details-marker{display:none}.figure-details summary span{font-size:1.25rem;transition:transform .2s}.figure-details[open] summary span{transform:rotate(45deg)}.figure-details p{margin-top:.8rem;color:#b7cecf;font-size:1rem;line-height:1.7}.figure-details strong{font-weight:550;color:#dfebe8}
.hero-bottom{border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;gap:2rem;padding-block:1.5rem;font-size:.8125rem;color:#a1bcbf}
.section-coordinate{color:#9bb5b7}
.section-light{background:var(--paper)}.section-heading>*,.publication-layout>*,.about-grid>*,.contact-grid>*{min-width:0}.email-link{overflow-wrap:anywhere}
.research{padding-block:7rem 6rem}
.section-heading{display:grid;grid-template-columns:1fr 2.4fr;gap:3rem}
.section-heading .eyebrow{padding-top:.8rem}
.section-number{color:#627f81;font-weight:400;margin-right:1rem;letter-spacing:0}
h2{font-size:clamp(2.3rem,3.3vw,3.4rem);line-height:1.15;letter-spacing:-.045em}
h2 em{color:#47746f;letter-spacing:-.035em}
.section-intro{max-width:620px;margin-top:1.5rem;color:var(--muted);font-size:1.075rem;line-height:1.8}
.research-list{margin-top:4rem;border-top:1px solid var(--line)}
.research-row{display:grid;grid-template-columns:.28fr 1.72fr .85fr;gap:2.5rem;padding-block:2.6rem;border-bottom:1px solid var(--line)}
.research-index{font-size:.8125rem;color:#607e7e;padding-top:.4rem}
.research-main h3{font-size:1.7rem;letter-spacing:-.035em}
.research-main p{color:var(--muted);margin-top:1rem;max-width:600px;font-size:1rem;line-height:1.8}
.inline-link{display:inline-flex;align-items:baseline;gap:.8rem;font-size:.875rem;font-weight:550;border-bottom:1px solid #8bada8;padding-bottom:.16rem;transition:color .2s,border-color .2s}
.inline-link:hover{color:#1b7065;border-color:#1b7065}
.research-main .inline-link{margin-top:1.2rem}
.method-list{list-style:none;margin:0;padding:0;align-self:start;padding-top:.45rem}
.method-list li{color:#547172;font-size:.875rem;line-height:1.8;padding:.25rem 0}
.method-list li:before{content:'—';margin-right:.65rem;color:#86a7a1}
.publications{background:var(--pale);padding-block:7rem}
.publication-layout{display:grid;grid-template-columns:1fr 2.4fr;gap:3rem;align-items:start}
.publication-heading{position:sticky;top:8rem}
.publication-heading h2{margin-top:1.4rem}
.publication-heading>p:not(.eyebrow){max-width:245px;color:var(--muted);margin-top:1.5rem}
.publication-heading .inline-link{margin-top:1.7rem}
.publication-heading .publication-name-note{font-size:.8125rem;color:#60777a;margin-top:2rem}
.publication-list{border-top:1px solid #bccdcd}
.publication{padding:1.9rem 0 2rem;border-bottom:1px solid #ccdadb;scroll-margin-top:7rem}
.publication-meta{display:flex;flex-wrap:wrap;align-items:center;column-gap:.85rem;row-gap:.4rem;color:#416360;font-size:.8125rem;font-weight:550;line-height:1.5;margin-bottom:.75rem}
.publication-meta time{color:#50666a;padding-right:.85rem;border-right:1px solid #a9bdbc;letter-spacing:.05em}
.publication-meta .preprint-tag{background:#e8dfd2;border:1px solid #d5c5ae;border-radius:3px;color:#6e5234;padding:.13rem .5rem;font-size:.75rem;letter-spacing:.02em}
.publication-meta .tool-tag{border:1px solid #afc8c3;color:#2d5e55;border-radius:3px;padding:.13rem .5rem;font-size:.75rem}
.publication h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.5;max-width:720px}
.publication h3 a:hover{text-decoration:underline;text-decoration-color:#76938f}
.publication h3 a>span{font-family:var(--sans);color:#648982;white-space:nowrap;font-size:.95rem;margin-left:.2rem}
.authors{font-size:.875rem;margin-top:.7rem;color:#587071;line-height:1.6}
.authors strong{color:#234749;font-weight:600}
.publication-note{font-size:.8125rem;margin-top:.3rem;color:#5c7475;line-height:1.6}
.publication-featured{position:relative}
.publication-featured:before{content:'';width:3px;background:#5f8d82;position:absolute;top:1.9rem;bottom:2rem;left:-1.3rem}
.earlier-publications summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:1rem;font-size:.9375rem;color:#315958}
.earlier-publications summary::-webkit-details-marker{display:none}
.details-symbol{font-size:1.6rem;font-weight:300;transition:transform .2s}
.earlier-publications[open] .details-symbol{transform:rotate(45deg)}
.earlier-publications summary:hover{color:#0a443b}
.earlier-publications[open] summary{border-bottom:1px solid #ccdadb}
.about{padding-block:7rem}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7rem;margin-top:2.5rem;align-items:start}
.profile-heading{display:flex;align-items:center;gap:1.7rem;margin-bottom:2rem}
.portrait{flex:none;width:90px;height:120px;object-fit:cover;object-position:center;border-radius:1px}
.profile-heading h2{font-size:2.5rem;letter-spacing:-.045em}
.profile-heading h2 span{display:block;font-family:var(--sans);font-size:.875rem;letter-spacing:0;color:#587773;margin-top:.5rem;font-weight:400}
.profile-role{font-size:.875rem;color:#577670;margin-top:.8rem;line-height:1.5}
.about-story>p{color:var(--muted);font-size:1rem;line-height:1.85;margin-bottom:1.2rem}
.about-story>.inline-link{margin-top:.75rem}
.small-heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:550;line-height:1.5}
.career{border-top:1px solid var(--line);padding-top:1.2rem}
.timeline{list-style:none;margin:1.9rem 0 0;padding:0}
.timeline li{position:relative;padding-left:1.55rem;padding-bottom:1.9rem;border-left:1px solid #cedbda}
.timeline li:last-child{padding-bottom:0}
.timeline li:before{content:'';position:absolute;width:6px;height:6px;background:#8baba1;border:3px solid var(--paper);box-sizing:content-box;left:-6.5px;top:5px}
.timeline-date{font-size:.75rem;color:#637e7a;line-height:1.7;margin-bottom:.3rem;letter-spacing:.03em}
.timeline h4{font-size:1rem;font-weight:550;line-height:1.4;margin-bottom:.25rem}
.timeline li>p:not(.timeline-date){font-size:.875rem;color:var(--muted);line-height:1.7}
.timeline li>.timeline-detail{color:#5e7979!important;font-size:.8125rem!important;margin-top:.15rem}
.contact{background:var(--dark);color:#f1f6f6;padding-block:6rem}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:7rem;align-items:end}
.contact h2{font-size:clamp(2.2rem,3vw,3.15rem);margin-top:1.5rem;line-height:1.2}
.contact h2 em{color:#b4d1c9}
.contact p:not(.eyebrow):not(.small-heading){color:#adc4c5;max-width:490px;margin-top:1.4rem;font-size:1rem}
.contact .section-number{color:#9bb5b6}
.email-link{display:inline-flex;gap:2rem;align-items:center;border-bottom:1px solid #667d6e;padding-bottom:.4rem;margin-top:2rem;color:var(--accent);font-size:clamp(1.3rem,2vw,1.9rem);letter-spacing:-.015em}
.email-link:hover{color:#ffdec0;border-color:#ffdec0}
.email-link span{font-size:1.2rem}
.contact-details{padding-left:3.5rem;border-left:1px solid #ffffff26;padding-block:.5rem}
.contact-details .small-heading{color:#a9c1c3}
address{font-style:normal;font-size:.9375rem;line-height:1.9;color:#dae6e6;margin-top:1.3rem}
.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.9rem}
.contact-links a{font-size:.875rem;color:#bdd5ce;display:flex;gap:.5rem}
.contact-links a:hover{text-decoration:underline}
.site-footer{background:var(--dark-deep);color:#9bb9bc;font-size:.75rem}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.8rem;border-bottom:1px solid #ffffff12}
.footer-top>a{color:#c4d8d5;display:flex;gap:1rem;font-size:.8125rem}
.footer-top>a:hover{color:var(--accent)}
.credits{display:flex;justify-content:space-between;gap:2rem;padding-block:1.25rem;line-height:1.7;font-size:.75rem}
.credits a{text-decoration:underline;text-decoration-color:#4f6c6d}
.credits p{max-width:600px}
@media(min-width:1550px){.hero-grid{gap:5rem}.hero h1{font-size:4.7rem}}
@media(max-width:1100px){.container{width:calc(100% - 72px)}.hero-grid{gap:2.5rem;grid-template-columns:1.12fr 1fr;padding-block:4.5rem}.hero h1{font-size:clamp(2.7rem,4.4vw,4.2rem)}.hero-description{font-size:1rem}.research-row{grid-template-columns:.2fr 1.7fr .8fr;gap:1.5rem}.about-grid{gap:4rem}.contact-grid{gap:3rem}.contact-details{padding-left:2.5rem}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.header-inner{min-height:78px;gap:1.25rem}.wordmark{font-size:1.1rem}.wordmark-degree{display:none}nav{gap:1.3rem}nav .nav-contact{border:0;padding:9px 0;gap:.4rem}.hero-grid{grid-template-columns:1fr;gap:3rem;padding-top:3.5rem;padding-bottom:3rem}.hero h1{font-size:clamp(3rem,7.6vw,4.4rem)}.hero-description{max-width:530px;font-size:1.075rem}.hero-image{object-position:center}.hero-bottom{font-size:.75rem}.section-coordinate{display:none}.research,.publications,.about{padding-block:4.5rem}.section-heading{grid-template-columns:1fr;gap:1.5rem}.section-heading .eyebrow{padding:0}.research-list{margin-top:3rem}.research-row{grid-template-columns:2rem 1fr;gap:1rem}.method-list{grid-column:2;display:flex;flex-wrap:wrap;gap:.15rem 1rem;padding:0}.method-list li{font-size:.875rem;padding:0}.method-list li:before{display:none}.research-main h3{font-size:1.6rem}.publication-layout{grid-template-columns:1fr;gap:2.5rem}.publication-heading{position:static}.publication-heading h2 br{display:none}.publication-heading h2 em{margin-left:.15em}.publication-heading>p:not(.eyebrow){max-width:450px;margin-top:1rem}.publication-heading .publication-name-note{margin-top:1rem}.publication-featured:before{left:-.75rem}.about-grid{gap:3rem;grid-template-columns:1fr}.about-story{max-width:650px}.career{margin-top:1rem}.timeline{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.timeline li{padding-bottom:2rem}.contact-grid{grid-template-columns:1fr;gap:3.5rem}.contact{padding-block:4.5rem}.contact-details{border-left:0;border-top:1px solid #ffffff26;padding:2rem 0 0}.contact-links{margin-top:1.5rem}.credits{flex-direction:column;gap:.5rem}.profile-heading h2{font-size:2.5rem}}
@media(max-width:520px){html{scroll-padding-top:8.5rem}.container{width:calc(100% - 40px)}.header-inner{display:block;padding-block:1rem .55rem;min-height:0}.wordmark{font-size:1.2rem}.wordmark-degree{display:inline;font-size:.75rem}nav{justify-content:space-between;gap:.7rem;margin-top:.65rem}nav a{font-size:.875rem;padding:.4rem 0}nav .nav-contact{padding:.4rem 0}.hero-grid{padding-top:3rem;gap:2.5rem}.eyebrow{font-size:.75rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.45rem,9.3vw,3.4rem);margin-top:1.5rem;letter-spacing:-.045em}.hero h1 em{letter-spacing:-.045em}.hero-description{font-size:1rem;margin-top:1.6rem}.hero-role{font-size:.875rem}.hero-role span{margin-inline:.2rem}.primary-button{margin-top:1.8rem}.hero-bottom{padding-block:1.25rem;font-size:.75rem}.research,.publications,.about{padding-block:3.5rem}h2{font-size:2.2rem}.section-intro{font-size:1rem}.research-row{grid-template-columns:1fr;padding-block:2rem;gap:.75rem}.research-index{font-size:.75rem;padding:0}.research-main h3{font-size:1.5rem}.method-list{grid-column:1;margin-top:.45rem}.research-main p{font-size:1rem}.inline-link{font-size:.875rem}.publication{scroll-margin-top:8.5rem;padding-block:1.5rem}.publication-meta{column-gap:.65rem;font-size:.8125rem}.publication h3{font-size:1.125rem;line-height:1.55}.authors{font-size:.875rem}.publication-note{font-size:.8125rem}.publication-featured:before{left:-.6rem;top:1.5rem;bottom:1.5rem;width:2px}.profile-heading{gap:1.2rem}.portrait{width:81px;height:108px}.profile-heading h2{font-size:2rem}.profile-role{font-size:.875rem}.about-story>p{font-size:1rem}.timeline{grid-template-columns:1fr}.contact{padding-block:3.5rem}.contact h2{font-size:2rem}.contact-grid{gap:3rem}.email-link{font-size:1.4rem;gap:1.3rem}.credits{font-size:.75rem}.footer-top{font-size:.75rem}.footer-top>a{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Optogenomics: native source images and a schematic targeting overlay. */
.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem;color:#bed5d0;font-size:.75rem;line-height:1.5}
.wavelength-label{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}
.opto-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:616/632;background:#08020a;overflow:hidden;border:1px solid #81999342}
.opto-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
.opto-before{opacity:0}.opto-after{opacity:1}
.opto-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.schematic-label{position:absolute;bottom:8px;left:8px;padding:.2rem .4rem;color:#f6ddbb;background:#100814d9;font-size:.75rem;line-height:1.5;opacity:0;pointer-events:none}
.time-jump{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:#fff0dc;background:#071317;opacity:0;pointer-events:none;z-index:3;text-align:center}
.time-jump>span:not(.time-jump-rule){font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);font-style:italic}.time-jump small{font-family:var(--sans);color:#b1cac6;font-size:.875rem}.time-jump-rule{width:2rem;height:1px;background:var(--accent)}
.demo-stage{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.9rem;min-height:24px;color:#d8e7e4;line-height:1.6}
.demo-stage strong{font-size:.875rem;font-weight:500}.demo-stage>span{font-size:.75rem;color:#a9c3bf}
.demo-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:.6rem;font-size:.8125rem;color:#b1c8c5;line-height:1.6}
.demo-timeline>span{display:flex;flex-direction:column;gap:.3rem}.demo-timeline i{height:2px;background:#3e5757;display:block;position:relative}.demo-timeline>span.is-active{color:#f2c99e}.demo-timeline>span.is-active i{background:#e9ba89}.demo-timeline>span.is-done i{background:#879b85}
.demo-controls{display:flex;gap:.5rem;align-items:center;margin-top:.8rem;padding-top:.65rem;border-top:1px solid #ffffff1d;min-height:45px}.demo-controls[hidden]{display:none}
.demo-control{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:38px;min-width:88px;padding:.35rem .75rem;background:transparent;border:1px solid #67867c70;color:#e0eeeb;cursor:pointer;font:500 .875rem/1.5 var(--sans);border-radius:2px}.demo-control:hover{background:#ffffff0a;border-color:#b7c5a7}.control-symbol{font-size:1rem;width:1rem;text-align:center}.demo-count{margin-left:auto;font-size:.75rem;color:#a8c5bd;font-variant-numeric:tabular-nums;white-space:nowrap}
.animation-note{color:#b2c8c3;font-size:.8125rem;line-height:1.7;margin-top:.5rem}.figure-source{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;color:var(--accent);font-size:.875rem;text-decoration:underline;text-underline-offset:.25em}
@media(max-width:520px){.demo-topline{font-size:.75rem;gap:.7rem}.demo-controls{gap:.45rem}.demo-control{min-width:80px;padding:.35rem .6rem}.demo-count{font-size:.75rem}.demo-stage strong{font-size:.875rem}.demo-timeline{font-size:.8125rem}}