@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a169beb1-module__toZ8wq__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a169beb1-module__toZ8wq__variable{--font-main:"Geist","Geist Fallback"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_5a239df2-module__FUNSdq__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_5a239df2-module__FUNSdq__variable{--font-accent:"Playfair Display","Playfair Display Fallback"}
@layer tokens {
:root{--color-primary-100:#dee7ed;--color-primary-200:#b2c6dc;--color-primary-400:#1a61b3;--color-primary-600:#11447e;--color-secondary-100:#e7f3ee;--color-secondary-200:#cae2d7;--color-secondary-400:#176d49;--color-secondary-600:#0f4d33;--color-accent-100:#ebe0e6;--color-accent-200:#e8d9e4;--color-accent-400:#b31e90;--color-accent-600:#7a1562;--color-danger-100:#f6eeee;--color-danger-200:#e7d0d0;--color-danger-400:#a70c0c;--color-danger-600:#8a0a0a;--color-warning-100:#fff6db;--color-warning-200:#ffedb8;--color-warning-400:#966c03;--color-warning-600:#644802;--color-success-100:#e2f4e8;--color-success-200:#c4e8d0;--color-success-400:#237641;--color-success-600:#1a6b38;--color-info-100:#ddf4f8;--color-info-200:#c0f3fc;--color-info-400:#a6e3ed;--color-info-600:#0c4f5a;--color-neutral-100:#fff;--color-neutral-200:#e0e0e0;--color-neutral-300:#b3b3b3;--color-neutral-400:#757575;--color-neutral-500:#616161;--color-neutral-600:#4d4d4d;--color-neutral-700:#3d3d3d;--color-neutral-800:#262626;--color-neutral-900:#0d0d0d;--color-code-dark:#1d1f25;--color-code-light:#e2e5e9;--color-inline-bg:#f4f4e5;--color-neutral-a2-dark:color-mix(in srgb,var(--color-neutral-900)20%,transparent);--color-neutral-a4-dark:color-mix(in srgb,var(--color-neutral-900)40%,transparent);--color-neutral-a6-dark:color-mix(in srgb,var(--color-neutral-900)60%,transparent);--color-neutral-a7-dark:color-mix(in srgb,var(--color-neutral-900)70%,transparent);--color-neutral-a9-dark:color-mix(in srgb,var(--color-neutral-900)90%,transparent);--color-neutral-a2-light:color-mix(in srgb,var(--color-neutral-100)20%,transparent);--color-neutral-a4-light:color-mix(in srgb,var(--color-neutral-100)40%,transparent);--color-neutral-a6-light:color-mix(in srgb,var(--color-neutral-100)60%,transparent);--color-neutral-a7-light:color-mix(in srgb,var(--color-neutral-100)70%,transparent);--color-neutral-a9-light:color-mix(in srgb,var(--color-neutral-100)90%,transparent);--color-emphasis-100:#ef7143;--color-emphasis-200:#b189f5;--color-emphasis-300:#2bd4bd;--color-emphasis-400:#c4f042;--color-emphasis-500:#f278b5;--color-emphasis-600:#3abff8;--color-emphasis-700:#21c45d;--color-emphasis-800:#828df8;--color-emphasis-900:#f8c630;--color-link-100:#dee7f7;--color-link-200:#b3c7ef;--color-link-400:#2258c3;--color-link-600:#143d8f}
}

@layer tokens {
:root{--bp-xs:18.75rem;--bp-sm:35rem;--bp-md:48rem;--bp-lg:75rem;--bp-xl:90rem}
}

@layer tokens {
:root{--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-circle:50%;--radius-full:9999px;--border-width-thin:1px;--border-width-thick:2px;--border-style-solid:solid;--border-style-dashed:dashed}
}

@layer tokens {
:root{--spacing-sm:.25rem;--spacing:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-xxl:2rem;--spacing-3xl:4rem}
}

@layer tokens {
:root{--font-size-xs:clamp(.75rem,.7rem + .25vw,.875rem);--font-size-sm:clamp(.875rem,.8rem + .375vw,1rem);--font-size-base:clamp(1rem,.9rem + .5vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + .625vw,1.25rem);--font-size-xl:clamp(1.25rem,1rem + .75vw,1.5rem);--font-size-2xl:clamp(1.4rem,1rem + 1vw,1.875rem);--font-size-3xl:clamp(1.75rem,1.25rem + 1.375vw,2.25rem);--font-size-4xl:clamp(1.85rem,1.25rem + 1.75vw,3rem);--font-size-5xl:clamp(1.9rem,1.5rem + 2.5vw,3.75rem);--font-size-6xl:clamp(2rem,1.5rem + 3.75vw,4.5rem);--line-height-tight:1;--line-height-snug:1.1;--line-height-normal:1.2;--line-height-relaxed:1.3;--line-height-loose:1.4;--line-height-extra-loose:1.5;--line-height-super-loose:1.6}
}

@layer tokens {
:root{--shadow-sm:-4px 0 12px color-mix(in srgb,var(--text-on-surface)15%,transparent);--shadow-md:-8px 0 24px color-mix(in srgb,var(--text-on-surface)15%,transparent);--shadow-lg:-12px 0 36px color-mix(in srgb,var(--text-on-surface)15%,transparent)}
}

@layer tokens {
:root{--overlay-transition-duration:.25s;--expanded-burger-menu-width:min(300px,80%);--expanded-button--width:min(300px,80%)}
}

@layer tokens {
:root:has([data-theme=light]){--surface:var(--color-neutral-100);--text-on-surface:var(--color-neutral-900);--text-muted:var(--color-neutral-500);--link-on-surface:var(--color-link-400);--link-on-filled:var(--color-link-400);--link-color:var(--link-on-surface)}:root:has([data-theme=dark]){--surface:var(--color-neutral-900);--text-on-surface:var(--color-neutral-100);--text-muted:var(--color-neutral-300);--link-on-surface:var(--color-link-200);--link-on-filled:var(--color-link-400);--link-color:var(--link-on-surface)}body{background-color:var(--surface);color:var(--text-on-surface)}
}

@layer tokens {

}

@layer base {
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none;font-size:1rem}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin-block:0;margin-inline:0}h1,h2,h3,h4,p,li,figure,blockquote{max-width:85ch}ul[role=list],ol[role=list]{list-style:none}body{background-color:var(--surface,initial);color:var(--text-on-surface,initial);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}button,input,label{line-height:1.25}a:not([class]){text-decoration-skip-ink:auto;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.125em;transition:text-decoration-color .2s}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion:reduce){html:focus-within,*,:before,:after{scroll-behavior:auto;transition:none!important;animation:none!important}}
}

@layer base {

}

@layer base {
.layout-wrapper{--layout-min-width:var(--bp-xs);--layout-max-width:80ch;--layout-padding:clamp(.25rem,1vw,1.5rem);--layout-bleed:clamp(.25rem,1.5vw,3rem);width:clamp(var(--layout-min-width),100%,var(--layout-max-width));grid-template-columns:[padding-start]var(--layout-padding)[bleed-start]var(--layout-bleed)[content-start]1fr [content-end]var(--layout-bleed)[bleed-end]var(--layout-padding)[padding-end];margin-inline:auto;display:grid}@media (min-width:48rem){.layout-wrapper{--layout-padding:clamp(1rem,2vw,2.5rem);--layout-bleed:clamp(1rem,5.5vw,5rem)}}.layout-wrapper>*{grid-column:content;width:100%;min-width:0}.layout-wrapper>.width-content{grid-column:content}.layout-wrapper>.width-bleed{grid-column:bleed}.layout-wrapper>.width-full{grid-column:padding}.main-wrapper{width:min(100%,var(--bp-xl));margin-inline:auto}
}

@layer base {

}

@layer components {
.row{flex-direction:row;display:flex}.row>span{flex:0 auto;min-width:0}.row-align-start{align-items:flex-start}.row-align-center{align-items:center}.row-align-end{align-items:flex-end}.row-align-stretch{align-items:stretch}.row-justify-start{justify-content:flex-start}.row-justify-center{justify-content:center}.row-justify-end{justify-content:flex-end}.row-justify-between{justify-content:space-between}
}

@layer components {
.inline-flow{flex-direction:row;width:fit-content;display:inline-flex}.inline-flow>span:not([class]){white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;width:max-content}.inline-wrap{flex-wrap:wrap}.inline-nowrap{flex-wrap:nowrap}.inline-align-start{align-items:flex-start}.inline-align-center{align-items:center}.inline-align-end{align-items:flex-end}.inline-align-stretch{align-items:stretch}.inline-align-baseline{align-items:baseline}
}

@layer components {
.stack{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-width:0;display:grid}.stack>*{grid-column:1}.stack-align-start{align-items:start}.stack-align-center{align-items:center}.stack-align-end{align-items:end}.stack-align-stretch{align-items:stretch}.stack-align-baseline{align-items:baseline}.stack-justify-start{justify-items:start}.stack-justify-center{justify-items:center}.stack-justify-end{justify-items:end}.stack-justify-stretch{justify-items:stretch}
}

