@layer reset, typography, layout, page, components, theme, utilities;:root{--c-lime-50: #f0f4e0;--c-lime-100: #edf2d8;--c-lime-200: #e4eec3;--c-lime-300: #d9e9a8;--c-lime-400: #cbe487;--c-lime-500: #bbdc60;--c-lime-600: #aad534;--c-lime-700: #8cb224;--c-lime-800: #617919;--c-lime-900: #4e6218;--c-kolorit-25: #fdfcfb;--c-kolorit-50: #f9f8f6;--c-kolorit-100: #efeeea;--c-kolorit-150: #e5e3df;--c-kolorit-200: #d6d4cf;--c-kolorit-250: #c7c5bf;--c-kolorit-300: #b8b6af;--c-kolorit-400: #93918c;--c-kolorit-500: #7b7a76;--c-kolorit-600: #656561;--c-kolorit-700: #4a4a48;--c-kolorit-800: #30302e;--c-kolorit-900: #1b1b1a;--c-kolorit-950: #0f0f0e;--c-blue-50: #ebf3f5;--c-blue-100: #ddeef5;--c-blue-200: #c1e4f4;--c-blue-300: #a4daf2;--c-blue-400: #88d0f1;--c-blue-500: #6cc6f0;--c-blue-600: #42ace3;--c-blue-700: #2589be;--c-blue-800: #1f6b93;--c-blue-900: #1d506d;--c-green-50: #e8f4eb;--c-green-100: #d7f1e1;--c-green-200: #b5eacc;--c-green-300: #93e3b6;--c-green-400: #71dca1;--c-green-500: #4fd58c;--c-green-600: #31ba70;--c-green-700: #269559;--c-green-800: #237345;--c-green-900: #205837;--c-coral-50: #f8efe8;--c-coral-100: #f8e7da;--c-coral-200: #f7d6be;--c-coral-300: #f5c4a3;--c-coral-400: #f4b387;--c-coral-500: #f3a26b;--c-coral-600: #e98245;--c-coral-700: #c66331;--c-coral-800: #994c2c;--c-coral-900: #713a27;--c-red-50: #f8ebe8;--c-red-100: #f8dfda;--c-red-200: #f7c5be;--c-red-300: #f5aca3;--c-red-400: #f49287;--c-red-500: #f3796b;--c-red-600: #e85c50;--c-red-700: #c8443b;--c-red-800: #9a3732;--c-red-900: #722d2b;--c-accent: var(--c-lime-400);--c-soft-lime: var(--c-lime-100);--c-bold-lime: var(--c-lime-500);--c-soft-blue: var(--c-blue-100);--c-bold-blue: var(--c-blue-500);--c-soft-green: var(--c-green-100);--c-bold-green: var(--c-green-500);--c-soft-coral: var(--c-coral-100);--c-bold-coral: var(--c-coral-500);--c-soft-red: var(--c-red-100);--c-bold-red: var(--c-red-500);--c-paper-white: var(--c-kolorit-25);--c-panel: var(--c-kolorit-25);--c-paper-bright: var(--c-kolorit-50);--c-paper: var(--c-kolorit-100);--c-paper-deep: var(--c-kolorit-150);--c-placeholder: var(--c-kolorit-150);--c-placeholder-line: var(--c-kolorit-200);--c-canvas: var(--c-kolorit-250);--c-board: var(--c-kolorit-900);--c-tusche: var(--c-kolorit-950);--c-ink: var(--c-kolorit-900);--c-ink-2: var(--c-kolorit-700);--c-ink-3: var(--c-kolorit-600);--c-chalk: var(--c-kolorit-50);--c-chalk-2: var(--c-kolorit-200);--c-chalk-3: var(--c-kolorit-300);--c-line-paper: #4a4a4849;--c-line-board: #d6d4cf40;--gradient-night: radial-gradient(ellipse 60% 70% at 72% 42%, #1f1f1c 0%, rgba(15, 15, 14, 0) 100%), radial-gradient(ellipse 120% 100% at 50% 40%, #0f0f0e 55%, #080807 100%);--ff-system-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ff-system-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--ff-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ff-strichpunkt: "Strichpunkt Sans", var(--ff-system-sans, sans-serif), sans-serif;--gutter: 4rem;--gutter-1_5: calc(var(--gutter) * 1.5);--gutter-double: calc(var(--gutter) * 2);--gutter-half: calc(var(--gutter) / 2);--gutter-quarter: calc(var(--gutter) / 4);--gutter-sixth: calc(var(--gutter) / 6);--gutter-eighth: calc(var(--gutter) / 8);--gutter-one-third: calc(var(--gutter) / 3);--gutter-two-thirds: calc(var(--gutter) * 2 / 3);--gutter-three-quarters: calc(var(--gutter) * 0.75);--gutter-section-inline: round(clamp(var(--gutter-quarter), 5vi, var(--gutter)), .25rem);--gutter-section-block: round(clamp(var(--gutter-quarter), 5vi + 1.5rem, var(--gutter)), .25rem);--extrusion-offset: 6px;--extrusion-line: 1px;--extrusion-color: var(--c-kolorit-250);--extrusion-depth: 1;--extrusion-depth-sm: .5;--extrusion-sink: .5;--ground: var(--c-paper);--shadow-header: 0 0 0 var(--extrusion-line) var(--extrusion-color), min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color);--shadow-header-open: 0 0 0 var(--extrusion-line) var(--c-kolorit-300), min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300), min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--c-kolorit-300);--shadow-header-glass: 0 0 0 var(--extrusion-line) rgba(255, 255, 255, 0.16), min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent, min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) transparent;--shadow-page-wrapper: 0 0 0 var(--extrusion-line) var(--extrusion-color);--icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='3.33' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 20h24M20 8l12 12-12 12'/%3E%3C/svg%3E");--icon-sparkles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2m0-12a2 2 0 0 1 2 2a2 2 0 0 1 2-2a2 2 0 0 1-2-2a2 2 0 0 1-2 2M9 18a6 6 0 0 1 6-6a6 6 0 0 1-6-6a6 6 0 0 1-6 6a6 6 0 0 1 6 6'/%3E%3C/svg%3E");--l-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M0 12V0h4v9h6v3z'/%3E%3C/svg%3E");--icon-arrow-size: 1.15em;--press-x: 0px;--press-y: 0px;--press-ring: 0px;--surface: var(--c-paper);--line: var(--c-line-paper);--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white)}@property --surface{syntax:"<color>";inherits:true;initial-value:var(--c-paper)}@property --pen{syntax:"<color>";inherits:true;initial-value:var(--c-ink)}@property --pen-2{syntax:"<color>";inherits:true;initial-value:var(--c-ink-2)}@property --pen-3{syntax:"<color>";inherits:true;initial-value:var(--c-ink-3)}@property --line{syntax:"<color>";inherits:true;initial-value:var(--c-line-paper)}@property --press{syntax:"<number>";inherits:true;initial-value:0}:root{--f-body-ff: var(--ff-system-sans);--f-display-fs: clamp(2.5rem, round(.5rem + 6.4vw, .25rem), 5.5rem);--f-h2-fs: clamp(2rem, round(1.5rem + 2.5vw, .25rem), 3.5rem);--f-h3-fs: clamp(1.25rem, round(1rem + 1.25vw, .25rem), 2rem);--f-lead-fs: clamp(1.125rem, round(1.0417rem + 0.4167vw, .125rem), 1.375rem);--f-prose-fs: clamp(1rem, round(0.95rem + 0.25vw, .125rem), 1.125rem);--f-body-fs: 1rem;--f-small-fs: 0.844em;--f-sm-fixed-fs: 0.844rem;--f-label-fs: var(--f-sm-fixed-fs);--f-display-weight: 850;--f-h2-weight: 800;--f-h3-weight: 700;--f-lead-weight: 400;--f-body-weight: 400;--f-small-weight: 400;--f-label-weight: 600;--f-display-lh: .98;--f-h2-lh: 1.08;--f-h3-lh: 1.1;--f-lead-lh: 1.5;--f-body-lh: 1.6;--f-small-lh: 1.5;--f-label-lh: 1.5;--f-unibrow-fs: 0.75rem;--f-unibrow-weight: 650;--f-unibrow-lh: normal;--f-bq-lg-fs: clamp(1.3rem, round(2vw, 0.125rem), 1.7rem);--f-bq-lg-weight: 550;--f-bq-lg-lh: 1.4;--f-mark-bg: var(--c-accent);--f-mark-color: var(--c-ink);--f-underline-thickness:clamp(1px, round(.125em, 1px), 3px);--f-underline-thickness-fine: clamp(1px, round(up, .0625em, 1px), 3px);--f-underline-offset: round(up, .25em, 1px);--f-underline-offset-tight: round(up, .15em, 1px);--f-nav-underline-thickness: clamp(1px, round(.1em, 1px), 3px);--f-nav-underline-thickness-fine: clamp(1px, round(up, .0625em, 1px), 3px);--f-nav-underline-thickness-active: max(2px, var(--f-nav-underline-thickness));--f-nav-underline-offset: round(up, .25em, 1px);--f-nav-underline-offset-tight: round(up, .15em, 1px)}@supports(font-variation-settings: normal){:root{--f-body-ff: var(--ff-strichpunkt)}}@font-face{font-family:"Strichpunkt Sans";font-style:normal;font-weight:400 900;font-stretch:100% 200%;font-display:swap;src:url("../fonts/Strichpunkt_Sans/StrichpunktSans-VariableFont_wdth,wght_latin-N3I_WJB.woff2") format("woff2") tech(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}@font-face{font-family:"Strichpunkt Sans";font-style:normal;font-weight:400 900;font-stretch:100% 200%;font-display:swap;src:url("../fonts/Strichpunkt_Sans/StrichpunktSans-VariableFont_wdth,wght_latin-ext-_Iianf6.woff2") format("woff2") tech(variations);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}@layer reset{*,*::before,*::after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{width:100%;height:100%;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;hanging-punctuation:first last;scrollbar-gutter:stable}body{position:relative;width:100%;min-height:100%;overflow-y:scroll}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}fieldset{min-width:0;border:0}table{width:100%;border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance;text-rendering:optimizeLegibility}p,li{text-wrap:pretty}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a,summary,details{-webkit-tap-highlight-color:rgba(0,0,0,0)}strong{font-weight:800}em{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}pre,code,samp{font-size:1em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}progress{display:inline-block;vertical-align:baseline}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white))}:focus-visible{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white))}}@layer typography{body{color:var(--pen-2);font-family:var(--f-body-ff, sans-serif),sans-serif;font-size:var(--f-body-fs);font-weight:var(--f-body-weight);line-height:var(--f-body-lh);hyphens:auto;hyphenate-limit-chars:10 4 4}a:not(.a\!){color:var(--pen);text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness-fine);text-underline-offset:var(--f-underline-offset)}a:not(.a\!):hover,a:not(.a\!):focus-visible{text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-underline-thickness)}p{text-wrap:pretty}.display{color:var(--pen);font-size:var(--f-display-fs);font-weight:var(--f-display-weight);line-height:var(--f-display-lh)}.display+.lead{margin-top:var(--gutter-quarter)}h2,.h2{color:var(--pen);font-size:var(--f-h2-fs);font-weight:var(--f-h2-weight);line-height:var(--f-h2-lh)}h3,.h3{color:var(--pen);font-size:var(--f-h3-fs);font-weight:var(--f-h3-weight);line-height:var(--f-h3-lh)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display{text-wrap:balance;hyphens:manual}.page-header,.page-footer,.breadcrumbs,.btn,.chip,.tlink,.unibrow,.label-small,.form__label,button,input,select,textarea{hyphens:manual}.lead{color:var(--pen);font-size:var(--f-lead-fs);font-weight:var(--f-lead-weight);line-height:var(--f-lead-lh)}small,.small,.text-sm{color:var(--pen-3);font-size:var(--f-small-fs);font-weight:var(--f-small-weight);line-height:var(--f-small-lh)}.text-sm{font-size:var(--f-sm-fixed-fs)}pre,code,samp{font-family:var(--ff-mono, monospace),monospace}.label-small{letter-spacing:.1em;text-transform:uppercase;color:var(--pen-3);font-size:var(--f-label-fs);font-weight:var(--f-label-weight);line-height:var(--f-label-lh)}:not(p)>mark,:not(p)>.mark{color:var(--f-mark-color);background:linear-gradient(var(--f-mark-bg) 0 0) no-repeat center/100% calc(100% - .2em);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.15em;margin-inline:-0.15em}p>mark,p>.mark,.simple-mark{background:var(--f-mark-bg);color:var(--f-mark-color)}*:has(+mark,+.mark),mark+*,.mark+*{position:relative;z-index:2}.hyphens-auto{hyphens:auto}.hyphens-manual{hyphens:manual}}@layer layout{.row{display:flex;flex-wrap:wrap;gap:var(--gutter-eighth) var(--gutter-sixth)}.container{width:100%;max-width:80rem;margin:0 auto}.cols{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter);--col-num: 1;container-type:inline-size;display:grid;grid-template-columns:repeat(var(--col-num), 1fr);gap:var(--col-gap-block) var(--col-gap-inline)}.span-row{grid-column:1/-1}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-10{grid-column:span 10}.span-11{grid-column:span 11}.span-12{grid-column:span 12}.rows-1{grid-row:span 1}.rows-2{grid-row:span 2}.rows-3{grid-row:span 3}.rows-4{grid-row:span 4}.rows-5{grid-row:span 5}.rows-6{grid-row:span 6}@media(width > 20rem){.span-row\@xs{grid-column:1/-1}.span-1\@xs{grid-column:span 1}.span-2\@xs{grid-column:span 2}.span-3\@xs{grid-column:span 3}.span-4\@xs{grid-column:span 4}.span-5\@xs{grid-column:span 5}.span-6\@xs{grid-column:span 6}.span-7\@xs{grid-column:span 7}.span-8\@xs{grid-column:span 8}.span-9\@xs{grid-column:span 9}.span-10\@xs{grid-column:span 10}.span-11\@xs{grid-column:span 11}.span-12\@xs{grid-column:span 12}.rows-1\@xs{grid-row:span 1}.rows-2\@xs{grid-row:span 2}.rows-3\@xs{grid-row:span 3}.rows-4\@xs{grid-row:span 4}.rows-5\@xs{grid-row:span 5}.rows-6\@xs{grid-row:span 6}}@media(width > 35rem){.span-row\@sm{grid-column:1/-1}.span-1\@sm{grid-column:span 1}.span-2\@sm{grid-column:span 2}.span-3\@sm{grid-column:span 3}.span-4\@sm{grid-column:span 4}.span-5\@sm{grid-column:span 5}.span-6\@sm{grid-column:span 6}.span-7\@sm{grid-column:span 7}.span-8\@sm{grid-column:span 8}.span-9\@sm{grid-column:span 9}.span-10\@sm{grid-column:span 10}.span-11\@sm{grid-column:span 11}.span-12\@sm{grid-column:span 12}.rows-1\@sm{grid-row:span 1}.rows-2\@sm{grid-row:span 2}.rows-3\@sm{grid-row:span 3}.rows-4\@sm{grid-row:span 4}.rows-5\@sm{grid-row:span 5}.rows-6\@sm{grid-row:span 6}}@media(width > 50rem){.span-row\@md{grid-column:1/-1}.span-1\@md{grid-column:span 1}.span-2\@md{grid-column:span 2}.span-3\@md{grid-column:span 3}.span-4\@md{grid-column:span 4}.span-5\@md{grid-column:span 5}.span-6\@md{grid-column:span 6}.span-7\@md{grid-column:span 7}.span-8\@md{grid-column:span 8}.span-9\@md{grid-column:span 9}.span-10\@md{grid-column:span 10}.span-11\@md{grid-column:span 11}.span-12\@md{grid-column:span 12}.rows-1\@md{grid-row:span 1}.rows-2\@md{grid-row:span 2}.rows-3\@md{grid-row:span 3}.rows-4\@md{grid-row:span 4}.rows-5\@md{grid-row:span 5}.rows-6\@md{grid-row:span 6}}@media(width > 65rem){.span-row\@lg{grid-column:1/-1}.span-1\@lg{grid-column:span 1}.span-2\@lg{grid-column:span 2}.span-3\@lg{grid-column:span 3}.span-4\@lg{grid-column:span 4}.span-5\@lg{grid-column:span 5}.span-6\@lg{grid-column:span 6}.span-7\@lg{grid-column:span 7}.span-8\@lg{grid-column:span 8}.span-9\@lg{grid-column:span 9}.span-10\@lg{grid-column:span 10}.span-11\@lg{grid-column:span 11}.span-12\@lg{grid-column:span 12}.rows-1\@lg{grid-row:span 1}.rows-2\@lg{grid-row:span 2}.rows-3\@lg{grid-row:span 3}.rows-4\@lg{grid-row:span 4}.rows-5\@lg{grid-row:span 5}.rows-6\@lg{grid-row:span 6}}@media(width > 80rem){.span-row\@xl{grid-column:1/-1}.span-1\@xl{grid-column:span 1}.span-2\@xl{grid-column:span 2}.span-3\@xl{grid-column:span 3}.span-4\@xl{grid-column:span 4}.span-5\@xl{grid-column:span 5}.span-6\@xl{grid-column:span 6}.span-7\@xl{grid-column:span 7}.span-8\@xl{grid-column:span 8}.span-9\@xl{grid-column:span 9}.span-10\@xl{grid-column:span 10}.span-11\@xl{grid-column:span 11}.span-12\@xl{grid-column:span 12}.rows-1\@xl{grid-row:span 1}.rows-2\@xl{grid-row:span 2}.rows-3\@xl{grid-row:span 3}.rows-4\@xl{grid-row:span 4}.rows-5\@xl{grid-row:span 5}.rows-6\@xl{grid-row:span 6}}@media(width > 120rem){.span-row\@wd{grid-column:1/-1}.span-1\@wd{grid-column:span 1}.span-2\@wd{grid-column:span 2}.span-3\@wd{grid-column:span 3}.span-4\@wd{grid-column:span 4}.span-5\@wd{grid-column:span 5}.span-6\@wd{grid-column:span 6}.span-7\@wd{grid-column:span 7}.span-8\@wd{grid-column:span 8}.span-9\@wd{grid-column:span 9}.span-10\@wd{grid-column:span 10}.span-11\@wd{grid-column:span 11}.span-12\@wd{grid-column:span 12}.rows-1\@wd{grid-row:span 1}.rows-2\@wd{grid-row:span 2}.rows-3\@wd{grid-row:span 3}.rows-4\@wd{grid-row:span 4}.rows-5\@wd{grid-row:span 5}.rows-6\@wd{grid-row:span 6}}.cols--1{--col-num: 1}.cols--2{--col-num: 2}.cols--3{--col-num: 3}.cols--4{--col-num: 4}.cols--5{--col-num: 5}.cols--6{--col-num: 6}.cols--7{--col-num: 7}.cols--8{--col-num: 8}.cols--9{--col-num: 9}.cols--10{--col-num: 10}.cols--11{--col-num: 11}.cols--12{--col-num: 12}@media(width > 20rem){.cols--1\@xs{--col-num: 1}.cols--2\@xs{--col-num: 2}.cols--3\@xs{--col-num: 3}.cols--4\@xs{--col-num: 4}.cols--5\@xs{--col-num: 5}.cols--6\@xs{--col-num: 6}.cols--7\@xs{--col-num: 7}.cols--8\@xs{--col-num: 8}.cols--9\@xs{--col-num: 9}.cols--10\@xs{--col-num: 10}.cols--11\@xs{--col-num: 11}.cols--12\@xs{--col-num: 12}}@media(width > 35rem){.cols--1\@sm{--col-num: 1}.cols--2\@sm{--col-num: 2}.cols--3\@sm{--col-num: 3}.cols--4\@sm{--col-num: 4}.cols--5\@sm{--col-num: 5}.cols--6\@sm{--col-num: 6}.cols--7\@sm{--col-num: 7}.cols--8\@sm{--col-num: 8}.cols--9\@sm{--col-num: 9}.cols--10\@sm{--col-num: 10}.cols--11\@sm{--col-num: 11}.cols--12\@sm{--col-num: 12}}@media(width > 50rem){.cols--1\@md{--col-num: 1}.cols--2\@md{--col-num: 2}.cols--3\@md{--col-num: 3}.cols--4\@md{--col-num: 4}.cols--5\@md{--col-num: 5}.cols--6\@md{--col-num: 6}.cols--7\@md{--col-num: 7}.cols--8\@md{--col-num: 8}.cols--9\@md{--col-num: 9}.cols--10\@md{--col-num: 10}.cols--11\@md{--col-num: 11}.cols--12\@md{--col-num: 12}}@media(width > 65rem){.cols--1\@lg{--col-num: 1}.cols--2\@lg{--col-num: 2}.cols--3\@lg{--col-num: 3}.cols--4\@lg{--col-num: 4}.cols--5\@lg{--col-num: 5}.cols--6\@lg{--col-num: 6}.cols--7\@lg{--col-num: 7}.cols--8\@lg{--col-num: 8}.cols--9\@lg{--col-num: 9}.cols--10\@lg{--col-num: 10}.cols--11\@lg{--col-num: 11}.cols--12\@lg{--col-num: 12}}@media(width > 80rem){.cols--1\@xl{--col-num: 1}.cols--2\@xl{--col-num: 2}.cols--3\@xl{--col-num: 3}.cols--4\@xl{--col-num: 4}.cols--5\@xl{--col-num: 5}.cols--6\@xl{--col-num: 6}.cols--7\@xl{--col-num: 7}.cols--8\@xl{--col-num: 8}.cols--9\@xl{--col-num: 9}.cols--10\@xl{--col-num: 10}.cols--11\@xl{--col-num: 11}.cols--12\@xl{--col-num: 12}}@media(width > 120rem){.cols--1\@wd{--col-num: 1}.cols--2\@wd{--col-num: 2}.cols--3\@wd{--col-num: 3}.cols--4\@wd{--col-num: 4}.cols--5\@wd{--col-num: 5}.cols--6\@wd{--col-num: 6}.cols--7\@wd{--col-num: 7}.cols--8\@wd{--col-num: 8}.cols--9\@wd{--col-num: 9}.cols--10\@wd{--col-num: 10}.cols--11\@wd{--col-num: 11}.cols--12\@wd{--col-num: 12}}.cols--gap\:gutter{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters{--col-gap-inline: var(--gutter-three-quarters)}@media(width > 20rem){.cols--gap\:gutter\@xs{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@xs{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@xs{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@xs{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@xs{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@xs{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@xs{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@xs{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@xs{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@xs{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@xs{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@xs{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@xs{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@xs{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@xs{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@xs{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@xs{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@xs{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@xs{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@xs{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@xs{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@xs{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@xs{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@xs{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@xs{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@xs{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@xs{--col-gap-inline: var(--gutter-three-quarters)}}@media(width > 35rem){.cols--gap\:gutter\@sm{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@sm{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@sm{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@sm{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@sm{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@sm{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@sm{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@sm{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@sm{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@sm{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@sm{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@sm{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@sm{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@sm{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@sm{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@sm{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@sm{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@sm{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@sm{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@sm{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@sm{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@sm{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@sm{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@sm{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@sm{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@sm{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@sm{--col-gap-inline: var(--gutter-three-quarters)}}@media(width > 50rem){.cols--gap\:gutter\@md{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@md{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@md{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@md{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@md{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@md{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@md{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@md{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@md{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@md{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@md{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@md{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@md{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@md{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@md{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@md{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@md{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@md{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@md{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@md{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@md{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@md{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@md{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@md{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@md{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@md{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@md{--col-gap-inline: var(--gutter-three-quarters)}}@media(width > 65rem){.cols--gap\:gutter\@lg{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@lg{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@lg{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@lg{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@lg{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@lg{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@lg{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@lg{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@lg{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@lg{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@lg{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@lg{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@lg{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@lg{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@lg{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@lg{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@lg{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@lg{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@lg{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@lg{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@lg{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@lg{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@lg{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@lg{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@lg{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@lg{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@lg{--col-gap-inline: var(--gutter-three-quarters)}}@media(width > 80rem){.cols--gap\:gutter\@xl{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@xl{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@xl{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@xl{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@xl{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@xl{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@xl{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@xl{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@xl{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@xl{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@xl{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@xl{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@xl{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@xl{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@xl{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@xl{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@xl{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@xl{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@xl{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@xl{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@xl{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@xl{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@xl{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@xl{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@xl{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@xl{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@xl{--col-gap-inline: var(--gutter-three-quarters)}}@media(width > 120rem){.cols--gap\:gutter\@wd{--col-gap-block: var(--gutter);--col-gap-inline: var(--gutter)}.cols--gap-block\:gutter\@wd{--col-gap-block: var(--gutter)}.cols--gap-inline\:gutter\@wd{--col-gap-inline: var(--gutter)}.cols--gap\:gutter-1_5\@wd{--col-gap-block: var(--gutter-1_5);--col-gap-inline: var(--gutter-1_5)}.cols--gap-block\:gutter-1_5\@wd{--col-gap-block: var(--gutter-1_5)}.cols--gap-inline\:gutter-1_5\@wd{--col-gap-inline: var(--gutter-1_5)}.cols--gap\:gutter-double\@wd{--col-gap-block: var(--gutter-double);--col-gap-inline: var(--gutter-double)}.cols--gap-block\:gutter-double\@wd{--col-gap-block: var(--gutter-double)}.cols--gap-inline\:gutter-double\@wd{--col-gap-inline: var(--gutter-double)}.cols--gap\:gutter-half\@wd{--col-gap-block: var(--gutter-half);--col-gap-inline: var(--gutter-half)}.cols--gap-block\:gutter-half\@wd{--col-gap-block: var(--gutter-half)}.cols--gap-inline\:gutter-half\@wd{--col-gap-inline: var(--gutter-half)}.cols--gap\:gutter-quarter\@wd{--col-gap-block: var(--gutter-quarter);--col-gap-inline: var(--gutter-quarter)}.cols--gap-block\:gutter-quarter\@wd{--col-gap-block: var(--gutter-quarter)}.cols--gap-inline\:gutter-quarter\@wd{--col-gap-inline: var(--gutter-quarter)}.cols--gap\:gutter-eighth\@wd{--col-gap-block: var(--gutter-eighth);--col-gap-inline: var(--gutter-eighth)}.cols--gap-block\:gutter-eighth\@wd{--col-gap-block: var(--gutter-eighth)}.cols--gap-inline\:gutter-eighth\@wd{--col-gap-inline: var(--gutter-eighth)}.cols--gap\:gutter-one-third\@wd{--col-gap-block: var(--gutter-one-third);--col-gap-inline: var(--gutter-one-third)}.cols--gap-block\:gutter-one-third\@wd{--col-gap-block: var(--gutter-one-third)}.cols--gap-inline\:gutter-one-third\@wd{--col-gap-inline: var(--gutter-one-third)}.cols--gap\:gutter-two-thirds\@wd{--col-gap-block: var(--gutter-two-thirds);--col-gap-inline: var(--gutter-two-thirds)}.cols--gap-block\:gutter-two-thirds\@wd{--col-gap-block: var(--gutter-two-thirds)}.cols--gap-inline\:gutter-two-thirds\@wd{--col-gap-inline: var(--gutter-two-thirds)}.cols--gap\:gutter-three-quarters\@wd{--col-gap-block: var(--gutter-three-quarters);--col-gap-inline: var(--gutter-three-quarters)}.cols--gap-block\:gutter-three-quarters\@wd{--col-gap-block: var(--gutter-three-quarters)}.cols--gap-inline\:gutter-three-quarters\@wd{--col-gap-inline: var(--gutter-three-quarters)}}.prose{font-size:var(--f-prose-fs)}.prose>:is(h2,h3,h4,h5,h6,p){margin-top:1em}.prose>p,.prose .p{max-width:65ch}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose>ol,.prose ul{margin-block:.75em;padding-inline-start:1.5em}.prose>ol li,.prose ul li{max-width:65ch;margin-block:.5em;margin-inline-start:0;align-self:baseline}}@layer page{body{background:var(--c-canvas)}.page-wrapper{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--surface);color:var(--pen-2)}.page-wrapper.container{box-shadow:var(--shadow-page-wrapper)}.page-footer{margin-top:auto;justify-self:flex-end}.page-section{background:var(--surface);color:var(--pen-2)}.page-section__container{padding-block:var(--gutter-section-block);padding-inline:var(--gutter-section-inline);padding-block-end:calc(var(--gutter-section-block)*1.25);padding-inline-end:max(var(--gutter-section-inline),var(--extrusion-offset) + var(--extrusion-line) + 2px);overflow-x:hidden}.page-hero--dark{--page-hero-inset: calc(var(--page-header-padding) + var(--page-header-content-padding));--page-hero-content-max: calc(80rem - 2 * var(--page-hero-inset));--page-hero-title-fs: clamp(2.25rem, round(1rem + 3.5vw, .25rem), 4.5rem);--surface: var(--c-tusche);--line: var(--c-line-board);--pen: var(--c-chalk);--pen-2: var(--c-chalk-2);--pen-3: var(--c-chalk-3);--focus-outer: var(--c-paper-white);--focus-inner: var(--c-ink);position:relative;display:grid;grid-template-columns:[full-start] minmax(var(--page-hero-inset), 1fr) [content-start] minmax(0, calc(var(--page-hero-content-max) / 2)) [split] minmax(0, calc(var(--page-hero-content-max) / 2)) [content-end] minmax(var(--page-hero-inset), 1fr) [full-end];align-content:center;row-gap:var(--gutter-quarter);padding-block:var(--page-header-height) var(--gutter-section-block);background:var(--gradient-night);color:var(--pen-2);overflow:clip}@media(width > 65rem){.page-hero--dark{min-block-size:clamp(36rem,100svh,60rem)}}.page-hero__sentinel{position:absolute;inset-block-start:0;inset-inline:0;block-size:min(50vh,100% - var(--page-header-height));pointer-events:none}.page-hero__body{position:relative;z-index:1;grid-column:content}@media(width > 65rem){.page-hero__body{grid-row:1;grid-column:content-start/split;align-self:center;max-inline-size:38rem}}.page-hero__title{color:var(--pen);font-size:var(--page-hero-title-fs);font-weight:650;line-height:1.02}.page-hero__title>span{display:block}.page-hero__title+.lead{color:var(--pen-2);margin-block-start:var(--gutter-half)}.page-hero__title-muted{color:var(--pen-3)}.page-hero__actions{display:flex;flex-wrap:wrap;gap:var(--gutter-quarter);margin-block-start:var(--gutter-two-thirds)}.page-hero__stage{position:relative;grid-column:content-start/full-end;aspect-ratio:4/3;max-block-size:45svh;margin-block-end:calc(-1*var(--gutter-quarter))}@media(width > 65rem){.page-hero__stage{grid-row:1;grid-column:split/full-end;align-self:center;aspect-ratio:auto;block-size:min(44rem,80svh);max-block-size:none;margin-block-end:0;margin-inline-start:calc(-1*var(--gutter-half))}}.page-hero__stage canvas{position:absolute;inset:0;inline-size:100%;block-size:100%}.page-footer{background:var(--c-panel);border-block-start:1px solid var(--c-line-paper)}.page-footer__container{padding-block:var(--gutter-section-block);padding-inline:var(--gutter-section-inline);padding-block-end:var(--gutter-one-third)}.page-footer__content{display:grid;gap:var(--gutter-half)}@media(width > 65rem){.page-footer__content{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr)}}@media(width > 80rem){.page-footer__content{grid-template-columns:minmax(0, 4fr) minmax(0, 7fr)}}.page-footer__intro{display:grid;justify-items:start;align-content:start;gap:var(--gutter-one-third);max-inline-size:26rem}.page-footer__brand{display:block}.page-footer__brand svg{height:2rem;width:auto}.page-footer__tagline{color:var(--c-ink-3)}.page-footer__nav{display:grid;gap:var(--gutter-half)}@media(width > 35rem){.page-footer__nav{grid-template-columns:repeat(2, 1fr)}.page-footer__nav>:first-child{grid-row:span 2}}@media(width > 50rem){.page-footer__nav{grid-template-columns:repeat(3, 1fr)}.page-footer__nav>:first-child{grid-row:1}}@media(width > 65rem){.page-footer__nav{grid-template-columns:repeat(2, 1fr)}.page-footer__nav>:first-child{grid-row:span 2}}@media(width > 80rem){.page-footer__nav{grid-template-columns:repeat(3, 1fr)}.page-footer__nav>:first-child{grid-row:1}}.page-footer__group-title{font-size:.75rem;font-weight:500;line-height:normal;color:var(--c-ink-3);text-transform:uppercase;letter-spacing:.08em;margin-block-end:var(--gutter-quarter)}.page-footer__group-list{list-style:none;display:grid;row-gap:var(--gutter-eighth)}.page-footer__group-item{color:var(--c-ink)}.page-footer__link{color:var(--c-ink);text-decoration:none}.page-footer__link:hover,.page-footer__link:focus-visible{text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness);text-underline-offset:var(--f-underline-offset-tight)}.page-footer__meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--gutter-eighth) var(--gutter-quarter);margin-block-start:var(--gutter-three-quarters);padding-block-start:var(--gutter-one-third);border-block-start:1px solid var(--c-line-paper);font-size:var(--f-sm-fixed-fs);color:var(--c-ink-3)}.page-footer__legal{display:flex;gap:var(--gutter-eighth)}.page-footer__legal-link{color:inherit;text-decoration:none}.page-footer__legal-link:hover,.page-footer__legal-link:focus-visible{text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness);text-underline-offset:var(--f-underline-offset)}.page-footer__legal-button{padding:0;border:0;background:none;font:inherit;cursor:pointer}:root{--page-header-padding: var(--gutter-eighth);--page-header-padding-bottom: var(--gutter-one-third);--page-header-panel-height: 4.25rem;--page-header-content-padding: 1rem;--page-header-height: calc(var(--page-header-panel-height) + var(--page-header-padding) + var(--page-header-padding-bottom))}.page-header{--page-header-brand-padding: 0rem;--page-header-transition: .3s ease;--page-header-surface: var(--c-paper-white);--page-header-shadow: var(--shadow-header);--page-header-dark-logo: 0;--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white);--page-header-control-height: calc(var(--page-header-panel-height) - var(--gutter-quarter) * 2);--page-header-brand-height: calc(var(--page-header-control-height) - calc(var(--page-header-brand-padding) * 2));position:sticky;top:0;z-index:200;transition:--pen var(--page-header-transition)}.page-header__container{padding:var(--page-header-padding) var(--page-header-padding) var(--page-header-padding-bottom)}.page-header__content{padding:var(--page-header-content-padding);background-color:var(--page-header-surface);display:grid;align-items:center;grid-template-columns:auto 1fr;height:var(--page-header-panel-height);box-shadow:var(--page-header-shadow);transition:background-color var(--page-header-transition),box-shadow var(--page-header-transition)}.page-header__brand{display:grid;grid-template:100%/auto;height:var(--page-header-brand-height);padding:var(--page-header-brand-padding)}.page-header__brand svg{grid-area:1/1;height:100%;width:auto}.page-header__logo{opacity:calc(1 - var(--page-header-dark-logo));transition:opacity var(--page-header-transition)}.page-header__logo--dark{opacity:var(--page-header-dark-logo)}.page-header:has(+.page-content>.page-hero--dark:first-child):not([data-scrolled]):not(:has(.desktop-nav__toggle[aria-expanded=true],#mobile-header-dialog:popover-open,.page-header__no-js)){--page-header-surface: transparent;--page-header-shadow: var(--shadow-header-glass);--page-header-dark-logo: 1;--pen: var(--c-chalk);--pen-2: var(--c-chalk-2);--pen-3: var(--c-chalk-3);--focus-outer: var(--c-paper-white);--focus-inner: var(--c-ink)}.page-header:has(.desktop-nav__toggle[aria-expanded=true]){--page-header-shadow: var(--shadow-header-open)}@media(prefers-reduced-motion: reduce){.page-header,.page-header__content,.page-header__logo{transition:none}}.mobile-header{display:block;justify-self:end}@media(width > 50rem){.mobile-header{display:none}}.mobile-header__toggle-button{display:grid;place-items:center;inline-size:var(--page-header-control-height);block-size:var(--page-header-control-height);background:none;border:0;cursor:pointer;color:var(--pen);-webkit-tap-highlight-color:rgba(0,0,0,0)}.mobile-header__burger{--burger-size: 1.5rem;--burger-bar-thickness: 2px;--burger-bar-offset: round((var(--burger-size) - var(--burger-bar-thickness)) / 2 * 0.85, 1px);--burger-cross-scale: 1.3;position:relative;inline-size:var(--burger-size);block-size:var(--burger-bar-thickness);transition:transform .3s ease}.mobile-header__burger,.mobile-header__burger::before,.mobile-header__burger::after,.mobile-header__burger .mobile-header__burger-bar{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.mobile-header__burger::before,.mobile-header__burger::after{content:"";position:absolute;inset-inline:0;block-size:var(--burger-bar-thickness);background:currentColor;transition:transform .25s ease}.mobile-header__burger::before{top:calc(-1*var(--burger-bar-offset))}.mobile-header__burger::after{bottom:calc(-1*var(--burger-bar-offset))}.mobile-header__burger-bar{position:absolute;inset:0;background:currentColor;transition:transform .25s ease}.mobile-header:has(#mobile-header-dialog:popover-open) .mobile-header__burger{transform:rotate(90deg)}.mobile-header:has(#mobile-header-dialog:popover-open) .mobile-header__burger::before{transform:translateY(var(--burger-bar-offset)) rotate(45deg) scaleX(var(--burger-cross-scale))}.mobile-header:has(#mobile-header-dialog:popover-open) .mobile-header__burger::after{transform:translateY(calc(-1 * var(--burger-bar-offset))) rotate(-45deg) scaleX(var(--burger-cross-scale))}.mobile-header:has(#mobile-header-dialog:popover-open) .mobile-header__burger-bar{transform:scaleX(0)}.page-header__backdrop{position:fixed;inset:0;z-index:-1;background:var(--c-paper);pointer-events:none;opacity:0;transition:opacity .25s ease}@media(width > 50rem){.page-header__backdrop{display:none}}.page-header:has(#mobile-header-dialog:popover-open) .page-header__backdrop{opacity:1}body:has(#mobile-header-dialog:popover-open){overflow:hidden}#mobile-header-dialog{--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white);position:fixed;inline-size:auto;block-size:auto;max-inline-size:none;max-block-size:none;inset-block-start:calc(var(--gutter-eighth) + var(--page-header-panel-height) + var(--gutter-eighth));inset-block-end:0;inset-inline:var(--gutter-eighth);margin:0;border:0;border-radius:0;padding:var(--gutter-quarter);background:rgba(0,0,0,0);overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-1rem);transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete}#mobile-header-dialog:popover-open{display:flex;flex-direction:column;opacity:1;transform:translateY(0)}@starting-style{#mobile-header-dialog:popover-open{opacity:0;transform:translateY(-1rem)}}.mobile-header__footer{margin-block-start:auto;padding-block-start:var(--gutter-quarter)}.mobile-header__cta{display:flex;inline-size:100%;justify-content:center}@media(prefers-reduced-motion: reduce){#mobile-header-dialog,#mobile-header-dialog:popover-open,.page-header__backdrop,.mobile-header__burger,.mobile-header__burger::before,.mobile-header__burger::after,.mobile-header__burger-bar,.mobile-nav__indicator--toggle::after{transition:none}#mobile-header-dialog{transform:none}}.mobile-nav{--mobile-nav-row-padding: var(--gutter-quarter);--mobile-nav-icon-size: 1rem;--mobile-nav-icon-stroke: 1.5px;--mobile-nav-marker-col: 1.25rem;list-style:none;display:flex;flex-direction:column}.mobile-nav__item{border-block-start:1px solid var(--c-line-paper)}.mobile-nav__item:first-child{border-block-start:0}.mobile-nav__accordion summary{list-style:none}.mobile-nav__accordion summary::-webkit-details-marker{display:none}.mobile-nav__label{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-eighth);padding-block:var(--mobile-nav-row-padding);color:var(--c-ink);text-decoration:none;cursor:pointer;user-select:none}.mobile-nav__title{font-size:1.625rem;font-weight:var(--f-h3-weight);line-height:var(--f-h3-lh)}.mobile-nav__indicator{position:relative;flex:none;inline-size:var(--mobile-nav-icon-size);block-size:var(--mobile-nav-icon-size);color:var(--c-ink-3)}.mobile-nav__indicator--toggle::before,.mobile-nav__indicator--toggle::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;background:currentColor;transform:translate(-50%, -50%)}.mobile-nav__indicator--toggle::before{inline-size:100%;block-size:var(--mobile-nav-icon-stroke)}.mobile-nav__indicator--toggle::after{inline-size:var(--mobile-nav-icon-stroke);block-size:100%;transition:transform .2s ease}.mobile-nav__accordion[open] .mobile-nav__indicator--toggle::after{transform:translate(-50%, -50%) scaleY(0)}.mobile-nav__indicator--arrow::before{content:"";position:absolute;inset-block-start:50%;inset-inline:0;block-size:var(--mobile-nav-icon-stroke);background:currentColor;transform:translateY(-50%)}.mobile-nav__indicator--arrow::after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:1px;inline-size:calc(var(--mobile-nav-icon-size)*.42);block-size:calc(var(--mobile-nav-icon-size)*.42);border-block-start:var(--mobile-nav-icon-stroke) solid currentColor;border-inline-end:var(--mobile-nav-icon-stroke) solid currentColor;transform:translateY(-50%) rotate(45deg)}.mobile-nav__sub{list-style:none;padding-block-end:var(--mobile-nav-row-padding);padding-inline-start:.5rem}.mobile-nav__sub--numbered{counter-reset:mobile-nav-leistung}.mobile-nav__sub--numbered .mobile-nav__subitem{counter-increment:mobile-nav-leistung}.mobile-nav__sub--numbered .mobile-nav__subitem--overview{counter-increment:none}.mobile-nav__link{display:grid;grid-template-columns:var(--mobile-nav-marker-col) 1fr;align-items:baseline;column-gap:var(--gutter-eighth);padding-block:calc(var(--gutter-eighth)*.75);color:var(--c-ink);text-decoration:none;user-select:none}.mobile-nav__link::before{content:"";display:inline-block;inline-size:var(--icon-arrow-size);block-size:var(--icon-arrow-size);background-color:currentColor;mask:var(--icon-next) center/contain no-repeat;align-self:center;color:var(--c-ink-3);font-size:var(--f-sm-fixed-fs);font-variant-numeric:tabular-nums}.mobile-nav__sub--numbered .mobile-nav__link::before{content:counter(mobile-nav-leistung, decimal-leading-zero);inline-size:auto;block-size:auto;background-color:rgba(0,0,0,0);mask:none;align-self:baseline}.mobile-nav__sub--numbered .mobile-nav__subitem--overview .mobile-nav__link::before{content:"";display:inline-block;inline-size:var(--icon-arrow-size);block-size:var(--icon-arrow-size);background-color:currentColor;mask:var(--icon-next) center/contain no-repeat;align-self:center}.mobile-nav__label[aria-current] .mobile-nav__title,.mobile-nav__link[aria-current=page] span{position:relative;z-index:0;display:inline-block;justify-self:start;color:var(--f-mark-color)}.mobile-nav__label[aria-current] .mobile-nav__title::before,.mobile-nav__link[aria-current=page] span::before{content:"";position:absolute;inset:-0.2em -0.5em;z-index:-1;background:var(--f-mark-bg)}@supports(interpolate-size: allow-keywords){.mobile-nav{interpolate-size:allow-keywords}.mobile-nav__accordion::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s ease allow-discrete}.mobile-nav__accordion[open]::details-content{block-size:auto}@media(prefers-reduced-motion: reduce){.mobile-nav__accordion::details-content{transition:none}}}.desktop-header{display:none}@media(width > 50rem){:root{--page-header-padding: var(--gutter-one-third);--page-header-panel-height: 4.5rem}.page-header{--page-header-brand-padding: .125rem}.page-header__content{position:relative}.desktop-header{display:block}.desktop-nav{--desktop-nav-gap: var(--gutter-half);list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--desktop-nav-gap)}.desktop-nav__toggle,.desktop-nav__link{display:inline-flex;align-items:center;gap:calc(var(--gutter-eighth)*.75);padding-block:var(--gutter-eighth);color:var(--pen);font-weight:600;text-decoration:none;cursor:pointer;user-select:none}.desktop-nav__toggle:hover,.desktop-nav__link:hover{text-decoration:underline;text-decoration-thickness:var(--f-nav-underline-thickness);text-underline-offset:var(--f-nav-underline-offset)}.desktop-nav__toggle{border:none;background:none;padding-inline:0;font-size:inherit;line-height:inherit}.desktop-nav__toggle::after{content:"";border-inline:.25rem solid rgba(0,0,0,0);border-block-start:.3125rem solid currentColor}.desktop-nav__cta{--btn-padding-block: 0px;--btn-padding-inline: var(--gutter-one-third);block-size:var(--page-header-control-height)}.desktop-subnav{--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white);position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--gutter-eighth));background:var(--c-paper-white);box-shadow:var(--shadow-header-open);display:none;opacity:0;transform:translateY(-0.5rem);transition:opacity .2s ease,transform .2s ease,display .2s ease allow-discrete}.desktop-header__nav:has(.desktop-nav__toggle[aria-expanded=true]) .desktop-subnav{display:block;opacity:1;transform:translateY(0)}@starting-style{.desktop-header__nav:has(.desktop-nav__toggle[aria-expanded=true]) .desktop-subnav{opacity:0;transform:translateY(-0.5rem)}}.desktop-nav__toggle[aria-current],.desktop-nav__link[aria-current]{text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-nav-underline-thickness-active);text-underline-offset:var(--f-nav-underline-offset)}.desktop-nav__toggle[aria-current]:hover,.desktop-nav__link[aria-current]:hover{text-decoration-color:currentColor;text-decoration-thickness:var(--f-nav-underline-thickness)}}@media(prefers-reduced-motion: reduce){.desktop-subnav{transition:none;transform:none}}.mega{--mega-pad: clamp(1.5rem, -1rem + 5vw, var(--gutter-three-quarters));--mega-gap: clamp(1rem, -.6667rem + 3.3333vw, var(--gutter-half));--mega-head-fs: clamp(1.125rem, round(.375rem + 1.5vw, .125rem), 1.5rem);--mega-link-pad: .3em;--mega-dur: .15s;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"challenges" "hubs" "footer";max-block-size:calc(100dvh - var(--page-header-height));overflow-y:auto;overscroll-behavior:contain}@media(width > 65rem){.mega{grid-template-columns:minmax(16rem, 1fr) minmax(0, 2fr);grid-template-areas:"challenges hubs" "footer footer"}}.mega :is(ul,ol){list-style:none}@supports(-moz-appearance: none){.mega{mask-image:linear-gradient(#000, #000)}}.mega__challenges{grid-area:challenges;display:flex;flex-direction:column;align-items:start;padding:var(--mega-pad)}.mega__title{margin-block-end:var(--gutter-eighth);font-size:var(--mega-head-fs);font-weight:var(--f-h3-weight);line-height:var(--f-h3-lh)}.mega__list{align-self:stretch;display:flex;flex-direction:column;gap:var(--gutter-quarter);padding-block-start:var(--mega-link-pad)}.mega__hubs{grid-area:hubs;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--mega-pad) var(--mega-gap);padding:var(--mega-pad)}.mega__footer{grid-area:footer;display:flex;align-items:baseline;justify-content:space-between;gap:var(--gutter-quarter) var(--mega-gap);padding:var(--gutter-quarter) var(--mega-pad) var(--gutter-half);border-block-start:1px solid rgba(0,0,0,0)}.mega::before{content:"";grid-area:challenges;background:var(--c-paper)}.mega::after{content:"";grid-area:footer;align-self:start;border-block-start:1px solid var(--c-line-paper)}.mega__head,.mega__link,.mega__challenge,.mega__overview{color:var(--pen);text-decoration:none;user-select:none}.mega__head{display:block;margin-block-end:var(--gutter-eighth);font-size:var(--mega-head-fs);font-weight:var(--f-h3-weight);line-height:var(--f-h3-lh)}.mega__link{display:block;padding-block:var(--mega-link-pad)}.mega__challenge{display:block;font-weight:600}.mega__overview{font-size:var(--f-sm-fixed-fs);font-weight:600;text-decoration:underline;text-decoration-thickness:var(--f-nav-underline-thickness);text-underline-offset:var(--f-nav-underline-offset-tight)}.mega__head>.mega__label::after,.mega__overview::after{content:"";display:inline-block;inline-size:var(--icon-arrow-size);block-size:var(--icon-arrow-size);background-color:currentColor;mask:var(--icon-next) center/contain no-repeat;vertical-align:-0.15em;margin-inline-start:.3em;transition:transform var(--mega-dur) ease}.mega__head:is(:hover,:focus-visible)>.mega__label::after,.mega__overview:is(:hover,:focus-visible)::after{transform:translateX(0.25em)}:is(.mega__head,.mega__link,.mega__challenge):is(:hover,:focus-visible)>.mega__label{text-decoration:underline;text-decoration-thickness:var(--f-nav-underline-thickness-fine);text-underline-offset:var(--f-nav-underline-offset-tight)}:is(.mega__head,.mega__link,.mega__challenge)[aria-current=page]>.mega__label,.mega__overview[aria-current=page]{position:relative;z-index:0;color:var(--f-mark-color)}:is(.mega__head,.mega__link,.mega__challenge)[aria-current=page]>.mega__label::before,.mega__overview[aria-current=page]::before{content:"";position:absolute;inset:-0.2em -0.5em;z-index:-1;background:var(--f-mark-bg)}:is(.mega__head,.mega__link,.mega__challenge)[aria-current=page]>.mega__label{display:inline-block}.mega__link[aria-current=page]>.mega__label{font-weight:600}.mega__blurb{display:block;margin-block-start:.0625rem;color:var(--pen-3);font-size:var(--f-sm-fixed-fs);font-weight:var(--f-body-weight);line-height:1.4}@keyframes mega-enter{from{opacity:0;translate:0 -0.5rem}}.mega__challenges,.mega__hubs>li,.mega__footer{animation:mega-enter .3s ease both}.mega__hubs>li:nth-child(1){animation-delay:40ms}.mega__hubs>li:nth-child(2){animation-delay:80ms}.mega__hubs>li:nth-child(3){animation-delay:120ms}.mega__hubs>li:nth-child(4){animation-delay:160ms}.mega__hubs>li:nth-child(5){animation-delay:200ms}.mega__hubs>li:nth-child(6){animation-delay:240ms}.mega__footer{animation-delay:280ms}@media(prefers-reduced-motion: reduce){.mega{--mega-dur: 0s}.mega__challenges,.mega__hubs>li,.mega__footer{animation:none}}.page-header[data-transition] .page-header__container{display:grid;grid-template-columns:minmax(0, 1fr)}.page-header[data-transition] .page-header__container>*{grid-area:1/1}.page-header__ghost[data-look=light]{--page-header-surface: var(--c-paper-white);--page-header-shadow: var(--shadow-header);--page-header-dark-logo: 0;--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white)}.page-header__ghost[data-look=dark]{--page-header-surface: transparent;--page-header-shadow: var(--shadow-header-glass);--page-header-dark-logo: 1;--pen: var(--c-chalk);--pen-2: var(--c-chalk-2);--pen-3: var(--c-chalk-3);--focus-outer: var(--c-paper-white);--focus-inner: var(--c-ink)}.page-header__content[data-masked]::before,.page-header__content[data-masked]::after{display:none}.page-header__wave{background:var(--c-accent)}.page-header__shadow{box-shadow:var(--shadow-header)}.page-header__ghost,.page-header__wave,.page-header__shadow{pointer-events:none}.page-header__ghost[hidden],.page-header__wave[hidden],.page-header__shadow[hidden]{display:none}.page-header[data-swapping],.page-header[data-swapping] *:not(.desktop-subnav,.desktop-subnav *){transition:none !important}.page-header .page-header__content{position:relative;isolation:isolate}.page-header .page-header__content::before,.page-header .page-header__content::after{--_bleed: min(40px, var(--page-header-padding) + max(0px, (100vw - 80rem) / 2 - 10px));content:"";position:absolute;z-index:-1;inset-inline:calc(-1*var(--_bleed));pointer-events:none;mask-composite:intersect;opacity:var(--page-header-dark-logo);transition:opacity var(--page-header-transition)}.page-header .page-header__content::before{inset-block:0 -100%;--_shade: .3;background:linear-gradient(rgb(0 0 0/var(--_shade)) 50%, transparent 50%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .22 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E"),linear-gradient(color-mix(in srgb, var(--c-tusche) 58%, transparent) 50%, transparent 50%);backdrop-filter:blur(20px) saturate(1.2);mask-image:linear-gradient(to bottom, #000 50%, transparent 50%),linear-gradient(to right, transparent var(--_bleed), #000 var(--_bleed) calc(100% - var(--_bleed)), transparent calc(100% - var(--_bleed)))}.page-header .page-header__content::after{--_edge: var(--page-header-edge, 1);--_v: 1.5rem;--_o: var(--extrusion-offset);--_reach: calc(var(--extrusion-line) + var(--_o));--_x0: calc(var(--_bleed) - var(--extrusion-line));--_x1: calc(100% - var(--_bleed) + var(--extrusion-line));--_y0: calc(var(--_v) - var(--extrusion-line));--_y1: calc(100% - var(--_v) + var(--extrusion-line));--_right: rgb(255 255 255 / .06);--_bottom: rgb(255 255 255 / .1);--_lip: rgb(255 255 255 / .24);--_ridge: rgb(255 255 255 / .45);inset-block:calc(-1*var(--_v));clip-path:polygon(var(--_x1) var(--_y0), calc(var(--_x1) + var(--_o)) calc(var(--_y0) + var(--_o)), calc(var(--_x1) + var(--_o)) calc(var(--_y1) + var(--_o)), calc(var(--_x0) + var(--_o)) calc(var(--_y1) + var(--_o)), var(--_x0) var(--_y1), var(--_x1) var(--_y1));background:linear-gradient(45deg, transparent calc(50% - 1px), var(--_ridge) 50%, transparent calc(50% + 1px)) right calc(var(--_bleed) - var(--_reach)) bottom calc(var(--_v) - var(--_reach))/var(--_o) var(--_o) no-repeat,linear-gradient(var(--_lip), var(--_lip)) left 0 bottom calc(var(--_v) - var(--_reach))/100% 1px no-repeat,linear-gradient(var(--_lip), var(--_lip)) right calc(var(--_bleed) - var(--_reach)) top 0/1px 100% no-repeat,conic-gradient(at var(--_x1) var(--_y1), var(--_right) 135deg, var(--_bottom) 135deg);backdrop-filter:blur(3px) brightness(1.9) saturate(1.5);mask-image:linear-gradient(rgb(0 0 0/var(--_edge)), rgb(0 0 0/var(--_edge)))}.page-path{width:100%}.page-path__container{padding-inline:var(--gutter-section-inline);font-size:var(--f-sm-fixed-fs)}.page-header:has(+.page-content>.page-hero:first-child){margin-block-end:calc(-1*var(--page-header-padding-bottom))}.page-header:has(+.page-content>.page-hero--behind-header:first-child){margin-block-end:calc(-1*var(--page-header-height))}.page-header:has(+.page-content>.page-hero--behind-header:first-child)+.page-content>.page-hero .page-section{padding-block-start:calc(var(--page-header-height) - var(--page-header-padding-bottom))}.page-header:has(+.page-content>.page-path:first-child+.page-hero--behind-header){margin-block-end:calc(-1*var(--page-header-height))}.page-header:has(+.page-content>.page-path:first-child+.page-hero--behind-header)+.page-content>.page-path{position:absolute;margin-block-start:var(--page-header-height)}.page-header:has(+.page-content>.page-path:first-child+.page-hero--behind-header)+.page-content>.page-hero .page-section{padding-block-start:calc(var(--page-header-height) - var(--page-header-padding-bottom) + 1em)}}@layer components{.anno{color:var(--pen-3);font-size:var(--f-sm-fixed-fs)}.anno::before{content:"↳ "}.bento{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gutter-quarter);margin:0;padding:0;list-style:none}@media(width > 50rem){.bento{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(width > 65rem){.bento{grid-template-columns:repeat(6, minmax(0, 1fr))}}.bento__tile{--press: 0;--press-x: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-y: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-ring: var(--extrusion-line);transition:color .15s ease,--press calc(0.12s * (1 + var(--extrusion-sink))) linear;position:relative;display:flex}.bento__tile:is(:hover,:focus-visible,:has(:focus-visible)){--press: calc(1 + var(--extrusion-sink));z-index:1}@media(prefers-reduced-motion: reduce){.bento__tile:is(:hover,:focus-visible,:has(:focus-visible)){--press: 0}}.bento__tile:active{--press: 1;z-index:1}@media(prefers-reduced-motion: reduce){.bento__tile:active{--press: 0}}.bento__face{translate:calc(min(var(--press),1)*var(--press-x)) calc(min(var(--press),1)*var(--press-y));position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--gutter-quarter);padding:calc(var(--gutter-one-third) + max(var(--press) - 1, 0) * var(--press-y)) calc(var(--gutter-one-third) - max(var(--press) - 1, 0) * var(--press-x)) calc(var(--gutter-one-third) - max(var(--press) - 1, 0) * var(--press-y)) calc(var(--gutter-one-third) + max(var(--press) - 1, 0) * var(--press-x));background:var(--c-panel);--_shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), inset calc(max(var(--press) - 1, 0) * var(--press-x)) calc(max(var(--press) - 1, 0) * var(--press-y)) 0 0 var(--extrusion-color), min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color);box-shadow:var(--_shadow);transition:background-color .15s ease,border-color .15s ease}@supports(-moz-appearance: none){.bento__face{mask:linear-gradient(#000, #000) no-clip}}.bento__tile:has(.bento__link:focus-visible)>.bento__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}@media(width > 50rem){.bento__tile--feature{grid-column:1/-1}}@media(width > 65rem){.bento__tile--feature{grid-column:span 4;grid-row:span 2}}.bento__tile--feature>.bento__face{background:var(--surface)}@media(width > 65rem){.bento__tile--feature>.bento__face{padding:calc(var(--gutter-half) + max(var(--press) - 1, 0) * var(--press-y)) calc(var(--gutter-half) - max(var(--press) - 1, 0) * var(--press-x)) calc(var(--gutter-half) - max(var(--press) - 1, 0) * var(--press-y)) calc(var(--gutter-half) + max(var(--press) - 1, 0) * var(--press-x))}}@media(width > 65rem){.bento__tile--side{grid-column:span 2}}@media(width > 65rem){.bento__tile--half{grid-column:span 3}}.bento__title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gutter-quarter);margin:0;font-size:round(var(--f-h3-fs)*.85,.25rem);line-height:1.4}.bento__tile--feature .bento__title{font-size:var(--f-h3-fs);line-height:var(--f-h3-lh)}.bento__link{color:var(--pen);text-decoration:none}.bento__link::after{content:"";position:absolute;inset:calc(-1*var(--press-ring)) calc(-1*(var(--press-ring) + var(--press-x))) calc(-1*(var(--press-ring) + var(--press-y))) calc(-1*var(--press-ring));translate:calc(-1*min(var(--press),1)*var(--press-x)) calc(-1*min(var(--press),1)*var(--press-y))}.bento__link:is(:focus-visible,:-moz-focusring){outline:none;box-shadow:none}.bento__tile:hover .bento__link{text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-underline-thickness);text-underline-offset:var(--f-underline-offset)}.bento__tile--feature:hover .bento__link{text-decoration-color:currentColor}.bento__text{margin:0;margin-block-start:auto;color:var(--pen-2)}.bento__cta{flex:none;font-size:var(--f-body-fs);pointer-events:none}.bento__tile:hover .bento__cta,.bento__link:focus-visible+.bento__cta{color:var(--surface)}.bento__tile:hover .bento__cta>.btn__face,.bento__link:focus-visible+.bento__cta>.btn__face{background:var(--pen);border-color:var(--pen)}.bento__tile:hover .bento__cta>.btn__face::after,.bento__link:focus-visible+.bento__cta>.btn__face::after{transform:translate3d(0.25em, 0, 0)}.bento__tile--feature .bento__text{max-inline-size:40ch;color:var(--pen);font-size:var(--f-lead-fs);line-height:var(--f-lead-lh)}@media(prefers-reduced-motion: reduce){.bento__face{transition:none}}.bq{--bq-tone: var(--c-accent);--bq-border-width: .375rem;--bq-background: var(--c-panel);display:flex;flex-direction:column;gap:var(--gutter-sixth);padding:var(--gutter-one-third) var(--gutter-half);border-inline-start:var(--bq-border-width) solid var(--bq-tone);border-inline-end:var(--bq-border-width) solid var(--bq-background);background:var(--bq-background);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.bq__label{display:flex;align-items:center;gap:var(--gutter-eighth);color:var(--pen);font-size:var(--f-label-fs);font-weight:var(--f-label-weight);line-height:var(--f-label-lh);letter-spacing:.1em;text-transform:uppercase}.bq__glyph{flex:none;inline-size:1.125rem;block-size:1.125rem;color:var(--bq-tone)}.bq__body{color:var(--pen);font-size:var(--f-lead-fs);line-height:var(--f-lead-lh)}.bq__source{display:flex;align-items:baseline;gap:var(--gutter-eighth);color:var(--pen-3);font-size:var(--f-sm-fixed-fs);line-height:var(--f-small-lh)}.bq__source::before{content:"—"}.bq--note{--bq-tone: var(--c-bold-blue);--bq-background: var(--c-soft-blue)}.bq--tip{--bq-tone: var(--c-bold-green);--bq-background: var(--c-soft-green)}.bq--important{--bq-tone: var(--c-bold-lime);--bq-background: var(--c-soft-lime)}.bq--warning{--bq-tone: var(--c-bold-coral);--bq-background: var(--c-soft-coral)}.bq--caution{--bq-tone: var(--c-bold-red);--bq-background: var(--c-soft-red)}.bq--note,.bq--tip,.bq--important,.bq--warning,.bq--caution{--bq-border-width: 0px;--extrusion-color: var(--bq-tone)}.bq--sm .bq__body{color:var(--pen-2);font-size:var(--f-body-fs);line-height:var(--f-body-lh)}.bq--lg .bq__body{color:var(--pen);font-size:var(--f-bq-lg-fs);font-weight:var(--f-bq-lg-weight);line-height:var(--f-bq-lg-lh)}.breadcrumbs{color:var(--pen)}.breadcrumbs__list{display:flex;flex-wrap:wrap;row-gap:.25em;list-style:none}.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-inline:.6em;color:var(--pen-2)}.breadcrumbs__link{color:inherit;text-decoration:none}.breadcrumbs__link:hover,.breadcrumbs__link:focus-visible{text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness);text-underline-offset:var(--f-underline-offset);text-decoration-color:var(--c-accent)}.breadcrumbs__text{color:var(--pen-3)}:root{--btn-padding-inline: var(--gutter-half);--btn-padding-block: var(--gutter-sixth)}.btn{--_btn-padding-inline: var(--btn-padding-inline);--_btn-padding-block: var(--btn-padding-block);--press: 0;position:relative;display:inline-flex;padding:0;border:0;line-height:1.75;background:none;color:var(--c-ink);font-weight:700;text-decoration:none;cursor:pointer;user-select:none;transition:color .15s ease}.btn::after{content:"";position:absolute;inset:calc(-1*var(--press-ring)) calc(-1*(var(--press-ring) + var(--press-x))) calc(-1*(var(--press-ring) + var(--press-y))) calc(-1*var(--press-ring))}.btn__face{translate:calc(min(var(--press),1)*var(--press-x)) calc(min(var(--press),1)*var(--press-y));display:flex;flex:1 1 auto;align-items:center;justify-content:inherit;gap:var(--gutter-eighth);padding:var(--_btn-padding-block) var(--_btn-padding-inline);--_shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color), min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color);background:var(--c-paper-white);box-shadow:var(--_shadow);transition:.15s ease;transition-property:background-color,box-shadow,border-color}.btn__face::after{content:"";display:inline-block;inline-size:var(--icon-arrow-size);block-size:var(--icon-arrow-size);background-color:currentColor;mask:var(--icon-next) center/contain no-repeat;transform:translate3d(0, 0, 0);transition:transform .15s ease;will-change:transform}.btn:hover>.btn__face::after,.btn:focus-visible>.btn__face::after{transform:translate3d(0.25em, 0, 0)}.btn:is(:focus-visible,:-moz-focusring){outline:none;box-shadow:none}.btn:focus-visible>.btn__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}.btn--accent{--extrusion-color: var(--c-lime-700)}.btn--accent>.btn__face{background:var(--c-accent)}.btn--frame,.btn--nav{--_border-width: 1.5px;--_btn-padding-block: calc(var(--btn-padding-block) - var(--_border-width));--_btn-padding-inline: calc(var(--btn-padding-inline) - var(--_border-width));color:var(--pen)}.btn--frame>.btn__face,.btn--nav>.btn__face{border:var(--_border-width) solid currentColor;background:none;box-shadow:none}.btn--nav:hover,.btn--nav:focus-visible{color:var(--c-ink)}.btn--nav:hover>.btn__face,.btn--nav:focus-visible>.btn__face{background:var(--c-accent);border-color:var(--c-lime-700);box-shadow:none}.btn--nav:focus-visible>.btn__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white))}.btn--clear>.btn__face{background:rgba(0,0,0,0)}.btn--clear:hover,.btn--clear:focus-visible{color:var(--c-ink)}.btn--clear:hover>.btn__face,.btn--clear:focus-visible>.btn__face{background:var(--c-paper-white)}.btn--icon>.btn__face{justify-content:center;inline-size:2.25em;block-size:2.25em;padding:0;gap:0}.btn--plain>.btn__face::after{content:none}.btn--sm{--extrusion-depth: var(--extrusion-depth-sm);--btn-padding-block: var(--gutter-eighth);--btn-padding-inline: var(--gutter-quarter);font-size:var(--f-sm-fixed-fs);font-weight:500;line-height:1.5}.btn:not(.btn--nav,.btn--frame,.btn--clear){--press-x: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-y: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-ring: var(--extrusion-line);transition:color .15s ease,--press 0.12s linear}.btn:not(.btn--nav,.btn--frame,.btn--clear):is(:hover,:focus-visible){--press: 1;z-index:1}@media(prefers-reduced-motion: reduce){.btn:not(.btn--nav,.btn--frame,.btn--clear):is(:hover,:focus-visible){--press: 0}}.btn:not(.btn--nav,.btn--frame,.btn--clear)>.btn__face{--_shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), inset calc(max(var(--press) - 1, 0) * var(--press-x)) calc(max(var(--press) - 1, 0) * var(--press-y)) 0 0 var(--extrusion-color), min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color);box-shadow:var(--_shadow);transition:background-color .15s ease,border-color .15s ease}@supports(-moz-appearance: none){.btn:not(.btn--nav,.btn--frame,.btn--clear)>.btn__face{mask:linear-gradient(#000, #000) no-clip}}.btn:not(.btn--nav,.btn--frame,.btn--clear):focus-visible>.btn__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}.btn--frame:not(.bento__cta){--press-x: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-y: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-ring: 0px;transition:color .15s ease,--press 0.12s linear}.btn--frame:not(.bento__cta):is(:hover,:focus-visible){--press: 1;z-index:1}@media(prefers-reduced-motion: reduce){.btn--frame:not(.bento__cta):is(:hover,:focus-visible){--press: 0}}.btn--frame:not(.bento__cta)>.btn__face{--_shadow: min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 0px var(--extrusion-color);box-shadow:var(--_shadow);transition:background-color .15s ease,border-color .15s ease;border-color:var(--extrusion-color);background:var(--ground)}@supports(-moz-appearance: none){.btn--frame:not(.bento__cta)>.btn__face{mask:linear-gradient(#000, #000) no-clip}}.btn--frame:not(.bento__cta):focus-visible>.btn__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}@media(prefers-reduced-motion: reduce){.btn,.btn__face,.btn__face::after{transition:none}}.card{position:relative;padding:var(--gutter-one-third);background:var(--c-panel);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.card.card--corner{padding-block-end:var(--gutter-two-thirds)}.card.card--corner::after{content:"";position:absolute;left:0;bottom:0;inline-size:30px;block-size:36px;background:var(--c-accent);mask:var(--l-mask) 0 0/100% 100% no-repeat;pointer-events:none}.card,.card__body{display:flex;flex-direction:column;align-items:stretch;gap:var(--gutter-quarter)}.card--accent{--extrusion-color: var(--c-lime-700);justify-content:center;background:var(--c-accent);color:var(--c-ink)}.card--accent::after{background:var(--c-lime-600)}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gutter-quarter);align-self:stretch}.card__headline{font-size:round(var(--f-h3-fs)*.85,.25rem);line-height:1.4}.card__num{color:var(--pen-3);font-size:var(--f-sm-fixed-fs);font-variant-numeric:tabular-nums}.card__list{align-self:stretch;list-style:none}.card__list li{display:grid;grid-template-columns:1.25rem minmax(0, 1fr);column-gap:var(--gutter-eighth);align-items:baseline;padding-block:var(--gutter-eighth);border-block-start:1px solid var(--line)}.card__body{margin-block-start:auto;align-self:stretch;align-items:flex-start}.cols--pinboard{gap:28px 24px;padding:8px 6px 4px}.cols--pinboard>.card{--k: 0;--lc: var(--c-lime-200);--extrusion-color: var(--c-kolorit-400);background:var(--bg, var(--c-lime-50));z-index:calc(10 - var(--k));transition:background-color .3s}.cols--pinboard>.card::after{background:var(--lc)}.cols--pinboard>.card:nth-child(1){--k: 0;--bg: var(--c-lime-50);--lc: var(--c-lime-200)}.cols--pinboard>.card:nth-child(2){--k: 1;--bg: var(--c-lime-100);--lc: var(--c-lime-300)}.cols--pinboard>.card:nth-child(3){--k: 2;--bg: var(--c-lime-200);--lc: var(--c-lime-400)}.cols--pinboard>.card:nth-child(4){--k: 3;--bg: var(--c-lime-300);--lc: var(--c-lime-500)}.cols--pinboard>.card:hover,.cols--pinboard>.card:focus-within{--bg: var(--c-panel);z-index:20}@media(prefers-reduced-motion: reduce){.cols--pinboard>.card{transition:none}}.chip{--press: 0;position:relative;display:inline-flex;color:var(--c-ink);font-weight:700;user-select:none}.chip__face{translate:calc(min(var(--press),1)*var(--press-x)) calc(min(var(--press),1)*var(--press-y));display:flex;flex:1 1 auto;align-items:baseline;gap:var(--gutter-eighth);padding:var(--gutter-eighth) var(--gutter-quarter);background:var(--c-panel);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.chip__num{color:var(--c-ink-3);font-size:var(--f-sm-fixed-fs);font-weight:var(--f-small-weight);font-variant-numeric:tabular-nums;transition:color .15s ease}.chip:is(a,button){--press-x: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-y: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-ring: var(--extrusion-line);transition:color .15s ease,--press 0.12s linear;text-decoration:none}.chip:is(a,button)::after{content:"";position:absolute;inset:calc(-1*var(--press-ring)) calc(-1*(var(--press-ring) + var(--press-x))) calc(-1*(var(--press-ring) + var(--press-y))) calc(-1*var(--press-ring))}.chip:is(a,button)>.chip__face{--_shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), inset calc(max(var(--press) - 1, 0) * var(--press-x)) calc(max(var(--press) - 1, 0) * var(--press-y)) 0 0 var(--extrusion-color), min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color);box-shadow:var(--_shadow);transition:background-color .15s ease,border-color .15s ease}@supports(-moz-appearance: none){.chip:is(a,button)>.chip__face{mask:linear-gradient(#000, #000) no-clip}}.chip:is(a,button):is(:hover,:focus-visible){--press: 1;z-index:1;color:var(--c-ink)}@media(prefers-reduced-motion: reduce){.chip:is(a,button):is(:hover,:focus-visible){--press: 0}}.chip:is(a,button):is(:hover,:focus-visible)>.chip__face{background:var(--c-accent)}.chip:is(a,button):is(:hover,:focus-visible) .chip__num{color:rgb(from var(--c-ink) r g b/0.75)}.chip:is(a,button):is(:focus-visible,:-moz-focusring){outline:none;box-shadow:none}.chip:is(a,button):focus-visible>.chip__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}.color-swatch{position:relative;aspect-ratio:1/.5;border-radius:.125rem;box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color);border:1px solid var(--c-line-paper)}.color-swatch__label{position:absolute;bottom:.75rem;left:.75rem;padding:.25rem .5rem;background:rgb(from var(--c-paper-bright) r g b/0.8);color:var(--c-ink-2);font-size:.75rem}.color-swatch__label ul{margin:0;padding:0;list-style:none}.color-swatch+strong{display:block;margin-block-start:var(--gutter-quarter)}.content-image{display:block;width:100%;height:auto;object-fit:cover;background:var(--c-placeholder)}.content-image--wide{aspect-ratio:16/9}.content-image--photo{aspect-ratio:4/3}.content-image--square{aspect-ratio:1}.cols-specimen{display:grid;place-items:center;min-height:3.5rem;border:1px solid var(--line);background:var(--c-panel);color:var(--pen-3);font-size:var(--f-sm-fixed-fs)}.cols-specimen--ruler{min-height:1.75rem;border-color:var(--c-placeholder-line);background:var(--c-placeholder)}.consent{--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white);--surface: var(--c-paper-white);position:fixed;inset:auto 0 0;z-index:100;box-sizing:border-box;inline-size:auto;max-inline-size:none;max-block-size:calc(100dvh - var(--gutter));margin:0;padding:var(--gutter-half) var(--gutter-section-inline) max(var(--gutter-half),env(safe-area-inset-bottom));overflow-y:auto;border:0;background:var(--surface);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color);color:var(--pen);font-size:var(--f-sm-fixed-fs);line-height:1.5}@media(width > 35rem){.consent{inset:auto 0 var(--gutter-half);inline-size:min(46rem,100% - 2*var(--gutter-half));margin-inline:auto;padding:var(--gutter-half)}}html[data-consent=pending] .consent:not([open]){display:block}.consent__title{margin:0 0 var(--gutter-eighth);font-size:var(--f-lead-fs);line-height:1.3}.consent__title:focus{outline:none}.consent__text{margin:0 0 var(--gutter-eighth)}.consent__links{margin:0 0 var(--gutter-one-third);hyphens:manual}.consent__links a{color:var(--pen);text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness-fine);text-underline-offset:var(--f-underline-offset)}.consent__links a:hover,.consent__links a:focus-visible{text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-underline-thickness)}.consent__actions{display:flex;flex-direction:column;gap:var(--gutter-sixth)}.consent__actions .btn{justify-content:center}@media(width > 35rem){.consent__actions{flex-direction:row}.consent__actions .btn{flex:1 1 0}}.consent__categories{margin:0 0 var(--gutter-one-third);padding:0;list-style:none}.consent__category{display:flex;gap:var(--gutter-half);align-items:flex-start;padding-block:var(--gutter-sixth);border-block-start:1px solid var(--c-chalk-2)}.consent__category:last-child{border-block-end:1px solid var(--c-chalk-2)}.consent__category-text{display:grid;flex:1;gap:.125rem}.consent__category-text span{color:var(--pen-3)}.consent__details{--consent-indicator-size: .625rem;--consent-indicator-stroke: 1.5px;margin-block-start:var(--gutter-eighth)}.consent__details-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--gutter-eighth);color:var(--pen);font-weight:600;list-style:none;cursor:pointer}.consent__details-toggle::-webkit-details-marker{display:none}.consent__details-toggle:hover{text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness-fine);text-underline-offset:var(--f-underline-offset)}.consent__details-toggle:focus-visible{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white))}.consent__details-indicator{position:relative;flex:none;inline-size:var(--consent-indicator-size);block-size:var(--consent-indicator-size)}.consent__details-indicator::before,.consent__details-indicator::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;background:currentColor;transform:translate(-50%, -50%)}.consent__details-indicator::before{inline-size:100%;block-size:var(--consent-indicator-stroke)}.consent__details-indicator::after{inline-size:var(--consent-indicator-stroke);block-size:100%;transition:transform .2s ease}.consent__details[open] .consent__details-indicator::after{transform:translate(-50%, -50%) scaleY(0)}.consent__facts{display:grid;gap:.125rem var(--gutter-quarter);margin:var(--gutter-sixth) 0 0;padding:var(--gutter-sixth) var(--gutter-quarter);background:var(--c-paper-deep);color:var(--pen-2)}@media(width > 35rem){.consent__facts{grid-template-columns:max-content minmax(0, 1fr);row-gap:var(--gutter-eighth)}}.consent__facts dt{color:var(--pen-3);font-size:var(--f-small-fs);line-height:1.75}.consent__facts dt:not(:first-child){margin-block-start:var(--gutter-eighth)}@media(width > 35rem){.consent__facts dt:not(:first-child){margin-block-start:0}}.consent__facts dd{margin:0}.consent__switch{--sw-depth: calc(var(--extrusion-offset) * var(--extrusion-depth-sm));--sw-knob: 1rem;--sw-inset: calc(2px + var(--extrusion-line));--sw-floor: color-mix(in oklab, var(--extrusion-color) 35%, var(--ground));--sw-wall: color-mix(in oklab, var(--extrusion-color) 80%, var(--pen));--sw-shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), inset var(--sw-depth) var(--sw-depth) 0 0 var(--sw-wall);position:relative;flex:none;inline-size:calc(2*var(--sw-knob) + 2*var(--sw-inset));block-size:calc(var(--sw-knob) + 2*var(--sw-inset));margin:.125rem 0 0;overflow:hidden;background:var(--sw-floor);box-shadow:var(--sw-shadow);appearance:none;cursor:pointer;transition:background-color .15s ease}.consent__switch::after{content:"";position:absolute;inset-block-start:var(--sw-inset);inset-inline-start:var(--sw-inset);inline-size:var(--sw-knob);block-size:var(--sw-knob);background:var(--ground);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth-sm))) 0 var(--extrusion-line) var(--extrusion-color);transition:translate .12s linear}.consent__switch:checked{--extrusion-color: var(--c-lime-700);--sw-floor: var(--c-accent)}.consent__switch:checked::after{translate:var(--sw-knob) 0}.consent__switch:disabled{cursor:default;opacity:.6}.consent__switch:focus-visible{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--sw-shadow)}.consent__id{margin:0 0 var(--gutter-one-third);color:var(--pen-3);font-size:var(--f-small-fs)}@media(prefers-reduced-motion: reduce){.consent__details-indicator::after,.consent__switch::after{transition:none}}.cta-band{display:flex;flex-direction:column;align-items:center;gap:var(--gutter-one-third);padding:var(--gutter-double) var(--gutter-section-inline);background:var(--c-panel);color:var(--c-ink-2);text-align:center;box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.cta-band--accent{--extrusion-color: var(--c-lime-700);background:var(--c-accent);color:var(--c-ink)}.cta-band p{max-width:60ch}.form{display:grid;gap:var(--gutter-one-third)}.form__row{display:grid;gap:var(--gutter-eighth);align-content:start}.form__label{font-weight:600;font-size:var(--f-sm-fixed-fs);color:var(--pen)}.form__label.required::after{content:" *";color:var(--c-red-700)}.form__field{position:relative;display:block}.form__control{inline-size:100%;padding:var(--gutter-sixth) var(--gutter-quarter);background:var(--c-paper-white);border:1.5px solid var(--c-line-paper);color:var(--pen);line-height:1.5;transition:border-color .15s ease,background-color .15s ease}.form__control::placeholder{color:var(--pen-3)}.form__control:hover{border-color:var(--c-ink-3)}.form__control:focus{border-color:var(--c-ink)}textarea.form__control{resize:vertical;min-block-size:8rem}.form__row--error .form__control{border-color:var(--c-red-700)}.form__error{display:flex;align-items:baseline;gap:var(--gutter-eighth);font-size:var(--f-sm-fixed-fs);font-weight:600;color:var(--pen)}.form__error::before{content:"";flex:none;inline-size:.625em;block-size:.625em;background:var(--c-bold-red)}.form__hint{font-size:var(--f-sm-fixed-fs);color:var(--pen-3)}.form__consent{display:grid;grid-template-columns:auto 1fr;gap:var(--gutter-eighth) var(--gutter-quarter);align-items:start}.form__check-input{inline-size:1.15rem;block-size:1.15rem;margin-block-start:.15rem;accent-color:var(--c-ink);cursor:pointer}.form__consent-label{font-size:var(--f-sm-fixed-fs);line-height:1.5;color:var(--pen-2)}.form__actions{margin-block-start:var(--gutter-eighth)}.form__status{scroll-margin-top:calc(var(--page-header-height) + var(--gutter-quarter))}.form__pow-status{margin-block-start:var(--gutter-eighth);font-size:var(--f-sm-fixed-fs);color:var(--pen-3)}.form__pow-status:empty{display:none}.form__actions .btn:disabled{opacity:.6;cursor:progress}.form__potter{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.qc{--qc-ease: cubic-bezier(.2, .8, .2, 1);--qc-roll: cubic-bezier(.55, 0, .1, 1);container-type:inline-size;display:flex;flex-direction:column;gap:var(--gutter-half)}.qc [hidden]{display:none !important}.qc__head{display:grid;gap:var(--gutter-quarter) var(--gutter-three-quarters)}.qc__head p{max-inline-size:46ch;color:var(--pen-2)}.qc__grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gutter-quarter);min-inline-size:0;margin:0;padding:0;border:0}@container (width > 38rem){.qc__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@container (width > 54rem){.qc__head{grid-template-columns:1fr minmax(0, 40ch);align-items:end}}@container (width > 62rem){.qc__grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}.qc-card{--press: 0;--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white);--press-x: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-y: calc(var(--extrusion-offset) * var(--extrusion-depth));--press-ring: var(--extrusion-line);transition:color .15s ease,--press 0.12s linear;position:relative;display:grid;min-block-size:22.5rem}.qc-card__face{translate:calc(min(var(--press),1)*var(--press-x)) calc(min(var(--press),1)*var(--press-y));position:relative;background:var(--c-panel);--_shadow: 0 0 0 var(--extrusion-line) var(--extrusion-color), inset calc(max(var(--press) - 1, 0) * var(--press-x)) calc(max(var(--press) - 1, 0) * var(--press-y)) 0 0 var(--extrusion-color), min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(1px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(2px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(3px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(4px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(5px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(6px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(7px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(8px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(9px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(10px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(11px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color), min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) min(12px, calc(var(--extrusion-offset) * var(--extrusion-depth) * (1 - min(var(--press), 1)))) 0 var(--extrusion-line) var(--extrusion-color);box-shadow:var(--_shadow);transition:background-color .15s ease,border-color .15s ease}@supports(-moz-appearance: none){.qc-card__face{mask:linear-gradient(#000, #000) no-clip}}.qc-card__face::before{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 0 .08rem rgba(0,0,0,0);pointer-events:none;transition:box-shadow .2s}.qc-card:is(:hover,:focus-visible,:has(:focus-visible),:has(input:checked)){--press: 1;z-index:1}@media(prefers-reduced-motion: reduce){.qc-card:is(:hover,:focus-visible,:has(:focus-visible),:has(input:checked)){--press: 0}}.qc-card:has(input:checked)>.qc-card__face::before{box-shadow:inset 0 0 0 .08rem var(--c-ink)}.qc-card:has(input:focus-visible)>.qc-card__face{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white)),var(--_shadow)}.qc-hit{display:flex;flex-direction:column;gap:var(--gutter-quarter);padding:var(--gutter-one-third);color:var(--c-ink);cursor:pointer}.qc-top{display:flex;align-items:center;justify-content:space-between}.qc-top input{position:absolute;inset:calc(-1*var(--press-ring)) calc(-1*(var(--press-ring) + var(--press-x))) calc(-1*(var(--press-ring) + var(--press-y))) calc(-1*var(--press-ring));translate:calc(-1*min(var(--press),1)*var(--press-x)) calc(-1*min(var(--press),1)*var(--press-y));z-index:3;inline-size:calc(100% + 2*var(--press-ring) + var(--press-x));block-size:calc(100% + 2*var(--press-ring) + var(--press-y));margin:0;appearance:none;opacity:0;cursor:pointer}.qc-box{position:relative;flex:none;inline-size:24px;block-size:24px;border:none;box-shadow:inset 0 0 0 .08rem var(--c-ink);background:var(--c-panel);transition:background-color .15s}.qc-box svg{position:absolute;left:50%;top:50%;inline-size:60%;block-size:43.6%;color:var(--c-ink);opacity:0;transform:translate(-50%, -52%) scale(0.3);transition:transform .28s var(--qc-ease),opacity .15s}input:checked+.qc-box{background:var(--c-accent)}input:checked+.qc-box svg{opacity:1;transform:translate(-50%, -52%)}.qc-num{color:var(--c-ink-3);font-size:var(--f-sm-fixed-fs);font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}.qc-sign{font-size:1.0625rem;font-weight:500;line-height:1.45}.qc-icon{position:absolute;left:var(--gutter-one-third);bottom:96px;inline-size:36px;block-size:36px;color:var(--c-kolorit-400)}.qc-roll{--pen: var(--c-chalk);--pen-2: var(--c-chalk-2);--pen-3: var(--c-chalk-3);--focus-outer: var(--c-paper-white);--focus-inner: var(--c-ink);position:absolute;left:0;right:0;bottom:0;z-index:1;block-size:72px;overflow:hidden;border-block-start:3px solid var(--c-accent);background:var(--c-board);color:var(--c-chalk);transition:block-size .38s var(--qc-roll)}.qc-roll__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-quarter);block-size:69px;padding-inline:var(--gutter-one-third)}.qc-roll__label{color:var(--c-chalk-2);font-size:var(--f-unibrow-fs);font-weight:var(--f-unibrow-weight);letter-spacing:.1em;text-transform:uppercase}.qc-roll__arrow{flex:none;inline-size:20px;block-size:20px;margin-inline-start:auto;color:var(--c-chalk);transition:transform .32s var(--qc-roll)}.qc-roll__risk{padding:0 var(--gutter-one-third) 28px;color:var(--c-chalk);font-size:1.1875rem;font-weight:650;line-height:1.35}.qc-roll__label,.qc-roll__risk{opacity:0;visibility:hidden;transition:opacity .15s,transform .3s var(--qc-ease),visibility 0s .15s}@supports(-moz-appearance: none){.qc-roll__label,.qc-roll__risk{mask-image:linear-gradient(#000, #000)}}.qc-roll__risk{transform:translateY(16px)}.qc-card:has(input:checked) .qc-roll{block-size:var(--qc-open, 60%)}.qc-card:has(input:checked) .qc-roll__arrow{transform:rotate(180deg)}.qc-card:has(input:checked) .qc-roll__label,.qc-card:has(input:checked) .qc-roll__risk{opacity:1;visibility:visible;transform:none;transition:opacity .2s .15s,transform .3s var(--qc-ease) .08s,visibility 0s}.qc-glint{position:absolute;top:-24px;bottom:-24px;left:-120px;z-index:1;inline-size:72px;background:linear-gradient(90deg, rgb(from var(--c-chalk) r g b/0) 0, rgb(from var(--c-chalk) r g b/0.16) 28%, rgb(from var(--c-chalk) r g b/0) 56%, rgb(from var(--c-chalk) r g b/0.09) 72%, rgb(from var(--c-chalk) r g b/0) 84%);transform:skewX(-24deg);pointer-events:none}.qc-card:hover .qc-glint{animation:qc-glint .9s cubic-bezier(0.4, 0, 0.2, 1) 1}@keyframes qc-glint{from{left:-120px}to{left:calc(100% + 48px)}}.qc-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gutter-quarter) var(--gutter-half);padding-block-start:var(--gutter-one-third);border-block-start:1px solid var(--pen)}.qc-count{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gutter-quarter) var(--gutter-one-third)}.qc-pips{display:flex;gap:6px}.qc-pips i{display:block;inline-size:12px;block-size:12px;box-shadow:inset 0 0 0 1px var(--pen);transition:background-color .3s}.qc-pips i.is-on{background:var(--c-accent)}.qc-status{color:var(--pen);font-size:1.0625rem;font-weight:650}.qc:not(:has(input:checked)) .qc-reveal{visibility:hidden}.qc:has(input:checked) .qc-reveal{animation:qc-rise .32s var(--qc-ease)}.qc:has(input:checked) .qc-reveal>.btn__face{animation:qc-fade .16s ease-out}@keyframes qc-rise{from{--press: 1}}@keyframes qc-fade{from{opacity:0}}@media(prefers-reduced-motion: reduce){.qc-card__face,.qc-card__face::before,.qc-box,.qc-box svg,.qc-roll,.qc-roll__arrow,.qc-roll__label,.qc-roll__risk,.qc-pips i{transition:none !important}.qc-card:hover .qc-glint,.qc-reveal,.qc-reveal>.btn__face{animation:none !important}}.scale-band{--scale-band-inset: max(var(--gutter-section-inline), calc((100% - 80rem) / 2 + var(--gutter-section-inline)));display:grid;grid-template-columns:var(--scale-band-inset) minmax(0, 1fr);grid-template-rows:auto 1.5rem}.scale-band.page-section__container{padding:0;overflow:visible}.scale-band__text{padding-block:var(--gutter-section-block);padding-inline:var(--gutter-section-inline);padding-block-end:calc(var(--gutter-section-block)*1.25);grid-column:2;background:var(--c-soft-lime)}.scale-band__text p:not(.unibrow){max-width:60ch}.scale-band__steps{grid-column:2;display:flex}.scale-band__steps>i{flex:1;transform-origin:0 50%}.scale-band__steps>i:nth-child(1){--k: 0;background:var(--c-lime-50)}.scale-band__steps>i:nth-child(2){--k: 1;background:var(--c-lime-100)}.scale-band__steps>i:nth-child(3){--k: 2;background:var(--c-lime-200)}.scale-band__steps>i:nth-child(4){--k: 3;background:var(--c-lime-300)}.scale-band__steps>i:nth-child(5){--k: 4;background:var(--c-lime-400)}.scale-band__steps>i:nth-child(6){--k: 5;background:var(--c-lime-500)}.scale-band__steps>i:nth-child(7){--k: 6;background:var(--c-lime-600)}.scale-band__steps>i:nth-child(8){--k: 7;background:var(--c-lime-700)}@media(min-width: 47.5rem){.scale-band{grid-template-columns:var(--scale-band-inset) min(60ch + 10rem,80%) 1fr;grid-template-rows:auto}.scale-band__steps{grid-column:3}}.scale-band__steps>i.is-spinning{transform-origin:50% 50%;animation:scale-band-spin .8s ease-in-out}.scale-band.is-armed .scale-band__steps>i{transform:scaleX(0)}.scale-band.is-armed.is-in .scale-band__steps>i{transform:none;transition:transform .8s cubic-bezier(0.2, 0.8, 0.2, 1);transition-delay:calc(var(--k)*70ms)}@media(prefers-reduced-motion: reduce){.scale-band.is-armed .scale-band__steps>i{transform:none;transition:none}.scale-band__steps>i.is-spinning{animation:none}}@keyframes scale-band-spin{from{rotate:y 0deg}to{rotate:y 180deg}}.scroll-progress{--e: 0.375rem;--scroll-progress-ease: cubic-bezier(.2, .8, .2, 1)}@media print{.scroll-progress{display:none}}.scroll-progress__fill{--p: 0%;--tone-bg: var(--c-paper-deep);position:fixed;right:0;bottom:0;z-index:50;inline-size:calc(9*var(--e));block-size:calc(11*var(--e));background:linear-gradient(to top, var(--c-accent) var(--p), transparent var(--p)) 0 0/calc(10 * var(--e)) calc(12*var(--e)) no-repeat,color-mix(in srgb, var(--tone-bg) 72%, transparent);backdrop-filter:blur(0.75rem) saturate(1.4);mask:var(--l-mask) 0 0/calc(10 * var(--e)) calc(12*var(--e)) no-repeat;opacity:0;pointer-events:none;transition:opacity .3s}@media(width <= 50rem){.scroll-progress__fill{display:none}}.scroll-progress__fill[data-tone=dark]{--tone-bg: var(--c-board)}.scroll-progress__fill.is-on{opacity:1}.scroll-progress__top{--tone-bg: var(--c-paper-white);--tone-fg: var(--c-ink);--tone-line: rgb(0 0 0 / .08);position:fixed;right:1rem;bottom:1rem;z-index:50;display:flex;align-items:center;padding:.25rem;border:0;border-radius:0;background:color-mix(in srgb, var(--tone-bg) 72%, transparent);box-shadow:inset 0 0 0 1px var(--tone-line);backdrop-filter:blur(0.75rem) saturate(1.4);cursor:pointer;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(0.75rem);transition:opacity .3s,visibility .3s,transform .4s var(--scroll-progress-ease),background-color .25s var(--scroll-progress-ease),box-shadow .25s var(--scroll-progress-ease)}@media(width > 50rem){.scroll-progress__top{right:calc(9*var(--e) + 1rem)}}.scroll-progress__top.is-on{opacity:1;visibility:visible;transform:none}.scroll-progress__top[data-tone=dark]{--tone-bg: var(--c-board);--tone-fg: var(--c-chalk);--tone-line: var(--c-line-board)}@media(hover: hover){.scroll-progress__top:hover{background:var(--c-board);box-shadow:inset 0 0 0 1px var(--c-line-board)}}.scroll-progress__top:is(:focus-visible,.is-open){background:var(--c-board);box-shadow:inset 0 0 0 1px var(--c-line-board)}.scroll-progress__top:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.scroll-progress__box{position:relative;display:grid;flex:none;place-items:center;inline-size:2rem;block-size:2rem;overflow:hidden;background:rgba(0,0,0,0);color:var(--tone-fg);transition:background-color .25s var(--scroll-progress-ease),color .25s var(--scroll-progress-ease),transform .15s var(--scroll-progress-ease)}.scroll-progress__box svg{display:block;inline-size:1.25rem;block-size:1.25rem}@media(hover: hover){.scroll-progress__top:hover .scroll-progress__box{background:var(--c-accent);color:var(--c-ink)}.scroll-progress__top:hover .scroll-progress__box svg{animation:scroll-progress-lift .5s var(--scroll-progress-ease)}}.scroll-progress__top:is(:focus-visible,.is-open) .scroll-progress__box{background:var(--c-accent);color:var(--c-ink)}.scroll-progress__top:is(:focus-visible,.is-open) .scroll-progress__box svg{animation:scroll-progress-lift .5s var(--scroll-progress-ease)}.scroll-progress__top:active .scroll-progress__box{transform:scale(0.92)}.scroll-progress__label{order:-1;max-inline-size:0;overflow:hidden;color:var(--c-chalk);font-size:.75rem;font-weight:400;line-height:2rem;hyphens:manual;white-space:nowrap;opacity:0;transition:max-inline-size .3s var(--scroll-progress-ease),padding .3s var(--scroll-progress-ease),opacity .2s}@media(hover: hover){.scroll-progress__top:hover .scroll-progress__label{max-inline-size:14em;padding:0 .625rem 0 .5rem;opacity:1;transition-delay:0s,0s,.08s}}.scroll-progress__top:is(:focus-visible,.is-open) .scroll-progress__label{max-inline-size:14em;padding:0 .625rem 0 .5rem;opacity:1;transition-delay:0s,0s,.08s}@keyframes scroll-progress-lift{0%{transform:none}45%{transform:translateY(-160%)}45.01%{transform:translateY(160%)}100%{transform:none}}@media(prefers-reduced-motion: reduce){.scroll-progress__top,.scroll-progress__top *{animation:none !important;transition-duration:.01s !important}}.faq{--faq-indicator-size: 1.25rem;--faq-indicator-stroke: 2px;border-block-start:1px solid var(--line)}.faq__item{border-block-end:1px solid var(--line)}.faq__question{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:baseline;gap:var(--gutter-quarter);padding-block:var(--gutter-one-third);cursor:pointer;list-style:none;color:var(--pen)}.faq__question::-webkit-details-marker{display:none}.faq__question:focus-visible{outline:2px solid var(--focus-outer, var(--c-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--focus-inner, var(--c-paper-white))}.faq__question:hover .faq__title{text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness-fine);text-underline-offset:var(--f-underline-offset)}.faq__indicator{position:relative;align-self:center;inline-size:var(--faq-indicator-size);block-size:var(--faq-indicator-size);color:var(--pen-3)}.faq__indicator::before,.faq__indicator::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;background:currentColor;transform:translate(-50%, -50%)}.faq__indicator::before{inline-size:100%;block-size:var(--faq-indicator-stroke)}.faq__indicator::after{inline-size:var(--faq-indicator-stroke);block-size:100%;transition:transform .2s ease}.faq__item[open] .faq__indicator::after{transform:translate(-50%, -50%) scaleY(0)}.faq__title{margin:0;font-size:round(var(--f-h3-fs)*.85,.25rem);line-height:1.4;text-wrap:balance}.faq__answer{padding-block-end:var(--gutter-one-third);max-inline-size:70ch}@media(prefers-reduced-motion: reduce){.faq__indicator::after{transition:none}}.figure{block-size:fit-content;background:var(--c-panel);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.figure__caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--gutter-quarter);padding:var(--gutter-eighth) var(--gutter-quarter);border-block-start:1px solid var(--line);color:var(--pen-2);font-size:var(--f-sm-fixed-fs);line-height:var(--f-small-lh)}.figure__credit{color:var(--pen-3)}.figure--ai{display:grid}.figure--ai>img{grid-area:1/1}.figure__ai{--icon-size: 1.25em;position:relative;isolation:isolate;display:inline-grid;grid-area:1/1;grid-template-columns:auto 0fr;align-items:center;align-self:end;justify-self:start;margin:var(--gutter-eighth);padding:var(--gutter-eighth);letter-spacing:.1em;text-transform:uppercase;color:var(--c-paper-white);font-size:var(--f-sm-fixed-fs);font-weight:500;line-height:1;cursor:default;opacity:.75;transition:grid-template-columns .2s ease,opacity .2s ease}.figure__ai::before{content:"";display:inline-block;inline-size:var(--icon-size);block-size:var(--icon-size);background-color:currentColor;mask:var(--icon-sparkles) center/contain no-repeat;background-color:rgb(from var(--c-paper-white) r g b/0.5)}.figure__ai::after{content:"";position:absolute;inset:0;z-index:-1;background:rgb(from var(--c-ink) r g b/0.3);transition:background-color .2s ease;mask:var(--icon-sparkles) var(--gutter-eighth) 50%/var(--icon-size) var(--icon-size) no-repeat,linear-gradient(#000 0 0);mask-composite:exclude}.figure__ai:hover{grid-template-columns:auto 1fr;opacity:1}.figure__ai:hover::after{background-color:rgb(from var(--c-ink) r g b/0.6)}.figure__ai--end{justify-self:end;justify-content:end;grid-template-columns:0fr auto}.figure__ai--end::before{order:1}.figure__ai--end::after{mask-position:right var(--gutter-eighth) top 50%,0 0}.figure__ai--end:hover{grid-template-columns:1fr auto}@media(prefers-reduced-motion: reduce){.figure__ai,.figure__ai::after{transition:none}}.figure__ai-label{overflow:hidden;white-space:nowrap;transition:padding-inline .2s ease}.figure__ai:hover .figure__ai-label{padding-inline:var(--gutter-eighth) var(--gutter-sixth)}.figure__ai--end:hover .figure__ai-label{padding-inline:var(--gutter-sixth) var(--gutter-eighth)}@media(prefers-reduced-motion: reduce){.figure__ai-label{transition:none}}.ph{display:grid;place-items:center;background:repeating-linear-gradient(-45deg, transparent 0 0.5rem, var(--c-placeholder-line) 0.5rem calc(0.5rem + 2px)) var(--c-placeholder);color:var(--c-ink-3);font-size:var(--f-sm-fixed-fs)}.ph--wide{aspect-ratio:16/9}.ph--photo{aspect-ratio:4/3}.ph--square{aspect-ratio:1}.shadow-swatch{padding:var(--gutter-half);background:var(--c-paper-bright)}.shadow-swatch__box{height:5rem;margin-block-end:var(--gutter-quarter);background:var(--c-paper-white);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.shadow-swatch.paper--accent{background:var(--surface)}.icon{display:block;width:1em;height:1em}.spec-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gutter-eighth)}.spec-tags__tag{padding:var(--gutter-eighth) var(--gutter-quarter);background:rgb(from var(--c-lime-900) r g b/0.07);color:var(--pen);font-weight:550;line-height:1.3}.scenario-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--gutter-half)}@container (width > 50rem){.scenario-row{grid-template-columns:repeat(3, 1fr)}}.scenario{--_mark-color: color-mix(var(--c-lime-900), var(--c-accent) 70%);display:grid;gap:var(--gutter-quarter);align-content:start;padding-block-start:var(--gutter-one-third);border-block-start:2px solid var(--c-accent)}.scenario__mark{display:block;font-size:var(--gutter-two-thirds);color:var(--_mark-color)}.scenario__text{margin:0;color:var(--pen);text-wrap:pretty}.manifest-wrap{container-type:inline-size}.manifest-layout{display:grid;gap:var(--gutter)}@container (width > 65rem){.manifest-layout{grid-template-columns:minmax(0, 1.6fr) minmax(14rem, 1fr);align-items:start}}.manifest__kicker,.related__kicker{margin-block-end:var(--gutter-one-third);color:var(--pen-3)}.manifest__list{list-style:none;margin:0;padding:0;background:var(--c-panel);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color);border-block-start:2px solid var(--c-accent)}.manifest__row{display:grid;grid-template-columns:1.75rem minmax(0, 1fr);column-gap:var(--gutter-quarter);align-items:center;padding:var(--gutter-one-third)}.manifest__row+.manifest__row{border-block-start:1px solid var(--line)}.manifest__mark{display:block;font-size:1.25rem;color:var(--pen)}.manifest__text{color:var(--c-ink);font-weight:700;text-wrap:pretty}.related__strip{list-style:none;margin:0;padding:0;border-block-start:1px solid var(--line)}.related__row{display:grid;grid-template-columns:1rem minmax(0, 1fr);column-gap:var(--gutter-quarter);align-items:baseline;padding-block:var(--gutter-quarter);border-block-end:1px solid var(--line)}.related__mark{display:block;font-size:1rem;align-self:center;color:var(--pen-2)}.related__link{grid-column:2;font-weight:700}.related__lead{grid-column:2;margin-block-start:var(--gutter-eighth);color:var(--pen-3);text-wrap:pretty}.spacing-specimen{display:grid;align-items:center;gap:var(--gutter-eighth) var(--gutter-half);padding-block:var(--gutter-quarter);border-block-end:1px solid var(--line)}@media(width > 50rem){.spacing-specimen{grid-template-columns:minmax(12rem, 1fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)}}.spacing-specimen:not(.spacing-specimen~.spacing-specimen){border-block-start:1px solid var(--line)}.spacing-specimen__bar{height:.875rem;background:var(--c-accent)}@media(width > 50rem){.spacing-specimen__bar{justify-self:end}}.specimen-panel{--ground: var(--c-panel);padding:var(--gutter-half);background:var(--ground);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}.specimen-panel__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gutter-quarter)}.specimen-panel[class*=paper--],.specimen-panel__row[class*=paper--]{--ground: var(--surface);background:var(--ground)}.tlink{display:inline-block;margin-inline:.25em .25em;user-select:none;color:var(--pen);text-decoration:underline;text-decoration-thickness:var(--f-underline-thickness-fine);text-underline-offset:var(--f-underline-offset)}.tlink:hover,.tlink:focus-visible{text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-underline-thickness)}.tlink:first-child{margin-inline-start:0}.tlink::after{content:"";display:inline-block;inline-size:1em;block-size:1em;background-color:currentColor;mask:var(--icon-next) center/contain no-repeat;vertical-align:-0.15em;margin-inline-start:.35em;transform:translate3d(-0.025em, 0, 0);transition:transform .15s ease;will-change:transform;transform-origin:70% 50%}.tlink:hover,.tlink:focus-visible{text-decoration-color:var(--c-accent);text-decoration-thickness:var(--f-underline-thickness)}.tlink:hover::after,.tlink:focus-visible::after{transform:translate3d(0.25em, 0, 0)}.type-specimen{display:grid;gap:var(--gutter-eighth) var(--gutter-half);padding-block:var(--gutter-half) var(--gutter-two-thirds);border-block-start:1px solid var(--line)}@media(width > 50rem){.type-specimen{grid-template-columns:minmax(10rem, 1fr) minmax(0, 5fr)}}.type-specimen:last-child{border-block-end:1px solid var(--line)}.type-specimen__meta strong{display:block}.type-specimen__sample>:first-child{margin-block-start:0}.type-specimen__sample>:last-child{margin-block-end:0}.unibrow{display:flex;align-items:center;gap:var(--gutter-one-third);margin-block:0 calc(var(--gutter-section-block)*2/3);color:var(--unibrow-color);font-weight:var(--f-unibrow-weight);font-size:var(--f-unibrow-fs);line-height:var(--f-unibrow-lh);letter-spacing:.1em;text-transform:uppercase}.unibrow__text{white-space:nowrap}.unibrow__line{flex:1 1 auto;height:1px;background:var(--line)}.vm{container-type:inline-size;display:grid;gap:var(--gutter)}.vm-band{display:grid;gap:var(--gutter-one-third)}@container (width > 50rem){.vm-band{grid-template-columns:minmax(12rem, 20ch) minmax(0, 1fr);gap:var(--gutter-half);align-items:start}}.vm-band__head{align-self:start}@container (width > 65rem){.vm-band__head{position:sticky;top:var(--gutter-half)}}.vm-band__title{margin:0;text-wrap:balance}.vm-band__meta{margin-block-start:var(--gutter-eighth);color:var(--pen-3);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase}.results{display:grid;gap:2px;grid-template-columns:1fr;background:var(--c-paper);box-shadow:0 0 0 var(--extrusion-line) var(--extrusion-color),min(1px, var(--extrusion-offset)) min(1px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(2px, var(--extrusion-offset)) min(2px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(3px, var(--extrusion-offset)) min(3px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(4px, var(--extrusion-offset)) min(4px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(5px, var(--extrusion-offset)) min(5px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(6px, var(--extrusion-offset)) min(6px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(7px, var(--extrusion-offset)) min(7px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(8px, var(--extrusion-offset)) min(8px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(9px, var(--extrusion-offset)) min(9px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(10px, var(--extrusion-offset)) min(10px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(11px, var(--extrusion-offset)) min(11px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color),min(12px, var(--extrusion-offset)) min(12px, var(--extrusion-offset)) 0 var(--extrusion-line) var(--extrusion-color)}@container (width > 35rem){.results{grid-template-columns:repeat(2, 1fr)}}@container (width > 65rem){.results{grid-template-columns:repeat(4, 1fr)}}.results__item{display:flex;flex-direction:column;gap:var(--gutter-sixth);padding:var(--gutter-one-third);background:var(--c-panel);color:var(--c-ink)}.results__title{margin:0;font-size:var(--f-h3-fs);font-weight:var(--f-h3-weight);line-height:1}@container (width > 65rem){.results__title{font-size:clamp(1.1rem,round(.5rem + 1.1vw,.125rem),1.5rem)}}.results__title::after{content:"";display:block;width:var(--gutter-one-third);height:.1875rem;margin-block-start:var(--gutter-sixth);background:var(--c-accent)}.results__text{margin:0;text-wrap:pretty}.process{display:grid;gap:var(--gutter-half);grid-template-columns:1fr}@container (width > 65rem){.process{gap:var(--gutter-half) var(--gutter-one-third);grid-template-columns:repeat(var(--process-steps, 3), 1fr)}}.process__step{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gutter-quarter);align-items:start}@container (width > 65rem){.process__step{grid-template-columns:1fr;row-gap:var(--gutter-sixth)}}.process__num{grid-row:1/-1;font-size:var(--f-h2-fs);font-weight:var(--f-h2-weight);line-height:.9;font-variant-numeric:tabular-nums;color:var(--pen)}@container (width > 65rem){.process__num{grid-row:auto}}.process__title{margin:0;align-self:center}@container (width > 65rem){.process__title{align-self:start}}.process__title::after{content:"";display:block;width:var(--gutter-one-third);height:.1875rem;margin-block-start:var(--gutter-sixth);background:var(--c-accent)}.process__text{margin:0;grid-column:2;color:var(--pen-2);text-wrap:pretty}@container (width > 65rem){.process__text{grid-column:1}}.word-flip-container{container:word-flip/inline-size}.word-flip{--word-flip-display-time: 3s;--word-flip-initial-time: 1.5s;--word-flip-flip-time: .3s;--word-flip-stagger: .045s;--word-flip-overlap: .12s;--word-flip-sweep: calc(var(--word-flip-flip-time) + var(--word-flip-overlap) + (var(--word-flip-letters, 1) - 1) * var(--word-flip-stagger));display:block}@container word-flip (min-width: 500px){.word-flip--inline{display:inline-block}}.word-flip__words{display:inline-grid;white-space:nowrap;transition:width var(--word-flip-sweep) ease-in-out}.word-flip__word{display:none;grid-area:1/1;justify-self:start}.word-flip__word.is-active,.word-flip__word.is-leaving,.word-flip__word.is-entering{display:block}.word-flip__letter{display:inline-block;white-space:pre;backface-visibility:hidden}.word-flip__mark{position:relative;z-index:1;color:var(--f-mark-color)}.word-flip__mark::after{content:"";background:var(--f-mark-bg);position:absolute;inset:.1em -0.15em;z-index:-10}.word-flip__mark+*{position:relative;z-index:2}.word-flip__word.is-leaving .word-flip__letter{transform-origin:50% 100%;animation:word-flip-out var(--word-flip-flip-time) ease-in both;animation-delay:calc(var(--i)*var(--word-flip-stagger))}.word-flip__word.is-entering .word-flip__letter{transform-origin:50% 0;animation:word-flip-in var(--word-flip-flip-time) ease-out both;animation-delay:calc(var(--i)*var(--word-flip-stagger) + var(--word-flip-overlap))}.word-flip__word.is-leaving .word-flip__mark::after{animation:word-flip-fade-out var(--word-flip-sweep) linear both}.word-flip__word.is-entering .word-flip__mark::after{animation:word-flip-fade-in var(--word-flip-sweep) linear both}@media(prefers-reduced-motion: reduce){.word-flip__words{transition:none}.word-flip__word:not(.word-flip__word--fixed){display:none}.word-flip__word--fixed{display:block}.word-flip__word.is-leaving .word-flip__letter,.word-flip__word.is-entering .word-flip__letter,.word-flip__word.is-leaving .word-flip__mark::after,.word-flip__word.is-entering .word-flip__mark::after{animation:none}}@keyframes word-flip-out{from{transform:perspective(4em) rotateX(0deg);opacity:1}to{transform:perspective(4em) rotateX(-90deg);opacity:0}}@keyframes word-flip-in{from{transform:perspective(4em) rotateX(90deg);opacity:0}to{transform:perspective(4em) rotateX(0deg);opacity:1}}@keyframes word-flip-fade-out{from{opacity:1}to{opacity:0}}@keyframes word-flip-fade-in{from{opacity:0}to{opacity:1}}}@layer theme{.paper--white,.paper--bright,.paper--deep,.paper--normal{--line: var(--c-line-paper);--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white)}.paper--white{--surface: var(--c-paper-white)}.paper--bright{--surface: var(--c-paper-bright)}.paper--deep{--surface: var(--c-paper-deep)}.paper--accent,.paper--soft-lime,.paper--scale{--line: var(--c-lime-900);--extrusion-color: var(--c-lime-700);--pen: var(--c-ink);--pen-2: var(--c-ink-2);--pen-3: var(--c-ink-3);--focus-outer: var(--c-ink);--focus-inner: var(--c-paper-white)}.paper--accent{--surface: var(--c-accent)}.paper--soft-lime{--surface: var(--c-soft-lime)}.paper--scale{--surface: var(--c-lime-50)}.paper--normal{--surface: var(--c-paper)}.paper--board{--surface: var(--c-board);--line: var(--c-line-board);--pen: var(--c-chalk);--pen-2: var(--c-chalk-2);--pen-3: var(--c-chalk-3);--focus-outer: var(--c-paper-white);--focus-inner: var(--c-ink)}:is(.page-section,.page-hero,.page-path,.page-footer,.consent){--ground: var(--surface)}}@layer utilities{.m-gutter{margin:4rem}.mb-gutter{margin-block:4rem}.mbs-gutter{margin-block-start:4rem}.mbe-gutter{margin-block-end:4rem}.mi-gutter{margin-inline:4rem}.mis-gutter{margin-inline-start:4rem}.mie-gutter{margin-inline-end:4rem}.p-gutter{padding:4rem}.pb-gutter{padding-block:4rem}.pbs-gutter{padding-block-start:4rem}.pbe-gutter{padding-block-end:4rem}.pi-gutter{padding-inline:4rem}.pis-gutter{padding-inline-start:4rem}.pie-gutter{padding-inline-end:4rem}.m-gutter-1_5{margin:6rem}.mb-gutter-1_5{margin-block:6rem}.mbs-gutter-1_5{margin-block-start:6rem}.mbe-gutter-1_5{margin-block-end:6rem}.mi-gutter-1_5{margin-inline:6rem}.mis-gutter-1_5{margin-inline-start:6rem}.mie-gutter-1_5{margin-inline-end:6rem}.p-gutter-1_5{padding:6rem}.pb-gutter-1_5{padding-block:6rem}.pbs-gutter-1_5{padding-block-start:6rem}.pbe-gutter-1_5{padding-block-end:6rem}.pi-gutter-1_5{padding-inline:6rem}.pis-gutter-1_5{padding-inline-start:6rem}.pie-gutter-1_5{padding-inline-end:6rem}.m-gutter-double{margin:8rem}.mb-gutter-double{margin-block:8rem}.mbs-gutter-double{margin-block-start:8rem}.mbe-gutter-double{margin-block-end:8rem}.mi-gutter-double{margin-inline:8rem}.mis-gutter-double{margin-inline-start:8rem}.mie-gutter-double{margin-inline-end:8rem}.p-gutter-double{padding:8rem}.pb-gutter-double{padding-block:8rem}.pbs-gutter-double{padding-block-start:8rem}.pbe-gutter-double{padding-block-end:8rem}.pi-gutter-double{padding-inline:8rem}.pis-gutter-double{padding-inline-start:8rem}.pie-gutter-double{padding-inline-end:8rem}.m-gutter-half{margin:2rem}.mb-gutter-half{margin-block:2rem}.mbs-gutter-half{margin-block-start:2rem}.mbe-gutter-half{margin-block-end:2rem}.mi-gutter-half{margin-inline:2rem}.mis-gutter-half{margin-inline-start:2rem}.mie-gutter-half{margin-inline-end:2rem}.p-gutter-half{padding:2rem}.pb-gutter-half{padding-block:2rem}.pbs-gutter-half{padding-block-start:2rem}.pbe-gutter-half{padding-block-end:2rem}.pi-gutter-half{padding-inline:2rem}.pis-gutter-half{padding-inline-start:2rem}.pie-gutter-half{padding-inline-end:2rem}.m-gutter-quarter{margin:1rem}.mb-gutter-quarter{margin-block:1rem}.mbs-gutter-quarter{margin-block-start:1rem}.mbe-gutter-quarter{margin-block-end:1rem}.mi-gutter-quarter{margin-inline:1rem}.mis-gutter-quarter{margin-inline-start:1rem}.mie-gutter-quarter{margin-inline-end:1rem}.p-gutter-quarter{padding:1rem}.pb-gutter-quarter{padding-block:1rem}.pbs-gutter-quarter{padding-block-start:1rem}.pbe-gutter-quarter{padding-block-end:1rem}.pi-gutter-quarter{padding-inline:1rem}.pis-gutter-quarter{padding-inline-start:1rem}.pie-gutter-quarter{padding-inline-end:1rem}.m-gutter-eighth{margin:.5rem}.mb-gutter-eighth{margin-block:.5rem}.mbs-gutter-eighth{margin-block-start:.5rem}.mbe-gutter-eighth{margin-block-end:.5rem}.mi-gutter-eighth{margin-inline:.5rem}.mis-gutter-eighth{margin-inline-start:.5rem}.mie-gutter-eighth{margin-inline-end:.5rem}.p-gutter-eighth{padding:.5rem}.pb-gutter-eighth{padding-block:.5rem}.pbs-gutter-eighth{padding-block-start:.5rem}.pbe-gutter-eighth{padding-block-end:.5rem}.pi-gutter-eighth{padding-inline:.5rem}.pis-gutter-eighth{padding-inline-start:.5rem}.pie-gutter-eighth{padding-inline-end:.5rem}.m-gutter-one-third{margin:1.3333333333rem}.mb-gutter-one-third{margin-block:1.3333333333rem}.mbs-gutter-one-third{margin-block-start:1.3333333333rem}.mbe-gutter-one-third{margin-block-end:1.3333333333rem}.mi-gutter-one-third{margin-inline:1.3333333333rem}.mis-gutter-one-third{margin-inline-start:1.3333333333rem}.mie-gutter-one-third{margin-inline-end:1.3333333333rem}.p-gutter-one-third{padding:1.3333333333rem}.pb-gutter-one-third{padding-block:1.3333333333rem}.pbs-gutter-one-third{padding-block-start:1.3333333333rem}.pbe-gutter-one-third{padding-block-end:1.3333333333rem}.pi-gutter-one-third{padding-inline:1.3333333333rem}.pis-gutter-one-third{padding-inline-start:1.3333333333rem}.pie-gutter-one-third{padding-inline-end:1.3333333333rem}.m-gutter-two-thirds{margin:2.6666666667rem}.mb-gutter-two-thirds{margin-block:2.6666666667rem}.mbs-gutter-two-thirds{margin-block-start:2.6666666667rem}.mbe-gutter-two-thirds{margin-block-end:2.6666666667rem}.mi-gutter-two-thirds{margin-inline:2.6666666667rem}.mis-gutter-two-thirds{margin-inline-start:2.6666666667rem}.mie-gutter-two-thirds{margin-inline-end:2.6666666667rem}.p-gutter-two-thirds{padding:2.6666666667rem}.pb-gutter-two-thirds{padding-block:2.6666666667rem}.pbs-gutter-two-thirds{padding-block-start:2.6666666667rem}.pbe-gutter-two-thirds{padding-block-end:2.6666666667rem}.pi-gutter-two-thirds{padding-inline:2.6666666667rem}.pis-gutter-two-thirds{padding-inline-start:2.6666666667rem}.pie-gutter-two-thirds{padding-inline-end:2.6666666667rem}.m-gutter-three-quarters{margin:3rem}.mb-gutter-three-quarters{margin-block:3rem}.mbs-gutter-three-quarters{margin-block-start:3rem}.mbe-gutter-three-quarters{margin-block-end:3rem}.mi-gutter-three-quarters{margin-inline:3rem}.mis-gutter-three-quarters{margin-inline-start:3rem}.mie-gutter-three-quarters{margin-inline-end:3rem}.p-gutter-three-quarters{padding:3rem}.pb-gutter-three-quarters{padding-block:3rem}.pbs-gutter-three-quarters{padding-block-start:3rem}.pbe-gutter-three-quarters{padding-block-end:3rem}.pi-gutter-three-quarters{padding-inline:3rem}.pis-gutter-three-quarters{padding-inline-start:3rem}.pie-gutter-three-quarters{padding-inline-end:3rem}.align-items-center{align-items:center}.align-self-end{align-self:end}.align-content-end{align-content:end}.no-break{white-space:nowrap}.svg--cap,.svg--ex{display:inline-block;width:auto;vertical-align:baseline}.svg--cap{height:.725em;height:1cap}.svg--ex{height:.525em;height:1ex}}html{color-scheme:light}@media(prefers-reduced-motion: no-preference){html,:has(:target){scroll-behavior:smooth}html[aria-busy=true]{scroll-behavior:auto}}[hidden],.hidden{display:none !important;visibility:hidden !important;opacity:0 !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}.visually-hidden-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}