:root{--color-sand-100:hsl(27deg,12%,90%);--color-sand-200:hsl(27deg,12%,80%);--color-sand-300:hsl(27deg,9%,70%);--color-sand-400:hsl(27deg,12%,60%);--color-sand-500:hsl(27deg,15%,50%);--color-sand-600:hsl(27deg,15%,40%);--color-sand-700:hsl(27deg,15%,30%);--color-sand-800:hsl(27deg,15%,20%);--color-sand-900:hsl(27deg,15%,10%);--color-red-100:hsl(348deg,65%,82%);--color-red-200:hsl(348deg,65%,72%);--color-red-300:hsl(348deg,65%,62%);--color-red-400:hsl(348deg,65%,52%);--color-red-500:hsl(348deg,65%,42%);--color-red-600:hsl(348deg,65%,35%);--color-red-700:hsl(348deg,65%,28%);--color-red-800:hsl(348deg,65%,21%);--color-red-900:hsl(348deg,65%,14%);--color-orange-100:hsl(24deg,65%,82%);--color-orange-200:hsl(24deg,65%,72%);--color-orange-300:hsl(24deg,65%,62%);--color-orange-400:hsl(24deg,65%,52%);--color-orange-500:hsl(24deg,65%,42%);--color-orange-600:hsl(24deg,65%,35%);--color-orange-700:hsl(24deg,65%,28%);--color-orange-800:hsl(24deg,65%,21%);--color-orange-900:hsl(24deg,65%,14%);--color-yellow-100:hsl(45deg,100%,82%);--color-yellow-200:hsl(45deg,100%,72%);--color-yellow-300:hsl(45deg,100%,62%);--color-yellow-400:hsl(45deg,100%,52%);--color-yellow-500:hsl(45deg,100%,42%);--color-yellow-600:hsl(45deg,100%,35%);--color-yellow-700:hsl(45deg,100%,28%);--color-yellow-800:hsl(45deg,100%,21%);--color-yellow-900:hsl(45deg,100%,14%);--color-green-100:hsl(69deg,40%,82%);--color-green-200:hsl(69deg,40%,72%);--color-green-300:hsl(69deg,40%,62%);--color-green-400:hsl(69deg,40%,52%);--color-green-500:hsl(69deg,40%,42%);--color-green-600:hsl(69deg,40%,35%);--color-green-700:hsl(69deg,40%,28%);--color-green-800:hsl(69deg,40%,21%);--color-green-900:hsl(69deg,40%,14%);--color-teal-100:hsl(163deg,40%,82%);--color-teal-200:hsl(163deg,40%,72%);--color-teal-300:hsl(163deg,40%,62%);--color-teal-400:hsl(163deg,40%,52%);--color-teal-500:hsl(163deg,40%,42%);--color-teal-600:hsl(163deg,40%,35%);--color-teal-700:hsl(163deg,40%,28%);--color-teal-800:hsl(163deg,40%,21%);--color-teal-900:hsl(163deg,40%,14%);--color-blue-100:hsl(212deg,31%,82%);--color-blue-200:hsl(212deg,31%,72%);--color-blue-300:hsl(212deg,31%,62%);--color-blue-400:hsl(212deg,31%,52%);--color-blue-500:hsl(212deg,31%,42%);--color-blue-600:hsl(212deg,31%,35%);--color-blue-700:hsl(212deg,31%,28%);--color-blue-800:hsl(212deg,31%,21%);--color-blue-900:hsl(212deg,31%,14%);--color-purple-100:hsl(257deg,40%,82%);--color-purple-200:hsl(257deg,40%,72%);--color-purple-300:hsl(257deg,40%,62%);--color-purple-400:hsl(257deg,40%,52%);--color-purple-500:hsl(257deg,40%,42%);--color-purple-600:hsl(257deg,40%,35%);--color-purple-700:hsl(257deg,40%,28%);--color-purple-800:hsl(257deg,40%,21%);--color-purple-900:hsl(257deg,40%,14%);--text-base-size:1.125rem;--text-scale-ratio:1.25;--text-unit:1rem;--text-normal-weight:400;--text-bold-weight:600;--text-font:"Merriweather","Georgia",serif;--text-line-height:1.5;--headline-font:"Atkinson Hyperlegible","Headline-Fallback",sans-serif;--headline-line-height:1}
:root{--text-sm:calc(var(--text-unit) / var(--text-scale-ratio));--text-md:var(--text-unit);--text-lg:calc(var(--text-unit) * var(--text-scale-ratio));--text-xl:calc(var(--text-lg) * var(--text-scale-ratio));--text-2xl:calc(var(--text-xl) * var(--text-scale-ratio));--text-3xl:calc(var(--text-2xl) * var(--text-scale-ratio));--text-4xl:calc(var(--text-3xl) * var(--text-scale-ratio));--text-5xl:calc(var(--text-4xl) * var(--text-scale-ratio))}
@media(prefers-color-scheme:light){:root{--color-background:var(--color-sand-200);--color-text:var(--color-blue-600);--color-action:var(--color-red-400)}
.theme-purple-light{--color-background:var(--color-purple-500);--color-text:var(--color-sand-100);--color-action:var(--color-yellow-300)}
[class*="to-purple-light"]::after{--color-background:var(--color-purple-500)}
.theme-purple-dark{--color-background:var(--color-purple-700);--color-text:var(--color-sand-300);--color-action:var(--color-yellow-400)}
[class*="to-purple-dark"]::after{--color-background:var(--color-purple-700)}
.theme-sand-light{--color-background:var(--color-sand-300);--color-text:var(--color-purple-800);--color-action:var(--color-red-700)}
[class*="to-sand-light"]::after{--color-background:var(--color-sand-300)}
.theme-sand-dark{--color-background:var(--color-sand-700);--color-text:var(--color-green-100);--color-action:var(--color-red-100)}
[class*="to-sand-dark"]::after{--color-background:var(--color-sand-700)}}
@media(prefers-color-scheme:dark){:root{--color-background:var(--color-purple-900);--color-text:var(--color-sand-300);--color-action:var(--color-yellow-500)}
.theme-purple-dark{--color-background:var(--color-purple-900);--color-text:var(--color-sand-300);--color-action:var(--color-yellow-600)}
[class*="to-purple-dark"]::after{--color-background:var(--color-purple-900)}
.theme-purple-light{--color-background:var(--color-purple-700);--color-text:var(--color-sand-300);--color-action:var(--color-yellow-400)}
[class*="to-purple-light"]::after{--color-background:var(--color-purple-700)}
.theme-sand-light{--color-background:var(--color-sand-800);--color-text:var(--color-orange-100);--color-action:var(--color-red-200)}
[class*="to-sand-light"]::after{--color-background:var(--color-sand-800)}
.theme-sand-dark{--color-background:var(--color-sand-900);--color-text:var(--color-green-400);--color-action:var(--color-red-300)}
[class*="to-sand-dark"]::after{--color-background:var(--color-sand-900)}}
*,*::before,*::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;text-size-adjust:none;font-variant-ligatures:common-ligatures;font-feature-settings:"liga","clig"}
html:focus-within{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}
*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
body{margin:0;max-width:100dvw;min-height:100vh;min-height:100dvh;color:var(--color-text);background:var(--color-background);line-height:var(--text-line-height);font-family:var(--text-font);font-size:var(--text-base-size)}
p,blockquote{margin:0}
h1,h2,h3,h4,h5,h6{text-wrap:balance;margin:0;font-family:var(--headline-font);line-height:var(--headline-line-height);& > small{display:block;text-transform:uppercase;font-weight:var(--text-normal-weight);padding-block-end:0.1em;font-size:0.4em}}
h1{font-size:var(--text-5xl)}
h2{font-size:var(--text-4xl)}
h3{font-size:var(--text-3xl)}
h4{font-size:var(--text-2xl)}
h5{font-size:var(--text-xl)}
h6{font-size:var(--text-lg)}
ul,ol{margin:0}
ul[role='list'],ol[role='list'],ul._blind,ol._blind{list-style-type:"";padding-left:0}
ul._inline,ol._inline{list-style-type:"";padding-left:0;display:flex;flex-wrap:wrap;gap:2rem}
ul._with-separator{--spacing:2rem;margin-top:.3rem;padding-top:var(--spacing);padding-bottom:var(--spacing);border-top:1px solid currentColor;border-bottom:1px solid currentColor;& > li + li{margin-top:var(--spacing);padding-top:var(--spacing);border-top:1px solid currentColor}}
dl,dd{margin:0}
dl > dt{font-weight:var(--text-bold-weight)}
img,picture,svg{max-width:100%;height:auto;vertical-align:middle;font-style:italic}
figure{margin:0}
figure svg{margin:0 auto}
a:not([class]){text-decoration-skip-ink:auto}
a{color:var(--color-action);text-decoration-color:hsl(from var(--color-action) h s l / 0.4);text-underline-offset:0.2rem;text-decoration-thickness:0.1rem;&:hover,&:focus-visible{text-decoration-color:hsl(from var(--color-action) h s l / 1);text-decoration-thickness:0.2rem}}
body > header{padding:2rem 10%;text-align:center}
body > header > ul{font-family:var(--headline-font);text-transform:uppercase;justify-content:center;margin-top:1.5rem}
body > header > a,body > header > a > svg{display:block;margin:0 auto}
@media (min-width:36rem){body > header{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:left}
body > header > ul{justify-content:flex-end}
body > header > a > svg,body > header > a{margin-left:0}}
body > footer{display:grid;grid-template-areas:"a a" "b b" "c c" "d d";gap:2rem;padding:2rem 10%;font-size:0.9rem;& > *:not(ul) > * + *{margin-top:1rem}
& > *:nth-child(1){grid-area:a;align-content:top;justify-self:left}
& > *:nth-child(2){grid-area:b;align-content:center;justify-self:center}
& > *:nth-child(3){grid-area:c;align-self:top}
& > *:nth-child(4){grid-area:d;align-content:center;justify-self:center}}
body > main{--padding-inline:1.5em;--content-max-width:70ch;--breakout-max-width:80%;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;align-content:start;justify-content:start;min-height:80vw;grid-template-columns:[fullwidth-start ] minmax(var(--padding-inline),10%)
[breakout-start] minmax(0,var(--breakout-size))
[content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end]
minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),10%)
[fullwidth-end];& > *{grid-column:content}
& > * + *{padding-top:var(--padding-inline)}
& > .breakout{grid-column:breakout}
& > .full-width,& > section{grid-column:fullwidth;grid-auto-rows:0}
& > *:last-child:not(section){padding-bottom:4rem}}
.flow-grid,main > section{--space:2rem;position:relative;display:flex;flex-direction:column;gap:var(--space);flex-wrap:wrap;padding:0;align-content:start;& > *{flex:1 1 calc((100% - 3 * var(--space)) / 4);max-width:100%}
& > *:nth-child(4n):nth-last-child(2),& > *:nth-child(4n + 1):last-child:not(:first-child){flex-basis:calc(50% - 0.5 * var(--space))}
&:has( > *:nth-child(6n)):not(:has(> *:nth-child(7n))) > *{flex-basis:calc((100% - 2 * var(--space)) / 3)}
& > * > * + *{padding-top:1em}
&._reverse{flex-direction:unset}
&._stacked{display:block}
&._bottom-aligned{align-items:end}
&._center-aligned{align-items:center}
&._no-top-space{padding-top:0}
&._double-top-space{padding-top:8rem}
&._no-bottom-space{padding-bottom:0}
&._double-bottom-space{padding-bottom:8rem}
& > *._wide{flex-basis:calc(100% / 3 * 2 - 0.5 * var(--space));max-width:var(--content-max-width)}
& > ._content-width{box-sizing:border-box;width:100%;flex-basis:100%}
& > ._full-width{box-sizing:border-box;width:100dvw;max-width:100dvw;margin-left:calc(50% - 50dvw)}
& > a{display:block;z-index:1;right:0;bottom:4rem;position:absolute;font-family:var(--headline-font);text-decoration:none;padding:.6rem 4rem .4rem 1rem}}
main > section{padding:2rem 2rem}
@media (min-width:50rem){body > footer{grid-template-areas:"a a a a c c c c d d" "b b b b b b b b b b"}
.flow-grid{& > *{padding:0}}
.flow-grid,main > section{flex-direction:row;padding:4rem 10%;&._reverse{flex-direction:row-reverse}
&._stacked{display:block}
&._stacked > *._wide{max-width:66%}}}
.theme-sand-light,.theme-sand-dark,.theme-purple-light,.theme-purple-dark{background:var(--color-background);color:var(--color-text);& ::selection{background:var(--color-action);color:var(--color-background)}
& a{color:var(--color-action);font-weight:var(--text-bold-weight)}
& a._theme-inverted{color:var(--color-background);background:var(--color-action);font-weight:var(--text-bold-weight)}
&[class*="cut-up-to"],&[class*="cut-down-to"]{padding-bottom:14rem}
&[class*="cut-up-to"]::after,&[class*="cut-down-to"]::after{position:absolute;left:0;bottom:0;content:"";width:100%;height:10rem;background:var(--color-background)}
&[class*="cut-up-to"]::after{clip-path:polygon(100% 0,0 100%,100% 100%)}
&[class*="cut-down-to"]::after{clip-path:polygon(0 0,0 100%,100% 100%)}}
body .cardSlider{display:flex;position:relative;background:transparent;box-sizing:border-box;border-radius:5px;padding:4rem 4em 6rem 6rem;overflow-y:hidden;overflow-x:auto;scrollbar-color:var(--color-action) var(--color-background);scroll-behavior:smooth;& .card{transition:all 0.2s ease 0s;transform:rotate(-3deg);margin:0;margin-left:-1rem;top:0;left:0}
& .card:hover,& .card:focus{position:relative;z-index:200;top:-2rem;box-shadow:0 3em 4em hsl(from var(--color-background) h s calc(l - 2));transition:all 0.2s ease 0s;transform:rotate(0deg)}
& .card:hover + .card,& .card:focus + .card{transform:rotate(-5deg);transition:all 0.1s ease 0s;left:4rem}}
.card{display:block;position:relative;min-width:20rem;max-width:min(20rem,25%);background:var(--color-action);box-shadow:0 1em 2em hsl(from var(--color-background) h s calc(l - 5));border-radius:0.5rem;padding-top:0;& .card-link{display:block;text-decoration:none;padding-bottom:1.5rem}
& .card-link > *{margin:0 1rem;color:var(--color-background)}
& .card-link > *::selection{color:var(--color-action);background:var(--color-background)}
& .card-link > *:first-child{border-radius:0.5rem 0.5rem 0 0}
& .card-media{width:320px;height:200px;margin:0 0 1.5rem 0}
& .card-media img{border-radius:0.5rem 0.5rem 0 0;width:100%;height:auto;margin-bottom:1.5rem;color:rgba(255,255,255,0)}
& .card-title{margin-bottom:1rem}
& .card-meta{font-size:0.875rem;text-transform:uppercase;font-family:var(--headline-font);line-height:var(--headline-line-height);display:block}}
._visible{display:var(--display) !important}
[hidden],._hidden{display:none !important}
._visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
main > section:has(._full-width){overflow-x:clip}
.placeholder{--b-width:0.15rem;outline:var(--b-width) dashed currentColor;font-family:var(--headline-font);border-radius:.3rem;display:grid;place-content:center;padding:1rem}
:target{scroll-margin-block:5ex}