@font-face{font-family:Manrope;src:url("./assets/manrope-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("./assets/manrope-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("./assets/instrument-serif-italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}

:root{--paper:#f5f3ec;--white:#fdfcf8;--ink:#242923;--muted:#60665d;--line:#d9dcd2;--accent:#b44729;--green:#315448;--dark:#202c26;--mono:"Cascadia Code",Consolas,monospace;--radius:6px;--header-height:81px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
a:hover{color:var(--accent)}
button,input,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
[hidden]{display:none!important}
img,svg{max-width:100%;display:block}
svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.16;font-weight:700}
h1,h2{letter-spacing:-.045em}
h2{font-size:clamp(32px,3.1vw,44px)}
em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.2em;font-weight:400;letter-spacing:-.025em}
::selection{background:#eac7ad;color:var(--ink)}
.shell{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.mono,.eyebrow{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.075em}
.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;top:12px;left:12px;z-index:100;padding:10px 18px;background:var(--dark);color:white;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(245,243,236,.97)}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:18px}
.monogram{font-size:32px;font-weight:700;letter-spacing:-3px;line-height:1}
.monogram span{color:var(--accent)}
.brand-name{font-size:13px;font-weight:700}
.nav-links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;gap:12px}
.nav-links a:last-child{border-bottom:1px solid var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:64px 66px}
.hero-copy{min-width:0}
.identity{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.identity img{border-radius:50%;object-fit:cover;filter:saturate(.65);border:2px solid var(--white)}
.identity-name{font-weight:700;font-size:14px}
.identity-role{font-size:12px;color:var(--muted);margin-top:3px}
h1{font-size:clamp(42px,4.4vw,64px);line-height:1.11;margin-bottom:24px}
h1 em{color:var(--accent)}
.hero-lede{font-size:16px;line-height:1.8;max-width:540px;color:var(--muted)}
.hero-lede strong{color:var(--ink);font-weight:700}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;line-height:1.5;transition:background .18s,color .18s,transform .18s}
.button:hover{transform:translateY(-2px)}
.button span{font-size:20px;font-weight:400;line-height:1}
.primary{background:var(--accent);color:white}
.primary:hover{background:#92371f;color:white}
.dark{background:var(--dark);color:white}
.dark:hover{background:#395348;color:white}
.light{background:var(--paper);color:var(--ink)}
.light:hover{background:white;color:var(--accent)}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;min-height:44px}
.text-link:hover{text-decoration:underline}
.credentials{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;font-size:11px;color:var(--muted)}
.credentials a{padding-block:5px;border-bottom:1px dotted #989d90}
.credentials>span{color:#858a80}

.example{min-width:0;background:var(--dark);color:var(--paper);padding:27px 28px 20px;border-radius:var(--radius);box-shadow:12px 12px 0 #e4e6dc;position:relative}
.example-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:23px;color:#b5c4b8}
.example-top .mono{font-size:10px}
.example-index{font-family:var(--mono);font-size:10px;color:#b5c4b8}
.example h2{font-size:23px;letter-spacing:-.03em}
.example-intro{font-size:13px;color:#b5c4b8;margin-top:7px}
.example-options{display:flex;gap:6px;margin-top:23px}
.example-options button{min-height:38px;padding:7px 11px;font-size:11px;background:transparent;border:1px solid #627469;border-radius:3px;color:#c9d4cb;transition:background .18s,color .18s}
.example-options button:hover{background:#34483c;color:white}
.example-options button[aria-pressed="true"]{background:#dce8d7;color:#24382a;border-color:#dce8d7}
.example :focus-visible,.contact-section :focus-visible{outline-color:#fac3a6}
.command{margin-top:20px;padding:15px 17px;background:#17211c;border:1px solid #425147;border-radius:3px}
.command-label{display:block;font-size:9px;color:#a9baac;margin-bottom:8px}
.command code{font:13px/1.6 var(--mono);color:#f6efe2;overflow-wrap:anywhere}
.gate-flow{display:flex;align-items:center;gap:12px;margin:18px 0;color:#bdcbbf;font:10px var(--mono)}
.gate-flow i{height:1px;background:#728475;flex:1;position:relative}
.gate-flow i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #728475;border-right:1px solid #728475;transform:rotate(45deg)}
.gate{padding:7px 12px;border:1px solid #607869;border-radius:2px;color:#deebdd}
.gate-stop{color:#f8b494;font-size:18px;font-weight:700}
.verdict-row{display:flex;align-items:center;gap:12px;font-size:11px;color:#d0d8cc}
.verdict{padding:4px 9px;background:#52342b;color:#ffd0b7;border:1px solid #97634f;font:700 10px/1.5 var(--mono);letter-spacing:.07em;border-radius:2px}
.verdict.unknown{background:#453e26;border-color:#8e7c40;color:#f4dea1}
.example-reason{font-size:12px;line-height:1.7;margin-top:12px;color:#bdcbbf;min-height:42px}
.example-foot{border-top:1px solid #425147;margin-top:20px;padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:9px;color:#b5c4b8}
.example-foot a{color:#e6eddc;text-decoration:underline}

.experience-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:40px;align-items:center;padding-block:25px}
.experience-strip>.mono{color:var(--muted);font-size:10px}
.experience-strip>div{display:flex;justify-content:space-between;gap:40px;flex:1}
.experience-strip>div>span{font-size:21px;font-weight:700;letter-spacing:-.055em;display:inline-flex;align-items:center;gap:8px}
.current-dot,.small-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex:0 0 auto}
.current-dot{width:5px;height:5px}

.section{padding-block:82px}
.eyebrow{color:var(--muted);margin-bottom:20px;font-size:10px;display:flex;gap:13px;align-items:center}
.eyebrow>span{color:var(--accent)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:38px}
.section-heading>p{max-width:300px;font-size:14px;color:var(--muted);line-height:1.8;padding-bottom:4px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-width:0;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.project-card:hover{border-color:#a9b3a3;box-shadow:0 8px 24px #24302408}
.project-top{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.project-symbol{width:37px;height:37px;background:#f3e6dd;color:var(--accent);border-radius:4px;display:grid;place-items:center;flex-shrink:0}
.project-symbol svg{width:27px;height:27px}
.hac-card .project-symbol{background:#e5ece1;color:var(--green)}
.status{font-size:10px;color:var(--accent);font-weight:700}
.status.research{color:var(--green)}
.project-number{margin-left:auto;color:var(--muted)}
.project-card h3{font-size:25px;letter-spacing:-.045em}
.project-abbr{display:block;margin-top:8px;font:10px/1 var(--mono);letter-spacing:.08em;color:var(--muted)}
.project-question{font-size:14px;font-weight:700;margin-top:24px}
.project-description{font-size:13px;color:var(--muted);line-height:1.85;margin-top:11px}
.project-visual{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block:24px;padding:24px 12px;font:10px/1.6 var(--mono);background:#f1f0e9;border:1px solid #e5e5dc;border-radius:3px;min-height:94px}
.project-visual>span:not(.diagram-arrow),.project-visual>strong{text-align:center}
.project-visual>strong{padding:7px 9px;border:1px solid #baaa92;color:#685332;font-weight:400;background:#f8f3e6}
.hac-visual{background:#edf1e9}
.hac-visual>strong{background:#e2ebdc;border-color:#a3b49b;color:#315448}
.diagram-arrow{color:var(--muted);flex-shrink:0}
.hac-visual .diagram-decision{color:#9c3c26}
.project-features{display:grid;gap:9px;list-style:none;margin:0 0 28px;padding:0;font-size:12px}
.project-features li{padding-left:18px;position:relative}
.project-features li::before{content:"+";position:absolute;left:0;color:var(--green)}
.project-links{display:flex;align-items:center;gap:22px;margin-top:auto}
.project-links .button{font-size:12px;padding:11px 16px;gap:20px}
.project-links .text-link{font-size:12px;gap:8px}
.install,.research-note{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.install code{font:11px/1.8 var(--mono);overflow-wrap:anywhere;min-width:0}
.directory-mention{display:inline-flex;align-items:center;align-self:flex-start;gap:12px;min-height:44px;margin-top:6px;font-size:11px;color:var(--green)}
.directory-mention strong{text-decoration:underline;text-decoration-color:#a7b79c;text-underline-offset:4px}
.directory-mention:hover{color:var(--accent)}
.install button{border:1px solid #b6bbaf;background:transparent;border-radius:3px;color:var(--muted);font-size:10px;padding:5px 9px;min-height:32px;flex-shrink:0}
.install button:hover{background:#e9ecdf;color:var(--ink)}
.research-note{justify-content:flex-start;font-size:11px;color:var(--muted)}
.project-guide{display:flex;gap:35px;align-items:center;padding:25px 0 0}
.project-guide>.mono{font-size:9px;color:var(--muted);flex-shrink:0}
.project-guide p{font-size:12px;line-height:2}
.project-guide a{text-decoration:underline;text-decoration-color:#a5aa9b;font-weight:700}

.about-section{padding-block:78px;background:#e9ece3;border-block:1px solid #d9ded1}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:120px}
.about-copy{max-width:470px}
.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin-top:25px}
.about-location{display:flex;align-items:center;gap:10px;font:11px var(--mono);color:var(--muted);margin-top:30px}
.career-story-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-block:19px;border-block:1px solid #bec7b8;font-size:12px;font-weight:700;line-height:1.7}
.career-story-link .mono{display:block;font-size:9px;font-weight:400;color:var(--green);margin-bottom:5px}
.career-story-link>span:last-child{font-size:22px;color:var(--accent)}
.career{list-style:none;margin:0;padding:0 0 0 27px;border-left:1px solid #bec7b8}
.career li{position:relative;padding-bottom:27px}
.career li:last-child{padding-bottom:0}
.career li::before{content:"";position:absolute;left:-32px;top:5px;width:9px;height:9px;background:#a8b7a3;border:2px solid #e9ece3;border-radius:50%;box-shadow:0 0 0 1px #a8b7a3}
.career li:first-child::before{background:var(--green);box-shadow:0 0 0 1px var(--green)}
.career-meta{display:flex;align-items:center;gap:14px;color:var(--muted);margin-bottom:7px}
.career-meta .mono{font-size:9px}
.current-tag{font:8px var(--mono);color:var(--green);background:#d4dfcc;padding:3px 6px;border-radius:2px}
.career h3{font-size:20px;letter-spacing:-.03em}
.career .career-role{font-size:12px;color:var(--ink);margin-top:5px}
.career-role>span{color:var(--muted)}
.career p{font-size:12px;line-height:1.75;color:var(--muted);margin-top:7px}
.contribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.contribution-grid article{border-top:1px solid #afb8a9;padding-top:22px;display:flex;flex-direction:column;min-width:0}
.contribution-label{color:var(--accent);font-size:9px}
.contribution-grid h3{font-size:18px;margin-top:16px;letter-spacing:-.035em}
.contribution-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:15px;margin-bottom:15px}
.contribution-grid .text-link{margin-top:auto;font-size:11px;gap:8px}
.speaking-summary a{font-weight:700;color:var(--green);text-decoration:underline;text-decoration-color:#a5b699;text-underline-offset:3px}
.speaking-summary a:hover{color:var(--accent);text-decoration-color:var(--accent)}

.contact-section{background:var(--dark);color:var(--paper);padding-block:70px}
.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}
.contact-section .eyebrow{color:#c3cebf}
.contact-section .eyebrow>span{color:#edaa86}
.contact-section h2 em{color:#dbdfc8}
.contact-section p:not(.eyebrow){max-width:500px;color:#c3cebf;font-size:13px;line-height:1.9;margin-top:22px}
.contact-actions{display:flex;flex-direction:column;align-items:flex-start}
.contact-actions .button{min-width:265px;justify-content:space-between}
.contact-email{font-size:12px;margin-top:18px;color:#d2dccb;overflow-wrap:anywhere}
.contact-section a:not(.button):hover{color:#fac3a6}
.social-links{display:flex;gap:26px;margin-top:24px;font-size:12px}
.social-links a{min-height:44px;display:inline-flex;align-items:center}
.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;font-size:10px}
.footer-name{font-size:12px;font-weight:700}
.footer-name span{display:block;font-size:10px;font-weight:400;margin-top:3px;color:var(--muted)}
.footer>div{display:flex;flex-wrap:wrap;gap:25px;color:var(--muted)}
.footer>div a{min-height:44px;display:inline-flex;align-items:center}

@media(min-width:1500px){.hero{padding-block:80px}.example{padding:32px}.hero-lede{font-size:17px}}
@media(max-width:1100px){
 .shell{width:calc(100% - 64px)}
 .hero{gap:34px}
 h1{font-size:clamp(38px,4.6vw,54px)}
 .example{padding:23px 22px 18px}
 .example h2{font-size:21px}
 .about-grid{gap:70px}
 .project-card{padding:24px}
 .project-links{gap:16px;flex-wrap:wrap}
 .project-visual{font-size:9px;padding-inline:9px}
 .contact-grid{gap:45px}
}
@media(max-width:820px){
 :root{--header-height:73px}
 .nav{height:72px}
 .hero{grid-template-columns:1fr;gap:40px;padding-block:46px 48px}
 .hero-copy{max-width:620px}
 h1{font-size:clamp(42px,7vw,60px)}
 .hero-lede{max-width:580px}
 .example{max-width:620px;width:100%;box-shadow:8px 8px 0 #e4e6dc}
 .example-reason{min-height:0}
 .experience-strip{display:block;padding-block:22px}
 .experience-strip>div{margin-top:14px}
 .experience-strip>div>span{font-size:20px}
 .section{padding-block:60px}
 .section-heading{gap:25px;align-items:flex-start;flex-direction:column}
 .section-heading>p{max-width:440px}
 .project-grid{grid-template-columns:1fr}
 .project-visual{font-size:11px;justify-content:center;gap:18px}
 .project-description{font-size:14px}
 .project-features{font-size:13px}
 .project-card h3{font-size:27px}
 .project-guide{gap:20px}
 .about-grid{gap:45px;grid-template-columns:1fr}
 .about-copy{max-width:600px}
 .career{max-width:600px}
 .career li{padding-bottom:30px}
 .contribution-grid{gap:24px;grid-template-columns:1fr}
 .contribution-grid article{display:grid;grid-template-columns:1fr 1.2fr;column-gap:30px;align-items:start}
 .contribution-label{grid-column:1}
 .contribution-grid h3{grid-column:1;margin-top:12px}
 .contribution-grid p{grid-column:2;grid-row:1 / span 2;margin-top:0}
 .contribution-grid .text-link{grid-column:2}
 .contact-grid{grid-template-columns:1fr;gap:30px}
 .contact-actions{align-items:flex-start}
 .footer{align-items:flex-start}
 .footer>div{gap:12px}
}
@media(max-width:480px){
 :root{--header-height:65px}
 .shell{width:calc(100% - 40px)}
 .nav{height:64px;gap:16px}
 .brand-name{display:none}
 .monogram{font-size:31px}
 .nav-links{gap:22px;font-size:12px}
 .nav-links a{gap:5px}
 .hero{padding-block:34px 38px;gap:32px}
 .identity{gap:12px;margin-bottom:24px}
 .identity img{width:46px;height:46px}
 .identity-name{font-size:13px}
 .identity-role{font-size:10px}
 h1{font-size:clamp(32px,9.2vw,43px);margin-bottom:20px}
 h1 em{font-size:1.22em}
 .hero-lede{font-size:14px;line-height:1.85}
 .hero-actions{gap:22px;margin-top:23px}
 .button{font-size:12px;padding:12px 16px;gap:20px}
 .credentials{font-size:10px;gap:9px;margin-top:20px}
 .example{padding:23px 20px 18px}
 .example-top{padding-bottom:18px}
 .example h2{font-size:21px}
 .example-options{margin-top:18px;gap:5px}
 .example-options button{padding:8px 9px;font-size:10px;min-height:40px}
 .command{padding:13px;margin-top:16px}
 .command code{font-size:11px}
 .example-foot{font-size:9px;margin-top:16px}
 .experience-strip>div{gap:12px;flex-wrap:wrap}
 .experience-strip>div>span{font-size:17px}
 .experience-strip>.mono{font-size:9px}
 .section{padding-block:48px}
 .eyebrow{font-size:9px;margin-bottom:17px;gap:10px}
 h2{font-size:30px}
 .section-heading{gap:19px;margin-bottom:28px}
 .section-heading>p{font-size:13px}
 .project-card{padding:22px 20px}
 .project-top{gap:10px;margin-bottom:23px}
 .status{font-size:9px}
 .project-card h3{font-size:24px}
 .project-question{font-size:13px;margin-top:20px}
 .project-description{font-size:12px}
 .project-visual{font-size:9px;gap:8px;padding:18px 9px}
 .project-visual>strong{padding:6px}
 .project-features{font-size:11px;gap:10px}
 .project-links{gap:13px}
 .project-links .button,.project-links .text-link{font-size:11px;gap:12px}
 .install code{font-size:10px}
 .research-note{font-size:10px}
 .project-guide{flex-direction:column;align-items:flex-start;gap:10px}
 .project-guide p{font-size:11px}
 .about-section{padding-block:48px}
 .about-grid{gap:38px}
 .about-copy>p:not(.eyebrow){font-size:13px;margin-top:20px}
 .career{padding-left:23px}
 .career li::before{left:-28px}
 .career .career-role{font-size:11px}
 .contribution-grid article{display:flex}
 .contribution-grid h3{font-size:19px;margin-top:14px}
 .contribution-grid p{font-size:13px;margin-top:14px}
 .contribution-grid .text-link{font-size:12px}
 .contact-section{padding-block:48px}
 .contact-section h2{font-size:30px}
 .contact-section p:not(.eyebrow){font-size:12px}
 .contact-actions .button{min-width:0;width:100%}
 .contact-email{font-size:11px}
 .footer{flex-direction:column;gap:12px;padding-block:25px}
 .footer>div{gap:20px;font-size:9px}
}
@media(max-width:380px){.nav{gap:12px}.nav-links{gap:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{.site-header,.example-options,.hero-actions,.copy-install,.footer{display:none}.hero,.about-grid,.project-grid,.contact-grid{display:block}.shell{width:100%}.project-card,.career li,.contribution-grid article{break-inside:avoid}.example,.contact-section{background:#fff;color:#111;box-shadow:none}.section,.about-section,.contact-section{padding-block:28px}a{text-decoration:underline}}