@layer reset,admin-bar,globals,components,theme,layout,page,trmnl-layout,trmnl-page;@layer reset{*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light dark}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]){text-decoration-skip-ink:auto;color:currentColor}img,picture,svg,canvas{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer components{.component.article-body{container-name:component-article-body;container-type:inline-size}.component.article-body>.grid{display:grid;grid-auto-flow:dense;grid-template-columns:var(--grid-template-columns, 1fr);gap:var(--xl)}.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);font-size:.95rem;color:light-dark(var(--color-blue-700),var(--color-blue))}.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;display:grid;grid-template-columns:10px 1fr;gap:var(--md);list-style:none}.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{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:var(--lg)}.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{background-color:transparent!important;font-size:1rem}.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{padding:2rem 0;border-top:1px solid var(--color-orange);font-size:3.5rem;text-align:center}.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 light-dark(var(--color-blue-200), var(--color-blue-800))}.component.article-body>.grid :is(.block,.card-block).image figcaption{margin-block:10px;text-align:center;text-wrap:balance;color:var(--color-orange)}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .subheader{display:block;scroll-margin-top:var(--layout-header-top, 70px);text-box:trim-both cap alphabetic}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .subheader>a{text-decoration:none;color:light-dark(var(--color-red),var(--color-red-400))}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .subheader>a:hover:before{content:"#";position:absolute;bottom:0;left:calc(-1ch - .1rem);width:1ch;text-box:trim-both cap alphabetic}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .subheader>span{display:block;padding:6px;position:absolute;bottom:0;right:-.4rem;background-color:light-dark(var(--color-red),var(--color-red-400));border-radius:6px;font-size:.5em;text-box:trim-both cap alphabetic;color:var(--color-white);transform:translate(100%)}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) .subheader:has(h3)+*{margin-block-start:var(--xs)}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) h2.subheader{display:inline-block;margin-block-start:var(--margin-block-start, 50px);position:relative;font-size:1.875rem;font-weight:var(--font-medium);line-height:2.25rem}.component.article-body>.grid :is(.block,.card-block):is(.markdown,.subheader) h3.subheader{display:inline-block;margin-block-start:var(--margin-block-start, 20px);position:relative;font-size:1.3rem;font-weight:var(--font-medium);line-height:1.75rem}.component.article-body>.grid :is(.block,.card-block).note{padding:var(--xl) calc(var(--xl) + 15px);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);font-size:.95rem;line-height:2;color:light-dark(var(--color-blue-700),var(--color-blue))}.component.article-body>.grid :is(.block,.card-block).note a:hover{color:light-dark(var(--color-blue-800),var(--color-blue-400))}.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{position:relative;aspect-ratio:var(--aspect-ratio);background-color:color-mix(in srgb,var(--color-blue-300),transparent 90%);width:100%}.component.article-body>.grid :is(.block,.card-block).video .container :is(iframe,video){position:absolute;width:100%;height:100%;object-fit:cover;border:1px solid color-mix(in srgb,var(--color-blue),transparent 50%);border-radius:var(--rounded-sm)}@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))}}}@layer components{.component.article-featured-entry{container-name:component-article-featured-entry;container-type:inline-size;display:block;width:100%;text-decoration:none}.component.article-featured-entry>.grid{--picture-img-border-width: 5px;display:grid;grid-template-columns:1fr;gap:var(--lg);align-items:center;justify-content:center}@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{display:block;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%)}.component.article-featured-entry>.grid>.info>a{text-decoration:none}.component.article-featured-entry>.grid>.info>a:hover{--color: var(--color-blue)}.component.article-featured-entry>.grid>.info h2{margin-block-end:.1em;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}.component.article-featured-entry>.grid>.info .category{margin-block-end:.2em;font-size:var(--font-size-category, 1.5rem);text-transform:uppercase;color:var(--color, var(--color-red-400));transition:color var(--duration) ease-out}.component.article-featured-entry>.grid>.info p{font-size:var(--font-size-p, 1.1rem);color:var(--color, var(--color-white));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)}}}@layer components{.component.article-list-item{text-decoration:none}.component.article-list-item h2{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}}@layer components{.component.article-thumb{container-name:component-article-thumb;container-type:inline-size;display:block;text-decoration:none}.component.article-thumb>.grid{display:grid;grid-template-columns:max-content 1fr;gap:var(--md);align-items:center}.component.article-thumb>.grid>picture img{aspect-ratio:1 / 1;width:var(--width, 120px);height:auto;border:8px solid var(--color-white);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)}}@layer components{.component.related-articles>h2{font-family:var(--font-futura);font-weight:var(--font-medium);text-align:center;text-transform:uppercase;color:var(--color-red)}.component.related-articles>.grid{margin-top:70px}}@layer layout{.layout.body{background-color:var(--color-blue-900)}.layout.background{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;backface-visibility:hidden;overflow:clip;overflow-clip-margin:0px}.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{position:sticky;top:0;z-index:1}.layout.header>div{position:relative}.layout.header .nav{display:flex;justify-content:center;padding:var(--sm) 0;position:relative;box-shadow:#0000 0 0,#0000 0 0,#0000001a 0 1px 3px,#0000001a 0 1px 2px -1px}.layout.header .nav>a{display:contents}.layout.header .nav>a svg circle{transition:fill .3s ease-out;fill:var(--logo-color, var(--color-blue))}.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: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{container-name:layout-footer;container-type:inline-size;position:relative;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);font-size:.75rem;text-transform:uppercase;color:color-mix(in srgb,var(--color-blue-100),transparent 30%)}.layout.footer .grid{display:grid;justify-content:center;gap:var(--xs);width:100%;grid-template-columns:1fr}.layout.footer .grid>p{text-align:center}@container layout-footer (width > 700px){.layout.footer .grid>p{grid-column:2 / 3}}.layout.footer .grid>nav{display:inline-flex;justify-content:center;gap:var(--md)}.layout.footer .grid>nav a{text-decoration:none;color:var(--color-blue-100);transition:color var(--duration) ease-out}.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{justify-content:end;grid-column:3 / 4}}@container layout-footer (width > 700px){.layout.footer .grid{grid-template-columns:1fr 1fr 1fr}}}@layer layout.trmnl-layout{.trmnl-layout{--trmnl-width: 100dvw;--trmnl-height: auto;--border-radius: 5px;margin-inline:auto;background-color:var(--color-white)}.trmnl-layout:has(.preview){background-color:var(--color-gray)}.trmnl-layout.content{container-name:content;container-type:inline-size;width:var(--trmnl-width);height:var(--trmnl-height);background-color:var(--color-white);font-size:1.3rem;color:var(--color-black)}.trmnl-layout.content.preview{--trmnl-width: 800px;--trmnl-height: 480px;overflow:hidden}.trmnl-layout.content .header-bar{padding:5px;background-color:var(--color-black);border-radius:var(--border-radius);color:var(--color-white)}.trmnl-layout.content .icon{width:var(--icon-width, 25px)}}@layer page{.page.about{container-name:page-about;container-type:inline-size}.page.about>.content{margin:0 auto;padding-block:100px;max-width:1024px}.page.about>.content>h1{margin-block-end:1em;font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-normal);color:var(--color-red)}.page.about>.content>h2{margin-block-start:1em;max-width:70ch;font-size:1.25rem;line-height:2;text-wrap:pretty;color:var(--color-orange)}.page.about>.content>.grid{--svg-width: 1.5em;display:grid;grid-template-columns:var(--grid-template-columns, 1fr);align-items:center;gap:var(--xl);margin-top:50px;font-size:2em}.page.about>.content>.grid a{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--md);text-decoration:none;color:var(--color-blue);transition:color var(--duration) ease-out}.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}}}@layer page{.page.article{--max-width: 65rem;padding-top:100px;padding-bottom:50px}.page.article>.header{container-name:page-article-header;container-type:inline-size;margin:0 auto;max-width:var(--max-width)}.page.article>.header h1{font-weight:var(--font-thin);border-bottom:1px solid var(--color-blue);font-size:clamp(2.25rem,6vw,3rem);line-height:1.2;text-wrap:balance;color:light-dark(var(--color-red),var(--color-red-400))}.page.article>.header .grid{display: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)}.page.article>.header .grid>img{grid-column:var(--grid-column-img);grid-row:var(--grid-row-img);aspect-ratio:1 / 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{display:flex;grid-column:var(--grid-column-social);grid-row:var(--grid-row-social);align-items:center;gap:var(--sm)}.page.article>.header .grid>.social a{display:inline-block;color:var(--color-blue)}.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{container-name:page-article-body;container-type:inline-size;margin:3rem auto;max-width:var(--max-width)}}@layer page{.page.career{background-color:light-dark(var(--color-white),var(--color-gray-800));color:light-dark(var(--color-gray-900),var(--color-white))}.page.career a{overflow-wrap:break-word;transition:color .2s ease-out}.page.career a:hover{color:var(--color-red)}.page.career>.header{container-name:header;container-type:inline-size;padding:var(--xl)}.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{display:flex;flex-flow:row wrap;justify-content:center;gap:var(--sm);margin-block-start:var(--lg);padding-block-start:var(--xs);border-block-start:1px solid var(--color-gray-200);font-size:.9rem;text-align:center}.page.career>.header address>span{display:flex;flex-flow:row wrap;justify-content:center;gap:var(--sm)}.page.career>.main{container-name:main;container-type: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){margin-block-start:var(--lg-rem);text-wrap:pretty}.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{display:grid;grid-template-columns:var(--resume-columns, 1fr);gap:var(--xl);margin:var(--lg) auto;max-width:max-content;padding-inline:var(--lg)}.page.career>.main>.resume .resume-section{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:var(--xl);position:relative}.page.career>.main>.resume .resume-section:not(:first-child):before{content:"";display:block;grid-column:var(--section-text-grid-column, 2 / 3);position:absolute;top:calc(var(--xl) * -.4);width:100%;border-block-start:1px solid var(--color-gray-200)}.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)}.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)}.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 p{font-size:12px}}@media print{body:has(.page.career) admin-bar{display:none}}}@layer page{.page.feeds>.content{margin:0 auto;max-width:60ch}.page.feeds>.content h1{margin-block-end:1em;font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-normal);color:var(--color-red)}.page.feeds>.content ul{display:grid;grid-template-columns:1fr 1fr}.page.feeds>.content ul>li:first-child{grid-column:1 / -1}}@layer page{.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%);background-image:linear-gradient(90deg,color-mix(in srgb,var(--color-blue),transparent 88%) 50%,color-mix(in srgb,var(--color-blue),transparent 90%) 50%);background-size:50px 50px;box-shadow:0 0 50px var(--box-shadow-color-1);border:2px solid color-mix(in srgb,var(--box-shadow-color-2),transparent 40%)}.page.home>.featured-entry picture{background-color:var(--box-shadow-color-3)}.page.home>.articles>h2{margin-top:40px;font-family:var(--font-futura);font-size:2rem;font-weight:var(--font-medium);text-align:center;text-transform:uppercase;color:var(--color-red)}.page.home>.articles>.about{--prose-max-width: none;--prose-font-size: 1.1rem;--prose-color: var(--color-orange);margin:20px auto 60px;max-width:80ch;font-family:var(--font-futura);text-align:center;text-wrap:pretty}.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%;padding:60px 0 80px;color:var(--color-white)}.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);margin:20px auto 70px;max-width:80ch;font-family:var(--font-futura);text-align:center;text-wrap:pretty}.page.home>.plugins>.plugins{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;gap:clamp(50px,5vw,150px)}.page.home>.plugins>.plugins>.plugin{display:grid;justify-content:center;grid-template-rows:100px 1fr max-content;flex:0 1 250px;gap:20px;font-family:var(--font-futura);text-align:center;text-wrap:pretty}.page.home>.plugins>.plugins>.plugin svg{margin:0 auto;aspect-ratio:1 / 1}.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}}@layer page{.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{display:flex;flex-flow:column;align-items:center;gap:var(--xl);padding:clamp(50px,5vw,100px) clamp(10px,5vw,100px)}.page.project>.header>div h1{max-width:30ch;font-weight:var(--font-thin);font-size:clamp(2.25rem,6vw,4rem);line-height:.9;text-box:trim-both cap alphabetic;text-wrap:balance}.page.project>.header>div h1>span{font-size:.7em;color:color-mix(in srgb,currentColor,transparent 30%)}.page.project>.header>div .description{max-width:40ch;font-weight:var(--font-light);font-size:clamp(1rem,3vw,1.4rem);text-box:trim-both cap alphabetic;text-wrap:balance}.page.project>.header>div .cta{display:flex;justify-content:center;gap:var(--sm)}.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{display:flex;justify-content:center;flex-flow:row wrap;gap:clamp(var(--md),3vw,var(--xl));padding:clamp(.9rem,3vw,1.4rem);background-color:color-mix(in srgb,var(--color-blue),transparent 90%);border-block-end:2px solid var(--color-orange)}.page.project>.header>nav a{display:inline-block;font-size:1.1rem;text-box:trim-both cap alphabetic;text-decoration:none;text-wrap:balance;color:var(--color-blue-800)}.page.project>.header>nav a:hover{text-decoration:underline;color:var(--color-blue-900)}.page.project>.body>.content{margin:0 auto 50px;max-width:1024px}}@layer page.trmnl-page{.trmnl-school-schedule{display:grid;grid-template-rows:1fr;gap:var(--lg);padding:var(--md);height:100%}.trmnl-school-schedule>h1{font-size:1.7rem;text-box:cap alphabetic}.trmnl-school-schedule .specials{white-space:nowrap}.trmnl-school-schedule .specials svg{display:inline-block}.trmnl-school-schedule>.grid{display:grid;grid-template-columns:1fr;align-items:stretch;gap:var(--xl)}@container content (width > 700px){.trmnl-school-schedule>.grid:has(:nth-child(2)){grid-template-columns:25% 1fr}}.trmnl-school-schedule>.grid>.today{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content;gap:var(--xl)}.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{font-size:2rem;line-height:1.3;text-wrap:balance}.trmnl-school-schedule>.grid>.today .specials h2{margin-block-end:var(--lg)}.trmnl-school-schedule>.grid>.today .specials>p{display:flex;justify-content:space-between;gap:var(--lg);font-size:1.6rem}.trmnl-school-schedule>.grid>.holiday .holiday{font-size:2rem;text-wrap:balance}.trmnl-school-schedule>.grid>.next-week>ul{display:grid;grid-template-columns:1fr repeat(var(--kid-count, 1),max-content);gap:var(--xl);margin:0;padding:0}.trmnl-school-schedule>.grid>.next-week>ul>li{display:grid;grid-template-columns:subgrid;align-items:center;grid-column:1 / -1}.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{margin-block-end:var(--sm);font-size:1rem;text-box:cap alphabetic}.trmnl-school-schedule>.grid>.next-week>ul>li :is(p,span){line-height:1;text-box:cap alphabetic;text-wrap:balance}.trmnl-school-schedule>.grid>.next-week>ul>li .holiday{display:flex;align-items:center;gap:var(--md);grid-column:1 / -1;padding:8px;border:2px solid var(--color-gray);border-radius:var(--border-radius)}}@layer page.trmnl-page{.trmnl-word-of-the-day{display:grid;grid-template-columns:1fr;gap:calc(var(--xl) * 2) var(--lg);padding:var(--md);height:100%}@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{display:flex;flex-flow:column nowrap;gap:var(--md)}.trmnl-word-of-the-day>.math-of-the-day h2{text-align:center}.trmnl-word-of-the-day>.math-of-the-day .problem{font-size:1.7rem;text-align:center}.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{display:flex;flex-flow:column nowrap;gap:var(--lg)}.trmnl-word-of-the-day>.word-of-the-day>main{display:flex;align-items:center;justify-content:center;flex-flow:column;flex-grow:1;min-height:200px}.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);font-size:1.6rem;text-align:center}.trmnl-word-of-the-day>.word-of-the-day .extra-words ul{display:flex;justify-content:space-between;flex-grow:1;width:100%;margin:0;padding:0}.trmnl-word-of-the-day>.word-of-the-day .extra-words ul li{list-style:none}}@layer globals{@view-transition{navigation: auto;}html{font-family:var(--font-apple);scroll-behavior:smooth}hr{margin-bottom:2.8em;margin-top:2.8em;height:0px;border:none;border-top:1px solid var(--color-blue)}.article-grid{display:grid;grid-template-columns:1fr;justify-content:center;gap:var(--lg);padding-inline-start:0}.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%);display:inline-flex;justify-content:center;padding:.7em 1.3em;background-color:color-mix(in srgb,var(--background-color, var(--color-blue)),transparent 20%);border-radius:6px;box-shadow:0 0 3px var(--box-shadow-color),0 0 9px var(--box-shadow-color);font-family:var(--font-futura);font-size:.95em;text-decoration:none;color:var(--color, --color-blue-100);transition:background-color var(--duration) ease-out,color var(--duration) ease-out}.button:hover{background-color:var(--color-hover, var(--color-blue-400))}.content-container{container-name:content-container;container-type:inline-size;position:relative;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:light-dark(color-mix(in oklch,var(--content-container-background-color, var(--color-white)),transparent var(--content-container-background-opacity, 4%)),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)}@media (prefers-reduced-transparency){.content-container{--content-container-background-opacity: 0%}}@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)){:scope{--glass-thickness: 3px}.glass-surface{--background-color: light-dark(var(--color-blue-900), var(--color-gray-800));position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;-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}.glass-edge{position:absolute;height:100%;width:100%;left:0;right:0;bottom:0;height:var(--glass-thickness);background:#ffffff1a;-webkit-backdrop-filter:blur(12px) brightness(.96);backdrop-filter:blur(12px) brightness(.96);pointer-events:none;transform:translateY(100%)}}@supports (mask-image: none) or (-webkit-mask-image: none){.glass-surface{height:200%;-webkit-mask-image:linear-gradient(to bottom,black 0% 50%,transparent 50% 100%);mask-image:linear-gradient(to bottom,black 0% 50%,transparent 50% 100%)}.glass-edge{height:100%;top:0;right:0;bottom:0;left:0;-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))}: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-orange)}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre) a:hover{color:var(--color-blue)}.prose :is(blockquote,dd,dl,h1,h2,h3,h4,h5,h6,hr,p,li,pre) code{padding:.4em;background-color:color-mix(in srgb,var(--color-blue),transparent 50%);border-radius:.3em;font-family:monospace;font-size:.9em;overflow-wrap:break-word;color:light-dark(var(--prose-code-color, var(--color-blue-800)),var(--prose-code-color, var(--color-blue-300)))}.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{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}::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 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(1 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: 025em;--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}}}pre code.hljs{display:block;overflow-x:auto;padding:1em}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}