@layer components {

}

@layer components {
.button--copy{--button-margin:6px;--button-padding-x:12px;--button-padding-y:12px;display:inline-block}
}

@layer components {
.button{--button-font-size:1rem;--button-margin:var(--spacing);--button-padding-y:var(--spacing);--button-padding-x:var(--spacing-sm);--button-icon-width:24px;--button-spinner-width:24px;grid-template-areas:"icon content spinner";grid-template-columns:var(--button-icon-width)fit-content(100%)var(--button-spinner-width);gap:var(--spacing);white-space:nowrap;align-items:center;min-width:44px;min-height:44px;display:grid}.button>*{grid-area:content}.button .spinner{grid-area:spinner;justify-self:center}.button.button-w-icon .icon{grid-area:icon;justify-self:center}.button{margin:var(--button-margin);padding:var(--button-padding-y)var(--button-padding-x);appearance:none;border-radius:var(--radius-md);box-shadow:none;box-shadow:var(--button-shadow,none);outline:0;outline-color:var(--border-color,currentColor);outline-offset:var(--button-outline-offset);font:inherit;font-size:var(--button-font-size);text-align:center;vertical-align:middle;background:0 0;line-height:1.25;transition:background-color .2s,color .2s,border-color .2s,outline .2s,box-shadow .2s}.button:hover{outline:1px solid var(--border-color,currentColor);box-shadow:1px 1px 4px #0003}.button:focus-visible{outline:2px solid var(--border-color);outline-offset:var(--button-outline-offset);box-shadow:none}.button:active,.button[data-pressed=true]{outline:1px dotted var(--border-color,currentColor);transform:translateY(1px)}.button:is(:disabled,[aria-disabled=true]),.button[data-variant]:is(:disabled,[aria-disabled=true]),.button[data-style]:is(:disabled,[aria-disabled=true]){--background-color:var(--color-neutral-200);--foreground-color:var(--color-neutral-800);--border-color:var(--color-neutral-400);cursor:not-allowed}:is(.button:is(:disabled,[aria-disabled=true]),.button[data-variant]:is(:disabled,[aria-disabled=true]),.button[data-style]:is(:disabled,[aria-disabled=true])):hover,:is(.button:is(:disabled,[aria-disabled=true]),.button[data-variant]:is(:disabled,[aria-disabled=true]),.button[data-style]:is(:disabled,[aria-disabled=true])):active{box-shadow:none;outline:none;transform:none}:is(.button:is(:disabled,[aria-disabled=true]),.button[data-variant]:is(:disabled,[aria-disabled=true]),.button[data-style]:is(:disabled,[aria-disabled=true])):focus-visible{--button-outline-color:var(--color-neutral-600)}.button[data-loading=true]{cursor:wait}.button[data-loading=true]:hover:not(:focus-visible){box-shadow:none;outline:none;transform:none}button.button{cursor:pointer}@media screen and (any-pointer:coarse){.button{--button-margin:12px;--button-padding-y:12px;--button-padding-x:20px}}@media (prefers-reduced-motion:reduce){.button{transition:none!important;animation:none!important}}
}

@layer components {
.button.button--icon-only{--button-padding-y:0;--button-padding-x:0;grid-template-columns:1fr;place-content:center}.button.button--icon-only .button__content{display:none}.button.button--icon-only .icon,.button.button--icon-only .spinner{grid-column:1}.button.button--icon-only[data-loading=true] .icon{display:none}
}

@layer components {
.toggle-group{gap:var(--spacing-xs);justify-content:center;display:inline-flex}.toggle-group[data-orientation=vertical]{flex-direction:column}.toggle-button[aria-pressed=true]{--background-color:var(--surface-color);border:var(--border-width-thick)solid}
}

@layer components {

}

@layer components {
.post{padding-block:var(--spacing-lg)}
}

@layer components {
.post-note{padding-inline:clamp(var(--spacing),var(--spacing-sm) + .25vw,var(--spacing-lg));padding-block:var(--spacing-lg);box-shadow:inset 2px 2px 4px color-mix(in srgb,var(--background-color)10%,transparent),inset -1px -1px 2px color-mix(in srgb,var(--background-color)90%,transparent);position:relative;border-left-width:3px!important}.post-note.has-icon{padding:var(--spacing-lg)var(--spacing-lg)}.post-note__icon{pointer-events:none;background-color:inherit;color:inherit;fill:currentColor;border:var(--border-width-thin)solid;border-color:inherit;border-right:var(--spacing-xl);border-top:var(--spacing-xl);border-radius:var(--radius-circle);position:absolute;top:-.65em;left:-1.5em}
}

@layer components {
.side-bar--wrapper{min-height:var(--bp-xs);height:100dvh;position:sticky;top:0;right:0}.post-sidebar{height:100%;padding-block-end:var(--spacing-xl);padding-inline:var(--spacing-lg);flex-direction:column;align-items:center;display:flex}.post-sidebar__contents{margin-block-start:var(--spacing-xl)}@media screen and (min-width:35rem){main:has(.post-sidebar){column-gap:var(--spacing-lg);grid-template-columns:1fr max(250px,min(30%,250px));display:grid}.post-sidebar{align-items:initial;padding-inline:var(--spacing)var(--spacing-lg);position:sticky;top:0;right:0}}
}

@layer components {
.post-sidebar__author{height:fit-content;margin-top:auto}.author{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.author .author__name{text-transform:capitalize;margin:0}.author .author__avatar{border-radius:var(--radius-circle);background-color:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.author__avatar img{border-radius:var(--radius-circle);padding:var(--spacing-sm)}
}

@layer components {
.toc-list{margin:0;padding-inline-start:var(--spacing);list-style:none}.toc-list>:not(:last-child){margin-block-end:var(--spacing)}.toc-item{transition:transform .2s ease-out;position:relative}.toc-item--active{transform:translateX(var(--spacing))}.toc-item--active:before{content:"";background-color:var(--color-primary-400);border-radius:1.5px;width:4px;height:.9lh;animation:.4s cubic-bezier(.5,1.5,.25,2) slideIn;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.toc-item{transition:none}.toc-item--active:before{animation:none}}@keyframes slideIn{0%{opacity:0;height:0}to{opacity:1;height:.9lh}}.toc-link{padding-inline:.2rem}.toc-link--active{background-color:var(--color-primary-400);color:var(--color-neutral-100)!important}
}

@layer components {

}

@layer components {
.post-section{--post-section-spacer:var(--spacing-xxl);padding-block:var(--spacing-xl);position:relative}.post-section p{max-width:75ch}.post-section h2,.post-section h3{scroll-margin-block-start:var(--spacing-xl)}.post-section:not(:last-of-type):after{content:"";bottom:calc(var(--post-section-spacer)/-2);background-color:var(--text-muted);width:min(80ch,75%);height:1px;box-shadow:1px 4px 10px var(--text-on-surface);pointer-events:none;margin-inline:auto;position:absolute;left:0;right:0}.post-section+.post-section{margin-block-start:var(--post-section-spacer)}@media screen and (max-width:35rem){.post-section{--post-section-spacer:var(--spacing-xl)}.post-section:not(:last-of-type):after{width:95%}}
}

@layer components {
.post__banner{aspect-ratio:3;isolation:isolate;z-index:0;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);margin-block-end:var(--spacing-lg);display:grid}.post__banner__image{z-index:1;border-radius:var(--radius-lg);border:8px solid var(--color-neutral-a6-dark);opacity:.75;outline:2px solid var(--color-neutral-a6-dark);grid-area:1/1/-1/-1}.post__banner__text{background-color:var(--color-neutral-a4-light);z-index:2;row-gap:var(--spacing-sm);grid-area:1/1/-1/-1;grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.post__banner__text-heading{--outline-color:color-mix(in srgb,currentColor 75%,var(--color-neutral-900));text-align:center;text-shadow:-1px -1px 0 var(--outline-color),1px -1px 0 var(--outline-color),-1px 1px 0 var(--outline-color),1px 1px 0 var(--outline-color),0 -1px 0 var(--outline-color),0 1px 0 var(--outline-color),-1px 0 0 var(--outline-color),1px 0 0 var(--outline-color);grid-area:1/1/auto/-1}.post__banner__text-subtitle{text-align:center;z-index:0;color:#fff;grid-area:2/1/auto/-1;width:calc(100% - 16px);margin-inline:auto;position:relative}.post__banner__text-subtitle:before{content:"";z-index:-1;background-color:var(--color-neutral-a6-dark);border-bottom:4px ridge var(--surface);width:100%;height:140%;position:absolute;top:0;left:0;transform:translateY(-.2lh)}@media (max-width:35rem){.post__banner{aspect-ratio:auto;grid-template-rows:repeat(3,1fr)}.post__banner__image{border-radius:0}.post__banner__text{padding:.5rem 1rem}.post__banner__text-subtitle{width:80%}.post__banner__text-subtitle:before{border:2px solid var(--surface);border-radius:0 10px 10px 0;width:max(300px,100vw);height:200%;top:-25%;left:-35%}}
}

@layer components {
.post-card{outline:1px solid var(--color-neutral-a2-dark);height:max(150px,100%);transition:outline-offset .15s ease-in-out,outline-color .15s ease-in-out;position:relative;overflow:hidden}.post-card__overlay{cursor:pointer;z-index:1;position:absolute;inset:0}.post-card .selectable-text{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text}.post-card__heading,.post-card__excerpt,.post-card__meta{z-index:2;pointer-events:none}.post-card__heading{position:relative}.post-card__excerpt{top:calc(50% + var(--spacing));position:absolute}.post-card__meta{position:absolute;bottom:0}.post-card .post-card__image{width:100%;display:inline-block;overflow:hidden;background-color:#0000!important}.post-card .post-card__image img{filter:grayscale()contrast(.75);height:100%;transition:filter .6s cubic-bezier(0,.25,.3,1),transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.15)translate(-4%,-4%);width:max(250px,100%)!important}.post-card[data-layout=large] .post-card__image{height:max(100px,50%)!important}.post-card .post-card__image{opacity:.5;height:100%;position:absolute;inset:0}.post-card .post-card__image img{height:100%}.post-card:hover,.post-card:focus-within{box-shadow:var(--shadow-sm);outline-offset:4px;outline-color:var(--color-neutral-a4-dark)}.post-card:has(.post-card__link:active){box-shadow:var(--shadow-sm);outline-offset:4px;outline-color:var(--color-neutral-a4-dark)}.post-card:has(.post-card__link:active) .post-card__image img{filter:grayscale(0%)saturate(1.05);transform:scale(1)translate(0)}.post-card:has(.post-card__link:focus-visible){box-shadow:var(--shadow-sm);outline-offset:4px;outline-color:var(--color-neutral-a4-dark)}.post-card:has(.post-card__link:focus-visible) .post-card__image img{filter:grayscale(0%)saturate(1.05);transform:scale(1)translate(0)}:is(.post-card:hover,.post-card:focus-within) .post-card__image img{filter:grayscale(0%)saturate(1.05);transform:scale(1)translate(0)}.post-card:has(.post-card__link:active){outline-style:dashed}.post-card .post-card__link{--link-color-override:transparent;outline:0}@media (prefers-reduced-motion:reduce){.post-card__image img{transition:none;transform:none}}.post-card__grid-container{container:posts-grid/inline-size}.post-card__grid{--card-grid-col-template:1fr;grid-template-columns:var(--card-grid-col-template);grid-auto-rows:minmax(200px,auto);grid-auto-flow:dense;gap:var(--spacing);padding:0;display:grid}.post-card__grid li{grid-area:auto}@container posts-grid (min-width:40rem){.post-card__grid{--card-grid-col-template:repeat(5,1fr);gap:var(--spacing-lg)}.post-card__grid>li{grid-column:4/6}.post-card__grid>li[data-layout=large]{grid-area:span 3/1/auto/4}.post-card__grid[data-side=right] li[data-layout=large]{grid-column:3/6}.post-card__grid[data-side=right] li{grid-column:1/3}}
}

@layer components {
.post-navigation{margin:var(--spacing-xl)0;padding:var(--spacing-lg)var(--spacing);justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:100%;display:flex}.navigation__card{min-height:5rem;padding:var(--spacing-lg);place-content:center;gap:var(--spacing);border:1px solid #0000;border-radius:1rem;transition:box-shadow .2s,border-color .2s;display:grid;box-shadow:0 2px 4px #0000001a}.navigation__card:hover{border:1px solid var(--color-neutral-200);transform:translateY(1px);box-shadow:0 2px 4px #0003}.navigation__card:focus-visible{outline:2px solid var(--color-neutral-200);outline-offset:var(--spacing-lg);border-radius:12px;outline-style:dashed}.post-navigation .navigation__card{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:200px;display:flex}.post-navigation .navigation__card-label{font-size:var(--font-size-sm);order:2;font-weight:300}.post-navigation .navigation__card-heading{font-size:var(--font-size-base);text-align:center;flex-basis:100%;order:3;font-weight:600}.post-navigation .navigation__card svg{order:1}.post-navigation .navigation__card--previous{flex-direction:row-reverse}.post-navigation .navigation__card--previous .navigation__card-label{order:1}.post-navigation .navigation__card--previous svg{order:2}@media screen and (max-width:35rem){.post-navigation .navigation__card-heading{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion:reduce){.navigation__card{transition:none}.navigation__card:hover{transform:none}}
}

@layer components {
.postinfo{max-width:80%}
}

@layer components {
.post-section .heading .link--heading{-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.post-section .heading .link--heading:hover{text-decoration-style:dashed;text-decoration-color:currentColor}.post-section .heading .link--heading:focus-within{text-decoration-style:solid;text-decoration-color:currentColor}
}

@layer components {

}

@layer components {
.skip-link{z-index:50;background-color:var(--color-primary-600);color:var(--color-neutral-100);border-radius:var(--radius-sm);box-shadow:1px 1px 4px var(--color-neutral-400);padding:1em .5em;transition:transform .25s ease-in-out;position:absolute;top:-1rem;left:1rem;transform:translateY(-100%)}.skip-link:focus-within{transform:translateY(1rem)}.skip-link:hover,.skip-link:focus-visible{background-color:var(--color-primary-100);color:var(--color-primary-600);border-style:dashed}.skip-link:focus-visible{outline:1px dashed var(--color-primary-200);outline-offset:2px}
}

@layer components {
.shiki-wrapper{--line-background-color:inherit;--line-color:inherit;background:var(--color-neutral-900);border-radius:var(--radius-md);min-width:0;font-size:1rem;position:relative}.shiki-wrapper .shiki{padding:1.15em .5em;border:var(--border-width-thick)solid;border-radius:var(--radius-md);white-space:pre;scrollbar-width:auto;scrollbar-color:var(--color-neutral-200)transparent;max-height:30rem;margin-block:0;padding-inline-end:3em;overflow:auto}.shiki-wrapper .shiki::-webkit-scrollbar{width:10px;height:10px}.shiki-wrapper .shiki::-webkit-scrollbar-thumb{background-color:var(--color-neutral-100);border-radius:var(--radius-sm)}.shiki-wrapper .shiki code{line-height:1.5}.shiki-wrapper .shiki .line{width:100%;display:inline-flex;background-color:var(--line-background-color)!important}.shiki-wrapper .shiki .line .custom-code-highlight span{color:var(--line-color)!important}.shiki-wrapper .shiki .line:hover{--line-background-color:var(--color-neutral-900);--line-color:var(--surface-color);--code-highlight-background-color:var(--color-neutral-900);--code-highlight-color:var(--color-neutral-100)}.shiki-wrapper .shiki .line:hover .custom-code-highlight:hover{--code-highlight-border-color:var(--color-warning-400);--code-highlight-background-color:var(--color-neutral-900);--line-color:var(--color-neutral-100);border-style:solid}.shiki .custom-code-highlight{--code-highlight-border-color:var(--border-color,var(--color-primary-400));--code-highlight-color:var(--color-neutral-900);--code-highlight-background-color:var(--surface-color,var(--color-primary-200));--line-color:var(--code-highlight-color);background:var(--code-highlight-background-color);border-width:var(--border-width-thin);border-style:dashed;border-color:var(--code-highlight-border-color);border-radius:var(--radius-sm);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.shiki-wrapper .button--copy{--button-margin:0;--button-padding-x:0;--button-padding-y:0;top:var(--spacing);right:var(--spacing-md);position:absolute}.shiki-wrapper:has(.code-title){padding:var(--spacing-sm)}.shiki-wrapper:has(.code-title) .code-header{padding-inline-start:var(--spacing-sm);padding-block:var(--spacing-sm);gap:var(--spacing-sm-md);justify-content:space-between;align-items:center;display:flex}.shiki-wrapper:has(.code-title) .button--copy{position:relative;top:-2px;right:2px}.shiki-wrapper:has(.code-title) .code-title{margin:0;font-style:italic;font-weight:500}@media (max-width:48rem){.shiki{line-height:1.2}.shiki-wrapper pre{max-height:22rem;font-size:var(--font-size-sm);padding-inline-end:0}}.shiki-inline{background-color:var(--color-inline-bg);border:var(--border-width-thin)solid;padding:.125em var(--spacing-sm);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone}.shiki-inline.text-nowrap{white-space:pre-line;overflow-wrap:break-word;word-break:break-word}
}

@layer components {
.nav__primary{flex-direction:column;gap:1.5rem;padding-inline:1rem;display:flex}.header--wrapper{min-height:5rem;width:clamp(var(--bp-xs),85%,var(--bp-xl));align-items:center;margin-inline:auto;display:flex;position:relative}@media screen and (max-width:35rem){.nav__primary a:first-child{padding-block-start:var(--spacing-xxl)}}@media screen and (min-width:35rem){.header--wrapper{padding:var(--spacing)var(--spacing-lg);padding-block:var(--spacing-xxl)}.nav__primary{padding-block:var(--spacing-sm);flex-direction:row;margin-right:auto}}
}

@layer components {
.footer{text-align:center;width:100%;padding-block-start:var(--spacing-3xl);padding-block-end:var(--spacing-lg);padding-inline:var(--spacing-lg);justify-content:center}.footer p{margin:0}.footer p span{margin-inline:.5em}
}

@layer components {
.link{color:var(--link-color-override,var(--link-color));text-underline-offset:.2em;white-space:normal;overflow-wrap:break-word;word-break:keep-all;text-decoration-color:currentColor;text-decoration-thickness:.125em}.link:not(.link--surface){text-decoration:underline}.link--surface{--link-color-override:currentColor;text-decoration:none;display:inline-block}.link--surface:focus-visible,.link--surface:hover{outline-offset:.25em;outline:2px solid}a:not([class]):hover,a:not([class]):focus-visible,.link:hover,.link:focus-visible{text-decoration-style:dotted}.link--heading{width:fit-content;text-decoration:none;position:relative}.link--heading:hover,.link--heading:focus-visible{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:is(.link--heading:hover,.link--heading:focus-visible):after{content:"#";font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-accent);color:var(--text-muted);position:absolute;top:50%;right:-1.5ch;transform:translateY(-50%)}.link-w-icon{align-items:center;gap:var(--spacing-sm);grid-template-columns:24px fit-content(100%);display:grid}.external{align-items:baseline}.external .icon{margin-left:var(--spacing-sm);flex-shrink:0}
}

@layer components {
.spinner{width:1rem;height:1rem;display:inline-block;position:relative}.spinner div{box-sizing:border-box;border:1px solid #0000;border-top-color:currentColor;border-radius:50%;width:.75rem;height:.75rem;margin:1px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;display:block;position:absolute}.spinner div:first-child{animation-delay:-.45s}.spinner div:nth-child(2){animation-delay:-.3s}.spinner div:nth-child(3){animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
}

@layer components {
.bubble{z-index:1000;border-radius:50%;animation:6s ease-in-out infinite float1;position:fixed}.bubble:hover .bubble-inner{rotate:3deg;scale:1.25;box-shadow:inset 0 0 30px #fff6,0 0 25px #00000026}.bubble-inner{background:inherit;border:2px solid;border-color:inherit;border-radius:50%;width:100%;height:100%;transition:scale .3s cubic-bezier(.34,1.56,.64,1),rotate .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;box-shadow:inset 0 0 20px #ffffff4d,0 0 20px #0000001a}.bubble-inner:after{content:"";pointer-events:none;background:radial-gradient(at 30% 30%,#fffc 0%,#fff6 40%,#0000 70%);border-radius:50%;width:30%;height:30%;position:absolute;top:15%;left:25%}.splatter{pointer-events:none;z-index:1001;border-radius:50%;animation:.8s ease-out forwards splatterOut;position:fixed;box-shadow:0 0 6px #35949b80}@media (prefers-reduced-motion:reduce){.bubble,.bubble-inner,.splatter{transition:none!important;animation:none!important}}@keyframes float1{0%{opacity:.8;transform:translate(0)rotate(0)}25%{opacity:.75;transform:translate(10px,-40px)rotate(15deg)}50%{opacity:.7;transform:translate(-5px,-80px)rotate(-10deg)}75%{opacity:.65;transform:translate(5px,-120px)rotate(8deg)}to{opacity:.6;transform:translateY(-160px)rotate(0)}}@keyframes float2{0%{opacity:.8;transform:translate(0)rotate(0)}20%{opacity:.76;transform:translate(-15px,-30px)rotate(-12deg)}40%{opacity:.72;transform:translateY(-70px)rotate(10deg)}60%{opacity:.68;transform:translate(-10px,-110px)rotate(-8deg)}80%{opacity:.64;transform:translate(-15px,-150px)rotate(5deg)}to{opacity:.6;transform:translateY(-190px)rotate(0)}}@keyframes float3{0%{opacity:.8;transform:translate(0)rotate(0)}15%{opacity:.77;transform:translate(10px,-20px)rotate(6deg)}30%{opacity:.74;transform:translateY(-50px)rotate(-15deg)}50%{opacity:.7;transform:translate(15px,-90px)rotate(20deg)}70%{opacity:.67;transform:translate(-5px,-130px)rotate(-8deg)}85%{opacity:.63;transform:translate(5px,-170px)rotate(12deg)}to{opacity:.6;transform:translateY(-200px)rotate(0)}}@keyframes pop{0%{opacity:inherit;border-width:1px;transform:rotate(4deg)scale(1)}50%{opacity:.3;border-width:1px;transform:rotate(2deg)scale(1.8)}to{opacity:0;border-width:1px;transform:rotate(0)scale(0)}}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes splatterOut{0%{opacity:1;transform:translate(0)scale(0)rotate(0)}20%{transform:translate(calc(var(--end-x)*.2),calc(var(--end-y)*.2))scale(1)rotate(90deg);opacity:.9}60%{transform:translate(calc(var(--end-x)*.8),calc(var(--end-y)*.8))scale(.8)rotate(270deg);opacity:.6}to{transform:translate(var(--end-x),var(--end-y))scale(0)rotate(360deg);opacity:0}}
}

@layer components {
.button-example--base{background:var(--color-neutral-100);border:1px solid var(--color-accent-400);border-radius:var(--radius-md);padding:var(--spacing-lg)}
}

@layer components {

}

@layer components {
.theming_buttonExample .theming_buttonExample__buttons{flex-wrap:wrap;display:flex}.theming_buttonExample .code-example{position:relative}.theming_buttonExample [data-code-block]{opacity:0;pointer-events:none;position:absolute;inset:0}.theming_buttonExample[data-active=primary_filled] [data-code-key=primary_filled],.theming_buttonExample[data-active=secondary_ghost] [data-code-key=secondary_ghost],.theming_buttonExample[data-active=accent_outlined] [data-code-key=accent_outlined]{opacity:1;pointer-events:auto;position:relative}
}

@layer components {
.theming-diagram .theming-diagram-box--heading{color:#000}.theming-diagram{padding:var(--spacing-lg)}.theming-diagram-box{padding:var(--spacing-lg)var(--spacing-lg)}.theming-diagram__component-layer .theming-diagram-box{border-style:dashed}
}

@layer components {
.appearanceExamples__select-group{gap:var(--space-4);width:100%;max-width:var(--bp-md);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));place-items:start center;display:grid}.appearanceExamples__select-group--select .select{width:fit-content}
}

@layer components {
.example-component{color:#0000;background-color:#0000;border-color:#0000}.example-component[data-example-variant]{--background-example-color:var(--variant-example-bg);--foreground-example-color:var(--variant-example-fg);--border-example-color:var(--variant-example-border);--surface-example-color:var(--variant-example-surface)}.example-component[data-example-variant=primary]{--variant-example-bg:var(--color-primary-400);--variant-example-fg:var(--color-neutral-100);--variant-example-border:var(--color-primary-600);--variant-example-text-on-surface:var(--color-primary-600);--variant-example-surface:var(--color-primary-100)}.example-component[data-example-variant=secondary]{--variant-example-bg:var(--color-secondary-400);--variant-example-fg:var(--color-neutral-100);--variant-example-border:var(--color-secondary-600);--variant-example-text-on-surface:var(--color-secondary-600);--variant-example-surface:var(--color-secondary-100)}.example-component[data-example-variant=accent]{--variant-example-bg:var(--color-accent-400);--variant-example-fg:var(--color-neutral-100);--variant-example-border:var(--color-accent-600);--variant-example-text-on-surface:var(--color-accent-600);--variant-example-surface:var(--color-accent-100)}.example-component[data-example-variant=danger]{--variant-example-bg:var(--color-danger-400);--variant-example-fg:var(--color-neutral-100);--variant-example-border:var(--color-danger-600);--variant-example-text-on-surface:var(--color-danger-600);--variant-example-surface:var(--color-danger-100)}.example-component[data-example-variant=warning]{--variant-example-bg:var(--color-warning-400);--variant-example-fg:var(--color-neutral-900);--variant-example-border:var(--color-warning-600);--variant-example-text-on-surface:var(--color-warning-600);--variant-example-surface:var(--color-warning-100)}.example-component[data-example-variant=success]{--variant-example-bg:var(--color-success-400);--variant-example-fg:var(--color-neutral-100);--variant-example-border:var(--color-success-600);--variant-example-text-on-surface:var(--color-success-600);--variant-example-surface:var(--color-success-100)}.example-component[data-example-appearance=filled]{--background-example-color:var(--variant-example-bg);--foreground-example-color:var(--variant-example-fg);--border-example-color:var(--variant-example-border);outline-color:var(--border-example-color,transparent)}.example-component[data-example-appearance=outlined]{--background-example-color:transparent;--foreground-example-color:var(--variant-example-bg);--border-example-color:var(--variant-example-bg);outline-color:var(--border-example-color,transparent)}.example-component[data-example-appearance=ghost]{--background-example-color:transparent;--foreground-example-color:var(--variant-example-bg);--border-example-color:transparent;outline-color:var(--border-example-color,transparent)}.example-component[data-example-appearance=ghost]:hover{--background-example-color:color-mix(in srgb,currentColor 15%,var(--surface))}.example-component[data-example-appearance=ghost]:focus-visible{--background-example-color:color-mix(in srgb,currentColor 40%,var(--surface));outline-offset:var(--spacing-sm)}.example-component[data-example-appearance=ghost]:active,.example-component[data-example-appearance=ghost][data-pressed=true]{--background-example-color:color-mix(in srgb,currentColor 20%,var(--surface));outline-style:dashed}.example-component[data-example-appearance=tonal]{--background-example-color:var(--variant-example-surface);--foreground-example-color:var(--variant-example-text-on-surface);--border-example-color:var(--variant-example-border)}.example-component[data-example-paint~=foreground],.example-component[data-example-paint=all]{color:var(--foreground-example-color,transparent)}.example-component[data-example-paint~=background],.example-component[data-example-paint=all],.example-component[data-example-paint=surface]{background-color:var(--background-example-color,transparent)}.example-component[data-example-paint~=border],.example-component[data-example-paint=all],.example-component[data-example-paint=surface]{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-example-color,transparent)}
}

@layer components {

}

@layer components {
.heading{--heading-color:var(--foreground-color,currentColor)}.heading a{--link-color-override:var(--heading-color)}.heading{color:var(--heading-color,var(--color-secondary-400));overflow-wrap:break-word;word-break:keep-all;text-wrap:auto;-webkit-hyphens:auto;hyphens:auto;margin-block-start:var(--heading-margin-block-start,var(--spacing-lg));margin-block-end:var(--heading-margin-block-end,0)}.heading-w-icon{align-items:center;display:flex}.heading-w-prefix{align-items:baseline;margin-block:2rem 1.25rem}.heading-w-prefix .prefix{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-weight:600}.heading:is(h3){--heading-margin-block-start:var(--spacing)}.heading:is(h4){--heading-margin-block-start:var(--spacing-sm)}
}

@layer components {
.tablist{min-width:0}.tablist__header{scrollbar-width:thin;scrollbar-color:#fff3 transparent;padding-inline:var(--spacing-md);margin-block-end:var(--spacing-sm);display:block}.tablist__header::-webkit-scrollbar{cursor:pointer;height:6px}.tablist__header::-webkit-scrollbar-track{background:0 0}.tablist__header::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tablist__header::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tablist__content{border-radius:var(--radius-md)}.code__reference{padding-block-end:1em;padding-inline:1em}.code__reference:not(.height-min) pre{height:30rem}.code__reference.height-min .tablist__content{max-height:30.2rem;overflow-y:scroll}.code__reference .tablist__header{scroll-behavior:smooth;scrollbar-color:var(--color-accent-400)transparent;gap:.5rem;padding-block:.5rem;display:flex;overflow-x:auto}.code__reference .tablist__header-tab{--button-spinner-width:0px;--button-icon-width:0px;--button-padding-x:.75rem;--button-padding-y:.25rem;--button-font-size:.875rem;--button-outline-offset:2px;--button-margin:0;--button-shadow:none;flex-shrink:0}.tablist__header-tab{margin-inline:0}
}

@layer components {
.icon{color:currentColor;vertical-align:middle}.icon[data-variant]{color:var(--foreground-color)}
}

@layer components {
.list{--list-spacing:.25em;line-height:var(--line-height-relaxed);font-size:var(--font-size-base,inherit);margin:0;padding-inline-start:var(--spacing);list-style-type:none}.list--none li{padding:0}.list:not(.list--none) li{padding-inline-start:1.25em;position:relative}.list li:before{--list-marker-bg-color:var(--background-color,transparent);--list-color:var(--foreground-color,var(--color-secondary-400));--list-border:none;--list-border-radius:0;content:"";aspect-ratio:1;border:var(--list-border);border-color:var(--border-color);border-radius:var(--list-border-radius);background-color:var(--list-marker-bg-color);width:.6rem;color:var(--list-color);position:absolute;top:.35em;left:.15em}.list--tight{--list-spacing:var(--spacing-sm)}.list--normal{--list-spacing:var(--spacing)}.list--loose{--list-spacing:var(--spacing-lg)}.list li:not(:last-child){margin-block-end:var(--list-spacing)}.list--disc li:before{background:conic-gradient(var(--list-marker-bg-color),var(--surface-color),var(--border-color));width:.75rem;top:.35em;left:0}.list--disc li:before,.list--circle li:before{--list-border-radius:var(--radius-circle)}.list--circle li:before{--list-marker-bg-color:var(--surface-color);--list-border:var(--border-width-thin)solid currentColor}.list--decimal,.list--lower-alpha,.list--upper-alpha,.list--lower-roman,.list--upper-roman{counter-reset:ol-counter}:is(.list--decimal,.list--lower-alpha,.list--upper-alpha,.list--lower-roman,.list--upper-roman) li:before{counter-increment:ol-counter;text-align:right;white-space:nowrap;width:1.5em;font-weight:600;top:0;left:-.5em}.list--upper-roman li:before,.list--lower-roman li:before{width:1.75em;left:-.75em}.list--decimal li:before{content:counter(ol-counter,decimal)"."}.list--lower-alpha li:before{content:counter(ol-counter,lower-alpha)"."}.list--upper-alpha li:before{content:counter(ol-counter,upper-alpha)"."}.list--lower-roman li:before{content:counter(ol-counter,lower-roman)"."}.list--upper-roman li:before{content:counter(ol-counter,upper-roman)"."}.list--definition{gap:var(--spacing-sm);display:grid}.list--definition dt{font-weight:600}.list--definition dd{color:var(--text-muted);margin:0}
}

@layer components {
.image{position:relative}.image>img{shape-margin:.75rem;object-fit:cover;font-style:italic;transition:opacity .4s ease-in-out}.image img[data-loaded=false]{opacity:0}.image img[data-loaded=true]{opacity:1}.image-wrapper{background-color:var(--color-neutral-200);border-radius:var(--image-border-radius,0);position:relative;overflow:hidden}.image--rectangleLogo img,.image--logo img{object-fit:contain}.image--featured,.image--hero{--image-border-radius:var(--radius-lg)}.image--banner{--image-border-radius:var(--radius-md)}.image--general{--image-border-radius:var(--radius-sm)}@media (max-width:768px){.image--hero,.image--featured{--image-border-radius:var(--radius-md)}.image--banner,.image--card{--image-border-radius:var(--radius-sm)}}@media (prefers-reduced-motion:reduce){.image,.image-wrapper:before{transition:none!important;animation:none!important}}@media print{.image{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
}

@layer components {
.figure{background-color:var(--color-neutral-100);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-500);margin:1.5rem 0;padding:.5rem}.figure-caption{color:var(--color-neutral-500);padding-block-start:var(--spacing);padding-inline:clamp(.25em,1vw,.5em)}
}

@layer components {
.text-with-image-container{container:text-with-image/inline-size}.text-with-image{--grid-template-cols:1fr auto;--grid-template-rows:1fr;--grid-column--image:2;--grid-row--image:1;--grid-column--text:1;--grid-row--text:1;grid-template-columns:var(--grid-template-cols);grid-template-rows:var(--grid-template-rows);gap:var(--spacing);place-items:center;display:grid}.text-with-image:where([data-image-position=left]){--grid-template-cols:auto 1fr;--grid-column--image:1;--grid-column--text:2}.text-with-image .image--textWithImage{min-width:250px;max-width:400px}.text-with-image .image{grid-column:var(--grid-column--image);grid-row:var(--grid-row--image);margin-inline:var(--spacing-lg)}.text-with-image .text-with-image__text{grid-column:var(--grid-column--text);grid-row:var(--grid-row--text)}@container text-with-image (max-width:560px){.text-with-image{--grid-template-cols:1fr;--grid-template-rows:auto auto;--grid-column--image:1;--grid-column--text:1;--grid-row--text:2;margin-block-end:0}}
}

@layer components {

}

@layer components {
.input-group{--input-group-accent-color:currentColor;gap:var(--spacing-sm);margin-block-end:var(--spacing-lg);display:grid;position:relative}.input-group:before{content:"";background-color:var(--color-danger-400);border-radius:var(--radius-sm)0 0 var(--radius-sm);width:0;transition:width .2s;position:absolute;inset-block:.25em;inset-inline-start:-.5rem}.input-group[data-invalid=true]:before{width:.25rem}.input-group:focus-within{--input-group-accent-color:var(--color-primary-400)}.input-group .input-group__label{color:var(--input-group-accent-color);transition:color .2s}.input-group .input-group__helper{color:var(--color-neutral-500);margin-block:var(--spacing-sm)}.input-group .input-group__required{vertical-align:text-top;margin-inline-start:.25ch}.input-group .input-group__required,.input-group .input-group__error{color:var(--color-danger-400);font-size:var(--font-size-xs)}.input-group textarea.input-group__input{padding:var(--spacing);resize:vertical;min-block-size:clamp(6rem,10vh,12rem)}@media screen and (max-width:35rem){.input-group{margin-block-end:var(--spacing)}}.input-group__input{--input-group-input-padding:var(--spacing)var(--spacing-lg);--input-group-input-border-color:var(--input-group-accent-color);padding:var(--input-group-input-padding);border:var(--border-width-thin)solid;border-radius:var(--radius-sm);transition:border-color .2s,outline-color .2s}.input-group__input:hover{outline:var(--border-width-thin)solid var(--input-group-accent-color);outline-offset:1px}.input-group__input:focus-visible{outline:var(--border-width-thick)solid var(--input-group-accent-color);outline-offset:2px}.input-group__input[aria-invalid=true]{border-color:var(--color-danger-400);outline-color:var(--color-danger-400)}
}

@layer components {

}

@layer components {

}

@layer components {

}

@layer components {
.contact-form__fieldset{border-radius:var(--radius-md);max-width:var(--bp-md);background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.contact-form__status{--border-color:transparent;border-radius:var(--radius-md);background-color:var(--bg-color,transparent);border:1px solid #0000;transition:background-color .25s,border-color .25s,color .25s}.contact-form__status:not([data-status=idle]){margin-block:var(--spacing-lg);margin-inline:var(--spacing-sm);padding:var(--spacing-lg)}
}

@layer components {
body:has([data-overlay=visible]){overflow:hidden}.overlay-backdrop{opacity:0;background:color-mix(in srgb,var(--text-on-surface)80%,transparent);transition:opacity var(--overlay-transition-duration)ease-in-out;z-index:2;pointer-events:none;width:0;height:0;position:fixed;inset:0}body:has([data-overlay=visible]) .overlay-backdrop{opacity:1;pointer-events:auto;width:100%;height:100%}body:has([data-overlay=visible]) .overlay-container[data-overlay=hidden]{z-index:0}.overlay-container{isolation:isolate;z-index:3;position:relative}:where(.overlay-container[data-overlay=visible] .overlay-control){z-index:4;position:relative}@media (prefers-reduced-motion:reduce){.overlay-backdrop{transition:none!important}}
}

@layer components {
.hamburger-menu--toggle{align-items:center;gap:var(--spacing);transition:border-radius .25s ease-in-out;display:none;position:fixed;top:0}.hamburger-menu--toggle[data-position=right]{right:0;left:initial}.hamburger-menu--toggle[data-position=left]{left:0;right:initial}.hamburger-menu--toggle[data-state=open]{width:var(--expanded-burger-menu-width);border-bottom:none;border-left:none;margin-inline:0;animation:1s cubic-bezier(.68,-.55,.265,1.55) forwards expandButton}.hamburger-menu--toggle[data-state=open] .icon{animation:1s cubic-bezier(.68,-.55,.265,1.55) forwards iconFadeSwap}.hamburger-menu--toggle[data-state=closed]{animation:.55s cubic-bezier(.68,-.55,.265,1.55) forwards shrinkButton}.hamburger-menu--toggle[data-state=closed] .icon{animation:.5s cubic-bezier(.68,-.55,.265,1.55) forwards iconFadeSwap}.hamburger-menu--toggle:focus-visible{--button-outline-offset:var(--spacing-sm)}.hamburger-menu{transition:transform ease-in-out}main:has(.hamburger-menu--wrapper[data-mode=hamburger]){grid-template-columns:1fr}.hamburger-menu--wrapper[data-mode=hamburger]{min-height:var(--bp-xs);height:100dvh;min-width:initial;width:initial;position:fixed}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu--toggle{display:flex}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu{--right:initial;--left:initial;--translation:0%;background-color:var(--surface);top:0;right:var(--right);left:var(--left);transform:translateX(var(--translation));height:100%;width:var(--expanded-burger-menu-width);padding-block-start:var(--spacing-xxl);transition:transform var(--overlay-transition-duration)ease-in-out;padding-block-start:var(--spacing-3xl);position:fixed;overflow-y:auto}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-state=inactive]{transition-duration:0s}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=right]{--right:0}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=right][data-state=inactive],.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=right][data-state=closed]{--translation:100%}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=left]{--left:0}.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=left][data-state=inactive],.hamburger-menu--wrapper[data-mode=hamburger] .hamburger-menu[data-position=left][data-state=closed]{--translation:-100%}@media (prefers-reduced-motion:reduce){.hamburger-menu--toggle{transition:none!important;animation:none!important}.hamburger-menu--toggle .icon{animation:none!important}.hamburger-menu{transition:none!important}}
}

@layer components {
.color-swatch{--color-swatch-width:1lh;width:var(--color-swatch-width,1rem);aspect-ratio:1;vertical-align:middle;border-radius:var(--border-radius);pointer-events:none;margin:0;padding:0;display:inline-block}
}

@layer components {
.select-wrapper{--select-foreground-color:var(--foreground-color,var(--color-neutral-900));--select-background-color:var(--background-color,var(--color-neutral-100));--select-border-color:var(--border-color,var(--color-neutral-700));gap:var(--spacing);flex-direction:column;display:flex}.select-label{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--select-foreground-color);font-weight:600}.select{appearance:none;padding:var(--spacing-sm)var(--spacing);background:var(--select-background-color);color:var(--select-foreground-color);border-color:var(--select-border-color);border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.select:focus-visible{--select-border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.select--error{--select-border-color:var(--color-danger-400)}.select-helper{font-size:var(--font-size-xs);color:var(--text-muted)}.select-error{font-size:var(--font-size-xs);color:var(--color-danger-400);font-weight:600}
}

@layer components {
@media screen and (max-width:35rem){.homepage{padding-block-start:4rem}}
}

@layer components {
.radiogroup{gap:var(--spacing-sm,.75rem);border:none;padding:0;display:grid}.radiogroup>legend{margin-block-end:var(--spacing-xs,.5rem);padding:0;font-weight:600}.radiogroup label{align-items:center;gap:var(--spacing-xs,.5rem);cursor:pointer;line-height:1.2;display:inline-flex}.radio-input{block-size:1rem;inline-size:1rem;accent-color:var(--color-accent-400,currentColor);cursor:pointer;margin:0}.radio-input:focus-visible{outline:2px solid var(--color-focus,currentColor);outline-offset:2px}.radio-input:disabled+label{opacity:.6;cursor:not-allowed}label:has(+.radio-input:disabled){opacity:.6;cursor:not-allowed}label:has(.radio-input:disabled){opacity:.6;cursor:not-allowed}.radiogroup--hidden{display:contents}
}

@layer components {
.rule{margin:var(--spacing-xxl)0;padding:var(--spacing-lg)var(--spacing-xl);border-left:4px solid var(--text-muted);gap:var(--spacing);display:grid}.rule__heading{font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.rule__content{margin:0}
}

@layer components {

}

@layer utilities {
.bold{font-weight:600}.italic{font-style:italic}.center{text-align:center}.left{text-align:left}.right{text-align:right}
}

@layer utilities {
.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
}

@layer utilities {
.flow-2>:not(:last-child){margin-block-end:var(--spacing)}.flow-4>:not(:last-child),.flow-6>:not(:last-child){margin-block-end:var(--spacing-lg)}.flow-8>:not(:last-child){margin-block-end:var(--spacing-xl)}.flow-16>:not(:last-child){margin-block-end:var(--spacing-xxl)}@media screen and (max-width:35rem){.flow-2>:not(:last-child){margin-block-end:var(--spacing-sm)}.flow-4>:not(:last-child){margin-block-end:var(--spacing)}.flow-6>:not(:last-child){margin-block-end:var(--spacing-md)}.flow-8>:not(:last-child){margin-block-end:var(--spacing-lg)}.flow-16>:not(:last-child){margin-block-end:var(--spacing-xl)}}
}

@layer utilities {
.gap-2{gap:var(--spacing)}.gap-4,.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.gap-16{gap:var(--spacing-xxl)}@media screen and (max-width:35rem){.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing)}.gap-6{gap:var(--spacing-md)}.gap-8{gap:var(--spacing-lg)}.gap-16{gap:var(--spacing-xl)}}.gap-col-2{column-gap:var(--spacing)}.gap-col-4,.gap-col-6{column-gap:var(--spacing-lg)}.gap-col-8{column-gap:var(--spacing-xl)}.gap-col-16{column-gap:var(--spacing-xxl)}@media screen and (max-width:35rem){.gap-col-2{column-gap:var(--spacing-sm)}.gap-col-4{column-gap:var(--spacing)}.gap-col-6{column-gap:var(--spacing-md)}.gap-col-8{column-gap:var(--spacing-lg)}.gap-col-16{column-gap:var(--spacing-xl)}}.gap-row-2{row-gap:var(--spacing)}.gap-row-4,.gap-row-6{row-gap:var(--spacing-lg)}.gap-row-8{row-gap:var(--spacing-xl)}.gap-row-16{row-gap:var(--spacing-xxl)}@media screen and (max-width:35rem){.gap-row-2{row-gap:var(--spacing-sm)}.gap-row-4{row-gap:var(--spacing)}.gap-row-6{row-gap:var(--spacing-md)}.gap-row-8{row-gap:var(--spacing-lg)}.gap-row-16{row-gap:var(--spacing-xl)}}
}

@layer utilities {
[data-theme=dark] .fun-highlight{--fun-highlight-fg:color-mix(in oklab,var(--color-neutral-100)85%,var(--fun-highlight))}.fun-highlight{--fun-highlight:var(--color-emphasis-100);--transitionDelay:.2s;--fun-highlight-fg:color-mix(in oklab,var(--color-neutral-900)85%,var(--fun-highlight));background:linear-gradient(135deg,var(--fun-highlight)0%,color-mix(in oklab,var(--fun-highlight),var(--surface)60%)35%,var(--fun-highlight)100%);color:var(--fun-highlight-fg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:var(--radius-md);padding-inline:var(--spacing-sm);opacity:0;transition:opacity .6s ease var(--transitionDelay),transform .6s ease var(--transitionDelay);background-position:0%;background-size:400% 400%;display:inline-block;position:relative;transform:scale(.98)}.fun-highlight.in-view{opacity:1;animation:4.5s ease-in-out drift;transform:scale(1)}.fun-highlight:hover{filter:brightness(1.05);animation:4.5s ease-in-out infinite alternate drift}@media (prefers-reduced-motion:reduce){.fun-highlight{transition:none!important;animation:none!important}}@keyframes drift{0%,to{background-position:0%}50%{background-position:200%}}
}

@layer utilities {
.fun-underline{text-decoration-line:underline;-webkit-text-decoration-color:var(--background);text-decoration-color:var(--background);text-underline-offset:4px;text-decoration-thickness:3px}.fun-underline:nth-of-type(9n+1){--background:var(--color-emphasis-100)}.fun-underline:nth-of-type(9n+2){--background:var(--color-emphasis-200)}.fun-underline:nth-of-type(9n+3){--background:var(--color-emphasis-300)}.fun-underline:nth-of-type(9n+4){--background:var(--color-emphasis-400)}.fun-underline:nth-of-type(9n+5){--background:var(--color-emphasis-500)}.fun-underline:nth-of-type(9n+6){--background:var(--color-emphasis-600)}.fun-underline:nth-of-type(9n+7){--background:var(--color-emphasis-700)}.fun-underline:nth-of-type(9n+8){--background:var(--color-emphasis-800)}.fun-underline:nth-of-type(9n+9){--background:var(--color-emphasis-900)}
}

@layer utilities {
.primary-100{color:var(--color-primary-100)}.primary-200{color:var(--color-primary-200)}.primary-400{color:var(--color-primary-400)}.primary-600{color:var(--color-primary-600)}.secondary-100{color:var(--color-secondary-100)}.secondary-200{color:var(--color-secondary-200)}.secondary-400{color:var(--color-secondary-400)}.secondary-600{color:var(--color-secondary-600)}.accent-100{color:var(--color-accent-100)}.accent-200{color:var(--color-accent-200)}.accent-400{color:var(--color-accent-400)}.accent-600{color:var(--color-accent-600)}.neutral-100{color:var(--color-neutral-100)}.neutral-200{color:var(--color-neutral-200)}.neutral-300{color:var(--color-neutral-300)}.neutral-400{color:var(--color-neutral-400)}.neutral-500{color:var(--color-neutral-500)}.neutral-600{color:var(--color-neutral-600)}.neutral-700{color:var(--color-neutral-700)}.neutral-800{color:var(--color-neutral-800)}.neutral-900{color:var(--color-neutral-900)}.color-muted{color:var(--text-muted)}
}

@layer utilities {
.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}
}

@layer utilities {
.underline{text-decoration:underline}
}

@layer utilities {
.p-0{padding:0}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing)}.p-8,.p-12{padding:var(--spacing-lg)}.p-16{padding:var(--spacing-xl)}.px-0{padding-inline:0}.px-2{padding-inline:var(--spacing-sm)}.px-4{padding-inline:var(--spacing)}.px-8,.px-12{padding-inline:var(--spacing-lg)}.px-16{padding-inline:var(--spacing-xl)}.py-0{padding-block:0}.py-2{padding-block:var(--spacing-sm)}.py-4{padding-block:var(--spacing)}.py-8,.py-12{padding-block:var(--spacing-lg)}.py-16{padding-block:var(--spacing-xl)}.pt-0{padding-block-start:0}.pt-2{padding-block-start:var(--spacing-sm)}.pt-4{padding-block-start:var(--spacing)}.pt-8,.pt-12{padding-block-start:var(--spacing-lg)}.pt-16{padding-block-start:var(--spacing-xl)}.pb-0{padding-block-end:0}.pb-2{padding-block-end:var(--spacing-sm)}.pb-4{padding-block-end:var(--spacing)}.pb-8,.pb-12{padding-block-end:var(--spacing-lg)}.pb-16{padding-block-end:var(--spacing-xl)}.pl-0{padding-inline-start:0}.pl-2{padding-inline-start:var(--spacing-sm)}.pl-4{padding-inline-start:var(--spacing)}.pl-8,.pl-12{padding-inline-start:var(--spacing-lg)}.pl-16{padding-inline-start:var(--spacing-xl)}.pr-0{padding-inline-end:0}.pr-2{padding-inline-end:var(--spacing-sm)}.pr-4{padding-inline-end:var(--spacing)}.pr-8,.pr-12{padding-inline-end:var(--spacing-lg)}.pr-16{padding-inline-end:var(--spacing-xl)}
}

@layer utilities {
.m-2{margin:var(--spacing-sm)}.m-4{margin:var(--spacing)}.m-8,.m-12{margin:var(--spacing-lg)}.m-16{margin:var(--spacing-xl)}.mx-auto{margin-inline:auto}.mx-2{margin-inline:var(--spacing-sm)}.mx-4{margin-inline:var(--spacing)}.mx-8,.mx-12{margin-inline:var(--spacing-lg)}.mx-16{margin-inline:var(--spacing-xl)}.my-2{margin-block:var(--spacing-sm)}.my-4{margin-block:var(--spacing)}.my-8,.my-12{margin-block:var(--spacing-lg)}.my-16{margin-block:var(--spacing-xl)}.mt-0{margin-block-start:0}.mt-2{margin-block-start:var(--spacing-sm)}.mt-4{margin-block-start:var(--spacing)}.mt-8,.mt-12{margin-block-start:var(--spacing-lg)}.mt-16{margin-block-start:var(--spacing-xl)}.mb-0{margin-block-end:0}.mb-2{margin-block-end:var(--spacing-sm)}.mb-4{margin-block-end:var(--spacing)}.mb-8,.mb-12{margin-block-end:var(--spacing-lg)}.mb-16{margin-block-end:var(--spacing-xl)}.ml-auto{margin-inline-start:auto}.ml-0{margin-inline-start:0}.ml-2{margin-inline-start:var(--spacing-sm)}.ml-4{margin-inline-start:var(--spacing)}.ml-8,.ml-12{margin-inline-start:var(--spacing-lg)}.ml-16{margin-inline-start:var(--spacing-xl)}.mr-auto{margin-inline-end:auto}.mr-0{margin-inline-end:0}.mr-2{margin-inline-end:var(--spacing-sm)}.mr-4{margin-inline-end:var(--spacing)}.mr-8,.mr-12{margin-inline-end:var(--spacing-lg)}.mr-16{margin-inline-end:var(--spacing-xl)}
}

@layer utilities {
.no-wrap{white-space:nowrap}
}

@layer utilities {

}

@layer utilities {
.font-main{font-family:var(--font-main),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}.font-accent{font-family:var(--font-accent),"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;font-feature-settings:"kern" 1,"liga" 0,"calt" 1,"zero" 1;font-variant-ligatures:none;text-rendering:optimizeLegibility}
}

@layer utilities {
.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-loose)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-extra-loose)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-super-loose)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-extra-loose)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-loose)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-relaxed)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-normal)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-snug)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-tight)}.text-6xl{font-size:var(--font-size-6xl);line-height:var(--line-height-tight)}
}

