:root{--brand-purple: #a855f7;--brand-black: #111111;--gray-border: #eeeeee;--gray-text: #666666;--max-width: 900px;--content-width: 600px;--radius-squircle: 28px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;font-size:18px;line-height:1.6;color:var(--brand-black);background-color:#fff;-webkit-font-smoothing:antialiased}header{width:100%;padding:1.5rem 0;border-bottom:1px solid var(--gray-border)}nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;width:100%}.nav-links{display:flex;gap:20px;font-family:Lato,sans-serif;font-size:14px;justify-self:start}.nav-social{display:flex;gap:15px;font-family:Lato,sans-serif;font-size:14px;justify-self:end}.nav-logo-center{text-align:center;display:flex;flex-direction:column;align-items:center}.nav-logo-center img{width:50px;height:50px;border-radius:12px}.nav-logo-center span{font-family:Lato,sans-serif;font-weight:900;font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:1px}.hero-intro{max-width:600px;margin:80px auto;text-align:center;padding:0 20px}.hero-intro h1{font-family:Lato,sans-serif;font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem}main{max-width:var(--max-width);margin:0 auto;padding:0 20px 100px}.section-label{font-family:Lato,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#999;margin-bottom:40px;text-align:center}.essay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0}.squircle-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-squircle);margin-bottom:15px;display:block}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-purple)}.date-label{font-family:Lato,sans-serif;font-size:12px;color:#aaa}.entry-title{font-family:Lato,sans-serif;font-size:18px;margin:8px 0;line-height:1.3}.entry-description{font-size:14px;color:#666;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.about-header{text-align:center;margin-bottom:3rem}.about-header h1{font-family:Lato,sans-serif;font-size:2.5rem;margin-top:1rem}.profile-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-boutique{width:150px;height:150px;border-radius:var(--radius-squircle);object-fit:cover;border:1px solid var(--gray-border);box-shadow:0 10px 30px #0000000d}.about-body{max-width:var(--content-width);margin:0 auto;line-height:1.8}.about-body h2{font-family:Lato,sans-serif;margin:2.5rem 0 1rem;font-size:1.5rem}pre,.astro-code{background-color:#000!important;border-radius:var(--radius-squircle)!important;padding:2rem 2rem 1.5rem!important;border:1px solid #222!important;margin:2.5rem 0;width:100%!important;max-width:100%!important;box-sizing:border-box!important;-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask:none!important;mask:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:pre!important;word-break:normal!important;position:relative;font-family:JetBrains Mono,monospace;font-size:.85rem}pre,.astro-code{background-color:#000!important;border-radius:var(--radius-squircle)!important;padding:2rem!important;border:1px solid #222!important;margin:2.5rem 0;overflow-x:auto!important;overflow-y:hidden!important;white-space:pre!important;position:relative;-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask:none!important;mask:none!important;font-family:JetBrains Mono,monospace;font-size:.85rem}pre::-webkit-scrollbar,.astro-code::-webkit-scrollbar{height:4px}pre::-webkit-scrollbar-track{background:transparent;margin:0 30px!important}pre::-webkit-scrollbar-thumb{background:#333;border-radius:10px;transition:background .3s ease}pre::-webkit-scrollbar-thumb:hover{background:var(--brand-purple)}@supports (scrollbar-width: thin){pre,.astro-code{scrollbar-width:thin;scrollbar-color:#333 transparent}}@media(max-width:768px){.essay-grid{grid-template-columns:1fr}nav{grid-template-columns:1fr;gap:20px}.nav-links,.nav-social{justify-self:center}.hero-intro h1{font-size:2.5rem}}header[data-astro-cid-3ef6ksr2]{position:relative;padding:0 1em;background:#fff;border-bottom:1px solid #eee;z-index:100}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;height:80px}h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{text-decoration:none;display:flex;align-items:center;gap:10px;color:inherit}.internal-links[data-astro-cid-3ef6ksr2]{display:flex;gap:20px}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:10px 0;text-decoration:none;font-weight:500;color:#333;border-bottom:4px solid transparent}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{border-bottom-color:#a855f7}.social-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:1rem}#search[data-astro-cid-3ef6ksr2]{width:180px;position:relative;z-index:110}.pagefind-ui__search-input{padding:8px 12px 8px 35px!important;text-indent:0!important;background-color:#f9f9f9!important;border:1px solid #eeeeee!important;border-radius:8px!important;font-size:14px!important}.pagefind-ui__drawer{position:absolute!important;top:55px!important;right:0!important;width:350px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important;margin-top:12px!important;padding:15px 20px!important;z-index:1000!important}mark{background-color:#a855f7!important;color:#fff!important;border-radius:2px}.pagefind-ui__result-thumb{display:none!important}@media(max-width:720px){#search[data-astro-cid-3ef6ksr2]{width:120px}.internal-links[data-astro-cid-3ef6ksr2]{gap:10px;font-size:14px}nav[data-astro-cid-3ef6ksr2]{height:auto;padding:1rem 0;flex-wrap:wrap;justify-content:center}}footer[data-astro-cid-sz7xmlte]{padding:2em 1em 6em;background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center}.social-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1em;margin-top:1em}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{text-decoration:none;color:rgb(var(--gray))}.social-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:rgb(var(--gray-dark))}
