*,:before,:after{box-sizing:border-box}*{min-width:0;margin:0;padding:0}[hidden]{display:none!important}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh}html{scrollbar-gutter:stable;overscroll-behavior:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizelegibility;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.1}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}img,picture,video,canvas,svg,embed,iframe,object,audio{max-width:100%;height:auto;display:block}svg[width][height]{max-width:revert}button{background:0 0;border:none}input,button,textarea,select{font:inherit;-webkit-appearance:none;appearance:none}button,[role=button],label,summary,select{cursor:pointer}a{color:inherit}ul,ol{list-style:none}table{border-collapse:collapse}th{font-weight:inherit}fieldset{border:none;padding:0}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:monospace;font-size:inherit}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}#root{isolation:isolate}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-regular.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-medium.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-semibold.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:600}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-bold.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}body{color:var(--charcoal-blue);font-family:var(--sans);background-color:#20282d}:root{--baltic-blue:#33658a;--sky-reflection:#86bbd8;--charcoal-blue:#2f4858;--honey-bronze:#f6ae2d;--blaze-orange:#f26419;--ink:var(--charcoal-blue);--muted:#557080;--paper:var(--sky-reflection);--surface:#f7fbfd;--line:#b9d4e2;--accent:var(--blaze-orange);--accent-soft:var(--honey-bronze);--serif:"Cormorant Garamond", Georgia, serif;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif}main{width:min(100% - 2rem,60rem);margin:0 auto;padding:clamp(1rem,3vw,3rem) 0 4rem}section{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:0 1.5rem 3rem #302c2014}.about{text-align:center;padding:clamp(1.75rem,6vw,5rem) clamp(1.25rem,6vw,5.5rem);position:relative;overflow:hidden}.avatar{object-fit:cover;border:.55rem solid var(--surface);outline:1px solid var(--ink);width:clamp(9rem,25vw,14rem);height:clamp(9rem,25vw,14rem);box-shadow:-1.2rem -.95rem 0 var(--accent-soft), 1.35rem -.8rem 0 var(--accent), -1.1rem 1.65rem 0 var(--ink), 1.8rem 1.15rem 0 var(--paper), .35rem 2.1rem 0 var(--baltic-blue);border-radius:50%;margin:0 auto 2rem;transition:box-shadow .22s;transform:rotate(3deg)}.avatar:hover{box-shadow:-1rem -.95rem 0 var(--accent-soft), 1.9rem -.75rem 0 var(--accent), -1.6rem 2.25rem 0 var(--ink), 2.5rem 1.6rem 0 var(--paper), .5rem 2.8rem 0 var(--baltic-blue)}h1{max-width:12ch;font-family:var(--serif);letter-spacing:-.075em;text-wrap:balance;margin:0 auto;font-size:clamp(3.25rem,9vw,7rem);font-weight:500;line-height:.86}h2,.social-links{font-size:.75rem;font-weight:400}h2{letter-spacing:.18em;font-family:var(--serif);text-transform:uppercase;margin-top:1.25rem;font-weight:500;line-height:1.4}.details{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-top:.8rem;font-size:.7rem}.about ul{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));max-width:42rem;margin:clamp(2.5rem,6vw,4.5rem) auto 0;display:grid}.about li{padding:1.1rem 1rem;font-size:.8rem;line-height:1.5}.about li+li{border-left:1px solid var(--line)}.biography{max-width:41rem;color:var(--muted);font-family:var(--serif);text-align:center;margin:clamp(2.5rem,6vw,4.5rem) auto 0;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:500;line-height:1.7}.biography .lede{color:var(--ink);margin-bottom:1rem;font-size:1.25rem;line-height:1.45}a{color:inherit;text-decoration-color:var(--accent-soft);text-underline-offset:.18em;text-decoration-thickness:.1em;transition:color .18s,text-decoration-color .18s}a:hover,a:focus-visible{color:var(--accent);text-decoration-color:var(--accent)}.social-links{letter-spacing:.12em;text-transform:uppercase;margin-top:3rem}.social-links a{align-items:center;gap:.5rem;display:inline-flex}.github-icon{width:1.15em;height:1.15em}.gallery{margin-top:clamp(1rem,4vw,3rem);padding:clamp(1.25rem,4vw,3rem)}.gallery>h2{letter-spacing:.08em;align-items:center;gap:1rem;margin:0;font-size:clamp(1.4rem,3vw,2rem);display:flex}.gallery>h2:after{content:"";background:var(--line);flex:1;height:1px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);margin-top:2rem;display:grid}.gallery-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:filter .25s,transform .25s}.gallery-item{cursor:zoom-in;background:0 0;border:0;padding:0;overflow:hidden}.gallery-item:focus-visible{outline:2px solid var(--accent);outline-offset:.25rem}.gallery-grid img:hover{filter:saturate(1.15);transform:scale(1.02)}dialog.image-modal[open]{background:0 0;border:0;place-items:center;width:100%;max-width:none;height:100%;padding:0;display:grid;inset:0}.image-modal::backdrop{background:#000000d9}.modal-image{border:1rem solid #fff;max-width:90vw;max-height:90vh}.modal-close{z-index:1;color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:1;position:absolute;top:.75rem;right:.75rem}@media (width<=40rem){main{width:min(100% - 1rem,60rem)}.about ul,.gallery-grid{grid-template-columns:1fr}.about li+li{border-top:1px solid var(--line);border-left:0}.biography{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