@layer utilities {

}

@layer utilities {
@keyframes expandButton{0%{width:auto;box-shadow:-2px -2px 4px 7px var(--color-neutral-a4-light);border-radius:var(--radius-md);transform:scale(1)}5%{box-shadow:-2px -2px 8px 12px var(--color-neutral-a6-light)}50%{box-shadow:-2px -2px 12px 16px var(--color-neutral-a4-light);transform:scale(1.1)}75%{box-shadow:-2px -2px 6px 10px var(--color-neutral-a2-light);border-radius:var(--radius-md)0 0 var(--radius-md)}99%{box-shadow:-2px -2px 4px 7px var(--color-neutral-a2-light);border-radius:var(--radius-sm)0 0 var(--radius-sm)}to{width:var(--expanded-button--width);box-shadow:none;border-radius:0;transform:scale(1)}}@keyframes shrinkButton{0%{width:var(--expanded-button--width);box-shadow:none;border-radius:0;transform:scale(1)}5%{box-shadow:-2px -2px 8px 12px var(--color-neutral-a6-light)}50%{box-shadow:-2px -2px 12px 16px var(--color-neutral-a4-light);transform:scale(1.1)}75%{box-shadow:-2px -2px 6px 10px var(--color-neutral-a2-light)}99%{box-shadow:-2px -2px 4px 7px var(--color-neutral-a2-light);border-radius:var(--radius-md)}to{width:auto;box-shadow:none;border-radius:var(--radius-md);transform:scale(1)}}@keyframes expandButtonOutline{0%,to{outline-offset:0px;outline:1px solid #0000}5%{outline:2px solid var(--color-neutral-100);outline-offset:6px}50%{outline:2px solid var(--color-neutral-100);outline-offset:3px}99%{outline:1px solid var(--color-neutral-100);outline-offset:2px}}@keyframes shrinkButtonOutline{0%,to{outline-offset:0px;outline:1px solid #0000}5%{outline:1px solid var(--color-neutral-900);outline-offset:1px}50%{outline:2px solid var(--color-neutral-900);outline-offset:2px}99%{outline:2px solid var(--color-neutral-900);outline-offset:4px}}
}

@layer utilities {
@keyframes iconFadeSwap{0%{opacity:0;transform:scale(.25)}60%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
}

@layer utilities {

}

@layer design-system {
[data-variant]{--background-color:var(--variant-bg);--foreground-color:var(--variant-fg);--foreground-muted:color-mix(in srgb,var(--foreground-color,var(--text-on-surface))65%,var(--variant-surface,var(--surface)));--border-color:var(--variant-border);--surface-color:var(--variant-surface)}[data-variant=inverse]{--_surface:color-mix(in srgb,var(--text-on-surface)85%,var(--surface)15%);--_fg:var(--surface);--variant-bg:var(--_surface);--variant-fg:var(--_fg);--variant-surface:var(--_surface);--variant-fg-on-surface:var(--_fg);--variant-border:color-mix(in srgb,var(--_fg)50%,var(--_surface)50%)}[data-variant=neutral]{--variant-bg:var(--surface);--variant-fg:var(--text-on-surface);--variant-border:var(--color-neutral-400);--variant-surface:var(--surface);--variant-fg-on-surface:var(--text-on-surface)}[data-variant=muted]{--variant-bg:var(--color-neutral-200);--variant-fg:var(--color-neutral-600);--variant-border:var(--color-neutral-700);--variant-surface:var(--color-neutral-200);--variant-fg-on-surface:var(--color-neutral-600)}[data-variant=light]{--variant-bg:var(--color-neutral-100);--variant-fg:var(--color-neutral-900);--variant-border:var(--color-neutral-700);--variant-surface:var(--color-neutral-200);--variant-fg-on-surface:var(--color-neutral-600)}[data-variant=dark]{--variant-bg:var(--color-neutral-900);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-neutral-200);--variant-surface:var(--color-neutral-700);--variant-fg-on-surface:var(--color-neutral-200)}[data-variant=primary]{--variant-bg:var(--color-primary-400);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-primary-600);--variant-fg-on-surface:var(--color-primary-600);--variant-surface:var(--color-primary-100)}[data-variant=secondary]{--variant-bg:var(--color-secondary-400);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-secondary-600);--variant-fg-on-surface:var(--color-secondary-600);--variant-surface:var(--color-secondary-100)}[data-variant=accent]{--variant-bg:var(--color-accent-400);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-accent-600);--variant-fg-on-surface:var(--color-accent-600);--variant-surface:var(--color-accent-100)}[data-variant=danger]{--variant-bg:var(--color-danger-400);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-danger-600);--variant-fg-on-surface:var(--color-danger-600);--variant-surface:var(--color-danger-100)}[data-variant=warning]{--variant-bg:var(--color-warning-400);--variant-fg:var(--color-neutral-900);--variant-border:var(--color-warning-600);--variant-fg-on-surface:var(--color-warning-600);--variant-surface:var(--color-warning-100)}[data-variant=success]{--variant-bg:var(--color-success-400);--variant-fg:var(--color-neutral-100);--variant-border:var(--color-success-600);--variant-fg-on-surface:var(--color-success-600);--variant-surface:var(--color-success-100)}[data-variant=info]{--variant-bg:var(--color-info-200);--variant-fg:var(--color-neutral-700);--variant-border:var(--color-info-600);--variant-fg-on-surface:var(--color-info-600);--variant-surface:var(--color-info-100)}[data-variant=transparent]{--variant-bg:transparent;--variant-fg:transparent;--variant-border:transparent;--variant-fg-on-surface:transparent;--variant-surface:transparent}
}

