@layer reset{*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:unset}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture,svg,canvas{block-size:auto;max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer admin-bar;@layer globals{@view-transition{navigation:auto}html{font-family:var(--font-apple);scroll-behavior:smooth}hr{border:none;border-top:1px solid var(--color-blue);height:0;margin-top:2.8em;margin-bottom:2.8em}.article-grid{justify-content:center;gap:var(--lg);grid-template-columns:1fr;padding-inline-start:0;display:grid}.article-grid li{list-style:none}@container content-container (width>600px){.article-grid:has(>:nth-child(2)){grid-template-columns:1fr 1fr}}@container content-container (width>1100px){.article-grid:has(>:nth-child(3)){grid-template-columns:1fr 1fr 1fr}}@container content-container (width>1600px){.article-grid:has(>:nth-child(4)){grid-template-columns:1fr 1fr 1fr 1fr}}@container content-container (width>2100px){.article-grid:has(>:nth-child(5)){grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@container content-container (width>2600px){.article-grid:has(>:nth-child(6)){grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}.button{--box-shadow-color:color-mix(in srgb, var(--background-color,var(--color-blue)), black 50%);background-color:color-mix(in srgb, var(--background-color,var(--color-blue)), transparent 20%);box-shadow:0 0 3px var(--box-shadow-color), 0 0 9px var(--box-shadow-color);font-family:var(--font-futura);color:var(--color,--color-blue-100);transition:background-color var(--duration) ease-out, color var(--duration) ease-out;border-radius:6px;justify-content:center;padding:.7em 1.3em;font-size:.95em;text-decoration:none;display:inline-flex}.button:hover{background-color:var(--color-hover,var(--color-blue-400))}.content-container{margin:var(--sm) calc(env(safe-area-inset-right,0) + var(--sm)) var(--sm) calc(env(safe-area-inset-left,0) + var(--sm));padding:clamp(var(--md), 5cqw, var(--xl));background-color:var(--lightningcss-light,color-mix(in oklch, var(--content-container-background-color,var(--color-white)), transparent var(--content-container-background-opacity,4%)))var(--lightningcss-dark,color-mix(in oklch, var(--content-container-background-color,var(--color-gray-800)), transparent var(--content-container-background-opacity,6%)));border-radius:var(--rounded-sm);position:relative;container:content-container/inline-size}@media (prefers-reduced-transparency){.content-container{--content-container-background-opacity:0%}}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:scope{--glass-thickness:3px}.glass-surface{--background-color:var(--lightningcss-light,var(--color-blue-900))var(--lightningcss-dark,var(--color-gray-800));-webkit-backdrop-filter:blur(20px)saturate(200%);backdrop-filter:blur(20px)saturate(200%);background:linear-gradient(to bottom, var(--background-color) , color-mix(in srgb, var(--background-color), transparent 30%) 50%);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-edge{width:100%;height:100%;height:var(--glass-thickness);-webkit-backdrop-filter:blur(12px)brightness(.96);backdrop-filter:blur(12px)brightness(.96);pointer-events:none;background:#ffffff1a;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}}@supports ((-webkit-mask-image:none) or (mask-image:none)){.glass-surface{height:200%;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 50% 100%);mask-image:linear-gradient(#000 0% 50%,#0000 50% 100%)}.glass-edge{height:100%;-webkit-mask-image:linear-gradient(to bottom, black 0, black var(--glass-thickness), transparent var(--glass-thickness));-webkit-mask-image:linear-gradient(to bottom, black 0, black var(--glass-thickness), transparent var(--glass-thickness));mask-image:linear-gradient(to bottom, black 0, black var(--glass-thickness), transparent var(--glass-thickness));inset:0}:host(.bottom) .glass-edge{transform:translateY(-100%)}}.prose>*+:not(hr){margin-block-start:var(--lg-em)}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre){max-width:var(--prose-max-width,70ch);font-size:var(--prose-font-size,1.25rem);line-height:var(--prose-line-height,2);text-wrap:pretty;color:var(--prose-color,var(--color-black))}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre) a{overflow-wrap:break-word;color:var(--color-red)}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre) a:hover{color:var(--color-red-900)}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre) code{background-color:color-mix(in srgb, var(--color-blue), transparent 80%);overflow-wrap:break-word;color:var(--lightningcss-light,var(--prose-code-color,var(--color-blue-800)))var(--lightningcss-dark,var(--prose-code-color,var(--color-blue-300)));border-radius:.3em;padding:.4em;font-family:monospace;font-size:.9em}.prose blockquote{background-color:red}.prose h3{margin-block-end:var(--md-em)}.prose :is(ol,ul) li+li{margin-block-start:var(--sm-rem)}.prose :is(ol,ul) li::marker{color:var(--color-red)}.prose p{text-box:trim-start cap alphabetic}@media (prefers-color-scheme:dark){.prose{--prose-color:var(--color-gray-200)}}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.blitz-inject{display:block}::selection{background-color:color-mix(in srgb, var(--color-blue-700), transparent 30%);color:var(--color-blue-200)}@keyframes moveup{to{transform:translateY(-100px)}}}@layer components{.component.article-body{container:component-article-body/inline-size}.component.article-body>.grid{grid-auto-flow:dense;grid-template-columns:var(--grid-template-columns,1fr);gap:var(--xl);display:grid}.component.article-body>.grid :is(.block,.card-block){text-align:var(--text-align)}.component.article-body>.grid :is(.block,.card-block).article-updates{padding:var(--xl);background-color:color-mix(in srgb, var(--color-blue-300), transparent 80%);border:1px solid color-mix(in srgb, var(--color-blue), transparent 80%);border-radius:var(--rounded-sm);color:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue));font-size:.95rem}.component.article-body>.grid :is(.block,.card-block).article-updates ul{padding-left:0}.component.article-body>.grid :is(.block,.card-block).article-updates ul li{--svg-width:1.5ch;gap:var(--md);grid-template-columns:10px 1fr;list-style:none;display:grid}.component.article-body>.grid :is(.block,.card-block).article-updates ul li+li{margin-top:.2em}.component.article-body>.grid :is(.block,.card-block).article-updates ul li div:first-child{padding-top:.15em}.component.article-body>.grid :is(.block,.card-block).article-updates ul li a:hover{color:var(--color-blue-800)}.component.article-body>.grid :is(.block,.card-block).card{gap:var(--lg);grid-template-columns:1fr;grid-auto-rows:min-content;display:grid}.component.article-body>.grid :is(.block,.card-block).card>:first-child{--margin-block-start:0}.component.article-body>.grid :is(.block,.card-block).code{overflow-x:auto}.component.article-body>.grid :is(.block,.card-block).code pre>code{font-size:1rem;background-color:#0000!important}.component.article-body>.grid :is(.block,.card-block).code code-highlight>div{--prose-max-width:none;--prose-font-size:1rem;--prose-color:var(--color-blue);--prose-code-color:var(--color-blue-300)}.component.article-body>.grid :is(.block,.card-block).end-emoji{border-top:1px solid var(--color-orange);text-align:center;padding:2rem 0;font-size:3.5rem}.component.article-body>.grid :is(.block,.card-block).image img{border-radius:var(--rounded-sm)}.component.article-body>.grid :is(.block,.card-block).image picture{background-color:var(--image-dominant-color);border:var(--image-border);border-radius:var(--rounded-sm)}.component.article-body>.grid :is(.block,.card-block).image figure.outline{--image-border:1px solid var(--lightningcss-light,var(--color-blue-200))var(--lightningcss-dark,var(--color-blue-800))}.component.article-body>.grid :is(.block,.card-block).image figcaption{text-align:center;text-wrap:balance;color:var(--color-blue);margin-block:10px}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader){margin-block-start:2.5em}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header{--a-opacity:0;text-box:trim-both cap alphabetic;color:var(--lightningcss-light,var(--color-red))var(--lightningcss-dark,var(--color-red-400));scroll-margin-block-start:calc(var(--layout-header-top,70px) + var(--xl-rem));display:inline-block;position:relative}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header:has(.badge){justify-content:start;align-items:end;gap:var(--sm);grid-template-columns:auto 1fr;display:inline-grid}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header:hover{--a-opacity:1}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header>a{--width:clamp(.5em, 5vw, 1.5em);position-anchor:--header;width:var(--width);right:anchor(left);top:anchor(center);text-box:trim-both cap alphabetic;color:var(--lightningcss-light,var(--color-red))var(--lightningcss-dark,var(--color-red-400));transition:opacity var(--duration) ease-in-out;opacity:var(--a-opacity);text-decoration:none;position:absolute;transform:translateY(-50%)}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header>span:nth-child(2){anchor-name:--header;text-box:trim-both cap alphabetic;grid-row-start:1;grid-column-start:1}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header>.badge{background-color:var(--lightningcss-light,var(--color-red))var(--lightningcss-dark,var(--color-red-400));text-box:trim-both cap alphabetic;color:var(--color-white);border-radius:6px;grid-column-start:2;padding:6px;font-size:.5em;display:block}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .header:has(h3)+*{margin-block-start:var(--xs)}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) h2.header{font-size:1.875rem;font-weight:var(--font-medium);margin-block-start:var(--margin-block-start,50px);line-height:2.25rem;display:inline-block;position:relative}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) h3.header{font-size:1.3rem;font-weight:var(--font-medium);margin-block-start:var(--margin-block-start,20px);line-height:1.75rem;display:inline-block;position:relative}.component.article-body>.grid :is(.block,.card-block).note{padding:clamp(var(--md), 6cqw, var(--xl));background-color:color-mix(in srgb, var(--color-blue-300), transparent 80%);border:1px solid color-mix(in srgb, var(--color-blue), transparent 80%);border-radius:var(--rounded-sm);text-box:cap alphabetic;max-width:70ch;color:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue));line-height:1.7}.component.article-body>.grid :is(.block,.card-block).note a:hover{color:var(--lightningcss-light,var(--color-blue-800))var(--lightningcss-dark,var(--color-blue-400))}.component.article-body>.grid :is(.block,.card-block).note code{padding:var(--xs);border-radius:var(--rounded-sm);text-box:cap alphabetic;border:1px solid}.component.article-body>.grid :is(.block,.card-block).spacer hr{margin:var(--lg-rem) 0}.component.article-body>.grid :is(.block,.card-block).video .container{aspect-ratio:var(--aspect-ratio);background-color:color-mix(in srgb, var(--color-blue-300), transparent 90%);width:100%;position:relative}.component.article-body>.grid :is(.block,.card-block).video .container :is(iframe,video){object-fit:cover;border:1px solid color-mix(in srgb, var(--color-blue), transparent 50%);border-radius:var(--rounded-sm);width:100%;height:100%;position:absolute}@container component-article-body (width>768px){.component.article-body>.grid>.block{align-self:var(--align-self);grid-column-end:span var(--col-span,6);grid-column-start:var(--col-start,1)}}@container component-article-body (width>768px){.component.article-body>.grid{--grid-template-columns:repeat(6, minmax(0, 1fr))}}.component.article-featured-entry{width:100%;text-decoration:none;display:block;container:component-article-featured-entry/inline-size}.component.article-featured-entry>.grid{--picture-img-border-width:5px;gap:var(--lg);grid-template-columns:1fr;align-items:center;display:grid}@container component-article-featured-entry (width>500px){.component.article-featured-entry>.grid{--picture-img-border-width:8px;grid-template-columns:minmax(250px,500px) minmax(auto,400px)}}.component.article-featured-entry>.grid picture img{border:var(--picture-img-border-width) solid var(--color-white);box-shadow:0 10px 20px -3px color-mix(in srgb, var(--color-black), transparent 80%), 0 4px 10px -4px color-mix(in srgb, var(--color-black), transparent 60%);display:block}.component.article-featured-entry>.grid>.info>a{text-decoration:none}.article-featured-entry:has(img:hover,.info:hover) :is(.component.article-featured-entry>.grid>.info>a){--color:var(--color-blue)}.component.article-featured-entry>.grid>.info h2{font-size:var(--font-size-h2,2.3rem);font-weight:var(--font-medium);text-wrap:balance;color:var(--color,var(--color-red-400));transition:color var(--duration) ease-out;margin-block-end:.1em}.component.article-featured-entry>.grid>.info .category{font-size:var(--font-size-category,1.5rem);text-transform:uppercase;color:var(--color,var(--color-red-400));transition:color var(--duration) ease-out;margin-block-end:.2em}.component.article-featured-entry>.grid>.info p{font-size:var(--font-size-p,1.1rem);color:var(--color,var(--color-gray));transition:color var(--duration) ease-out}@container component-article-featured-entry (width>500px){.component.article-featured-entry>.grid>.info{--font-size-h2:clamp(1.5rem, 4cqw, 2.3rem);--font-size-category:clamp(.875rem, 3cqw, 1.5rem);--font-size-p:clamp(1rem, 2cqw, 1.2rem)}}.component.article-list-item{text-decoration:none}.component.article-list-item h2{-webkit-text-decoration:var(--text-decoration) solid var(--color,transparent);text-decoration:var(--text-decoration) solid var(--color,transparent);font-size:var(--font-size,1.125rem);text-wrap:balance;color:var(--color,var(--color-red));transition:color var(--duration) ease-out, text-decoration-color var(--duration) ease-out}@container component-article-thumb (width>450px){.component.article-list-item h2{--font-size:1.5rem}}.component.article-list-item p{font-size:var(--font-size,.875rem);text-transform:uppercase;color:var(--color,var(--color-red));transition:color var(--duration) ease-out}@container component-article-thumb (width>450px){.component.article-list-item p{--font-size:1rem}}.component.article-list-item:hover{--color:var(--color-blue);--text-decoration:underline}.component.article-thumb{text-decoration:none;display:block;container:component-article-thumb/inline-size}.component.article-thumb>.grid{gap:var(--md);grid-template-columns:max-content 1fr;align-items:center;display:grid}.component.article-thumb>.grid>picture img{aspect-ratio:1;width:var(--width,120px);border:8px solid var(--color-white);height:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@container component-article-thumb (width>350px){.component.article-thumb>.grid>picture img{--width:150px}}@container component-article-thumb (width>450px){.component.article-thumb>.grid>picture img{--width:200px}}.component.article-thumb>.grid>.info h2{font-size:var(--font-size,1.125rem);text-wrap:balance;color:var(--color,var(--color-red));transition:color var(--duration) ease-out}@container component-article-thumb (width>450px){.component.article-thumb>.grid>.info h2{--font-size:1.5rem}}.component.article-thumb>.grid>.info p{font-size:var(--font-size,.875rem);text-transform:uppercase;color:var(--color,var(--color-red));transition:color var(--duration) ease-out}@container component-article-thumb (width>450px){.component.article-thumb>.grid>.info p{--font-size:1rem}}.component.article-thumb:hover{--color:var(--color-blue)}.component.related-articles>h2{font-family:var(--font-futura);font-size:3.6rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase;color:var(--color-blue)}.page.project :is(.component.related-articles>h2){font-size:2.5rem}}@layer theme{:root{--color-black:oklch(27.68% 0 0);--color-gray:oklch(57.51% 0 0);--color-gray-100:oklch(91.58% 0 0);--color-gray-200:oklch(82.3% 0 0);--color-gray-300:oklch(73.49% 0 0);--color-gray-400:oklch(66.06% 0 0);--color-gray-500:oklch(57.51% 0 0);--color-gray-600:oklch(48.37% 0 0);--color-gray-700:oklch(30.9% 0 0);--color-gray-800:oklch(27.68% 0 0);--color-gray-900:oklch(16% 0 0);--color-blue:oklch(69.1% .065 250.97);--color-blue-100:oklch(95.7% .022 248.06);--color-blue-200:oklch(91.58% .065 250.97);--color-blue-300:oklch(82.3% .065 250.97);--color-blue-400:oklch(73.49% .065 250.97);--color-blue-500:oklch(69.1% .065 250.97);--color-blue-600:oklch(66.06% .065 250.97);--color-blue-700:oklch(57.51% .065 250.97);--color-blue-800:oklch(48.37% .065 250.97);--color-blue-900:oklch(30.9% .021 265.9);--color-orange:oklch(67% .16 60.05);--color-orange-100:oklch(88.39% .13 63.05);--color-orange-200:oklch(85.34% .13 63.05);--color-orange-300:oklch(78.95% .13 63.05);--color-orange-400:oklch(72.2% .13 63.05);--color-orange-500:oklch(67.48% .13 63.05);--color-orange-600:oklch(54.22% .13 63.05);--color-orange-700:oklch(44.29% .13 63.05);--color-orange-800:oklch(35.92% .13 63.05);--color-orange-900:oklch(28.94% .13 63.05);--color-red:oklch(54.42% .188 40.74);--color-red-100:oklch(96% .188 40.74);--color-red-200:oklch(78.61% .188 40.74);--color-red-300:oklch(69.9% .188 40.74);--color-red-400:oklch(63.88% .188 40.74);--color-red-500:oklch(54.42% .188 40.74);--color-red-600:oklch(47.45% .188 40.74);--color-red-700:oklch(42.17% .188 40.74);--color-red-800:oklch(32.17% .188 40.74);--color-red-900:oklch(22.56% .188 40.74);--color-white:oklch(100% 0 89.876);--font-apple:system-ui, sans-serif;--font-avinir:"Avinir Next", "Avinir", Helvetica, Arial, sans-serif;--font-futura:Futura, "Trebuchet MS", Arial, sans-serif;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--rounded-sm:.25rem;--duration:.3s;--xl:32px;--lg:24px;--md:16px;--sm:8px;--xs:4px;--xl-em:2em;--lg-em:1.5em;--md-em:1em;--sm-em:25em;--xs-em:.25em;--xl-rem:2rem;--lg-rem:1.5rem;--md-rem:1rem;--sm-rem:.5rem;--xs-rem:.25rem}@media (prefers-reduced-motion){:root{--duration:.01ms}}}@layer layout{.layout.body{background-color:var(--color-blue-900)}.layout.background{backface-visibility:hidden;overflow-clip-margin:0px;width:100dvw;height:100dvh;position:fixed;inset:0;overflow:clip}.layout.background.mask{background-color:var(--color-blue-900);opacity:1}.layout.background[data-connected]+.mask{opacity:0;transition:opacity .9s ease-out}.layout.header{z-index:2147483647;position:sticky;top:0}.layout.header>div{position:relative}.layout.header .nav{padding:var(--sm) 0;justify-content:center;display:flex;position:relative;box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.layout.header .nav>a{display:contents}.layout.header .nav>a svg circle[data-logo-color=blue]{--logo-color:var(--color-blue);--logo-color-hover:var(--color-blue-300)}.layout.header .nav>a svg circle[data-logo-color=orange]{--logo-color:var(--color-orange);--logo-color-hover:var(--color-orange-300)}.layout.header .nav>a svg circle[data-logo-color=red]{--logo-color:var(--color-red);--logo-color-hover:var(--color-red-300)}.layout.header .nav>a svg circle{fill:var(--logo-color,var(--color-blue));transition:fill .3s ease-out}.layout.header .nav>a:hover svg circle{fill:var(--logo-color-hover,var(--color-blue-300))}.layout.content{position:relative}.layout.content .content-container{margin-bottom:0}.layout.footer{padding:var(--sm) calc(env(safe-area-inset-right,0) + var(--sm)) var(--sm) calc(env(safe-area-inset-left,0) + var(--sm));font-family:var(--font-futura);text-transform:uppercase;color:color-mix(in srgb, var(--color-blue-100), transparent 30%);font-size:.75rem;position:relative;container:layout-footer/inline-size}.layout.footer .grid{justify-content:center;gap:var(--xs);grid-template-columns:1fr;width:100%;display:grid}.layout.footer .grid>p{text-align:center}@container layout-footer (width>700px){.layout.footer .grid>p{grid-column:2/3}}.layout.footer .grid>nav{justify-content:center;gap:var(--md);display:inline-flex}.layout.footer .grid>nav a{color:var(--color-blue-100);transition:color var(--duration) ease-out;text-decoration:none}.layout.footer .grid>nav a.active{font-weight:var(--font-bold)}.layout.footer .grid>nav a:hover{color:var(--color-white)}@container layout-footer (width>700px){.layout.footer .grid>nav{grid-column:3/4;justify-content:end}}@container layout-footer (width>700px){.layout.footer .grid{grid-template-columns:1fr 1fr 1fr}}@layer trmnl-layout{.trmnl-layout{--trmnl-width:100dvw;--trmnl-height:auto;--border-radius:5px;background-color:var(--color-white);margin-inline:auto}.trmnl-layout:has(.preview){background-color:var(--color-gray)}.trmnl-layout.content{width:var(--trmnl-width);height:var(--trmnl-height);background-color:var(--color-white);color:var(--color-black);font-size:1.3rem;container:content/inline-size}.trmnl-layout.content.preview{--trmnl-width:800px;--trmnl-height:480px;overflow:hidden}.trmnl-layout.content .header-bar{background-color:var(--color-black);border-radius:var(--border-radius);color:var(--color-white);padding:5px}.trmnl-layout.content .icon{width:var(--icon-width,25px)}}}@layer page{.page.about{container:page-about/inline-size}.page.about>.content{max-width:1024px;margin:0 auto;padding-block:100px}.page.about>.content>h1{font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-normal);color:var(--color-red);margin-block-end:1em}.page.about>.content>h2{text-wrap:pretty;max-width:70ch;color:var(--color-blue);margin-block-start:1em;font-size:1.25rem;line-height:2}.page.about>.content .article-body .block.image :is(picture,img){border-radius:50%}.page.about>.content>.grid{--svg-width:1.5em;grid-template-columns:var(--grid-template-columns,1fr);align-items:center;gap:var(--xl);margin-top:50px;font-size:2em;display:grid}.page.about>.content>.grid a{align-items:center;gap:var(--md);color:var(--color-blue);transition:color var(--duration) ease-out;grid-template-columns:max-content 1fr;text-decoration:none;display:grid}.page.about>.content>.grid a:hover{color:var(--color-orange)}@container page-about (width>600px){.page.about>.content>.grid{--grid-template-columns:1fr 1fr}}@container page-about (width>900px){.page.about>.content>.grid{--grid-template-columns:1fr 1fr 1fr 1fr}}.page.article{--max-width:65rem;padding-top:100px;padding-bottom:50px}.page.article>.header{max-width:var(--max-width);margin:0 auto;container:page-article-header/inline-size}.page.article>.header h1{font-weight:var(--font-thin);border-bottom:1px solid var(--color-blue);text-wrap:balance;color:var(--lightningcss-light,var(--color-red))var(--lightningcss-dark,var(--color-red-400));font-size:clamp(2.25rem,6vw,3rem);line-height:1.2}.page.article>.header .grid{grid-template-columns:var(--grid-template-columns,2.4rem max-content 1fr);align-items:center;gap:var(--sm);margin-top:var(--sm);color:var(--color-blue);display:grid}.page.article>.header .grid>img{grid-column:var(--grid-column-img);grid-row:var(--grid-row-img);aspect-ratio:1;border-radius:50%}.page.article>.header .grid>.info{grid-column:var(--grid-column-info);font-weight:var(--font-semibold)}.page.article>.header .grid>.info .written-by{font-weight:var(--font-light)}.page.article>.header .grid>.social{grid-column:var(--grid-column-social);grid-row:var(--grid-row-social);align-items:center;gap:var(--sm);display:flex}.page.article>.header .grid>.social a{color:var(--color-blue);display:inline-block}.page.article>.header .grid>.social a:hover{color:var(--color-orange)}@container page-article-header (width<25rem){.page.article>.header .grid{--grid-column-img:1 / 2;--grid-row-img:2 / 3;--grid-column-info:1 / 3;--grid-column-social:2 / 3;--grid-row-social:2 / 3;--grid-template-columns:2.4rem 1fr}}.page.article>.body{max-width:var(--max-width);margin:3rem auto;container:page-article-body/inline-size}.page.article>.related-articles>.grid{margin-top:70px}.page.career{background-color:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-gray-800));color:var(--lightningcss-light,var(--color-gray-900))var(--lightningcss-dark,var(--color-white))}.page.career a{overflow-wrap:break-word;transition:color .2s ease-out}.page.career a:hover{color:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue-200))}.page.career>.header{padding:var(--xl);container:header/inline-size}.page.career>.header h1{font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase}.page.career>.header>p{font-family:var(--font-futura);font-size:1.2rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase}.page.career>.header address{justify-content:center;gap:var(--sm);border-block-start:1px solid var(--color-gray-200);text-align:center;flex-flow:wrap;margin-block-start:var(--lg);padding-block-start:var(--xs);font-size:.9rem;display:flex}.page.career>.header address>span{justify-content:center;gap:var(--sm);flex-flow:wrap;display:flex}.page.career>.main{container:main/inline-size}.page.career>.main>.letter{max-width:70ch;margin:calc(var(--xl-em) * 3) auto calc(var(--xl-em) * 4);padding-inline:var(--lg)}.page.career>.main>.letter *+:is(p){text-wrap:pretty;margin-block-start:var(--lg-rem)}.page.career>.main>.letter .objective{font-size:1.3em;font-weight:var(--font-medium)}.page.career>.main>.letter .objective+.cover{margin-block-start:var(--lg-rem)}@media print{.page.career>.main>.letter{font-size:.8rem}}.page.career>.main>.resume{grid-template-columns:var(--resume-columns,1fr);gap:var(--xl);margin:calc(var(--xl-em) * 3) auto var(--lg);max-width:max-content;padding-inline:var(--lg);display:grid}.page.career>.main>.resume .resume-section{grid-column:1/-1;grid-template-columns:subgrid;gap:var(--xl);display:grid;position:relative}.page.career>.main>.resume .resume-section:not(:first-child):before{content:"";grid-column:var(--section-text-grid-column,2 / 3);top:calc(var(--xl) * -.4);border-block-start:1px solid var(--color-gray-200);width:100%;display:block;position:absolute}.page.career>.main>.resume .resume-section :is(h2,h3,h4){text-box:trim-both cap alphabetic}.page.career>.main>.resume .resume-section :is(h2,h3,h4):not(:first-child){margin-block-start:var(--lg-em)}.page.career>.main>.resume .resume-section>h2{font-size:var(--section-header-font-size,1.6rem);text-align:var(--section-header-text-align);color:var(--lightningcss-light,var(--color-blue-800))var(--lightningcss-dark,var(--color-blue-300))}.page.career>.main>.resume .resume-section h3{color:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue-400))}.page.career>.main>.resume .resume-section h3:first-child{margin-block-start:.2em}.page.career>.main>.resume .resume-section h4{font-size:1.1rem;font-style:italic;font-weight:var(--font-normal);color:var(--lightningcss-light,var(--color-blue-900))var(--lightningcss-dark,var(--color-blue-400))}.page.career>.main>.resume .resume-section>div{text-wrap:pretty}.page.career>.main>.resume .resume-section>div:nth-child(2){margin-inline-end:var(--resume-columns-margin)}.page.career>.main>.resume .resume-section>div:nth-child(3){grid-column:-2/-1;margin-inline-start:var(--resume-columns-margin)}.page.career>.main>.resume .resume-section>div p:not(:first-child){margin-block-start:var(--sm)}.page.career>.main>.resume .resume-section .project:not(:first-child){margin-block-start:var(--lg)}@container main (width>500px){.page.career>.main>.resume{--section-header-font-size:1rem;--section-header-text-align:end;--resume-columns:max-content minmax(0px, 70ch)}}@container main (width>650px){.page.career>.main>.resume{--section-header-font-size:1.5rem}}@container main (width>1200px){.page.career>.main>.resume{--resume-columns:max-content minmax(0px, 50ch) minmax(0px, 50ch);--resume-columns-margin:var(--md-em);--section-text-grid-column:2 / 4}}@media print{.page.career>.main>.resume{--resume-columns:max-content minmax(0px, 50ch) minmax(0px, 50ch);--resume-columns-margin:var(--md-em);--section-header-font-size:1rem;--section-text-grid-column:2 / 4}.page.career>.main>.resume .resume-section:first-child{margin-block-end:var(--xl)}.page.career>.main>.resume .resume-section:first-child>div:nth-child(2),.page.career>.main>.resume .resume-section:first-child>div:nth-child(3){grid-column:2/-1;margin-inline:0}.page.career>.main>.resume p{font-size:12px}}@media print{body:has(.page.career) admin-bar{display:none}}.page.feeds>.content{max-width:60ch;margin:0 auto}.page.feeds>.content h1{font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-normal);color:var(--color-red);margin-block-end:1em}.page.feeds>.content ul{gap:var(--md);margin:var(--md) 0 0;padding:0;display:grid}.page.feeds>.content li{list-style:none}.page.feeds>.content li>a{margin-block-end:var(--sm);display:inline-block}.page.feeds>.content li p{font-size:1rem}.page.home>.featured-entry{--content-container-background-opacity:20%;padding-block:clamp(var(--md), 5cqw, calc(var(--xl) * 3));background-color:color-mix(in srgb, var(--color-gray-900), transparent 20%);box-shadow:0 0 50px var(--box-shadow-color-1);border:2px solid color-mix(in srgb, var(--box-shadow-color-2), transparent 40%);background-size:50px 50px}.page.home>.featured-entry .grid{justify-content:center}.page.home>.featured-entry picture{background-color:var(--box-shadow-color-3)}.page.home>.featured-entry p:not(.category){color:var(--color,var(--color-white))}.page.home>.articles>h2{font-family:var(--font-futura);font-size:3.6rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase;color:var(--color-blue);margin-top:40px}.page.home>.articles>.about{text-align:center;text-wrap:balance;max-width:80ch;color:var(--lightningcss-light,var(--color-gray-600))var(--lightningcss-dark,var(--color-gray-300));margin:20px auto 60px}.page.home>.articles>.about a{color:var(--color-blue)}.page.home>.articles>.about a:hover{color:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue-300))}.page.home>.articles>.grid{margin-top:30px;padding-bottom:50px}.page.home>.plugins{--content-container-background-color:var(--color-blue-900);--content-container-background-opacity:20%;color:var(--color-white);padding:60px 0 80px}.page.home>.plugins>h2{font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase;color:var(--color-blue-200)}.page.home>.plugins>.about{--prose-max-width:none;--prose-font-size:1.1rem;--prose-color:var(--color-blue-100);max-width:80ch;font-family:var(--font-futura);text-align:center;text-wrap:pretty;margin:20px auto 70px}.page.home>.plugins>.about a{color:var(--color-orange)}.page.home>.plugins>.about a:hover{color:var(--color-orange-100)}.page.home>.plugins>.plugins{flex-flow:wrap;justify-content:center;align-items:stretch;gap:clamp(50px,5vw,150px);display:flex}.page.home>.plugins>.plugins>.plugin{font-family:var(--font-futura);text-align:center;text-wrap:pretty;flex:0 250px;grid-template-rows:100px 1fr max-content;justify-content:center;gap:20px;display:grid}.page.home>.plugins>.plugins>.plugin svg{aspect-ratio:1;margin:0 auto}.page.home>.plugins>.plugins>.plugin h3{font-size:1.3em;font-weight:var(--font-light);color:var(--color-blue-200)}.page.home>.plugins>.plugins>.plugin a{justify-self:center}.page.project>.header{background-color:color-mix(in srgb, var(--color-blue-200), transparent 8%);text-align:center;color:var(--color-blue-800)}.page.project>.header>div{align-items:center;gap:var(--xl);flex-flow:column;padding:clamp(50px,5vw,100px) clamp(10px,5vw,100px);display:flex}.page.project>.header>div h1{max-width:30ch;font-weight:var(--font-thin);text-box:trim-both cap alphabetic;text-wrap:balance;font-size:clamp(2.25rem,6vw,4rem);line-height:.9}.page.project>.header>div h1>span{color:color-mix(in srgb, currentColor, transparent 30%);font-size:.7em}.page.project>.header>div .description{max-width:40ch;font-weight:var(--font-light);text-box:trim-both cap alphabetic;text-wrap:balance;font-size:clamp(1rem,3vw,1.4rem)}.page.project>.header>div .cta{justify-content:center;gap:var(--sm);display:flex}.page.project>.header>div .cta .button{--background-color:var(--color-blue-800);--box-shadow-color:none;--color:var(--color-blue-200);--color-hover:var(--color-blue-900)}.page.project>.header>nav{justify-content:center;gap:clamp(var(--md), 3vw, var(--xl));background-color:color-mix(in srgb, var(--color-blue), transparent 90%);border-block-end:2px solid var(--color-orange);flex-flow:wrap;padding:clamp(.9rem,3vw,1.4rem);display:flex}.page.project>.header>nav a{text-box:trim-both cap alphabetic;text-wrap:balance;color:var(--color-blue-800);font-size:1.1rem;text-decoration:none;display:inline-block}.page.project>.header>nav a:hover{color:var(--color-blue-900);text-decoration:underline}.page.project>.body>.content{max-width:1024px;margin:0 auto 50px}.page.project>.body>.related-articles>.grid{margin-top:70px}@layer trmnl-page{.trmnl-school-schedule{gap:var(--lg);padding:var(--md);grid-template-rows:1fr;height:100%;display:grid}.trmnl-school-schedule>h1{text-box:cap alphabetic;font-size:1.7rem}.trmnl-school-schedule .specials{white-space:nowrap}.trmnl-school-schedule .specials svg{display:inline-block}.trmnl-school-schedule>.grid{align-items:stretch;gap:var(--xl);grid-template-columns:1fr;display:grid}@container content (width>700px){.trmnl-school-schedule>.grid:has(:nth-child(2)){grid-template-columns:25% 1fr}}.trmnl-school-schedule>.grid>.today{gap:var(--xl);grid-template-rows:max-content 1fr max-content;grid-template-columns:1fr;display:grid}.trmnl-school-schedule>.grid>.today h2{font-size:1rem;font-weight:var(--font-bold)}.trmnl-school-schedule>.grid>.today p{text-box:cap alphabetic}.trmnl-school-schedule>.grid>.today .lunch{text-wrap:balance;font-size:2rem;line-height:1.3}.trmnl-school-schedule>.grid>.today .specials h2{margin-block-end:var(--lg)}.trmnl-school-schedule>.grid>.today .specials>p{justify-content:space-between;gap:var(--lg);font-size:1.6rem;display:flex}.trmnl-school-schedule>.grid>.holiday .holiday{text-wrap:balance;font-size:2rem}.trmnl-school-schedule>.grid>.next-week>ul{grid-template-columns:1fr repeat(var(--kid-count,1), max-content);gap:var(--xl);margin:0;padding:0;display:grid}.trmnl-school-schedule>.grid>.next-week>ul>li{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;display:grid}.trmnl-school-schedule>.grid>.next-week>ul>li h2{font-size:1rem;font-weight:var(--font-bold)}.trmnl-school-schedule>.grid>.next-week>ul>li h3{text-box:cap alphabetic;margin-block-end:var(--sm);font-size:1rem}.trmnl-school-schedule>.grid>.next-week>ul>li :is(p,span){text-box:cap alphabetic;text-wrap:balance;line-height:1}.trmnl-school-schedule>.grid>.next-week>ul>li .holiday{align-items:center;gap:var(--md);border:2px solid var(--color-gray);border-radius:var(--border-radius);grid-column:1/-1;padding:8px;display:flex}.trmnl-word-of-the-day{gap:calc(var(--xl) * 2) var(--lg);padding:var(--md);grid-template-columns:1fr;height:100%;display:grid}@container content (width>700px){.trmnl-word-of-the-day:has(:nth-child(2)){grid-template-columns:2fr 1fr}}.trmnl-word-of-the-day h1{font-size:1.3rem}.trmnl-word-of-the-day h2{font-size:1rem}.trmnl-word-of-the-day>.math-of-the-day{gap:var(--md);flex-flow:column;display:flex}.trmnl-word-of-the-day>.math-of-the-day h2{text-align:center}.trmnl-word-of-the-day>.math-of-the-day .problem{text-align:center;font-size:1.7rem}.trmnl-word-of-the-day>.math-of-the-day .problem strong{font-weight:var(--font-black)}.trmnl-word-of-the-day>.word-of-the-day{gap:var(--lg);flex-flow:column;display:flex}.trmnl-word-of-the-day>.word-of-the-day>main{flex-flow:column;flex-grow:1;justify-content:center;align-items:center;min-height:200px;display:flex}.trmnl-word-of-the-day>.word-of-the-day>main>p{line-height:1;font-size:calc((15 - var(--word-length)) * .7rem);font-weight:var(--font-bold);text-box:trim-both cap alphabetic;text-wrap:balance}.trmnl-word-of-the-day>.word-of-the-day .example p{padding-block:var(--sm);text-align:center;font-size:1.6rem}.trmnl-word-of-the-day>.word-of-the-day .extra-words ul{flex-grow:1;justify-content:space-between;width:100%;margin:0;padding:0;display:flex}.trmnl-word-of-the-day>.word-of-the-day .extra-words ul li{list-style:none}}}@layer trmnl-layout,trmnl-page;pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#a9b7c6;background:#282b2e}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#6897bb}.hljs-keyword,.hljs-selector-tag,.hljs-deletion{color:#cc7832}.hljs-variable,.hljs-template-variable,.hljs-link{color:#629755}.hljs-comment,.hljs-quote{color:gray}.hljs-meta{color:#bbb529}.hljs-string,.hljs-attribute,.hljs-addition{color:#6a8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e8bf6a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}