@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root{--paper:#f4f1e8;--ink:#17211d;--muted:#66706a;--line:rgba(23,33,29,.18);--acid:#d6f45b;--rust:#ae4b30;--blue:#a9c9cc;--white:#fbfaf5;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--pad:clamp(1.25rem,4vw,4.5rem)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:1rem;left:1rem;padding:.8rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:5rem;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .25s,border .25s}.site-header.scrolled{background:color-mix(in srgb,var(--paper) 88%,transparent);border-color:var(--line);backdrop-filter:blur(15px)}.wordmark{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:600;letter-spacing:-.02em}.wordmark-mark{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:.9rem}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav a{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.site-nav a:hover{text-decoration:underline;text-underline-offset:.35rem}.theme-button{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.menu-button{display:none;background:none;border:0;width:2.8rem;height:2.8rem;padding:.6rem}.menu-button>span:not(.sr-only){display:block;height:1px;background:currentColor;margin:.35rem 0;transition:.2s}
.hero{position:relative;min-height:100svh;padding:clamp(8rem,13vw,11rem) var(--pad) 5rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.75fr);align-items:center;gap:clamp(2rem,6vw,7rem);overflow:hidden}.hero:before{content:"";position:absolute;width:42rem;height:42rem;border:1px solid var(--line);border-radius:50%;right:-20rem;top:-14rem}.kicker{display:flex;align-items:center;gap:.65rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:600}.kicker span{display:block;width:.55rem;height:.55rem;border-radius:50%;background:var(--rust)}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.88;margin:0}h1{font-size:clamp(4rem,8.6vw,9.8rem);max-width:10ch}h1 em,h2 em,.display-copy em{color:var(--rust);font-weight:400}.hero-intro{max-width:38rem;font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--muted);margin:2.2rem 0 0}.hero-intro strong{color:var(--ink)}.actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.2rem;border-radius:2rem;text-decoration:none;font-weight:600;min-width:13rem}.button-dark{background:var(--ink);color:var(--paper)}.button:hover span{transform:translate(.15rem,.15rem)}.button span{transition:transform .2s}.text-link{text-underline-offset:.35rem;font-size:.9rem}.portrait-wrap{position:relative;justify-self:center;width:min(100%,30rem)}.portrait-frame{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden;border-radius:15rem 15rem 1.2rem 1.2rem;background:var(--blue);box-shadow:1.2rem 1.2rem 0 var(--acid)}.portrait-frame picture{display:block;width:100%;height:100%}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;filter:saturate(.72) contrast(1.05)}.image-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--blue)}.image-fallback strong{font:8rem/1 var(--serif)}.portrait-note{position:absolute;z-index:3;left:-3.5rem;bottom:2rem;padding:1rem 1.4rem;background:var(--white);border:1px solid var(--line);display:flex;gap:1rem;align-items:start;box-shadow:0 1rem 3rem rgba(23,33,29,.12)}.portrait-note span{font:.9rem var(--serif);color:var(--rust)}.portrait-note p{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin:0}.orbit{position:absolute;border:1px solid var(--rust);border-radius:50%}.orbit-one{width:4rem;height:4rem;right:-1.8rem;top:5rem}.orbit-two{width:1.2rem;height:1.2rem;right:-2.5rem;top:3.2rem;background:var(--acid);border-color:var(--ink)}.scroll-note{position:absolute;bottom:1.5rem;left:var(--pad);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em}.scroll-note span{padding-left:.6rem}.marquee{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 0;background:var(--acid);transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee div{width:max-content;display:flex;align-items:center;gap:2.2rem;animation:drift 28s linear infinite}.marquee span{font-family:var(--serif);font-size:1.7rem}.marquee i{font-style:normal;font-size:.9rem}@keyframes drift{to{transform:translateX(-35%)}}
.section{padding:clamp(6rem,10vw,10rem) var(--pad)}.section-label{display:flex;gap:1rem;align-items:center}.section-label span{font-family:var(--serif);color:var(--rust)}.section-label p{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.about{display:grid;grid-template-columns:1fr 3fr;gap:3rem}.display-copy{font-family:var(--serif);font-size:clamp(3rem,6vw,6.7rem);line-height:.98;letter-spacing:-.04em;margin:0;max-width:16ch}.about-detail{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:50rem;margin:4rem 0 0 auto;color:var(--muted)}.about-detail p{margin:0}.work{background:var(--ink);color:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:5rem}.section-heading h2{font-size:clamp(3.5rem,6.5vw,7.2rem);text-align:right}.work .section-label span,.work h2 em{color:var(--acid)}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1px;background:rgba(244,241,232,.22);border:1px solid rgba(244,241,232,.22)}.project{background:var(--ink);padding:clamp(1rem,2.4vw,2rem);display:grid;gap:2rem}.project-featured{grid-row:span 2}.project-wide{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}.project-visual{position:relative;overflow:hidden;min-height:18rem;background:#29332e}.project-featured .project-visual{min-height:38rem}.visual-navigator{background:linear-gradient(145deg,#8cadad,#c8dcdb)}.terminal-line{position:absolute;left:12%;height:1px;background:var(--ink);opacity:.55}.line-a{top:24%;width:62%}.line-b{top:30%;width:42%}.line-c{top:36%;width:51%}.medical-cross{position:absolute;right:13%;bottom:10%;font:12rem/1 var(--serif);color:rgba(244,241,232,.75)}.route{position:absolute;border:1px solid var(--ink);border-radius:50%}.route-a{width:18rem;height:18rem;left:-4rem;bottom:-6rem}.route-b{width:12rem;height:12rem;left:-1rem;bottom:-3rem}.visual-histology{background:#c68e7b}.visual-histology span{position:absolute;width:7rem;height:7rem;border:1px solid rgba(23,33,29,.6);border-radius:47% 53% 65% 35%;background:rgba(214,244,91,.25)}.visual-histology span:nth-child(1){left:10%;top:10%}.visual-histology span:nth-child(2){right:12%;top:20%;transform:scale(.7)}.visual-histology span:nth-child(3){left:35%;bottom:5%;transform:scale(1.4)}.visual-histology span:nth-child(4){right:4%;bottom:-15%;transform:scale(1.7)}.visual-histology b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:9rem var(--serif);font-weight:400}.visual-archive{background:#d6f45b}.book{position:absolute;width:44%;height:62%;border:1px solid var(--ink);background:var(--paper);top:18%;left:28%;box-shadow:-.7rem .7rem 0 var(--rust)}.b2{transform:rotate(8deg)}.b3{transform:rotate(-7deg)}.visual-archive span{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);font-size:.7rem;letter-spacing:.25em}.visual-system{background:#9274a6;min-height:23rem}.system-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:8rem;height:8rem;border:1px solid var(--paper);border-radius:50%;font:3rem var(--serif)}.node{position:absolute;width:1rem;height:1rem;background:var(--acid);border-radius:50%;box-shadow:0 0 0 1rem rgba(214,244,91,.12)}.n1{left:18%;top:25%}.n2{right:15%;top:30%}.n3{left:25%;bottom:15%}.n4{right:22%;bottom:13%}.project-number{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:#aab1ad}.project h3{font:clamp(2rem,3.2vw,3.5rem)/1 var(--serif);margin:.4rem 0 1rem}.project-copy>p:not(.project-number){color:#aab1ad;max-width:38rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tags span{border:1px solid rgba(244,241,232,.3);border-radius:2rem;padding:.35rem .7rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.research .section-heading h2{color:var(--ink)}.research-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:clamp(3rem,8vw,10rem)}.timeline article{display:grid;grid-template-columns:6rem 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}.timeline article:last-child{border-bottom:1px solid var(--line)}.year{font:.95rem var(--serif);color:var(--rust);margin:0}.timeline h3{font:2rem/1.1 var(--serif);font-weight:400;margin:0 0 .5rem}.timeline article div p{color:var(--muted);margin:0}.quote-card{align-self:start;position:sticky;top:8rem;background:var(--rust);color:var(--white);padding:2rem;min-height:27rem;display:flex;flex-direction:column;justify-content:space-between}.quote-mark{font:6rem/1 var(--serif)}blockquote{font:2rem/1.15 var(--serif);margin:2rem 0}.quote-card>p{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.skills-band{background:var(--blue);padding:3rem var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.skills-band>p{font:.9rem var(--serif);margin:0}.skill-list{display:flex;flex-wrap:wrap;gap:.7rem}.skill-list span{padding:.55rem .85rem;border:1px solid var(--ink);border-radius:2rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.contact{background:var(--acid);padding:clamp(5rem,9vw,9rem) var(--pad) 2rem}.contact-main{display:flex;justify-content:space-between;align-items:end;gap:3rem;padding:4rem 0 6rem}.contact-main h2{font-size:clamp(4rem,9vw,10rem)}.contact-main a{flex:none;display:grid;place-items:center;width:10rem;height:10rem;background:var(--ink);color:var(--paper);border-radius:50%;font:1.5rem var(--serif);text-decoration:none;transition:transform .25s}.contact-main a:hover{transform:rotate(7deg) scale(1.04)}.contact-footer{padding-top:1.5rem;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.contact-footer p{margin:0}.contact-footer div{display:flex;gap:2rem}.contact-footer a{text-underline-offset:.25rem}.noscript{position:fixed;z-index:200;bottom:0;width:100%;padding:.7rem;text-align:center;background:var(--rust);color:white;font-size:.8rem}
.js .reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}.js [data-delay="1"]{transition-delay:.15s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.js .reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}
html[data-theme="dark"]{--paper:#17211d;--ink:#f1eee4;--muted:#aeb6b1;--line:rgba(241,238,228,.2);--white:#222d28}html[data-theme="dark"] .portrait-frame{background:#557b7c}html[data-theme="dark"] .site-header.scrolled{background:rgba(23,33,29,.88)}
@media(max-width:900px){.site-header{height:4.5rem}.menu-button{display:block;position:relative;z-index:2}.site-nav{position:fixed;inset:0;background:var(--acid);color:#17211d;flex-direction:column;justify-content:center;gap:1.5rem;transform:translateX(100%);transition:transform .3s}.site-nav.open{transform:none}.site-nav a{font:3rem/1 var(--serif);text-transform:none;letter-spacing:-.03em}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(.7rem) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-.7rem) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-top:8rem}.portrait-wrap{width:min(83vw,28rem);margin-top:2rem}.portrait-note{left:-1.5rem}.scroll-note{display:none}.about{grid-template-columns:1fr}.about-detail{grid-template-columns:1fr;margin-top:2.5rem}.section-heading{display:block}.section-heading h2{text-align:left;margin-top:2rem}.project-grid{grid-template-columns:1fr}.project-featured{grid-row:auto}.project-featured .project-visual{min-height:27rem}.project-wide{grid-column:auto;grid-template-columns:1fr}.research-layout{grid-template-columns:1fr}.quote-card{position:static;min-height:22rem}.skills-band{grid-template-columns:1fr}.contact-main{display:block}.contact-main a{margin:3rem 0 0 auto;width:8rem;height:8rem}.contact-footer{display:block}.contact-footer div{margin-top:1.2rem;flex-wrap:wrap}}@media(max-width:560px){h1{font-size:clamp(3.8rem,19vw,6rem)}.hero{padding-left:1.1rem;padding-right:1.1rem}.actions{align-items:flex-start;flex-direction:column;gap:1rem}.portrait-note{left:-.5rem}.orbit{display:none}.marquee span{font-size:1.3rem}.section{padding-left:1.1rem;padding-right:1.1rem}.display-copy{font-size:3rem}.project-grid{margin-left:-1.1rem;margin-right:-1.1rem;border-left:0;border-right:0}.project-visual{min-height:15rem}.timeline article{grid-template-columns:4.5rem 1fr;gap:1rem}.timeline h3{font-size:1.5rem}.contact{padding-left:1.1rem;padding-right:1.1rem}.contact-main h2{font-size:4rem}.contact-footer div{gap:1rem}}