:root{--swatch-linen:#f3eee5;--swatch-paper:#fdfcf9;--swatch-oat:#efeae2;--swatch-copper:#c2702e;--swatch-peach:#eba191;--swatch-butter:#f0cb8c;--swatch-sprout:#a5c49a;--swatch-mist:#ccdce4;--swatch-blush:#f2d6cd;--swatch-sage:#e1e5ce;--swatch-blue:#7fa7bd;--swatch-mauve:#c69bb8;--swatch-ochre:#e3a66b;--swatch-green:#9cb98a;--color-ink:#2b2b2b;--color-white:#fff;--font-family-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-display:"Bricolage Grotesque 96pt ExtraBold", var(--font-family-sans);--font-family-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size--1:0.8rem;--font-size-0:1rem;--font-size-1:1.25rem;--font-size-2:1.56rem;--font-size-6:3.81rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.02em;--letter-spacing-wider:0.08em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-32:8rem;--step-7:clamp(1.9956rem, 1.0312rem + 4.8222vi, 4.7684rem);--step-6:clamp(1.7739rem, 1.064rem + 3.5493vi, 3.8147rem);--step-5:clamp(1.5768rem, 1.0637rem + 2.5652vi, 3.0518rem);--step-4:clamp(1.4016rem, 1.0399rem + 1.8084vi, 2.4414rem);--step-3:clamp(1.2458rem, 0.9998rem + 1.23vi, 1.9531rem);--step-2:clamp(1.1074rem, 0.9491rem + 0.7914vi, 1.5625rem);--step-1:clamp(0.9844rem, 0.892rem + 0.462vi, 1.25rem);--step-0:clamp(0.875rem, 0.8315rem + 0.2174vi, 1rem);--step--1:clamp(0.7778rem, 0.77rem + 0.0386vi, 0.8rem);--step--2:clamp(0.64rem, 0.7092rem + -0.0893vi, 0.6914rem);--step--3:clamp(0.512rem, 0.6502rem + -0.1783vi, 0.6145rem);--space-3xs:clamp(0.25rem, 0.25rem + 0vw, 0.25rem);--space-2xs:clamp(0.4375rem, 0.4119rem + 0.1136vw, 0.5rem);--space-xs:clamp(0.6875rem, 0.6619rem + 0.1136vw, 0.75rem);--space-s:clamp(0.875rem, 0.8239rem + 0.2273vw, 1rem);--space-m:clamp(1.3125rem, 1.2358rem + 0.3409vw, 1.5rem);--space-l:clamp(1.75rem, 1.6477rem + 0.4545vw, 2rem);--space-xl:clamp(2.625rem, 2.4716rem + 0.6818vw, 3rem);--space-2xl:clamp(3.5rem, 3.2955rem + 0.9091vw, 4rem);--space-3xl:clamp(5.25rem, 4.9432rem + 1.3636vw, 6rem);--space-3xs-2xs:clamp(0.25rem, 0.1477rem + 0.4545vw, 0.5rem);--space-2xs-xs:clamp(0.4375rem, 0.3097rem + 0.5682vw, 0.75rem);--space-xs-s:clamp(0.6875rem, 0.5597rem + 0.5682vw, 1rem);--space-s-m:clamp(0.875rem, 0.6193rem + 1.1364vw, 1.5rem);--space-m-l:clamp(1.3125rem, 1.0313rem + 1.25vw, 2rem);--space-l-xl:clamp(1.75rem, 1.2386rem + 2.2727vw, 3rem);--space-xl-2xl:clamp(2.625rem, 2.0625rem + 2.5vw, 4rem);--space-2xl-3xl:clamp(3.5rem, 2.4773rem + 4.5455vw, 6rem);--space-s-l:clamp(0.875rem, 0.4148rem + 2.0455vw, 2rem);--fluid-4-16:clamp(0.25rem, -0.0568rem + 1.3636vw, 1rem);--space-fluid-1:var(--space-3xs);--space-fluid-2:var(--space-2xs);--space-fluid-3:var(--space-xs);--space-fluid-4:var(--space-s);--space-fluid-6:var(--space-m);--space-fluid-8:var(--space-l);--space-fluid-12:var(--space-xl)}@font-face{font-family:DM Sans;src:url(/assets/fonts/dm-sans.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:u+000d,u+0020-007e,u+00a0-00ac,u+00ae-00ff,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+2013-2014,u+2018-201a,u+201c-201e,u+2020-2022,u+2026,u+2030,u+2039-203a,u+2044,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215}@font-face{font-family:Bricolage Grotesque\ 96pt ExtraBold;src:url(/assets/fonts/bricolage-whimsical.woff2) format("woff2");font-weight:800;font-display:swap;font-stretch:100%;unicode-range:u+0057,u+0061,u+0063,u+0068-0069,u+006c-006d,u+0073}*,:after,:before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}button,h1,h2,h3,h4,input,label{line-height:1.2;font-weight:inherit}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}.skip-link:not(:focus),.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link:focus{position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);padding:var(--space-2) var(--space-4);border-radius:999px;background-color:var(--color-ink);color:var(--color-white);font-weight:var(--font-weight-bold);-webkit-text-decoration:none;text-decoration:none}html{background-color:var(--swatch-linen);color:var(--color-ink);font-family:var(--font-family-sans);font-size:100%;font-size-adjust:.504;line-height:var(--line-height-normal)}body{max-inline-size:calc(58rem + var(--space-fluid-12)*2);margin:0 auto;padding-inline:var(--space-fluid-s,var(--space-fluid-4));display:flex;flex-direction:column;flex-wrap:nowrap;font-size:var(--step-0)}p{max-inline-size:65ch}a{color:inherit;font-weight:var(--font-weight-semibold);text-underline-offset:.15em;text-decoration-style:dotted;text-decoration-thickness:.1em}a:not([class]):hover{color:var(--swatch-copper)}a:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}a.home{text-decoration-line:none;&:hover{color:var(--swatch-copper)}&[aria-current=page]{text-decoration-line:underline}}.header{padding-block:var(--space-fluid-8)}.header__inner{padding-inline:var(--fluid-4-16,var(--space-fluid-4));font-size:var(--step-0);font-weight:var(--font-weight-bold);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-fluid-4)}.language,.nav{margin-inline-start:auto}.nav{display:flex;flex-wrap:wrap;gap:var(--space-fluid-4)}.language a,.nav a{text-decoration-line:none;text-decoration-thickness:.1em}.nav a[aria-current=page]{text-decoration-style:dotted;text-decoration-line:underline;text-decoration-thickness:.1em}.main{background-color:var(--swatch-paper);border:2px solid var(--color-ink);border-radius:var(--space-fluid-4)}.browser-bar{display:flex;align-items:center;gap:var(--space-fluid-8);padding:var(--space-fluid-4) var(--space-fluid-6);border-block-end:2px solid var(--color-ink)}.dots{display:flex;gap:var(--space-fluid-2)}.dots span{inline-size:14px;block-size:14px;border-radius:50%;background-color:var(--swatch-peach)}.dots span:nth-child(2){background-color:var(--swatch-butter)}.dots span:nth-child(3){background-color:var(--swatch-sprout)}.address-bar{flex:1;block-size:var(--space-fluid-6);border-radius:999px;background-color:var(--swatch-oat)}.content{padding-block:var(--space-fluid-8) var(--space-fluid-12)}.content__inner{gap:var(--space-fluid-12);padding-inline:var(--space-s-l,var(--space-fluid-8))}.content__inner,.intro{display:flex;flex-direction:column}.intro{align-items:flex-start;gap:var(--space-fluid-4)}.label{padding:var(--space-fluid-1) var(--space-fluid-3);border-radius:999px;background-color:var(--color-ink);color:var(--swatch-paper);font-size:var(--step--1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.copy{display:flex;flex-direction:column;gap:var(--space-fluid-2);font-size:var(--step-1);>*+*{margin-top:.45em}}h1{font-size:var(--step-6);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.whimsical{display:inline-block;font-family:var(--font-family-display);font-size-adjust:none;color:var(--swatch-copper);transform:skewX(-14deg)}.lead{font-weight:var(--font-weight-bold)}.details,.info{align-items:flex-start;gap:var(--space-fluid-2)}.details,.info,.when{display:flex;flex-direction:column}.when{gap:var(--space-fluid-1)}.when p:first-child{font-size:var(--step--1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.when p:last-child{font-size:var(--step-2);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.info{font-size:var(--step-1);>p+.actions{margin-top:var(--space-fluid-1)}}.actions{display:flex;flex-wrap:wrap;gap:var(--space-fluid-2)}.info p:first-child{font-weight:var(--font-weight-medium)}.button{padding:var(--space-fluid-2) var(--space-fluid-4);border:2px solid var(--color-ink);border-radius:999px;background-color:var(--color-ink);color:var(--color-white);font-size:var(--step-0);font-weight:var(--font-weight-bold);-webkit-text-decoration:none;text-decoration:none}.button:hover{-webkit-text-decoration:underline;text-decoration:underline}.button--outline{background-color:transparent;color:var(--color-ink);&:hover{color:var(--swatch-copper);border-color:var(--swatch-copper);-webkit-text-decoration:none;text-decoration:none}}.host{display:flex;flex-direction:column;gap:var(--space-fluid-2)}.host h2{font-size:var(--step-1);font-weight:var(--font-weight-bold)}.shapes{display:flex;align-items:center;gap:var(--space-fluid-6);flex-wrap:nowrap;>*{width:100%;height:100%;aspect-ratio:1}}.shapes div{max-inline-size:var(--space-32);max-block-size:var(--space-32);border-radius:var(--space-fluid-4);background-color:var(--swatch-mist)}.shapes div:nth-child(2){border-radius:50%;background-color:var(--swatch-blush)}.shapes div:nth-child(3){background-color:var(--swatch-sage)}.guide{gap:var(--space-fluid-8)}.guide,.guide section{display:flex;flex-direction:column}.guide section{gap:var(--space-fluid-3)}.guide h2{font-size:var(--step-3);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.guide h3{font-size:var(--step-1);font-weight:var(--font-weight-bold)}.guide ol,.guide ul{display:flex;flex-direction:column;gap:var(--space-fluid-2);max-inline-size:65ch;margin:0;padding-inline-start:1.5em}.guide ol{list-style-type:decimal}.guide ul{list-style-type:disc}.guide ol ol{margin-block-start:var(--space-fluid-2);list-style-type:lower-alpha}.tabs{display:flex;flex-direction:column;gap:var(--space-fluid-2)}.tabs summary{inline-size:fit-content;padding:var(--space-fluid-1) var(--space-fluid-4);border:2px solid var(--color-ink);border-radius:999px;font-weight:var(--font-weight-bold);list-style:none;cursor:pointer}.tabs summary::-webkit-details-marker{display:none}.tabs summary:hover{color:var(--swatch-copper);border-color:var(--swatch-copper)}.tabs summary:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.tabs details[open] summary{background-color:var(--color-ink);color:var(--swatch-paper);border-color:var(--color-ink)}.tabs details>ol{margin-block-start:var(--space-fluid-4)}@supports selector(::details-content){.tabs{display:grid;grid-template-columns:repeat(3,auto) 1fr;column-gap:var(--space-fluid-2);row-gap:0}.tabs details{display:contents}.tabs summary{grid-row:1}.tabs details::details-content{grid-row:2;grid-column:1/-1;align-self:start}}code{font-family:var(--font-family-mono);font-size:.9em}pre{max-inline-size:65ch;margin:0;padding:var(--space-fluid-3) var(--space-fluid-4);overflow-x:auto;border-radius:var(--space-fluid-2);background-color:var(--swatch-oat)}.footer{margin-top:auto;padding-block:var(--space-fluid-8)}.footer__inner{padding-inline:var(--fluid-4-16,var(--space-fluid-4))}.footer__inner,.practical-info{display:flex;flex-direction:column;gap:var(--space-fluid-4)}.sitemap ul{display:flex;flex-wrap:wrap;gap:var(--space-fluid-8);margin:0;padding:0;list-style:none}.practical-info h2{letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.practical-info h2,.practical-info h3{font-size:var(--step-0);font-weight:var(--font-weight-bold)}.items{display:flex;flex-wrap:wrap;gap:var(--space-fluid-4);@media (width >= 532px){display:grid;grid-template-columns:10rem 8rem 1fr}}hr{inline-size:100%;margin:0;border:0;border-block-start:1px solid var(--color-ink)}.credit{font-size:var(--step--1)}html{overflow-x:clip}@media (width < 68.75rem){body{overflow-x:clip}}.main{position:relative}.sparkles{position:absolute;inset:0;z-index:1;pointer-events:none}.sparkle{position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);inline-size:var(--size);block-size:var(--size);fill:currentColor;color:var(--color);translate:-50% -50%;scale:1}.sparkle--blue{--x:8px;--y:6px;--size:6rem;--color:var(--swatch-blue)}.sparkle--mauve{--x:calc(100% - 25px);--y:124px;--size:4.875rem;--color:var(--swatch-mauve)}.sparkle--ochre{--x:calc(100% - 33px);--y:52.5%;--size:8.75rem;--color:var(--swatch-ochre)}.sparkle--green{--x:4px;--y:calc(100% - 6px);--size:4.625rem;--color:var(--swatch-green)}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:root{view-transition-name:none}.main{view-transition-name:browser}@media (prefers-reduced-motion:no-preference){.sparkle{--fade-in:0.85s;transition:opacity var(--fade-in) ease-out var(--delay);animation:twinkle var(--duration) ease-in-out calc(var(--delay) + var(--fade-in)) 3;will-change:scale,opacity}@starting-style{.sparkle{opacity:0}}.sparkle--blue{--duration:7s;--delay:0.5s}.sparkle--mauve{--duration:9s;--delay:1.5s}.sparkle--ochre{--duration:8s;--delay:1s}.sparkle--green{--duration:8.5s;--delay:2s}}@keyframes twinkle{0%,to{scale:1;opacity:1}40%,60%{scale:0;opacity:0}}.wave{display:none;inline-size:1.1em;block-size:1.1em;margin-inline-start:.3em;vertical-align:-.15em}:target .wave{display:inline-block}@media (prefers-reduced-motion:no-preference){:target .wave{transform-origin:70% 90%;animation:wave 1.8s ease-in-out .6s both}}@keyframes wave{0%,60%,to{rotate:0deg}10%,30%{rotate:14deg}20%{rotate:-8deg}40%{rotate:-4deg}50%{rotate:10deg}}