:root{--bg:#1b2d23;--fg:#f4efe6;--fg-muted:#f4efe69e;--line:#f4efe617;--line-strong:#f4efe62e;--error:#f0a28c;--serif:"Instrument Serif", "Times New Roman", serif;--sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", ui-monospace, Menlo, monospace;--gutter:clamp(20px, 4vw, 56px);--grid-columns:4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:300 16px/1.5 var(--mono);color:var(--fg);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100svh;margin:0}#root{isolation:isolate}h1,h2,h3,p{margin:0}a{color:inherit}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.background-grid{z-index:-1;grid-template-columns:repeat(var(--grid-columns), 1fr);pointer-events:none;padding-inline:1vw;display:grid;position:fixed;inset:0}.background-grid__column{border-left:1px solid var(--line)}@media (width<=720px){.background-grid__column:nth-child(n+3){display:none}.background-grid{grid-template-columns:repeat(2,1fr)}}.menu-button{background:var(--fg);width:56px;height:56px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;place-content:center;gap:5px;padding:0;transition:transform .3s;display:grid}.menu-button:hover{transform:scale(1.06)}.menu-button__line{background:currentColor;width:22px;height:2px;transition:transform .3s;display:block}.menu-button[data-open=true] .menu-button__line:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-button[data-open=true] .menu-button__line:last-child{transform:translateY(-3.5px)rotate(-45deg)}.nav-menu{z-index:20;padding:var(--gutter);background:var(--bg);opacity:0;visibility:hidden;align-items:center;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:fixed;inset:0}.nav-menu[data-open=true]{opacity:1;visibility:visible;transition:opacity .35s}.nav-menu__list{margin:0;padding:0;list-style:none}.nav-menu__link{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(3rem,9vw,7.5rem);line-height:1.05;text-decoration:none;transition:opacity .2s}.nav-menu__list:hover .nav-menu__link{opacity:.4}.nav-menu__list .nav-menu__link:hover,.nav-menu__list .nav-menu__link:focus-visible{opacity:1}.site-header{z-index:10;padding:28px var(--gutter);position:absolute;inset:0 0 auto}.site-header__name{letter-spacing:.08em;text-transform:uppercase;font-size:15px;text-decoration:none}.site-header__menu-button{z-index:30;position:fixed;top:18px;right:clamp(16px,2vw,40px)}.social-links{flex-wrap:wrap;gap:16px 48px;margin:0;padding:0;list-style:none;display:flex}.social-links a{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-strong);padding-bottom:4px;font-size:15px;text-decoration:none;transition:border-color .2s;display:inline-block}.social-links a:hover{border-color:var(--fg)}.highlight{font-family:var(--serif);letter-spacing:0;color:var(--fg);text-underline-offset:.18em;font-size:1.08em;font-style:italic;font-weight:400;text-decoration:underline;text-decoration-thickness:1px}.hero{min-height:100svh;padding:clamp(120px, 18vh, 200px) var(--gutter) 40px;flex-direction:column;justify-content:space-between;gap:64px;display:flex}.hero__content{gap:clamp(24px,4vh,40px);display:grid}.hero__headline{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(3.5rem,10vw,10rem);font-weight:400;line-height:.95}.hero__intro{max-width:40ch;font-family:var(--sans);letter-spacing:-.015em;color:var(--fg);text-wrap:pretty;font-size:clamp(1.25rem,2.2vw,2.25rem);line-height:1.4}.hero__footer{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.hero__scroll-cue{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:14px;text-decoration:none;transition:color .2s}.hero__scroll-cue:hover{color:var(--fg)}@media (width<=720px){.hero__footer{align-items:flex-end}.hero__footer .social-links{flex-direction:column;align-items:flex-end}}.section-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);gap:1.5em;font-size:14px;font-weight:300;display:flex}.section-label__index{color:var(--fg)}.skill-groups{margin:0}.skill-groups__row{border-top:1px solid var(--line-strong);grid-template-columns:1fr 3fr;align-items:baseline;gap:8px 24px;padding:24px 0;display:grid}.skill-groups__row:last-child{border-bottom:1px solid var(--line-strong)}.skill-groups__label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:13px}.skill-groups__items{font-family:var(--sans);letter-spacing:-.01em;margin:0;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.5}@media (width<=520px){.skill-groups__row{grid-template-columns:1fr}}.education-list{font-family:var(--sans);gap:16px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.education-list__item{justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.education-list__text{gap:4px;display:grid}.education-list__degree{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:1.125rem;display:flex}.education-list__grade{border:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border-radius:999px;padding:3px 10px;font-size:11px}.education-list__institution{color:var(--fg-muted)}.education-list__years{color:var(--fg-muted);flex-shrink:0;font-size:13px}@media (width<=520px){.education-list__item{flex-direction:column}}.about-section{padding:120px var(--gutter);gap:48px;display:grid}.about-section__columns{grid-template-columns:1fr 1fr;gap:64px clamp(48px,6vw,120px);display:grid}.about-section__intro{align-content:start;gap:24px;display:grid}.about-section__heading{font-family:var(--serif);letter-spacing:-.02em;text-wrap:pretty;margin-bottom:16px;font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:1.02}.about-section__paragraph{max-width:44ch;font-family:var(--sans);letter-spacing:-.01em;color:var(--fg);text-wrap:pretty;font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.55}.about-section__details{align-content:start;gap:40px;display:grid}@media (width<=900px){.about-section__columns{grid-template-columns:1fr}}.project-card{border-top:1px solid var(--line-strong)}.project-card:last-child{border-bottom:1px solid var(--line-strong)}.project-card__link{grid-template-columns:1fr 2fr 1fr;align-items:baseline;gap:16px 32px;padding:36px 0;text-decoration:none;display:grid}.project-card__index{color:var(--fg-muted);font-size:14px}.project-card__title{font-family:var(--serif);letter-spacing:-.015em;align-items:baseline;gap:.3em;font-size:clamp(2.25rem,4.5vw,4.5rem);font-weight:400;line-height:1;display:flex}.project-card__arrow{font-family:var(--mono);opacity:0;font-size:.4em;transition:opacity .25s,transform .25s;transform:translate(-6px,6px)}.project-card__link:hover .project-card__arrow,.project-card__link:focus-visible .project-card__arrow{opacity:1;transform:none}.project-card__details{gap:12px;font-size:15px;display:grid}.project-card__description{color:var(--fg)}.project-card__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted);font-size:13px}@media (width<=720px){.project-card__link{grid-template-columns:1fr;padding:28px 0}.project-card__arrow{opacity:1;transform:none}}.projects-section{padding:120px var(--gutter);gap:48px;display:grid}.projects-section__list{margin:0;padding:0;list-style:none}.text-field{gap:8px;display:grid}.text-field__label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:13px}.text-field__control{border:none;border-bottom:1px solid var(--line-strong);width:100%;color:var(--fg);font-family:var(--sans);background:0 0;border-radius:0;padding:8px 0 12px;font-size:clamp(1.125rem,1.6vw,1.5rem);line-height:1.4;transition:border-color .2s}.text-field__control::placeholder{color:var(--fg-muted);opacity:.6}.text-field__control:hover{border-color:var(--fg-muted)}.text-field__control:focus{border-color:var(--fg);outline:none}.text-field__control[aria-invalid=true]{border-color:var(--error)}textarea.text-field__control{resize:vertical;min-height:8em}.text-field__error{color:var(--error);font-size:13px}.button{background:var(--fg);color:var(--bg);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.75em;padding:16px 32px;font-size:14px;font-weight:400;transition:transform .2s,opacity .2s;display:inline-flex}.button:hover:not(:disabled){transform:scale(1.03)}.button:disabled{opacity:.6;cursor:progress}.contact-form{gap:40px;max-width:960px;display:grid}.contact-form__row{grid-template-columns:1fr 1fr;gap:40px 48px;display:grid}.contact-form__actions{justify-items:start;gap:24px;display:grid}.contact-form__status{border:1px solid var(--fg);font-family:var(--sans);color:var(--fg);background:#f4efe614;border-radius:12px;align-items:center;gap:14px;padding:16px 22px;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.4;animation:.35s contact-form-status-in;display:flex}.contact-form__status span{background:var(--fg);width:28px;height:28px;color:var(--bg);border-radius:50%;flex-shrink:0;place-content:center;font-size:15px;font-weight:500;display:grid}.contact-form__status[data-status=error]{border-color:var(--error);color:var(--error);background:#f0a28c1a}.contact-form__status[data-status=error] span{background:var(--error)}@keyframes contact-form-status-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.contact-form__status{animation:none}}@media (width<=720px){.contact-form__row{grid-template-columns:1fr}}.contact-section{padding:120px var(--gutter);gap:64px;display:grid}.site-footer{padding:28px var(--gutter);border-top:1px solid var(--line-strong);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);justify-content:space-between;gap:16px;font-size:13px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--fg)}