@layer reset,base,layout,components,pages,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}body,h1,h2,h3,h4,h5,h6,p,a,ul,ol{margin:0;padding:0}ul,ol{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label,summary,select{line-height:1.3}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li,figcaption{text-wrap:pretty}header,footer,main,section,article{container-type:inline-size}a{text-decoration-skip-ink:auto;color:currentColor;text-decoration:none;font-family:inherit}img,picture{font-style:italic;max-inline-size:100%;vertical-align:middle;height:auto;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}button{border:0;outline:0;background:transparent;cursor:pointer}}@layer base{/**
* @license
*
* Font Family: Erode
* Designed by: Nikhil Ranganathan
* URL: https://www.fontshare.com/fonts/erode
* © 2025 Indian Type Foundry

*
*/@font-face{font-family:Erode;src:url(/fonts/Erode/Erode-Variable.woff2) format("woff2"),url(/fonts/Erode/Erode-Variable.woff) format("woff"),url(/fonts/Erode/Erode-Variable.ttf) format("truetype");font-weight:300 700;font-display:swap;font-style:normal}/**
* @license
*
* Font Family: JetBrains Mono
* Designed by: JetBrains, Philipp Nurullin, Konstantin Bulenkov
* URL: https://www.fontshare.com/fonts/jet-brains-mono
* © 2025 Indian Type Foundry

*
*/@font-face{font-family:JetBrainsMono;src:url(/fonts/JetBrainsMono/JetBrainsMono-Variable.woff2) format("woff2"),url(/fonts/JetBrainsMono/JetBrainsMono-Variable.woff) format("woff"),url(/fonts/JetBrainsMono/JetBrainsMono-Variable.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:normal}}@layer base{:root{--font-serif: "Erode";--font-code: "JetBrainsMono";--font-size-base: 1rem;--font-size-body: 1.25rem;--font-size-s: .95rem;--font-size-4: 1.25rem;--font-size-3: 1.375rem;--font-size-2: 1.7rem;--font-size-1: 2rem;--color-site-background: white;--color-grey-background: rgb(245, 245, 245);--color-text-100: hsl(0, 0%, 10%);--color-text-80: hsl(0, 0%, 20%);--color-text-65: hsl(0, 0%, 30%);--color-text-50: hsl(0, 0%, 41%);--color-text-35: hsl(0, 0%, 60%);--color-text-20: hsl(0, 0%, 85%);--color-text-10: hsl(0, 0%, 93%);--_color-accent: 210, 80%, 40%;--color-accent-100: hsla(var(--_color-accent), 1);--color-accent-70: hsla(var(--_color-accent), .7);--color-accent-40: hsla(var(--_color-accent), .4);--color-accent-40-rgb: rgb(165, 188, 218);--color-accent-25: hsla(var(--_color-accent), .25);--color-accent-15: hsla(var(--_color-accent), .15);--_color-accent-secondary: 10, 55%, 45%;--color-accent-secondary-15: hsla(var(--_color-accent-secondary), .15);--color-accent-secondary-30: hsla(var(--_color-accent-secondary), .3);--color-accent-secondary-100: hsla(var(--_color-accent-secondary), 1)}body{font-family:var(--font-serif),serif;font-size:var(--font-size-body);font-weight:400;font-style:normal;line-height:1.6;overflow-x:hidden;background-color:var(--color-site-background);display:grid;grid-template-rows:auto 1fr auto}h1,h2,h3,h4 a{font-weight:500}h1{font-size:var(--font-size-1)}h2{font-size:var(--font-size-2)}h3{font-size:var(--font-size-3)}h4{font-size:var(--font-size-4)}.fs-s{font-size:var(--font-size-s)}.fs-base{font-size:var(--font-size-base)}.link--default:hover{background-color:var(--color-accent-15)}.prose a{text-decoration:underline}.link--blue,.prose a{color:var(--color-accent-100);&:hover,&:focus-visible{background-color:var(--color-accent-15)}}.link--button{display:inline-flex;padding:7px 12px;border-radius:10px;color:var(--color-text-65);background-color:var(--color-accent-15);&:hover,&:focus-visible{background-color:var(--color-accent-40)}}.link.with-icon{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;&.left{flex-direction:row-reverse}}.link--icon-only:hover{background-color:unset;color:var(--color-text-65)}}@layer utilities{.with-border-top{margin-top:1rem;border-top:1px solid var(--color-text-10);padding-top:1rem}.color-text-65{color:var(--color-text-65)}.color-text-80{color:var(--color-text-80)}.color-accent-100{color:var(--color-accent-100)}.flex-space{display:flex;align-items:center;justify-content:space-between}.max-width-70ch{max-width:70ch}.max-width-90ch{max-width:90ch}.margin-top-1{margin-top:1rem}.margin-top-2{margin-top:2rem}.margin-top-4{margin-top:4rem}.margin-top-6{margin-top:6rem}.flow-1 *+*{margin-top:1rem}.bold{font-weight:500}.italic{font-style:italic}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.three-lines{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.three-lines{-webkit-line-clamp:3;line-clamp:3}}@layer layout{@layer content-grid{.content-grid{--padding-inline: 1.5rem;--content-max-width: 1200px;container:content-grid / inline-size;display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.full-width),.full-width>:not(.full-width){grid-column:content}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}}@layer prose{.prose{display:grid;grid-template-columns:[full-width-start content-start] min(100%,70ch) [content-end] 1fr [full-width-end]}.prose>:not(.full-width){grid-column:content}.prose>.full-width{grid-column:full-width}.prose{overflow:hidden;:first-child{margin-top:0}:first-child:is(img){margin-bottom:1rem}>h1,>h2,>h3,>h4{margin-top:2.5rem}>p,img{margin-top:1rem}>ul{list-style:disc;padding-left:2rem;li ul{list-style:circle;padding-left:2rem}li::marker{font-size:var(--font-size-s)}}>div:not(.prose-exclude){margin-top:1rem;margin-bottom:1rem}}}}@layer components{@layer record{.record{a,li:not(:has(>a)){display:grid;gap:1rem;padding-block:1.5rem}a:hover{background-color:unset;>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}}li:not(:last-child){border-bottom:1px solid var(--color-text-10)}}}@layer form{.form--wrapper{width:min(600px,100%);display:grid;gap:2rem}form{display:grid;gap:2rem;color:var(--color-text-65)}.form-group{display:grid;grid-auto-rows:min-content;gap:.25rem;&:has([required]) label{display:flex;gap:1ch;&:after{content:"*";color:var(--color-accent-100)}}}input,textarea{--_color-box-shadow: var(--color-accent-40);padding:.75em 1em;border:1px solid var(--color-text-50);border-radius:5px;background:transparent;outline:none;accent-color:var(--color-accent-40);transition:box-shadow .2s ease;&:focus-visible{box-shadow:6px 6px 0 var(--_color-box-shadow)}.form-group:has(.error-message:not(:empty)) &{border-color:var(--color-accent-secondary-100);&:focus-visible{--_color-box-shadow: var(--color-accent-secondary-30)}}}textarea{box-sizing:content-box;resize:vertical;min-block-size:3lh}form button{padding:1em 1.5em;border-radius:16px;background-color:var(--color-accent-15);color:var(--color-text-65);&:hover,&:focus-visible{background-color:var(--color-accent-40)}}.hp{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}#form-status:empty{display:none}.error-message{font-size:var(--font-size-base);color:var(--color-accent-secondary-100)}.error-message:empty{display:none}}@layer code-block{.code-block{--_color-background-ui: var(--color-grey-background);--_color-background-header: var(--color-accent-40-rgb);position:relative;font-family:var(--font-code),monospace;font-size:var(--font-size-s);overflow:scroll;max-height:min(600px,60svh);background-color:var(--_color-background-ui)}.code-block--header{position:sticky;top:0;left:0;right:0;display:flex;padding-inline:2rem;background:var(--_color-background-header)}.filename{padding:8px 14px;background-color:var(--_color-background-ui)}pre{padding:1rem;background-color:unset!important;color:unset!important;overflow-x:unset!important}}@layer code-inline{code:not(pre code){font-size:var(--font-size-base);background-color:var(--color-accent-25);padding:2px 6px}}}@layer pages{@layer home{.home{display:grid;gap:8rem;max-width:70ch}}@layer post{.post-links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.post-image-wrapper{max-height:650px;img{--object-position: center;object-position:var(--object-position);height:100%;width:100%;object-fit:cover}}.post-nav{display:grid;gap:1rem;@container content-grid (inline-size > 768px){grid-template-columns:1fr 1fr}}.post-nav .link{display:inline-block;background-color:var(--color-grey-background);padding:2rem;border-radius:5px;&:hover{background-color:var(--color-accent-15)}span{color:var(--color-accent-100)}}}@layer about{.about-images{max-width:800px;display:grid;gap:2rem;@container content-grid (inline-size > 700px){grid-template-columns:1fr 1fr}img{width:min(400px,100%)}}}@layer sitemap{.sitemap{display:grid;gap:2rem;ul li{display:flex;align-items:flex-start;gap:1ch}ul li:before{content:"–";display:inline-block}}}}header[data-astro-cid-3ef6ksr2]{z-index:999;position:sticky;top:0;left:0;right:0;padding-block:3rem;margin-bottom:8rem;background-color:var(--color-site-background)}.nav-toggle[data-astro-cid-3ef6ksr2]{display:none}nav[data-astro-cid-3ef6ksr2]{z-index:999;display:flex;flex-direction:row;justify-content:flex-end;background-color:var(--color-site-background)}.nav--pages[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:row;align-items:center;gap:2rem}.nav--socials[data-astro-cid-3ef6ksr2]{display:none}@media (width < 768px){header[data-astro-cid-3ef6ksr2]{padding-block:2rem;margin-bottom:3rem}.nav-toggle[data-astro-cid-3ef6ksr2]{z-index:1000;display:block;margin-left:auto;color:var(--color-accent-100)}nav[data-astro-cid-3ef6ksr2]{position:fixed;inset:0;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:2rem;padding:2rem 2rem 6rem;font-size:var(--font-size-2);display:none;transform:translateY(5%);opacity:0;transition:display .8s,transform .4s ease,opacity .2s ease-in-out;transition-behavior:allow-discrete}body:has(nav[data-visible=true]){overflow:hidden}nav[data-astro-cid-3ef6ksr2][data-visible=true]{display:flex;transform:translateY(0);opacity:1;@starting-style{display:flex;transform:translateY(5%);opacity:0}}.nav--pages[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:flex-end;gap:1rem}.nav--socials[data-astro-cid-3ef6ksr2]{display:flex;gap:1.5rem;border-top:1px solid var(--color-text-65);padding-top:2rem}}.footer[data-astro-cid-sz7xmlte]{margin-top:20rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:2rem;color:var(--color-text-65)}nav[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:1.5rem 2rem}@media (width < 768px){.footer[data-astro-cid-sz7xmlte]{flex-direction:column;align-items:flex-start}}