@layer base{:root{--clr-white: hsl(0, 0%, 100%);--clr-black: hsla(0, 0%, 16%, 1);--clr-gray-100: hsla(0, 0%, 95%, 1);--clr-gray-500: hsla(0, 0%, 69%, 1);--clr-gray-700: hsla(0, 0%, 56%, 1);--clr-gray-900: hsla(0, 1%, 53%, 1);--clr-blueberry-100: hsla(231, 59%, 89%, 1);--clr-blueberry-200: hsla(231, 59%, 80%, 1);--clr-blueberry-300: hsla(229, 88%, 70%, 1);--clr-blueberry-500: hsla(229, 90%, 65%, 1);--clr-blueberry-600: hsla(229, 61%, 56%, 1);--clr-blueberry-700: hsla(229, 61%, 47%, 1);--clr-pink-100: hsla(331, 76%, 94%, 1);--clr-pink-300: hsla(331, 76%, 87%, 1);--clr-pink-500: hsla(331, 95%, 75%, 1);--clr-lavender-100: hsla(266, 66%, 94%, 1);--clr-lavender-200: hsla(266, 66%, 85%, 1);--clr-lavender-300: hsla(266, 66%, 77%, 1);--clr-lavender-500: hsla(266, 66%, 62%, 1);--clr-yellow-500: hsla(52, 100%, 68%, 1);--clr-yellow-700: hsla(44, 100%, 61%, 1);--ff-heading: "JetBrains Mono", monospace;--ff-body: "SF Pro Display", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--radii-10: 10px;--default-layout-gap: 24px;--big-layout-gap: 40px;--fs-300: 14px;--fs-400: 16px;--fs-500: 18px;--fs-600: 20px;--fs-700: 24px;--fs-800: 32px;--fs-900: 44px;--fs-1000: 55.2px;@media(max-width:900px){--default-layout-gap: 16px;--big-layout-gap: 24px;--fs-300: 13px;--fs-400: 15px;--fs-500: 16px;--fs-600: 18px;--fs-700: 20px;--fs-800: 24px;--fs-900: 32px;--fs-1000: 40px}}:root{--badge-background: var(--clr-pink-500);--badge-text: var(--clr-yellow-500);--background-main: var(--clr-gray-900);--background-content: var(--clr-gray-100);--background-secondary: var(--clr-yellow-500);--button-border-color: var(--clr-black);--button-blog-card-background-hover: var(--clr-blueberry-500);--button-blog-card-color: var(--clr-black);--button-blog-card-color-hover: var(--clr-white);--button-hovered-background: var(--clr-pink-500);--block-card-background: var(--clr-blueberry-100);--block-card-background-hover: var(--clr-blueberry-200);--block-card-text: var(--clr-black);--text-main: var(--clr-black);--text-high-contrast: var(--clr-black);--text-info-card: var(--clr-black);--text-blog-date: var(--clr-gray-900);--accent: #ffb6c1;--theme-btn-yellow-background: var(--clr-yellow-500);--theme-btn-yellow-foreground: var(--clr-black);--theme-btn-yellow-hover-background: var(--clr-yellow-500);--theme-btn-yellow-hover-foreground: var(--clr-black);--theme-btn-blue-background: var(--clr-blueberry-500);--theme-btn-blue-foreground: var(--clr-white);--theme-btn-blue-hover-background: var(--clr-black);--theme-btn-blue-hover-foreground: var(--clr-gray-700);--theme-btn-blue-hover-accent: var(--clr-blueberry-500);--theme-btn-pink-background: var(--clr-pink-500);--theme-btn-pink-foreground: var(--clr-black);--theme-btn-pink-hover-background: var(--clr-pink-500);--theme-btn-pink-hover-foreground: var(--clr-black)}[data-theme=blue]{--badge-background: var(--clr-black);--badge-text: var(--clr-blueberry-500);--background-main: var(--clr-black);--background-content: var(--clr-blueberry-500);--background-secondary: var(--clr-blueberry-500);--button-border-color: var(--clr-white);--button-hover-color: var(--clr-black);--button-hovered-background: var(--clr-white);--button-blog-card-background-hover: var(--clr-blueberry-700);--button-blog-card-color: var(--clr-white);--button-blog-card-color-hover: var(--clr-white);--block-card-background: var(--clr-blueberry-300);--block-card-background-hover: var(--clr-blueberry-600);--block-card-text: var(--clr-white);--text-main: var(--clr-white);--text-high-contrast: var(--clr-black);--text-info-card: var(--clr-white);--text-blog-date: var(--clr-white);--accent: #ffb6c1;--theme-btn-yellow-background: var(--clr-black);--theme-btn-yellow-foreground: var(--clr-yellow-500);--theme-btn-yellow-hover-background: var(--clr-black);--theme-btn-yellow-hover-foreground: var(--clr-yellow-500);--theme-btn-blue-background: var(--clr-black);--theme-btn-blue-foreground: var(--clr-white);--theme-btn-blue-hover-background: var(--clr-black);--theme-btn-blue-hover-foreground: var(--clr-gray-700);--theme-btn-blue-hover-accent: var(--clr-blueberry-500);--theme-btn-pink-background: var(--clr-black);--theme-btn-pink-foreground: var(--clr-pink-500);--theme-btn-pink-hover-background: var(--clr-black);--theme-btn-pink-hover-foreground: var(--clr-pink-500)}[data-theme=pink]{--badge-background: var(--clr-yellow-500);--badge-text: var(--clr-black);--background-main: var(--clr-pink-500);--background-content: var(--clr-gray-100);--background-secondary: var(--clr-lavender-500);--button-border-color: var(--clr-black);--button-hover-color: var(--clr-white);--button-blog-card-background-hover: var(--clr-lavender-500);--button-blog-card-color: var(--clr-black);--button-blog-card-color-hover: var(--clr-white);--button-hovered-background: var(--clr-black);--block-card-background-hover: var(--clr-lavender-200);--block-card-background: var(--clr-lavender-100);--block-card-text: var(--clr-black);--text-main: var(--clr-black);--text-high-contrast: var(--clr-white);--text-info-card: var(--clr-white);--text-blog-date: var(--clr-gray-900);--accent: var(--clr-yellow-500);--theme-btn-yellow-background: var(--clr-pink-500);--theme-btn-yellow-foreground: var(--clr-yellow-500);--theme-btn-yellow-hover-background: var(--clr-pink-500);--theme-btn-yellow-hover-foreground: var(--clr-yellow-500);--theme-btn-blue-background: var(--clr-pink-500);--theme-btn-blue-foreground: var(--clr-blueberry-500);--theme-btn-blue-hover-background: var(--clr-pink-500);--theme-btn-blue-hover-foreground: var(--clr-blueberry-500);--theme-btn-blue-hover-accent: var(--clr-blueberry-500);--theme-btn-pink-background: var(--clr-pink-500);--theme-btn-pink-foreground: var(--clr-black);--theme-btn-pink-hover-background: var(--clr-pink-500);--theme-btn-pink-hover-foreground: var(--clr-black)}}@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:0;padding:0}[role=list]{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance;font-family:var(--ff-heading)}code{font-family:JetBrains Mono,monospace;font-size:.95em}p,li{text-wrap:pretty;font-family:var(--ff-body);font-size:var(--fs-300);font-weight:400}img,picture{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/fonts/sf-pro-display-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/fonts/sf-pro-display-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/fonts/sf-pro-display-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/fonts/sf-pro-display-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@layer base{body{font-family:var(--ff-body);font-size:var(--font-size-regular);color:var(--text-main);background-color:var(--background-main)}h1,h2,h3,h4{font-family:var(--ff-heading)}a{color:var(--text-color)}img{border-radius:var(--border-radius-3)}}@layer layout{.flow>*+*{margin-block-start:var(--flow-space, 1em)}.grid-flow{display:grid;gap:var(--grid-flow-space, 1rem);align-content:start;justify-items:start}.wrapper{--wrapper-max-width: 1130px;--wrapper-padding: 1rem;max-width:var(--wrapper-max-width);margin-inline:auto;padding-inline:var(--wrapper-padding);box-sizing:content-box}.wrapper[data-width=narrow]{--wrapper-max-width: 720px}.wrapper[data-width=wide]{--wrapper-max-width: 1330px}.section{padding-block:3.75rem;@media(min-width:760px){padding-block:8rem;&[data-padding=compact]{padding-block:4.5rem}}}.equal-columns{display:grid;gap:var(--equal-columns-gap, 1rem);align-items:var(--column-layout-alignment, start);&[data-gap=large]{gap:2rem}&[data-vertical-alignment=centered]{--column-layout-alignment: center}&[data-vertical-alignment=bottom]{--column-layout-alignment: end}@media(width>760px){grid-auto-flow:column;grid-auto-columns:1fr}}.section-block{background-color:var(--clr-gray-100);border-radius:var(--border-radius-1)}}@layer components{.site-header{padding-block:1rem}.site-header__inner{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between}.primary-navigation{ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 2rem}a{text-decoration:none}}[aria-controls=primary-navigation]{display:none}@media(width<760px){[aria-controls=primary-navigation]{display:block;z-index:100;background:transparent;border:0;img{border-radius:0}}.site-header{position:relative}.primary-navigation{display:none;position:absolute;z-index:10;top:0;right:0;padding:2rem;border-radius:0 0 0 var(--border-radius-3);background:var(--background-accent-main);ul{flex-direction:column;gap:0;font-size:var(--fs-700);font-family:var(--ff-heading);font-weight:700}li+li{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--background-accent-light)}}[aria-expanded=true]~.primary-navigation{display:block}}.site-footer{background-color:var(--background-dark);padding-block:2rem;text-align:center;display:grid;gap:2rem;a{text-decoration:none;color:var(--text-main);&:hover,&:focus-visible{color:var(--text-brand-light)}}}.site-footer__title{font-size:var(--fs-600);font-family:var(--ff-heading);font-weight:700}.hero{text-align:center;background-image:url(/assets/hero.webp);background-size:cover;font-size:var(---fs-600);color:var(--text-high-contrast)}.hero__title{font-size:var(--font-size-heading-lg);>span{display:block;font-size:var(--font-size-heading-xl);color:var(--text-brand)}}.card{display:grid;gap:1rem;padding:1rem;background-color:var(--background-light);border-radius:var(--border-radius-3);img{border-radius:var(--border-radius-2)}}.card__title{color:var(--card-title-color, var(--text-brand));font-size:var(--card-title-font-size, var(--font-size-heading-sm))}.button{display:inline flex;cursor:pointer;font-family:var(--ff-heading);font-weight:700;font-size:var(--fs-600);text-decoration:none;background-color:var(--background-accent-main);padding:.5rem 1rem;border-radius:var(--border-radius-1)}.button:hover,.button:focus-visible{background:var(--background-accent-light);color:var(--text-high-contrast)}}@layer utilities{.border-radius-sm{border-radius:var(--radii-10)}.border-radius-md{border-radius:var(--border-radius-2)}.text-center{text-align:center}.text-brand{color:var(--text-brand)}.text-high-contrast{color:var(--text-high-contrast)}.section-title{font-size:var(--font-size-heading-regular)}.background-base{background-color:var(--background-base)}.background-light{background-color:var(--background-light)}.background-extra-light{background-color:var(--background-extra-light)}.background-dark{background-color:var(--background-dark)}.background-extra-dark{background-color:var(--background-extra-dark)}.background-accent{background-color:var(--background-accent-dark)}.font-size-sm{font-size:var(--font-size-sm)}.font-size-regular{font-size:var(--font-size-regular)}.font-size-md{font-size:var(--font-size-md)}.font-size-lg{font-size:var(--font-size-lg)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer components{h1{font-size:var(--fs-1000);line-height:55px;font-weight:300;font-family:var(--ff-heading);color:var(--text-main)}h2{font-size:var(--fs-800);line-height:40px;font-weight:400;font-family:var(--ff-heading);color:var(--text-main)}h3{font-size:var(--font-size-heading-regular);line-height:30px;font-weight:400;font-family:var(--ff-heading);color:var(--text-main)}p{font-size:var(--fs-600);line-height:140%;font-weight:400;font-family:var(--ff-body);color:var(--text-main);letter-spacing:1%}.cta-font{font-size:var(--fs-600);line-height:20px;font-weight:400;font-family:var(--ff-heading);color:var(--text-main)}}.hamburger-wrapper[data-astro-cid-qecppuaw]{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:66px;background-color:var(--background-content);border-radius:var(--radii-10)}.hamburger-button[data-astro-cid-qecppuaw]{display:flex;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.hamburger-line[data-astro-cid-qecppuaw]{width:100%;height:3px;background-color:var(--text-main);border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}.hamburger-button[data-astro-cid-qecppuaw].active .hamburger-line[data-astro-cid-qecppuaw]:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger-button[data-astro-cid-qecppuaw].active .hamburger-line[data-astro-cid-qecppuaw]:nth-child(2){opacity:0;transform:translate(-100%)}.hamburger-button[data-astro-cid-qecppuaw].active .hamburger-line[data-astro-cid-qecppuaw]:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.mobile-menu[data-astro-cid-qecppuaw]{position:absolute;top:calc(100% + 8px);right:0;min-width:90vw;background:var(--background-secondary);border:1px solid var(--button-border-color);border-radius:var(--radii-10);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease-in-out;z-index:1000;padding:16px;box-shadow:0 4px 20px #00000026}.mobile-menu[data-astro-cid-qecppuaw].active{opacity:1;visibility:visible;transform:translateY(0)}.menu-list[data-astro-cid-qecppuaw]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.menu-item[data-astro-cid-qecppuaw]{opacity:0;transform:translateY(-5px);transition:all .2s ease-in-out}.menu-item[data-astro-cid-qecppuaw]:hover{text-decoration:underline}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]{opacity:1;transform:translateY(0)}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]:nth-child(1){transition-delay:.05s}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]:nth-child(2){transition-delay:.1s}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]:nth-child(3){transition-delay:.15s}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]:nth-child(4){transition-delay:.2s}.mobile-menu[data-astro-cid-qecppuaw].active .menu-item[data-astro-cid-qecppuaw]:nth-child(5){transition-delay:.25s}.menu-link[data-astro-cid-qecppuaw]{color:var(--text-main);text-decoration:none;font-size:16px;font-weight:300;font-family:var(--ff-heading);transition:all .2s ease;display:block;padding:12px 16px;border-radius:6px;white-space:nowrap}.menu-link[data-astro-cid-qecppuaw]:hover{text-decoration:underline}@media(min-width:901px){.hamburger-wrapper[data-astro-cid-qecppuaw]{display:none}}.scroll-to-top-container[data-astro-cid-bx34oktj]{background-color:var(--background-content);padding:var(--default-layout-gap);border-radius:var(--radii-10);text-align:center}.scroll-to-top-btn[data-astro-cid-bx34oktj]{background-color:transparent;border:none;font-family:var(--ff-heading);text-decoration:underline;text-transform:uppercase;color:var(--text-main);cursor:pointer;font-size:16px;font-weight:500}:root{--gap: var(--default-layout-gap, 24px);--pad: var(--default-layout-gap, 24px);--col-min: 200px;--sidebar-stick: 24px}.shell[data-astro-cid-ouamjn2i]{height:100vh;width:var(--shell-max);padding:var(--pad);box-sizing:border-box;display:grid;gap:var(--gap);grid-template-columns:minmax(0,2fr) minmax(var(--col-min),1fr);grid-template-rows:.8fr 4.2fr;grid-template-areas:"main controls" "main latest"}.main[data-astro-cid-ouamjn2i]{grid-area:main;min-width:0}.controls[data-astro-cid-ouamjn2i]{grid-area:controls;display:grid;grid-template-columns:1fr;align-items:start;gap:var(--gap);height:fit-content;width:100%}.latest[data-astro-cid-ouamjn2i]{grid-area:latest}.back[data-astro-cid-ouamjn2i],.controls__menu[data-astro-cid-ouamjn2i]{display:none}@media(max-width:900px){.shell[data-astro-cid-ouamjn2i]{height:100vh;overflow-y:auto;gap:var(--gap);grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"controls" "main" "latest" "back"}.controls[data-astro-cid-ouamjn2i]{grid-template-columns:auto 1fr;align-items:center;height:fit-content}.controls__menu[data-astro-cid-ouamjn2i]{display:block;justify-self:end}.back[data-astro-cid-ouamjn2i]{display:block}}.visually-hidden[data-astro-cid-ouamjn2i]{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){[data-astro-cid-ouamjn2i]{scroll-behavior:auto!important}}.button-container[data-astro-cid-hdh5ru2c]{position:relative;width:46px;height:48px}@media(min-width:768px){.button-container[data-astro-cid-hdh5ru2c]{width:120px;height:120px}}svg[data-astro-cid-hdh5ru2c]{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease}svg[data-astro-cid-hdh5ru2c].regular{opacity:1}svg[data-astro-cid-hdh5ru2c].hover{opacity:0}.button-container[data-astro-cid-hdh5ru2c]:hover svg[data-astro-cid-hdh5ru2c].regular{opacity:0}.button-container[data-astro-cid-hdh5ru2c]:hover svg[data-astro-cid-hdh5ru2c].hover{opacity:1}.button-container[data-astro-cid-6dj7ldcu]{position:relative;width:46px;height:48px}@media(min-width:768px){.button-container[data-astro-cid-6dj7ldcu]{width:120px;height:120px}}svg[data-astro-cid-6dj7ldcu]{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease}svg[data-astro-cid-6dj7ldcu].regular{opacity:1}svg[data-astro-cid-6dj7ldcu].hover{opacity:0}.button-container[data-astro-cid-6dj7ldcu]:hover svg[data-astro-cid-6dj7ldcu].regular{opacity:0}.button-container[data-astro-cid-6dj7ldcu]:hover svg[data-astro-cid-6dj7ldcu].hover{opacity:1}.button-container[data-astro-cid-4nf3o2zg]{position:relative;width:46px;height:48px}@media(min-width:768px){.button-container[data-astro-cid-4nf3o2zg]{width:120px;height:120px}}svg[data-astro-cid-4nf3o2zg]{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease}svg[data-astro-cid-4nf3o2zg].regular{opacity:1}svg[data-astro-cid-4nf3o2zg].hover{opacity:0}.button-container[data-astro-cid-4nf3o2zg]:hover svg[data-astro-cid-4nf3o2zg].regular{opacity:0}.button-container[data-astro-cid-4nf3o2zg]:hover svg[data-astro-cid-4nf3o2zg].hover{opacity:1}.theme-switcher-container[data-astro-cid-qdt62oev]{width:100%;padding:var(--default-layout-gap) 0;background:var(--background-content);border-radius:var(--radii-10);padding:var(--default-layout-gap) var(--default-layout-gap)}.theme-switcher[data-astro-cid-qdt62oev]{display:flex;width:100%;gap:var(--default-layout-gap);justify-content:space-between;align-items:center}.theme-btn[data-astro-cid-qdt62oev]{background:none;border:none;cursor:pointer;transition:transform .1s;padding:0;width:30%;height:120px;display:flex;align-items:center;justify-content:center}.theme-btn[data-astro-cid-qdt62oev]:hover{transform:scale(1.1)}@media(max-width:900px){.theme-switcher-container[data-astro-cid-qdt62oev]{border-radius:var(--radii-10);padding:10px}.theme-btn[data-astro-cid-qdt62oev]{height:48px}}.blog-banner{height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 10fr 1fr;h2,p,a{margin:0;color:var(--text-info-card)!important;border-color:var(--text-info-card)!important}a:hover{color:var(--button-hover-color)!important}}.blog-latest-post{width:100%;display:flex;justify-content:end;flex-direction:column;gap:.5rem;padding-block:3rem}.sidebar-title{display:flex;justify-content:space-between;align-items:center;color:var(--text-info-card)}