.about{padding-block-end:2.25rem}.about h2{font-size:1.625rem;margin-block-end:1rem}.about-hero{display:grid;align-items:center;gap:2.5rem;padding-block:1.5rem 3rem}.about-hero h1{font-size:clamp(2rem,4vw,3rem);margin-block-end:1.125rem}.about-hero__intro{font-size:1.125rem;max-inline-size:36em;margin-block-end:1.5rem}.about-portrait{position:relative;margin:0 auto;padding-inline:2.375rem 6rem;inline-size:min(100%,23.75rem)}.about-portrait__placeholder,.about-portrait__photo{display:block;inline-size:100%;border:.0625rem solid var(--color-border);border-radius:1.125rem;background:var(--color-toc)}.about-portrait__placeholder{aspect-ratio:4/5;overflow:hidden;display:grid;align-items:end}.about-portrait__placeholder svg{inline-size:100%;fill:var(--color-muted);opacity:.35}.about-portrait figcaption{color:var(--color-muted);font-size:.75rem;text-align:center;padding-block-start:.5rem}.about-portrait__window{position:absolute;inset-inline-end:0;inset-block-start:12%;inline-size:30%;border:.0625rem solid var(--color-border);background:var(--color-surface);border-radius:.5rem;box-shadow:0 .5rem 1.5rem var(--color-shadow);color:var(--color-muted)}.about-portrait__window>span{display:block;padding-inline:.5rem;line-height:1.5;border-block-end:.0625rem solid var(--color-border);font-size:.75rem;letter-spacing:.1em}.about-portrait__window>svg{display:block;inline-size:100%;padding:.5rem;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.6}.circuit-art{position:absolute;inline-size:4.875rem;block-size:7.8125rem;inset-inline-end:-0.75rem;inset-block-end:-0.625rem;fill:none;stroke:var(--color-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.45;pointer-events:none}.circuit-art__nodes{fill:var(--color-surface)}.about-portrait .circuit-art{inset-inline-start:-0.375rem;inset-inline-end:auto;transform:scaleX(-1)}.about-section{margin-block-end:2rem;scroll-margin-block-start:1.5rem}.about-biography{color:var(--color-muted);max-inline-size:70em}.about-biography h2{color:var(--color-text)}.about-biography p{margin-block-end:.625rem}.about-biography__body{max-inline-size:72ch;overflow-wrap:anywhere}.about-biography__body::after{content:"";display:block;clear:both}.about-biography__body :is(h1,h2,h3,h4,h5,h6){color:var(--color-text);margin-block:2.25rem .875rem}.about-biography__body :is(h1,h2){font-size:1.625rem}.about-biography__body h3{font-size:1.4375rem}.about-biography__body :is(h4,h5,h6){font-size:1.25rem}.about-biography__body>:first-child{margin-block-start:0}.about-biography__body p{margin-block-end:1rem}.about-biography__body :is(ul,ol){padding-inline-start:1.5rem;margin-block:1rem}.about-biography__body li+li{margin-block-start:.375rem}.about-biography__body blockquote{margin:1.5rem 0;padding-inline-start:1.25rem;border-inline-start:.1875rem solid var(--color-accent)}.about-biography__body hr{border:0;border-block-start:.0625rem solid var(--color-border);margin-block:1.75rem}.about-biography__body code{font-family:var(--font-code);padding:.125rem .25rem;background:var(--color-soft);border-radius:.25rem}.about-biography__body img{max-inline-size:100%;block-size:auto;border-radius:.5rem}.about-biography .richtext-image{display:block;margin:1.25rem auto}.about-interests,.about-technologies,.about-projects{list-style:none;padding:0;margin:0}.about-interests{display:grid;gap:1rem}.about-interests li{padding:1.5rem;border:.0625rem solid var(--color-border);border-radius:.625rem;background:var(--color-surface);min-inline-size:0}.about-interests svg{inline-size:2.25rem;block-size:2.25rem;fill:none;stroke:var(--color-accent);stroke-width:1.5;stroke-linejoin:round;margin-block-end:.75rem}.about-interests h3{font-size:1rem;margin-block-end:.5rem}.about-interests p{margin:0;color:var(--color-muted);font-size:.875rem}.about-technologies{display:flex;flex-wrap:wrap;gap:.75rem}.about-technologies li{padding:.375rem 1.25rem;border:.0625rem solid var(--color-border);border-radius:.875rem;background:var(--color-surface);font-size:.875rem;max-inline-size:100%}.about-projects{display:grid;gap:1.25rem}.about-projects a{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border:.0625rem solid var(--color-border);border-radius:.625rem;background:var(--color-surface);text-decoration:none;color:var(--color-text);block-size:100%}.about-projects a:hover{background:var(--color-soft);border-color:var(--color-accent)}.about-projects a>span:nth-child(2){min-inline-size:0;flex:1}.about-projects strong,.about-projects small{display:block}.about-projects small{color:var(--color-muted);font-size:.8125rem}.about-projects .project-icon{flex-basis:2.5rem;inline-size:2.5rem;block-size:2.5rem;background:none;border:0}.about-projects .project-icon>svg,.about-projects .project-icon__art{inline-size:100%;block-size:100%}.about-projects__arrow{color:var(--color-accent)}.about-contact{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.75rem;border:.0625rem solid var(--color-border);border-radius:.625rem;background:var(--color-surface)}.about-contact>svg:not(.circuit-art){inline-size:2.625rem;block-size:2.625rem;fill:none;stroke:var(--color-accent);stroke-width:1.4;stroke-linejoin:round}.about-contact>div{flex:1 1 15rem}.about-contact h2{margin-block-end:.375rem}.about-contact p{color:var(--color-muted);margin:0;font-size:.875rem}.about-contact .button{position:relative;z-index:1;background:var(--color-surface)}.project-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem;margin-block-end:1.5rem;border:.0625rem solid var(--color-border);border-radius:.625rem;background:var(--color-surface);scroll-margin-block-start:1.5rem}.project-support>div{flex:1 1 15.625rem;min-inline-size:0}.project-support h2{margin-block-end:.5rem}.project-support p{color:var(--color-muted);max-inline-size:40em}.project-support__action{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.project-support__action small{color:var(--color-muted)}.project-support figure{margin:0;text-align:center;flex:0 0 9rem}.project-support img{display:block;inline-size:100%;block-size:auto;background:#fff}.project-support figcaption{font-size:.75rem;color:var(--color-muted);margin-block-start:.375rem}.project-icon{flex:0 0 4rem;inline-size:4rem;block-size:4rem;display:grid;place-items:center;border-radius:.75rem;color:var(--color-accent);background:var(--color-soft);border:.0625rem solid var(--color-border)}.project-icon>svg{inline-size:60%;block-size:60%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.project-icon__art{display:flex;inline-size:60%;block-size:60%}.project-icon__art svg{inline-size:100%;block-size:100%}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none}.project-tags li{background:var(--color-hover);color:var(--color-muted);font-size:.75rem;padding:.25rem .75rem;border-radius:.3125rem}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem}.project-actions .button{padding-inline:1.125rem;min-inline-size:0}@media (min-width: 48rem){.about-biography .richtext-image.left{float:left;max-inline-size:45%;margin:0 1.5rem 1rem 0}.about-biography .richtext-image.right{float:right;max-inline-size:45%;margin:0 0 1rem 1.5rem}.about-hero{grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr)}.about-interests{grid-template-columns:repeat(3, minmax(0, 1fr))}.about-projects{grid-template-columns:repeat(2, minmax(0, 1fr))}}