@layer reset,tokens,base,layout,components,utilities;@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-variable.woff2) format("woff2");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}@font-face{font-family:Inter Fallback;src:local("Arial"),local("ArialMT");ascent-override:90.4365%;descent-override:22.518%;line-gap-override:0%;size-adjust:107.1194%}@font-face{font-family:Inter Fallback Android;src:local("Roboto"),local("Roboto-Regular"),local("Roboto Regular");ascent-override:90.2384%;descent-override:22.4686%;line-gap-override:0%;size-adjust:107.3546%}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-block-size:100dvh;-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}ul[role=list],ol[role=list]{list-style:none;padding:0}}@layer tokens{:root{color-scheme:light;--type-base-min: 1;--type-base-max: 1.125;--type-ratio-min: 1.2;--type-ratio-max: 1.272;--fluid-min: 22.5;--fluid-max: 80;--step-0-min: var(--type-base-min);--step-0-max: var(--type-base-max);--step-1-min: calc(var(--step-0-min) * var(--type-ratio-min));--step-1-max: calc(var(--step-0-max) * var(--type-ratio-max));--step-2-min: calc(var(--step-1-min) * var(--type-ratio-min));--step-2-max: calc(var(--step-1-max) * var(--type-ratio-max));--step-3-min: calc(var(--step-2-min) * var(--type-ratio-min));--step-3-max: calc(var(--step-2-max) * var(--type-ratio-max));--step-4-min: calc(var(--step-3-min) * var(--type-ratio-min));--step-4-max: calc(var(--step-3-max) * var(--type-ratio-max));--step-5-min: calc(var(--step-4-min) * var(--type-ratio-min));--step-5-max: calc(var(--step-4-max) * var(--type-ratio-max));--step-6-min: calc(var(--step-5-min) * var(--type-ratio-min));--step-6-max: calc(var(--step-5-max) * var(--type-ratio-max));--step--1-min: calc(var(--step-0-min) / var(--type-ratio-min));--step--1-max: calc(var(--step-0-max) / var(--type-ratio-max));--step--2-min: calc(var(--step--1-min) / var(--type-ratio-min));--step--2-max: calc(var(--step--1-max) / var(--type-ratio-max));--fluid-range: calc(var(--fluid-max) - var(--fluid-min));--fluid-t: calc((100vw - var(--fluid-min) * 1rem) / var(--fluid-range));--step--2: clamp(min(calc(var(--step--2-min) * 1rem), calc(var(--step--2-max) * 1rem)), calc(var(--step--2-min) * 1rem + (var(--step--2-max) - var(--step--2-min)) * var(--fluid-t)), max(calc(var(--step--2-min) * 1rem), calc(var(--step--2-max) * 1rem)));--step--1: clamp(min(calc(var(--step--1-min) * 1rem), calc(var(--step--1-max) * 1rem)), calc(var(--step--1-min) * 1rem + (var(--step--1-max) - var(--step--1-min)) * var(--fluid-t)), max(calc(var(--step--1-min) * 1rem), calc(var(--step--1-max) * 1rem)));--step-0: clamp(min(calc(var(--step-0-min) * 1rem), calc(var(--step-0-max) * 1rem)), calc(var(--step-0-min) * 1rem + (var(--step-0-max) - var(--step-0-min)) * var(--fluid-t)), max(calc(var(--step-0-min) * 1rem), calc(var(--step-0-max) * 1rem)));--step-1: clamp(min(calc(var(--step-1-min) * 1rem), calc(var(--step-1-max) * 1rem)), calc(var(--step-1-min) * 1rem + (var(--step-1-max) - var(--step-1-min)) * var(--fluid-t)), max(calc(var(--step-1-min) * 1rem), calc(var(--step-1-max) * 1rem)));--step-2: clamp(min(calc(var(--step-2-min) * 1rem), calc(var(--step-2-max) * 1rem)), calc(var(--step-2-min) * 1rem + (var(--step-2-max) - var(--step-2-min)) * var(--fluid-t)), max(calc(var(--step-2-min) * 1rem), calc(var(--step-2-max) * 1rem)));--step-3: clamp(min(calc(var(--step-3-min) * 1rem), calc(var(--step-3-max) * 1rem)), calc(var(--step-3-min) * 1rem + (var(--step-3-max) - var(--step-3-min)) * var(--fluid-t)), max(calc(var(--step-3-min) * 1rem), calc(var(--step-3-max) * 1rem)));--step-4: clamp(min(calc(var(--step-4-min) * 1rem), calc(var(--step-4-max) * 1rem)), calc(var(--step-4-min) * 1rem + (var(--step-4-max) - var(--step-4-min)) * var(--fluid-t)), max(calc(var(--step-4-min) * 1rem), calc(var(--step-4-max) * 1rem)));--step-5: clamp(min(calc(var(--step-5-min) * 1rem), calc(var(--step-5-max) * 1rem)), calc(var(--step-5-min) * 1rem + (var(--step-5-max) - var(--step-5-min)) * var(--fluid-t)), max(calc(var(--step-5-min) * 1rem), calc(var(--step-5-max) * 1rem)));--step-6: clamp(min(calc(var(--step-6-min) * 1rem), calc(var(--step-6-max) * 1rem)), calc(var(--step-6-min) * 1rem + (var(--step-6-max) - var(--step-6-min)) * var(--fluid-t)), max(calc(var(--step-6-min) * 1rem), calc(var(--step-6-max) * 1rem)));--step-collage-title: max(var(--step-1), 7.8cqw);--step-collage-sub: max(var(--step--2), 3.07cqw);--space-ratio: calc(var(--type-ratio-max) * var(--type-ratio-max));--space-s: var(--step-0);--space-m: calc(var(--space-s) * var(--space-ratio));--space-l: calc(var(--space-m) * var(--space-ratio));--space-xl: calc(var(--space-l) * var(--space-ratio));--space-2xl: calc(var(--space-xl) * var(--space-ratio));--space-xs: calc(var(--space-s) / var(--space-ratio));--space-2xs: calc(var(--space-xs) / var(--space-ratio));--space-3xs: calc(var(--space-2xs) / var(--space-ratio));--radius-s: .375rem;--radius-m: .75rem;--radius-l: 1.125rem;--radius-pill: 999rem;--radius-icon: 22.37%;--shadow-s: 0 1px 2px rgb(16 18 21 / 6%), 0 2px 8px rgb(16 18 21 / 6%);--shadow-m: 0 2px 4px rgb(16 18 21 / 6%), 0 12px 32px rgb(16 18 21 / 10%);--leading: calc(.8rem + .9em) ;--measure: 34em;--measure-wide: 48em;--track-tight: -.015em;--track-display: -.025em;--track-caps: .08em;--tap: 2.75rem;--badge-h: 3rem;--nav-h: 4rem;--container-max: 72rem;--focus-width: 3px;--duration-quick: .15s;--ease-out: cubic-bezier(.22, 1, .36, 1);--font-body: "Inter", "Inter Fallback", "Inter Fallback Android", system-ui, sans-serif;--font-display: var(--font-body);--font-display-weight: 500;--font-system-sans: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--font-system-serif: ui-serif, Georgia, serif;--font-system-display: var(--font-system-serif);--font-collage-title: "Caveat Brush", "Marker Felt", cursive;--font-collage-sub: "Montserrat", var(--font-system-sans);--color-bg: #f7f4ef;--color-surface: #fdfcf9;--color-surface-alt: #f1ede6;--color-text: #1c1a17;--color-text-muted: #5c574f;--color-accent: #c26b52;--color-accent-text: #944a36;--color-on-accent: #1c1a17;--color-border: #e1ded9;--color-focus: #944a36;--color-plate-top: #eae6dd;--color-plate-mid: #e4e0d7;--color-plate-bottom: #ddd8ce;--color-plate-bloom: #fdfcf966;--color-plate-shadow: #0000001f;--color-collage-page: #ffffff;--color-collage-paper: #efdfcb;--color-collage-card: #f7f4ef;--color-collage-sheen: #ffffff99;--color-collage-card-shade: #a08c730f;--color-collage-ink: #1d1b19;--color-collage-vignette: #785a370b;--color-collage-sheet-shadow: #46321938;--color-collage-card-near: #3c281433;--color-collage-card-far: #3c28141a;--color-collage-piece-shadow: #3c281429;--color-collage-brass-hi: #ead49a;--color-collage-brass: #be9a52;--color-collage-brass-lo: #6e5020;--color-collage-brass-neck: #e2c47e;--color-collage-pin-glint: #fff6d68c;--color-collage-pin-shadow: #3c280f47;--dark-bg: #1c1a17;--dark-surface: #34312c;--dark-surface-alt: #24221e;--dark-text: #f7f4ef;--dark-text-muted: #b8b3a8;--dark-accent: #cc785e;--dark-accent-text: #e69c80;--dark-on-accent: #1c1a17;--dark-border: #484540;--dark-focus: #e69c80;--dark-plate-top: #44403a;--dark-plate-mid: #3c3933;--dark-plate-bottom: #34312c;--dark-plate-bloom: #ffffff17;--dark-plate-shadow: #0000008c;--dark-collage-page: #1c1a17;--dark-collage-paper: #dfd0bd;--dark-collage-card: #e8e5e1;--dark-collage-sheen: #ffffff99;--dark-collage-card-shade: #a08c730f;--dark-collage-ink: #1d1b19;--dark-collage-vignette: #785a370b;--dark-collage-sheet-shadow: #0000008c;--dark-collage-card-near: #00000047;--dark-collage-card-far: #0000001a;--dark-collage-piece-shadow: #3c281429;--dark-collage-brass-hi: #ead49a;--dark-collage-brass: #be9a52;--dark-collage-brass-lo: #6e5020;--dark-collage-brass-neck: #e2c47e;--dark-collage-pin-glint: #fff6d68c;--dark-collage-pin-shadow: #3c280f47}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-alt: var(--dark-surface-alt);--color-text: var(--dark-text);--color-text-muted: var(--dark-text-muted);--color-accent: var(--dark-accent);--color-accent-text: var(--dark-accent-text);--color-on-accent: var(--dark-on-accent);--color-border: var(--dark-border);--color-focus: var(--dark-focus);--color-plate-top: var(--dark-plate-top);--color-plate-mid: var(--dark-plate-mid);--color-plate-bottom: var(--dark-plate-bottom);--color-plate-bloom: var(--dark-plate-bloom);--color-plate-shadow: var(--dark-plate-shadow);--color-collage-page: var(--dark-collage-page);--color-collage-paper: var(--dark-collage-paper);--color-collage-card: var(--dark-collage-card);--color-collage-sheen: var(--dark-collage-sheen);--color-collage-card-shade: var(--dark-collage-card-shade);--color-collage-ink: var(--dark-collage-ink);--color-collage-vignette: var(--dark-collage-vignette);--color-collage-sheet-shadow: var(--dark-collage-sheet-shadow);--color-collage-card-near: var(--dark-collage-card-near);--color-collage-card-far: var(--dark-collage-card-far);--color-collage-piece-shadow: var(--dark-collage-piece-shadow);--color-collage-brass-hi: var(--dark-collage-brass-hi);--color-collage-brass: var(--dark-collage-brass);--color-collage-brass-lo: var(--dark-collage-brass-lo);--color-collage-brass-neck: var(--dark-collage-brass-neck);--color-collage-pin-glint: var(--dark-collage-pin-glint);--color-collage-pin-shadow: var(--dark-collage-pin-shadow)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: var(--dark-bg);--color-surface: var(--dark-surface);--color-surface-alt: var(--dark-surface-alt);--color-text: var(--dark-text);--color-text-muted: var(--dark-text-muted);--color-accent: var(--dark-accent);--color-accent-text: var(--dark-accent-text);--color-on-accent: var(--dark-on-accent);--color-border: var(--dark-border);--color-focus: var(--dark-focus);--color-plate-top: var(--dark-plate-top);--color-plate-mid: var(--dark-plate-mid);--color-plate-bottom: var(--dark-plate-bottom);--color-plate-bloom: var(--dark-plate-bloom);--color-plate-shadow: var(--dark-plate-shadow);--color-collage-page: var(--dark-collage-page);--color-collage-paper: var(--dark-collage-paper);--color-collage-card: var(--dark-collage-card);--color-collage-sheen: var(--dark-collage-sheen);--color-collage-card-shade: var(--dark-collage-card-shade);--color-collage-ink: var(--dark-collage-ink);--color-collage-vignette: var(--dark-collage-vignette);--color-collage-sheet-shadow: var(--dark-collage-sheet-shadow);--color-collage-card-near: var(--dark-collage-card-near);--color-collage-card-far: var(--dark-collage-card-far);--color-collage-piece-shadow: var(--dark-collage-piece-shadow);--color-collage-brass-hi: var(--dark-collage-brass-hi);--color-collage-brass: var(--dark-collage-brass);--color-collage-brass-lo: var(--dark-collage-brass-lo);--color-collage-brass-neck: var(--dark-collage-brass-neck);--color-collage-pin-glint: var(--dark-collage-pin-glint);--color-collage-pin-shadow: var(--dark-collage-pin-shadow)}:root[data-fonts=system]{--font-body: var(--font-system-sans);--font-display: var(--font-system-display)}}@layer base{:where(html){scroll-padding-block-start:var(--space-s)}:where(html.js){scroll-padding-block-start:calc(var(--header-h, var(--nav-h)) + var(--space-s))}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}:where(body){font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading);color:var(--color-text);background:var(--color-bg);overflow-wrap:break-word}:where(p,li,dd,dt,blockquote,figcaption,summary){font-size:var(--step-0);line-height:var(--leading)}:where(p){max-inline-size:var(--measure);text-wrap:pretty}:where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display){font-family:var(--font-display);font-weight:var(--font-display-weight);line-height:var(--leading);text-wrap:balance;overflow-wrap:anywhere}:where(h1,.h1){font-size:var(--step-5);letter-spacing:var(--track-tight)}:where(h2,.h2){font-size:var(--step-4);letter-spacing:var(--track-tight)}:where(h3,.h3){font-size:var(--step-3)}:where(h4,.h4){font-size:var(--step-2)}:where(h5,.h5){font-size:var(--step-1)}:where(h6,.h6){font-size:var(--step-0);text-transform:uppercase;letter-spacing:var(--track-caps)}:where(small,.caption){font-size:var(--step--1);line-height:var(--leading)}:where(.eyebrow,.label){font-family:var(--font-body);font-size:var(--step--2);font-weight:600;line-height:var(--leading);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--color-text-muted)}:where(.display){font-size:var(--step-6);letter-spacing:var(--track-display)}@container (min-width: 0){:where(.display){font-size:var(--step-4)}}@container (min-width: 12rem){:where(.display){font-size:var(--step-5)}}@container (min-width: 15rem){:where(.display){font-size:var(--step-6)}}:where(.lede){font-size:var(--step-1);color:var(--color-text-muted)}:where(a){color:var(--color-accent-text);text-decoration-thickness:.08em;text-underline-offset:.18em}:where(a[href^="mailto:"],.break-anywhere){overflow-wrap:anywhere}:where(strong,b){font-weight:700}:where(hr){border:0;border-block-start:1px solid var(--color-border)}:where(:focus-visible){outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer layout{.container{inline-size:min(100% - 2 * var(--space-s),var(--container-max));margin-inline:auto;container-type:inline-size}.section{padding-block:var(--space-xl)}.section--alt{background:var(--color-surface-alt)}.section:not(.section--alt)+.section:not(.section--alt){padding-block-start:0}.stack{display:flex;flex-direction:column;gap:var(--space-s)}.stack--tight{gap:var(--space-xs)}.stack--loose{gap:var(--space-l)}.stack>:is(h2,h3):not(:first-child,.eyebrow+*){margin-block-start:var(--space-s)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 16rem)),1fr));gap:var(--space-m)}.grid--wide{--grid-min: 22rem}.grid--narrow{--grid-min: 13rem}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-l);align-items:center}.split>*{container-type:inline-size}.prose>*+*{margin-block-start:var(--space-s)}.prose>:is(h2,h3){margin-block-start:var(--space-l)}.prose :is(ul,ol){padding-inline-start:var(--space-m)}@media(min-width:48rem){.section--alt{padding-block:var(--space-2xl)}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.split--reverse>:first-child{order:2}.split--lead{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}@media(min-width:64rem){.split{gap:var(--space-2xl)}}}@layer components{.skip-link{display:inline-flex;align-items:center;min-block-size:var(--tap);position:absolute;inset-inline-start:var(--space-s);inset-block-start:var(--space-s);z-index:100;padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-s);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;transform:translateY(-200%)}.skip-link:focus{transform:none}.template-notice{padding-block:var(--space-2xs);background:var(--color-surface-alt);border-block-end:1px solid var(--color-border);color:var(--color-text);font-size:var(--step--1);text-align:center}.template-notice code{font-size:100%}.callout{padding:var(--space-s) var(--space-m);border-inline-start:4px solid var(--color-accent);border-radius:var(--radius-s);background:var(--color-surface-alt)}.site-header{position:relative;z-index:50;background:var(--color-bg);border-block-end:1px solid var(--color-border)}.js .site-header{position:sticky;inset-block-start:0}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2xs) var(--space-s);min-block-size:var(--nav-h)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);min-block-size:var(--tap);color:var(--color-text);font-weight:700;font-size:var(--step-1);text-decoration:none}.brand{min-inline-size:0;overflow-wrap:anywhere}.brand picture,.brand img{flex:none}.brand img{inline-size:2rem;block-size:2rem;border-radius:var(--radius-icon)}.site-nav__list{display:flex;flex-wrap:wrap;gap:0 var(--space-2xs);padding:0;list-style:none}.site-nav__link{display:inline-flex;align-items:center;min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-xs);border-radius:var(--radius-s);color:var(--color-text);font-weight:500;text-decoration:none}.site-nav__link[aria-current=page]{color:var(--color-accent-text);text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.35em}.nav-toggle{display:none}.js .nav-toggle{display:inline-flex;align-items:center;gap:var(--space-2xs);min-block-size:var(--tap);min-inline-size:var(--tap);padding-inline:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);font-weight:600}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{display:block;inline-size:1.125rem;block-size:2px;border-radius:var(--radius-pill);background:currentColor}.nav-toggle__bars{position:relative}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";position:absolute;inset-inline-start:0}.nav-toggle__bars:before{inset-block-start:-6px}.nav-toggle__bars:after{inset-block-start:6px}.js .site-nav{display:none;position:absolute;inset-inline:0;inset-block-start:100%;max-block-size:calc(100dvh - var(--header-h, var(--nav-h)));overflow-y:auto;padding-block:var(--space-xs) var(--space-s);background:var(--color-bg);border-block-end:1px solid var(--color-border)}.js .site-nav[data-open]{display:block}.js .site-nav__list{flex-direction:column;inline-size:min(100% - 2 * var(--space-s),var(--container-max));margin-inline:auto}@media(min-width:48rem){.js .nav-toggle{display:none}.js .site-nav{display:block;position:static;max-block-size:none;overflow:visible;padding:0;background:transparent;border:0}.js .site-nav__list{flex-direction:row;inline-size:auto;margin:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-block-size:var(--tap);min-inline-size:var(--tap);padding:var(--space-2xs) var(--space-m);border:2px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-weight:600;text-decoration:none;box-shadow:var(--shadow-s);transition:transform var(--duration-quick) var(--ease-out)}.btn{max-inline-size:100%;overflow-wrap:anywhere;text-align:center}.btn--ghost{background:transparent;color:var(--color-accent-text);box-shadow:none}@media(hover:hover){.btn:hover{transform:translateY(-2px)}}.store-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding:0;list-style:none}.store-badges>li{display:flex;min-inline-size:0;max-inline-size:100%}.store-badge{display:flex;align-items:center;justify-content:center;max-inline-size:100%;border-radius:var(--radius-s);overflow:clip}.store-badge img{flex:none;block-size:auto;max-inline-size:none}.store-badge--apple{inline-size:calc(var(--badge-h) * 119.664 / 40);aspect-ratio:119.664 / 40}.store-badge--apple img{inline-size:100%}.store-badge--google{inline-size:calc(var(--badge-h) * 564 / 168);aspect-ratio:564 / 168}.store-badge--google img{inline-size:calc(100% * 646 / 564)}@media(hover:hover){.store-badge{transition:transform var(--duration-quick) var(--ease-out)}.store-badge:hover{transform:translateY(-2px)}}.hero{padding-block:var(--space-l) var(--space-xl);background:var(--color-surface-alt)}.hero__media img{border-radius:var(--radius-l);box-shadow:var(--shadow-m)}@media(min-width:64rem){.hero{padding-block:var(--space-xl) var(--space-2xl)}}.feature{display:flex;flex-direction:column;gap:var(--space-2xs)}.feature h3{font-size:var(--step-2)}.feature__icon{display:inline-grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:var(--radius-m);background:var(--color-surface-alt);color:var(--color-accent-text);font-weight:700}.feature__icon svg{inline-size:55%;block-size:auto}.board{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);overflow:clip}.board__plate{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(20,minmax(0,1fr));aspect-ratio:.95;background:radial-gradient(circle at 38% 24%,var(--color-plate-bloom),transparent 55%),linear-gradient(var(--color-plate-top),var(--color-plate-mid) 55%,var(--color-plate-bottom))}.board__piece{min-inline-size:0;min-block-size:0}.board__piece img{inline-size:100%;block-size:100%;object-fit:contain;filter:drop-shadow(0 var(--space-3xs) var(--space-2xs) var(--color-plate-shadow))}.board__piece--bottom{grid-area:4 / 14 / 20 / 21;rotate:2deg}.board__piece--top{grid-area:3 / 8 / 12 / 16;rotate:3deg}.board__piece--outer{grid-area:2 / 2 / 11 / 11;rotate:-4deg}.board__piece--bag{grid-area:12 / 2 / 20 / 10;rotate:-2deg}.board__piece--shoes{grid-area:13 / 10 / 21 / 15;rotate:6deg}.board__caption{padding:var(--space-2xs) var(--space-s);text-align:center}.figure{display:flex;flex-direction:column;gap:var(--space-2xs)}.figure img{border-radius:var(--radius-m)}.figure figcaption{font-size:var(--step--1);color:var(--color-text-muted)}.card-wrap{container-type:inline-size}.card{display:grid;gap:var(--space-s);block-size:100%;padding:var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-s)}.card img{border-radius:var(--radius-m);inline-size:100%}.card h3{font-size:var(--step-2)}.card__body{display:flex;flex-direction:column;gap:var(--space-2xs)}@container (min-width: 32rem){.card{padding:var(--space-m)}.card:has(>picture,>img){grid-template-columns:2fr 3fr;align-items:center}}.faq{max-inline-size:var(--measure-wide);border-block-end:1px solid var(--color-border)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-block-size:var(--tap);padding-block:var(--space-xs);font-weight:600;cursor:pointer;list-style:none;overflow-wrap:anywhere}.faq summary::-webkit-details-marker{display:none}.faq summary:after{flex:none;content:"+";content:"+" / "";font-size:var(--step-2);line-height:1;color:var(--color-accent-text)}.faq[open] summary:after{content:"\2212";content:"\2212" / ""}.faq__answer{padding-block-end:var(--space-s);color:var(--color-text-muted)}.site-footer{padding-block:var(--space-xl) var(--space-l);background:var(--color-surface-alt);border-block-start:1px solid var(--color-border)}.site-footer__grid{display:flex;flex-wrap:wrap;gap:var(--space-l) var(--space-xl)}.site-footer__grid>*{flex:0 1 12rem;min-inline-size:0}.site-footer__grid>:first-child{flex:1 1 16rem}.site-footer__links{display:flex;flex-direction:column;padding:0;list-style:none}.site-footer__links a{display:inline-flex;align-items:center;min-block-size:var(--tap);color:var(--color-text)}.site-footer__base{margin-block-start:var(--space-l);color:var(--color-text-muted)}.sg-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs) var(--space-s);padding-block:var(--space-xs);border-block-end:1px solid var(--color-border)}.sg-row>*{min-inline-size:0;container-type:inline-size}.sg-meta{font-size:var(--step--1);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.sg-meta code{overflow-wrap:anywhere}.sg-sample{margin:0;overflow-wrap:anywhere}.sg-font-sans{font-family:var(--font-system-sans)}.sg-font-serif{font-family:var(--font-system-serif)}.sg-controls{display:grid;gap:var(--space-s);padding:var(--space-s);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface)}.sg-knob{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-3xs) var(--space-s)}.sg-knob label{font-weight:600}.sg-knob output{font-variant-numeric:tabular-nums}.sg-knob input{grid-column:1 / -1}.sg-theme{min-inline-size:0}.sg-controls .sg-choice{display:inline-flex;align-items:center;gap:var(--space-2xs);min-block-size:var(--tap);min-inline-size:0;padding-inline-end:var(--space-xs);cursor:pointer}.sg-choice input{margin:0;accent-color:var(--color-accent)}.sg-pairs{display:grid;gap:var(--space-3xs);padding:0;list-style:none}.sg-controls input[type=range]{inline-size:100%;min-block-size:var(--tap);accent-color:var(--color-accent)}.sg-space{block-size:var(--space-s);max-inline-size:100%;border-radius:var(--radius-s);background:var(--color-accent)}.sg-space--3xs{inline-size:var(--space-3xs)}.sg-space--2xs{inline-size:var(--space-2xs)}.sg-space--xs{inline-size:var(--space-xs)}.sg-space--s{inline-size:var(--space-s)}.sg-space--m{inline-size:var(--space-m)}.sg-space--l{inline-size:var(--space-l)}.sg-space--xl{inline-size:var(--space-xl)}.sg-space--2xl{inline-size:var(--space-2xl)}.sg-swatch{block-size:var(--tap);border:1px solid var(--color-border);border-radius:var(--radius-s)}.sg-swatch--bg{background:var(--color-bg)}.sg-swatch--surface{background:var(--color-surface)}.sg-swatch--surface-alt{background:var(--color-surface-alt)}.sg-swatch--text{background:var(--color-text)}.sg-swatch--text-muted{background:var(--color-text-muted)}.sg-swatch--accent{background:var(--color-accent)}.sg-swatch--accent-text{background:var(--color-accent-text)}.sg-swatch--on-accent{background:var(--color-on-accent)}.sg-swatch--border{background:var(--color-border)}.sg-swatch--focus{background:var(--color-focus)}.sg-swatch--plate-top{background:var(--color-plate-top)}.sg-swatch--plate-mid{background:var(--color-plate-mid)}.sg-swatch--plate-bottom{background:var(--color-plate-bottom)}.sg-swatch--plate-bloom{background:var(--color-plate-bloom)}.sg-swatch--plate-shadow{background:var(--color-plate-shadow)}.sg-radius{block-size:var(--tap);inline-size:6rem;border:2px solid var(--color-accent)}.sg-radius--s{border-radius:var(--radius-s)}.sg-radius--m{border-radius:var(--radius-m)}.sg-radius--l{border-radius:var(--radius-l)}.sg-radius--pill{border-radius:var(--radius-pill)}@media(min-width:48rem){.sg-row{grid-template-columns:14rem minmax(0,1fr);align-items:center}}}@layer utilities{.visually-hidden{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.center{text-align:center;margin-inline:auto}.muted{color:var(--color-text-muted)}}