.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer reset{*,:before,:after{box-sizing:border-box}:focus{outline:none}:focus-visible{outline:1px solid var(--color-cyan)}body{margin:unset}figure{margin-inline:unset}button,input,textarea,select{font:inherit}img,picture,svg,canvas{max-inline-size:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer theme{html{font-size:18px;@media (width<=700px){&{font-size:16px}}}:root{--color-gray-light:oklch(98.5% .002 247.839);--color-gray-medium:oklch(75.712% .02557 248.247);--color-gray-medium-dark:oklch(33.616% .00977 229.315);--color-gray-dark:oklch(22.558% .01918 262.121);--color-gray-darkest:oklch(18.184% .01328 264.185);--color-gray-darkest-opacity-80:oklch(18.184% .01328 264.185/.8);--color-yellow:oklch(90.5% .182 98.111);--color-blue:oklch(64.071% .18135 253.13);--color-cyan:oklch(83.143% .10954 224.674);--color-green:oklch(69.6% .17 162.48);--color-orange:oklch(68.88% .17367 45.317);--color-text:var(--color-gray-light);--color-text-muted:var(--color-gray-medium);--color-bg:var(--color-gray-dark);--color-text-code:var(--color-green);--color-accent-dev:var(--color-yellow);--color-accent-music:var(--color-blue);--color-accent-photo:var(--color-green);--color-accent-about:var(--color-orange);--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:64px;--border-light:1px solid var(--color-gray-light);--border-radius:.5rem;--transition-speed:.2s;--transition-speed-2:.3s;--font-family:var(--font-primary), sans-serif;--font-scale:1.2;--font-size-xs:calc(var(--font-size-sm) / var(--font-scale));--font-size-sm:calc(var(--font-size-md) / var(--font-scale));--font-size-md:1rem;--font-size-lg:calc(var(--font-size-md) * var(--font-scale));--font-size-xl:calc(var(--font-size-lg) * var(--font-scale));--font-size-xxl:calc(var(--font-size-xl) * var(--font-scale));--l-header-height:48px}}@layer global{body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);font-weight:300;line-height:1.6}header{color:var(--color-gray-light);background-color:var(--color-gray-darkest-opacity-80);backdrop-filter:blur(10px)}h1,h2,h3{font-weight:400}h1{padding-bottom:var(--space-sm);font-family:var(--font-secondary);font-size:var(--font-size-xxl);letter-spacing:.02em;border-bottom:1px solid gray;border-image:linear-gradient(to right, var(--color-accent), transparent) 1;line-height:1.1}h2{font-family:var(--font-secondary);font-size:var(--font-size-xl);letter-spacing:.04em;line-height:1.1}h3{font-family:var(--font-secondary);font-size:var(--font-size-lg);line-height:1.1}hr{border:none;border-top:1px solid var(--color-gray-medium-dark)}figcaption{padding-block:var(--space-xs);font-size:var(--font-sm);color:var(--color-text-muted);font-style:italic}a{color:var(--color-accent);transition-property:color,text-decoration;transition-duration:var(--transition-speed);text-decoration:none;main &{font-style:italic}main &:hover{color:color-mix(in oklch, var(--color-accent) 75%, white);text-decoration:underline}}aside{padding:var(--space-md);background-color:var(--color-gray-medium-dark);border-radius:var(--border-radius)}code{font-size:var(--font-sm);color:var(--color-text-code)}pre{padding:var(--space-md);border-radius:var(--border-radius)}}@layer layout{.container{max-width:44em;margin:0 auto}.container-large{max-width:1240px;margin:0 auto}html{scroll-padding-top:calc(var(--l-header-height) + var(--space-md));@media (prefers-reduced-motion:no-preference){&{scroll-behavior:smooth}}}main .container{padding-block:calc(var(--l-header-height) + var(--space-xl));padding-inline:var(--space-md)}header{width:100%;height:var(--l-header-height);padding-block:var(--space-xs);padding-inline:var(--space-md);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}h1,h2,h3,p{margin-top:0}hr{margin-block:var(--space-xl)}#dev{& h1{margin-bottom:var(--space-sm)}& h2{margin-bottom:var(--space-xl)}& h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}& p{margin-bottom:var(--space-lg);&:has(+ul){margin-block:var(--space-md)}}& ul,& ol{margin-block-start:var(--space-md);margin-block-end:var(--space-lg);padding-inline-start:var(--space-lg)}& li{margin-bottom:var(--space-md)}& aside{margin-block:var(--space-xl);& p,& li{margin-bottom:var(--space-xs)}& ul{margin:0}&>:last-child{margin-bottom:0}@media (width>=900px){&{margin-inline:calc(var(--space-md) * -1)}}}& video{max-width:100%}& .header{margin-bottom:var(--space-lg)}& .gallery-inline{justify-items:center;gap:var(--space-md);grid-template-columns:1fr;display:grid;@media (width>=700px){&{grid-template-columns:1fr 2fr}}}}#mobile-menu-header[data-astro-cid-xlat7obg]{justify-content:flex-end;margin-block-end:var(--space-lg);display:flex}}@layer modules{a[data-astro-cid-rvy23qwy]{padding:var(--space-sm) var(--space-md);font-family:var(--font-secondary);color:var(--color-gray-light);text-transform:uppercase;transition:color var(--transition-speed) ease-in-out;align-items:center;text-decoration:none;display:flex;&:hover,&:active,&.active{& .glow{filter:drop-shadow(0 0 2px color-mix(in oklch, var(--color-gray-light) 70%, transparent)) drop-shadow(0 0 6px color-mix(in oklch, var(--color-gray-light) 40%, transparent)) drop-shadow(0 0 12px color-mix(in oklch, var(--color-gray-light) 12%, transparent))}}}.glow[data-astro-cid-rvy23qwy]{filter:drop-shadow(0 0 0 rgb(from var(--color-gray-light) r g b / 0)) drop-shadow(0 0 0 rgb(from var(--color-gray-light) r g b / 0)) drop-shadow(0 0 0 rgb(from var(--color-gray-light) r g b / 0));transition:filter var(--transition-speed) ease-in-out;align-items:center;gap:.25em;display:inline-flex}button[data-astro-cid-xlat7obg]{font-family:var(--font-secondary);color:var(--color-gray-light);border:1px solid var(--color-gray-light);cursor:pointer;transition:color var(--transition-speed) ease-in-out, background var(--transition-speed) ease-in-out;background:0 0;display:block;&:hover{color:var(--color-gray-dark);background:var(--color-gray-light)}@media (width>=768px){display:none}}dialog[data-astro-cid-xlat7obg]{background-color:var(--color-gray-darkest);border:1px solid var(--color-gray-medium-dark);opacity:0;transition:opacity var(--transition-speed-2) ease-in-out;&[open]{opacity:1;@starting-style{opacity:0}}}dialog[data-astro-cid-xlat7obg]::backdrop{backdrop-filter:blur(4px);background-color:#000000b3}#mobile-menu-close[data-astro-cid-xlat7obg]{color:var(--color-gray-medium);background:0 0;border:none;padding:0;&:hover{color:var(--color-gray-light)}}nav[data-astro-cid-xlat7obg]{flex-direction:column;width:80vw;font-size:4.5vw;display:flex;& a:not(:last-child){border-bottom:1px solid var(--color-gray-medium-dark)}}}nav[data-astro-cid-6l3yu6xd]{font-size:var(--font-size-md);display:none;@media (width>=768px){display:flex}}header[data-astro-cid-nen7h5rs]{z-index:10}