@layer design-system {
[data-appearance=filled]{--background-color:var(--variant-bg);--foreground-color:var(--variant-fg);--border-color:var(--variant-border);--link-color:var(--link-on-filled)}[data-appearance=outlined]{--background-color:transparent;--foreground-color:var(--variant-bg);--border-color:var(--variant-bg)}[data-appearance=ghost]{--background-color:transparent;--foreground-color:var(--variant-bg);--border-color:transparent}[data-appearance=tonal]{--background-color:var(--variant-surface);--foreground-color:var(--variant-fg-on-surface);--border-color:var(--variant-border);--link-color:var(--link-on-filled)}
}

@layer design-system {
.block[data-paint~=foreground],.block[data-paint=all]{color:var(--foreground-color,inherit)}.block[data-paint~=background],.block[data-paint=all],.block[data-paint=surface]{background-color:var(--background-color,transparent)}.block[data-paint~=border],.block[data-paint=all],.block[data-paint=surface]{border-width:var(--border-width-thin);border-style:var(--border-style-solid);border-color:var(--border-color,var(--text-on-surface,currentColor))}
}

@layer design-system {
.surface-frame{--frame-radius:var(--radius-md);--frame-inset-base:var(--spacing-sm);--frame-inset:var(--frame-inset-base);border:var(--border-width-thin)solid var(--border-color);border-radius:var(--frame-radius-effective,var(--frame-radius))}.surface-frame .surface-frame{--frame-radius-effective:clamp(0px,calc(var(--frame-radius) - var(--frame-inset)),999px)}.frame-inset-0{--frame-inset-base:0px}.frame-inset-2{--frame-inset-base:var(--spacing-sm)}.frame-inset-4{--frame-inset-base:var(--spacing)}.frame-inset-8{--frame-inset-base:var(--spacing-lg)}.frame-inset-12{--frame-inset-base:var(--spacing-xl)}.frame-inset-16{--frame-inset-base:var(--spacing-xxl)}
}

@layer design-system {

}

@layer design-system {
button[data-appearance=ghost]:not(:disabled,[aria-disabled=true]):hover{--background-color:color-mix(in srgb,currentColor 15%,var(--text-on-surface))}button[data-appearance=ghost]:not(:disabled,[aria-disabled=true]):focus-visible{--background-color:color-mix(in srgb,currentColor 40%,var(--text-on-surface));outline-offset:var(--spacing-sm)}button[data-appearance=ghost]:not(:disabled,[aria-disabled=true]):active,button[data-appearance=ghost]:not(:disabled,[aria-disabled=true])[data-pressed=true]{--background-color:color-mix(in srgb,currentColor 20%,var(--text-on-surface));outline-style:dashed}
}

@layer design-system {

}

@layer design-system {

}

@layer components {
.about-page{padding-block-start:var(--spacing-3xl);container:about-container/inline-size}.about-page__intro{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.about-page__intro--portrait{background-color:#0000;flex-basis:100%;margin-inline:auto}.about-page__intro--portrait img{margin-inline:auto}@container about-container (min-width:35rem){.about-page__intro{flex-wrap:nowrap}.about-page__intro--text{order:1}.about-page__intro--portrait{order:2}}
}

@layer tokens,base,components,design-system,utilities;