:root{--green: #06ff04;--green-dark: #047e00;--blue: #06ffff;--blue-dark: #048c8c;--red: rgb(254, 0, 0);--red-dark: rgb(126, 0, 0);--purple: #b026ff;--purple-dark: #7a13b3;--black: #000000;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:IBM Plex Mono,monospace;src:url(/fonts/IBMPlexMono-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono,monospace;src:url(/fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body{font-family:IBM Plex Mono,monospace;margin:0;padding:0;text-align:left;background:#000;background-size:100px 100px;background-image:linear-gradient(to right,rgba(128,128,128,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,128,128,.2) 1px,transparent 1px);word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--green));font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--green));line-height:1.2}h1{font-size:3.052em;color:#fff}h2{font-size:2.441em;color:#fff}h3{font-size:1.953em;color:#fff}h4{font-size:1.563em;color:#fff}h5{font-size:1.25em;color:#fff}strong,b{color:#fff;font-weight:700}p.green,a.green,a.green:hover{color:var(--green)}p.blue,a.blue,a.blue:hover{color:var(--blue)}p.red,a.red,a.red:hover{color:var(--red)}p.purple,a.purple,a.purple:hover{color:var(--purple)}p{margin-bottom:1em;color:#fff}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}li{color:#fff}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px;color:#000}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--green);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}.about-content{max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);grid-auto-flow:dense;gap:1.5em}.bento-full{grid-column:1 / -1}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}@media(max-width:720px){body{font-size:18px}main{padding:1em}h1{font-size:2.2em}.about-content{grid-template-columns:1fr}.bento-wide{grid-column:1 / -1}.bento-tall{grid-row:auto}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.profile-section{display:flex;align-items:flex-start;gap:2em;margin:2em 0 3em;flex-wrap:wrap}.profile-section h4{color:#06ff04}.profile-image{width:200px;height:200px;object-fit:cover;border-radius:8px;border:3px solid var(--green);box-shadow:0 0 20px #06ff044d;transition:transform .3s ease,box-shadow .3s ease}.profile-image:hover{transform:scale(1.05);box-shadow:0 0 30px #06ff0480}.profile-section h4{flex:1;min-width:300px;margin-top:0}.work-showcase{margin:0}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em;margin-top:1.5em}.image-grid figure{margin:0;position:relative}.image-grid img,.image-grid video,.project-video{width:100%;height:250px;object-fit:cover;border:2px solid var(--green);border-radius:8px;transition:all .3s ease;filter:brightness(.9) contrast(1.1)}.image-grid img:hover{border-color:var(--blue);transform:translateY(-5px);box-shadow:0 0 25px #00007e66;filter:brightness(1) contrast(1.2)}.image-grid video:hover,.project-video:hover{border-color:var(--green);transform:translateY(-5px);box-shadow:0 0 25px #06ff0466;filter:brightness(1) contrast(1.2)}.image-grid figcaption{color:var(--green);font-size:.9em;margin-top:.5em;text-align:center;font-family:IBM Plex Mono,monospace}.faq-item{padding:1.5em;border-left:3px solid var(--green);background:#06ff0408;transition:background .3s ease}.faq-item:hover{background:#06ff0414}.faq-item p.green{font-weight:700;margin-bottom:.5em}@media(max-width:720px){.profile-section{flex-direction:column;align-items:center;text-align:center}.profile-image{width:150px;height:150px}.image-grid{grid-template-columns:1fr;gap:1.5em}.image-grid img,.image-grid video,.project-video{height:200px}}