@charset "UTF-8";svg[data-astro-cid-av5tec4r]{height:48px;width:auto;background-color:var(--color-bg-mod-1)}.wrapped[data-astro-cid-av5tec4r]{display:flex;align-items:center;gap:8px}.logo[data-astro-cid-av5tec4r]{font-size:3rem;font-weight:700;letter-spacing:-.075em;color:var(--color-bg-mod-1)}@media (width <= 768px){.logo[data-astro-cid-av5tec4r]{font-size:2rem}}@media (max-width: 768px){.desktop-only[data-astro-cid-xbstl6g3]{display:none!important}}@media (min-width: 769px){.mobile-only[data-astro-cid-xbstl6g3]{display:none!important}}header[data-astro-cid-xbstl6g3]{padding:0 1.5rem}nav[data-astro-cid-xbstl6g3] a[data-astro-cid-xbstl6g3]{color:var(--color-bg-mod-1)}.dropdown[data-astro-cid-xbstl6g3]{display:none;right:0;top:100%;margin-top:.5rem;background:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);min-width:225px;box-shadow:var(--shadow);z-index:10}#log-in-link[data-astro-cid-xbstl6g3],.logout[data-astro-cid-xbstl6g3]{border:1px solid var(--color-bg-mod-1);border-radius:var(--border-radius);width:fit-content}.logout[data-astro-cid-xbstl6g3]{background:var(--color-text);color:var(--color-bg-mod-1)}ul[data-astro-cid-xbstl6g3]{list-style:none}svg[data-astro-cid-xbstl6g3] path[data-astro-cid-xbstl6g3]{fill:var(--color-bg-mod-1)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{text-size-adjust:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important;scroll-behavior:auto!important}}:root{--space-3xs: clamp(.2rem, .2rem + .5vw, .3rem);--space-2xs: clamp(.4rem, .4rem + .5vw, .6rem);--space-xs: clamp(.6rem, .6rem + .5vw, .8rem);--space-s: clamp(.8rem, .8rem + .5vw, 1rem);--space-m: clamp(1rem, 1rem + .5vw, 1.25rem);--space-l: clamp(1.5rem, 1.5rem + .5vw, 2rem);--space-xl: clamp(2rem, 2rem + .5vw, 3rem);--space-2xl: clamp(3rem, 3rem + .5vw, 4rem);--space-3xl: clamp(4rem, 4rem + .5vw, 5rem);--space-3xs-2xs: clamp(.2rem, .2rem + .5vw, .3rem);--space-2xs-xs: clamp(.4rem, .4rem + .5vw, .6rem);--space-xs-s: clamp(.6rem, .6rem + .5vw, .8rem);--space-s-m: clamp(.8rem, .8rem + .5vw, 1rem);--space-m-l: clamp(1rem, 1rem + .5vw, 1.25rem);--space-l-xl: clamp(1.5rem, 1.5rem + .5vw, 2rem);--space-xl-2xl: clamp(2rem, 2rem + .5vw, 3rem);--space-2xl-3xl: clamp(3rem, 3rem + .5vw, 4rem);--space-s-l: clamp(1rem, 1rem + .5vw, 1.5rem);--step--2: clamp(.7813rem, .7747rem + .0326vw, .8rem);--step--1: clamp(.9375rem, .9158rem + .1087vw, 1rem);--step-0: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--step-2: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--step-3: clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);--step-6: clamp(4.1991rem, 3.6693rem + 2.6487vw, 5.7221rem)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;text-rendering:optimizespeed;line-height:1.5;color:var(--color-text);background:var(--color-bg);font-size:var(--step-0);font-family:var(--font-base);letter-spacing:var(--tracking)}p,li,blockquote:not([class]){max-width:var(--width-longform)}h1,h2,h3{max-width:var(--width-compact)}svg{height:2ex;width:auto;flex:none}svg path{fill:var(--color-text)}[role=list]{padding:0;margin:0}:focus:not(:focus-visible){outline:0}:focus-visible{outline-offset:.3rem}:target{scroll-margin-top:2ex}main:focus{outline:none}.prose{--flow-space: var(--space-s-m);line-height:var(--line-height-loose)}.prose :is(p,ul:not([class]),ol:not([class])){max-width:var(--width-longform)}.prose :is(blockquote){max-width:52ch}.prose :is(pre,pre+*,figure,figure+*,h2,h3,h4){--flow-space: var(--space-l-xl)}.grid{display:grid;grid-template-columns:repeat(var(--grid-placement, auto-fill),minmax(var(--grid-min-item-size, 16rem),1fr));gap:var(--gutter, var(--space-s-l))}.grid[data-rows=masonry]{grid-template-rows:masonry;align-items:start}.grid[data-layout="50-50"]{--grid-placement: auto-fit;--grid-min-item-size: clamp(16rem, 50vw, 26rem)}.grid[data-layout="33x3"]{--grid-placement: auto-fit;--grid-min-item-size: clamp(16rem, 33vw, 18rem)}.repel{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:var(--repel-vertical-alignment, center);gap:var(--gutter, var(--space-s-l))}.repel[data-nowrap]{flex-wrap:nowrap}.cluster{align-items:var(--cluster-vertical-alignment, center);display:flex;flex-wrap:wrap;gap:var(--gutter, var(--space-s-l));justify-content:var(--cluster-horizontal-alignment, flex-start);padding-block:var(--gutter)}.mobile-menu-button{display:none;border:unset;background:unset;margin-top:var(--space-s);cursor:pointer}nav[data-variant=main]{flex:1;z-index:3}@media (width <= 768px){.mobile-menu-button{display:block;color:var(--color-bg-mod-1)}nav[data-variant=main]{display:none;width:100%}nav[data-variant=main].is-open{display:block;position:absolute;top:100%;left:0;right:0;background:var(--color-text);padding:var(--space-m)}nav[data-variant=main] ul{flex-direction:column;gap:var(--space-m)}nav[data-variant=main] .cluster{flex-direction:column;align-items:flex-start;width:100%}.login-item{width:100%;padding-top:var(--space-m);margin-top:var(--space-m)}}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gutter, var(--space-s-l))}.sidebar:not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width, 20rem);flex-grow:1}.sidebar:not([data-direction])>:last-child{flex-basis:0;flex-grow:999;min-width:var(--sidebar-content-min-width, 50%)}.sidebar[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width, 20rem);flex-grow:1}.sidebar[data-direction=rtl]>:first-child{flex-basis:0;flex-grow:999;min-width:var(--sidebar-content-min-width, 50%)}@media screen and (width >= 960px){.sidebar[data-variant=sticky]>:first-child{position:sticky;top:2rem;overflow:auto;height:100vh}}.reel{--reel-space: 2rem;display:flex;height:auto;max-width:100%;margin-inline:auto;padding:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.reel>*{flex-basis:var(--reel-item-width, calc(33.333% - var(--reel-space)));flex-shrink:0}.reel>*+*{margin-inline-start:var(--reel-space)}.reel[data-scroll=snap]{scroll-snap-type:x mandatory}.reel[data-scroll=snap]>*{scroll-snap-align:start}.reel[data-variant=img]{block-size:var(--reel-height, 50vh)}.reel[data-variant=img]>img{block-size:100%;width:auto}.switcher{display:flex;flex-wrap:wrap;gap:var(--gutter, 1rem);align-items:var(--switcher-vertical-alignment, flex-start)}.switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-target-container-width, 40rem) - 100%) * 999)}.switcher>:nth-last-child(n+5),.switcher>:nth-last-child(n+5)~*{flex-basis:100%}.frame{--n: 16;--d: 9;aspect-ratio:var(--n) / var(--d);overflow:hidden;display:flex;justify-content:center;align-items:center}.frame>img,.frame>video{inline-size:100%;block-size:100%;object-fit:cover}.visually-hidden:not(:focus){border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.flow>*+*{margin-top:var(--flow-space, 1em)}.region{padding-top:var(--region-space, var(--space-m-l));padding-bottom:var(--region-space, var(--space-m-l))}.wrapper{max-width:var(--wrapper-max-width, 90rem);margin-inline:auto;padding-inline:var(--gutter);position:relative}.w-full{width:100%;max-width:unset}.h-full{height:100%;max-height:unset}.flex-center{display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column;gap:1rem}.align-center{display:flex;align-items:center}.relative{position:relative}.absolute{position:absolute}.gap-half{gap:var(--space-2xs)}.gap-1{gap:var(--space-xs)}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.cover{object-fit:cover}.skip-link{background-color:var(--color-bg-skip, var(--color-brand));color:var(--color-skip, var(--color-bg-mod-1));inset-block-start:1rem;inset-inline-start:1rem;line-height:1;padding:var(--space-xs);position:absolute;z-index:999}@font-face{font-display:swap;font-family:Chivo Variable;font-style:normal;font-weight:200 800;src:url(/_astro/chivo-latin-wght-normal.CoSD1mnE.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-base: "Chivo Variable", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display: var(--font-base);--font-accent: "Menlo", "SF Mono", "Monaco", inconsolata, "Fira Mono", "Droid Sans Mono", "Source Code Pro", "Courier New", monospace;--font-weight-regular: 400;--font-weight-bold: 700;--line-height-compact: 1.3;--line-height-base: 1.5;--line-height-loose: 1.7;--width-compact: 35ch;--width-longform: 65ch;--tracking: -.05ch;--tracking-s: -.05ch;--color-text: #1f2937;--color-text-mod-1: #4b5563;--color-text-mod-2: #777;--color-bg: #fff;--color-bg-mod-1: #f9fafb;--color-bg-mod-2: #f3f4f6;--color-border: #e5e7eb;--color-brand: #2563eb;--color-accent: #d97706;--color-highlight: #f59e0b;--gutter: var(--space-s-m);--border-radius: .5rem;--shadow: 0 4px 6px rgb(0 0 0 / 10%)}body{margin:0;font-family:var(--font-base);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height-base)}.text-shadow{color:var(--color-bg-mod-1);text-shadow:1px 1px 2px rgb(0 0 0 / 15%)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;text-align:center;min-height:100vh}h1,h2,h3{font-family:var(--font-display);line-height:var(--line-height-compact);letter-spacing:var(--tracking-s)}h1,.h1{font-size:var(--step-5)}h2,.h2{font-size:var(--step-4)}h3,.h3{font-size:var(--step-3)}h4,.h4{font-size:var(--step-2)}h5,.h5{font-size:var(--step-1)}h6,.h6{font-size:var(--step-0)}.h7{font-size:var(--step--1)}.h8{font-size:var(--step--2)}hr{border:none;border-top:2px solid var(--color-border)}kbd{background-color:var(--color-bg-mod-1);border:1px solid var(--color-bg-mod-2);border-radius:.25rem;font-family:var(--font-accent);font-size:1rem;padding:.125rem .25rem}figcaption{font-size:var(--step--1);margin-block-start:.5rem;text-align:center}small{font-size:var(--step--1)}blockquote:not([class]){border-left:4px solid var(--color-border);padding-inline-start:var(--space-s);font-family:var(--font-display);font-size:var(--step-1);line-height:var(--line-height-base);background:var(--color-bg-mod-1);padding:var(--space-m);margin-left:var(--space-m);border-radius:var(--border-radius)}blockquote:not([class]) p:last-of-type,blockquote:not([class]) cite{font-family:var(--font-base);font-size:var(--step-0);font-weight:400;margin-block-start:var(--space-2xs)}a{color:var(--color-brand);padding:0 var(--space-3xs);text-decoration:none;transition:color .2s ease}a:hover,a:focus{background-color:var(--color-brand);color:var(--color-bg);text-decoration:underline}a[data-variant=naked]{color:var(--color-text);text-decoration:none}a[data-variant=naked]:hover{background-color:var(--color-accent);text-decoration:underline}button,.button,input[type=submit],input[type=reset],input[type=button]{background-color:var(--color-brand);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-bg-mod-1);transform:translate(0);transition:transform .1s ease,background-color .2s ease;font-weight:var(--font-weight-bold);padding:var(--space-2xs) var(--space-m)}input[type=submit],input[type=checkbox],input[type=radio],select{appearance:none;position:relative}form button{display:block;margin-block-start:var(--space-xs)}button:hover,.button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:var(--color-accent)}button:disabled,.button[aria-disabled=true],input[type=submit]:disabled,input[type=reset]:disabled,input[type=button]:disabled{background-color:var(--color-bg-mod-2);border:2px solid var(--color-bg-mod-2);color:var(--color-text-mod-2);cursor:not-allowed;transform:none;filter:none}button[data-variant=outline],.button[data-variant=outline],input[type=submit][data-variant=outline],input[type=reset][data-variant=outline],input[type=button][data-variant=outline]{color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-text)}button[data-variant=outline]:hover,.button[data-variant=outline]:hover,input[type=submit][data-variant=outline]:hover,input[type=reset][data-variant=outline]:hover,input[type=button][data-variant=outline]:hover{filter:brightness(1.2);border:2px solid var(--color-text)}fieldset{border:2px solid var(--color-border);padding:var(--space-3xs) var(--space-2xs);border-radius:var(--border-radius)}form{padding:var(--space-3xs) var(--space-2xs)}legend{font-weight:var(--font-weight-bold)}label{display:block;margin-block:var(--space-3xs)}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],input[type=month],input[type=datetime-local],input[type=time],input[type=date],input[type=file],input[type=color],textarea,select{background:var(--color-bg-mod-1);letter-spacing:-.5px;border-radius:var(--border-radius);border:2px solid var(--color-border);color:var(--color-text);padding:var(--space-3xs) var(--space-2xs)}input[type=email][data-variant=naked],input[type=number][data-variant=naked],input[type=password][data-variant=naked],input[type=search][data-variant=naked],input[type=tel][data-variant=naked],input[type=text][data-variant=naked],input[type=url][data-variant=naked],input[type=week][data-variant=naked],input[type=month][data-variant=naked],input[type=datetime-local][data-variant=naked],input[type=time][data-variant=naked],input[type=date][data-variant=naked],input[type=file][data-variant=naked],input[type=color][data-variant=naked],textarea[data-variant=naked],select[data-variant=naked]{background:none;border:none;box-shadow:none;transition:none;padding:0}input[type=color]{padding:0}select:not([multiple]){background-image:linear-gradient(45deg,transparent 49%,var(--color-text) 51%),linear-gradient(135deg,var(--color-text) 51%,transparent 49%);background-position:calc(100% - 16px),calc(100% - 11px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-inline-end:2rem}input[type=checkbox],input[type=radio]{border:2px solid var(--color-border);padding:var(--space-2xs);vertical-align:middle;position:relative;width:min-content;margin-inline:0 .25rem;margin-block-end:.3rem;border-radius:.25rem}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{border:2px solid var(--color-brand);background-color:var(--color-brand)}input[type=checkbox]:checked:after{content:" ";width:.17em;height:.32em;position:absolute;top:.06em;left:.16em;border-right:solid var(--color-bg-mod-1) .07em;border-bottom:solid var(--color-bg-mod-1) .07em;transform:rotate(45deg)}input[type=radio]:checked:after{content:" ";width:.25em;height:.25em;border-radius:100%;position:absolute;top:.13em;left:.13em;background-color:var(--color-bg-mod-1)}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none}pre{border:2px solid var(--color-border);background:var(--color-bg-mod-1);overflow-x:auto;padding:var(--space-xs-s);margin:0;border-radius:var(--border-radius)}code{background:var(--color-bg-mod-1);color:var(--color-brand);font-size:93%}pre code{color:var(--color-text)}p code,li code{padding:.125rem .35rem}details{background:var(--color-bg-mod-1);border-radius:var(--border-radius);border:2px solid var(--color-border);margin-bottom:var(--space-m)}summary{cursor:pointer;font-weight:var(--font-weight-bold);padding:.5rem 1rem}details[open]{padding:.5rem 1rem .75rem}details[open] summary{margin-bottom:.5rem;padding:0}details[open]>*:last-child{margin-bottom:0}details[data-variant=fancy]{position:relative}details[data-variant=fancy] summary::-webkit-details-marker,details[data-variant=fancy] summary::marker{display:none}details[data-variant=fancy] summary:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE1LjM3NUw2IDkuMzc0OTlMNy4wNzUgOC4yOTk5OUwxMiAxMy4yNUwxNi45MjUgOC4zMjQ5OUwxOCA5LjM5OTk5TDEyIDE1LjM3NVoiIGZpbGw9IiMxRDFEMUQiLz4KPC9zdmc+Cg==);height:1.5rem;pointer-events:none;position:absolute;right:1rem;top:.7rem;transform:rotate(180deg)}details[open][data-variant=fancy] summary:after{top:.7rem;transform:rotate(0)}table{border:2px solid var(--color-border);border-collapse:collapse;width:100%;margin:1.5rem 0;overflow-x:auto}td,th{border:2px solid var(--color-border);padding:var(--space-xs);text-align:left}th{background:var(--color-bg-mod-1);font-weight:700}tr:nth-child(2n){background:var(--color-bg-mod-1)}table caption{padding:.5rem;caption-side:bottom}header{font-size:var(--step-2);background:var(--color-text);color:var(--color-bg-mod-1)}footer{background:var(--color-text);color:var(--color-bg-mod-1)}nav[data-variant=main]{padding:var(--space-xs);background:var(--color-text)}nav[data-variant=main] ul{display:flex;gap:var(--space-xs);flex-wrap:wrap}nav[data-variant=main] li{position:relative}nav[data-variant=main] li a{display:flex;padding:var(--space-2xs) var(--space-xs);border:2px solid transparent;transition:all .2s ease;font-weight:var(--font-weight-bold)}nav[data-variant=main] li a:hover{border-color:var(--color-border)}nav[data-variant=main] li a span{display:flex;align-items:center;margin-right:.5rem}nav[data-variant=main] a[data-state=active]{background:var(--color-brand);color:var(--color-bg-mod-1);border:2px solid var(--color-border)}nav[data-variant=sidebar]{border-right:2px solid var(--color-border);padding:var(--space-xs);background:var(--color-bg)}nav[data-variant=sidebar] ul{list-style:none;padding:0;margin:0}nav[data-variant=sidebar] li{max-width:unset;margin-bottom:var(--space-2xs)}nav[data-variant=sidebar] li a{display:block;padding:var(--space-2xs) var(--space-xs);border:2px solid transparent;transition:all .2s ease;font-weight:var(--font-weight-bold)}nav[data-variant=sidebar] li a:hover{border-color:var(--color-border)}nav[data-variant=sidebar] a[data-state=active]{background:var(--color-brand);color:var(--color-bg-mod-1);border:2px solid var(--color-border)}nav[data-variant=sidebar] li[data-children=true]{position:relative}nav[data-variant=sidebar] li[data-children=true]:before{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE1LjM3NUw2IDkuMzc0OTlMNy4wNzUgOC4yOTk5OUwxMiAxMy4yNUwxNi45MjUgOC4zMjQ5OUwxOCA5LjM5OTk5TDEyIDE1LjM3NVoiIGZpbGw9IiMxRDFEMUQiLz4KPC9zdmc+Cg==);height:1.2rem;pointer-events:none;position:absolute;right:1rem;top:.8rem;transform:rotate(180deg);transition:transform .2s ease}.dropdown-button{width:100%;text-align:left}.dropdown-button:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE1LjM3NUw2IDkuMzc0OTlMNy4wNzUgOC4yOTk5OUwxMiAxMy4yNUwxNi45MjUgOC4zMjQ5OUwxOCA5LjM5OTk5TDEyIDE1LjM3NVoiIGZpbGw9IiMxRDFEMUQiLz4KPC9zdmc+Cg==);height:1.2rem;position:absolute;right:1rem;top:1rem;transform:rotate(180deg);transition:transform .2s ease;pointer-events:none}.dropdown-button[data-state=active]:after{transform:rotate(0)}nav[data-variant=sidebar] li[data-children=true][data-state=active]:before{transform:rotate(0)}nav[data-variant=sidebar] ul>li ul{display:none}nav[data-variant=sidebar] li[data-state=active]+ul,nav[data-variant=sidebar] ul[data-state=visible]{display:block;padding:var(--space-xs);margin-top:var(--space-2xs);border-left:2px solid var(--color-border);background:var(--color-bg-mod-1);width:100%;height:auto;clip:auto}nav[data-variant=sidebar] ul ul li a{padding-left:var(--space-s);border-left:2px solid transparent}nav[data-variant=sidebar] ul ul li a:hover{border-left:2px solid var(--color-border)}.hero{--region-space: 1.25rem;position:relative;background:var(--color-brand);color:var(--color-bg-mod-1);padding:var(--space-xl);text-align:center;border:2px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:var(--space-3xs)}.hero>*{--flow-space: var(--space-m);position:relative;z-index:2;margin-inline:auto;padding:var(--space-xs)}.hero h1,.hero h2,.hero h3{padding:var(--space-s);display:inline-block}.hero p{font-weight:700;padding:var(--space-xs) var(--space-m);max-width:var(--width-longform)}.hero a{display:inline-block;transition:transform .2s ease}.hero a:hover{transform:rotate(0) translate(-4px,-4px)}.callout{border:2px solid var(--color-border);padding:var(--space-m);max-width:var(--width-longform);border-radius:var(--border-radius)}.callout>*{line-height:var(--line-height-base)}.callout[data-variant=brand]{border:2px solid var(--color-brand)}.callout[data-variant=brand]>*{color:var(--color-brand)}.card{--img-ratio: 3/2;display:flex;flex-direction:column;position:relative;border:2px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:transform .2s ease}.card :is(h2,h3,h4){font-size:var(--step-1)}.card>:not(h2,h3,h4){font-size:var(--step--1)}.card :is(h2,h3,h4)>a:after{content:"";position:absolute;inset:0}.card p,.card button,.card .button{position:relative;z-index:1}.card a:focus{text-decoration:underline}.card:focus-within{box-shadow:0 0 0 .1rem}.card:focus-within a:focus{text-decoration:none}.card>img{aspect-ratio:var(--img-ratio);object-fit:cover;width:100%;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.card>div{--flow-space: 1rem;display:flex;flex-direction:column;flex-grow:1;padding:1rem;max-width:60ch}.card>div :last-child{margin-top:auto}.card>div :nth-last-child(2){margin-bottom:var(--space-xs-s)}.card[data-state=reversed]{display:flex;flex-direction:column-reverse}