*:focus-visible{outline:var(--focus-outline-color, black) var(--focus-outline-size, 1px) var(--focus-outline-style, solid);outline-offset:var(--focus-outline-offset, 2px)}@media(prefers-reduced-motion:no-preference){:is(:root,:host){scroll-behavior:smooth}}body{background-color:var(--body-bg-color);color:var(--body-fg-color);font-family:var(--body-font-family);font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}header,footer,main,nav,section,article,aside{container-type:inline-size}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--border-size, 1px) var(--border-style, solid) var(--border-color);opacity:.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:.5rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight, 500);line-height:var(--heading-line-height, 1.2);color:var(--heading-fg-color);text-wrap:balance}p{margin-top:0;margin-bottom:1rem}p,li,figcaption{text-wrap:pretty}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.1875em}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--link-fg-color);text-decoration:var(--link-decoration)}a:hover{color:var(--link-hover-fg-color, var(--link-fg-color));text-decoration:var(--link-hover-decoration, var(--link-decoration))}a:focus-visible{color:var(--link-hover-fg-color, var(--link-fg-color));text-decoration:var(--link-hover-decoration, var(--link-decoration))}a:active{color:var(--link-active-fg-color, var(--link-fg-color));text-decoration:var(--link-active-decoration, var(--link-decoration))}a:visited{color:var(--link-visited-fg-color, var(--link-fg-color));text-decoration:var(--link-visited-decoration, var(--link-decoration))}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--body-bg-color);background-color:var(--body-fg-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{background-color:var(--button-bg-color);border:var(--button-border-color) var(--button-border-style) var(--button-border-size);border-radius:var(--button-border-radius);color:var(--button-fg-color);font-weight:var(--button-font-weight);padding:var(--button-padding-y) var(--button-padding-x);box-shadow:var(--button-shadow);margin:0}button:focus:not(:focus-visible){outline:0}button:active{background-color:var(--button-active-bg-color);border-color:var(--button-active-border-color);color:var(--button-active-fg-color);box-shadow:var(--button-active-shadow)}button:disabled{background-color:var(--button-active-bg-color);border-color:var(--button-active-border-color);color:var(--button-active-fg-color);box-shadow:var(--button-active-shadow);cursor:not-allowed}button:focus-visible{background-color:var(--button-focus-bg-color);border-color:var(--button-focus-border-color);color:var(--button-focus-fg-color);box-shadow:var(--button-focus-shadow)}button:hover{background-color:var(--button-hover-bg-color);border-color:var(--button-hover-border-color);color:var(--button-hover-fg-color);box-shadow:var(--button-hover-shadow)}form{border:var(--form-border-color) var(--form-border-size) var(--form-border-style);border-radius:var(--form-border-radius);background-color:var(--form-bg-color);display:flex;flex-direction:column;gap:var(--form-content-gap, 16px);padding:var(--form-padding-y) var(--form-padding-x)}input,select,textarea{background-color:var(--form-control-bg-color);border:var(--form-control-border-color) var(--form-control-border-size) var(--form-control-border-style);border-radius:var(--form-control-border-radius);color:var(--form-control-fg-color);font-family:inherit;font-size:var(--form-control-font-size);height:var(--form-control-input-height);line-height:inherit;padding:var(--form-control-padding-y) var(--form-control-padding-x);margin:0;shadow:var(--form-control-shadow)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--form-control-placeholder-color)}input:disabled,select:disabled,textarea:disabled{background-color:var(--form-control-disabled-bg-color);border-color:var(--form-control-disabled-border-color);color:var(--form-control-disabled-fg-color);opacity:var(--form-control-disabled-opacity);shadow:var(--form-control-disabled-shadow)}input:disabled::placeholder,select:disabled::placeholder,textarea:disabled::placeholder{color:var(--form-control-disabled-placeholder-color)}input:invalid,select:invalid,textarea:invalid{background-color:var(--form-control-invalid-bg-color);border:var(--form-control-invalid-border-color);color:var(--form-control-invalid-fg-color);shadow:var(--form-control-invalid-shadow)}input:invalid::placeholder,select:invalid::placeholder,textarea:invalid::placeholder{color:var(--form-control-invalid-placeholder-color)}input:focus,select:focus,textarea:focus{background-color:var(--form-control-focus-bg-color);border:var(--form-control-focus-border-color);color:var(--form-control-focus-fg-color);shadow:var(--form-control-focus-shadow)}input:hover,select:hover,textarea:hover{background-color:var(--form-control-hover-bg-color);border:var(--form-control-hover-border-color);color:var(--form-control-hover-fg-color);shadow:var(--form-control-hover-shadow)}label{color:var(--form-control-label-fg-color);font-size:var(--form-control-label-font-size);font-weight:var(--form-control-label-font-weight)}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}@media screen and (forced-colors:active){*{--outline-color: Highlight;--link-fg-color: LinkText;--link-hover-fg-color: LinkText;--link-active-fg-color: LinkText;--link-visited-fg-color: VisitedText;--button-bg-color: ButtonFace;--button-fg-color: ButtonText;--button-border-color: ButtonText;--button-disabled-bg-color: ButtonFace;--button-disabled-fg-color: GrayText;--button-disabled-border-color: GrayText;--form-control-fg-color: GrayText;--form-control-border-color: GrayText}input:disabled,select:disabled,textarea:disabled{--form-control-disabled-border-color: GrayText;--form-control-disabled-fg-color: GrayText}*::placeholder{color:GrayText}}:is(:root,:host){--body-font-family: var(--font-family-base);--body-font-size: var(--font-size-sm);--body-font-weight: var(--font-weight-regular);--body-line-height: var(--line-height-md);--default-border: var(--default-border-size) var(--default-border-color) var(--default-border-style);--default-border-size: var(--border-width-thin);--default-border-color: var(--color-neutral-500);--default-border-style: solid;--button-border-size: var(--border-width-thin);--button-border-style: solid;--button-border-radius: var(--border-radius-md);--button-font-weight: var(--font-weight-regular);--button-padding-x: var(--spacing-md);--button-padding-y: var(--spacing-xs);--button-shadow: var(--shadow-xs);--button-active-shadow: var(--shadow-none);--button-disabled-shadow: var(--shadow-none);--button-focus-shadow: var(--shadow-sm);--button-hover-shadow: var(--shadow-sm);--form-border-color: inherit;--form-border-size: inherit;--form-border-style: inherit;--form-border-radius: inherit;--form-bg-color: inherit;--form-content-gap: inherit;--form-padding-x: inherit;--form-padding-y: inherit;--form-control-border-color: var(--default-border);--form-control-border-radius: var(--border-radius-md);--form-control-border-size: var(--border-width-thin);--form-control-border-style: solid;--form-control-font-size: var(--font-size-sm);--form-control-icon-gap: var(--spacing-xxs);--form-control-input-height: 32px;--form-control-placeholder-color: var(--color-neutral-500);--form-control-padding-x: var(--spacing-md);--form-control-padding-y: var(--spacing-none);--form-control-disabled-opacity: 1;--form-control-invalid-placeholder-color: var(--color-neutral-500);--form-control-help-text-font-size: var(--font-size-sm);--form-control-help-text-font-weight: var(--font-weight-regular);--form-control-help-text-gap: var(--spacing-xxs);--form-control-label-font-size: var(--font-size-sm);--form-control-label-font-weight: var(--font-weight-regular);--form-control-label-gap: var(--spacing-xxs);--form-control-label-required-indicator-gap: var(--spacing-xxs);--heading-fg-color: inherit;--heading-font-family: inherit;--heading-font-weight: var(--font-weight-semi-bold);--heading-line-height: var(--line-height-sm);--link-decoration: none;--link-active-decoration: underline;--link-hover-decoration: underline;--link-focus-decoration: underline;--link-visited-decoration: none;--link-disabled-decoration: none;--focus-outline: var(--focus-outline-size) var(--focus-outline-color) var(--focus-outline-style);--focus-outline-offset: var(--spacing-xxs);--focus-outline-size: var(--border-width-thick);--focus-outline-style: solid;--border-radius-none: 0;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-pill: 10rem;--border-radius-circle: 50%;--border-width-none: 0;--border-width-thin: 1px;--border-width-thick: 2px;--border-width-thicker: 3px;--border-width-thickest: 4px;--color-primary-50: rgba(225, 238, 255, var(--color-primary-50-alpha));--color-primary-50-alt: black;--color-primary-50-alpha: 1;--color-primary-100: rgba(199, 224, 254, var(--color-primary-100-alpha));--color-primary-100-alt: black;--color-primary-100-alpha: 1;--color-primary-200: rgba(139, 191, 254, var(--color-primary-200-alpha));--color-primary-200-alt: black;--color-primary-200-alpha: 1;--color-primary-300: rgba(83, 160, 253, var(--color-primary-300-alpha));--color-primary-300-alt: black;--color-primary-300-alpha: 1;--color-primary-400: rgba(28, 130, 253, var(--color-primary-400-alpha));--color-primary-400-alt: black;--color-primary-400-alpha: 1;--color-primary-500: rgba(2, 101, 220, var(--color-primary-500-alpha));--color-primary-500-alt: white;--color-primary-500-alpha: 1;--color-primary-600: rgba(2, 81, 177, var(--color-primary-600-alpha));--color-primary-600-alt: white;--color-primary-600-alpha: 1;--color-primary-700: rgba(1, 60, 131, var(--color-primary-700-alpha));--color-primary-700-alt: white;--color-primary-700-alpha: 1;--color-primary-800: rgba(1, 39, 86, var(--color-primary-800-alpha));--color-primary-800-alt: white;--color-primary-800-alpha: 1;--color-primary-900: rgba(0, 21, 45, var(--color-primary-900-alpha));--color-primary-900-alt: white;--color-primary-900-alpha: 1;--color-primary-950: rgba(0, 9, 20, var(--color-primary-950-alpha));--color-primary-950-alt: white;--color-primary-950-alpha: 1;--color-danger-50: rgba(251, 233, 233, var(--color-danger-50-alpha));--color-danger-50-alt: black;--color-danger-50-alpha: 1;--color-danger-100: rgba(248, 211, 211, var(--color-danger-100-alpha));--color-danger-100-alt: black;--color-danger-100-alpha: 1;--color-danger-200: rgba(241, 167, 167, var(--color-danger-200-alpha));--color-danger-200-alt: black;--color-danger-200-alpha: 1;--color-danger-300: rgba(234, 123, 123, var(--color-danger-300-alpha));--color-danger-300-alt: black;--color-danger-300-alpha: 1;--color-danger-400: rgba(227, 79, 79, var(--color-danger-400-alpha));--color-danger-400-alt: black;--color-danger-400-alpha: 1;--color-danger-500: rgba(220, 38, 38, var(--color-danger-500-alpha));--color-danger-500-alt: white;--color-danger-500-alpha: 1;--color-danger-600: rgba(176, 28, 28, var(--color-danger-600-alpha));--color-danger-600-alt: white;--color-danger-600-alpha: 1;--color-danger-700: rgba(132, 21, 21, var(--color-danger-700-alpha));--color-danger-700-alt: white;--color-danger-700-alpha: 1;--color-danger-800: rgba(88, 14, 14, var(--color-danger-800-alpha));--color-danger-800-alt: white;--color-danger-800-alpha: 1;--color-danger-900: rgba(44, 7, 7, var(--color-danger-900-alpha));--color-danger-900-alt: white;--color-danger-900-alpha: 1;--color-danger-950: rgba(22, 4, 4, var(--color-danger-950-alpha));--color-danger-950-alt: white;--color-danger-950-alpha: 1;--color-neutral-0: rgba(255, 255, 255, var(--color-neutral-0-alpha));--color-neutral-0-alt: black;--color-neutral-0-alpha: 1;--color-neutral-50: rgba(250, 250, 250, var(--color-neutral-50-alpha));--color-neutral-50-alt: black;--color-neutral-50-alpha: 1;--color-neutral-100: rgba(247, 247, 247, var(--color-neutral-100-alpha));--color-neutral-100-alt: black;--color-neutral-100-alpha: 1;--color-neutral-200: rgba(237, 237, 237, var(--color-neutral-200-alpha));--color-neutral-200-alt: black;--color-neutral-200-alpha: 1;--color-neutral-300: rgba(230, 230, 230, var(--color-neutral-300-alpha));--color-neutral-300-alt: black;--color-neutral-300-alpha: 1;--color-neutral-400: rgba(222, 222, 222, var(--color-neutral-400-alpha));--color-neutral-400-alt: black;--color-neutral-400-alpha: 1;--color-neutral-500: rgba(213, 213, 213, var(--color-neutral-500-alpha));--color-neutral-500-alt: black;--color-neutral-500-alpha: 1;--color-neutral-600: rgba(171, 171, 171, var(--color-neutral-600-alpha));--color-neutral-600-alt: black;--color-neutral-600-alpha: 1;--color-neutral-700: rgba(128, 128, 128, var(--color-neutral-700-alpha));--color-neutral-700-alt: black;--color-neutral-700-alpha: 1;--color-neutral-800: rgba(84, 84, 84, var(--color-neutral-800-alpha));--color-neutral-800-alt: white;--color-neutral-800-alpha: 1;--color-neutral-900: rgba(43, 43, 43, var(--color-neutral-900-alpha));--color-neutral-900-alt: white;--color-neutral-900-alpha: 1;--color-neutral-950: rgba(20, 20, 20, var(--color-neutral-950-alpha));--color-neutral-950-alt: white;--color-neutral-950-alpha: 1;--color-neutral-1000: rgba(0, 0, 0, var(--color-neutral-1000-alpha));--color-neutral-1000-alt: white;--color-neutral-1000-alpha: 1;--duration-xslow: 2s;--duration-slow: 1s;--duration-med: .5s;--duration-fast: .3s;--duration-xfast: .1s;--font-family-accent: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xxs: .75rem;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-md: 1.25rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--line-height-xs: 1;--line-height-sm: 1.25;--line-height-md: 1.5;--line-height-lg: 2;--shadow-none: none;--shadow-inner: inset 1px 2px 4px rgba(0, 0, 0, .1);--shadow-outline: 0 0 0 3px rgba(0, 0, 0, .5);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-sm: 0 3px 5px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-md: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--spacing-none: 0;--spacing-3xs: .0625rem;--spacing-xxs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-xxl: 1.5rem;--spacing-3xl: 2rem;--timing-function-ease: ease;--timing-function-ease-in: ease-in;--timing-function-ease-in-out: ease-in-out;--timing-function-ease-out: ease-out;--timing-function-linear: linear;--body-bg-color: var(--color-neutral-0);--body-fg-color: var(--color-neutral-1000);--button-bg-color: var(--color-neutral-200);--button-border-color: var(--color-neutral-800);--button-fg-color: var(--color-neutral-200-alt);--button-active-fg-color: var(--color-neutral-800);--button-active-border-color: var(--color-neutral-800);--button-active-bg-color: var(--color-neutral-300);--button-disabled-bg-color: var(--color-neutral-300);--button-disabled-border-color: var(--color-neutral-300);--button-disabled-fg-color: var(--color-neutral-400);--button-focus-bg-color: var(--color-neutral-200);--button-focus-border-color: var(--color-neutral-800);--button-focus-fg-color: var(--color-neutral-200-alt);--button-hover-bg-color: var(--color-neutral-400);--button-hover-border-color: var(--color-neutral-800);--button-hover-fg-color: var(--color-neutral-200-alt);--form-control-bg-color: var(--color-neutral-0);--form-control-fg-color: var(--color-neutral-1000);--form-control-disabled-bg-color: var(--color-neutral-100);--form-control-disabled-border-color: var(--color-neutral-400);--form-control-disabled-fg-color: var(--color-neutral-400);--form-control-disabled-placeholder-color: var(--color-neutral-300);--form-control-invalid-bg-color: var(--color-neutral-0);--form-control-invalid-border-color: var(--color-danger-500);--form-control-invalid-fg-color: var(--color-danger-500);--form-control-invalid-message-fg-color: var(--color-danger-500);--form-control-focus-bg-color: var(--color-neutral-0);--form-control-focus-border-color: var(--color-primary-500);--form-control-focus-fg-color: var(--color-neutral-1000);--form-control-help-text-fg-color: var(--color-neutral-800);--form-control-label-fg-color: var(--color-neutral-1000);--link-fg-color: var(--color-primary-500);--link-active-fg-color: var(--color-primary-700);--link-hover-fg-color: var(--color-primary-600);--link-focus-fg-color: var(--color-primary-500);--link-visited-fg-color: var(--color-primary-700);--link-disabled-fg-color: var(--color-neutral-400);--focus-outline-color: var(--color-primary-500)}:root{--accent-h: 55;--radius: 4px;--border-w: 1px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-family-base: var(--font-body);--heading-font-family: var(--font-display);--color-primary-50: oklch(.96 .02 var(--accent-h));--color-primary-50-alt: #171a21;--color-primary-100: oklch(.92 .05 var(--accent-h));--color-primary-100-alt: #171a21;--color-primary-200: oklch(.84 .09 var(--accent-h));--color-primary-200-alt: #171a21;--color-primary-300: oklch(.73 .14 var(--accent-h));--color-primary-300-alt: #171a21;--color-primary-400: oklch(.62 .19 var(--accent-h));--color-primary-400-alt: #ffffff;--color-primary-500: oklch(.52 .21 var(--accent-h));--color-primary-500-alt: #ffffff;--color-primary-600: oklch(.45 .2 var(--accent-h));--color-primary-600-alt: #ffffff;--color-primary-700: oklch(.38 .17 var(--accent-h));--color-primary-700-alt: #ffffff;--color-primary-800: oklch(.3 .13 var(--accent-h));--color-primary-800-alt: #ffffff;--color-primary-900: oklch(.24 .09 var(--accent-h));--color-primary-900-alt: #ffffff;--color-primary-950: oklch(.18 .06 var(--accent-h));--color-primary-950-alt: #ffffff;--color-neutral-0: #ffffff;--color-neutral-50: #f4f6f9;--color-neutral-100: #eceff4;--color-neutral-200: #e2e6ee;--color-neutral-300: #cdd3de;--color-neutral-400: #a7aeba;--color-neutral-500: #59606e;--color-neutral-600: #474d59;--color-neutral-700: #363b45;--color-neutral-800: #262a32;--color-neutral-900: #171a21;--color-neutral-950: #101318;--color-neutral-1000:#0f1116;--bg: var(--color-neutral-50);--surface: var(--color-neutral-0);--surface-2: var(--color-neutral-100);--ink: var(--color-neutral-900);--muted: var(--color-neutral-500);--line: var(--color-neutral-200);--accent: var(--color-primary-500);--accent-ink: var(--color-primary-600);--accent-soft: var(--color-primary-50);--accent-contrast: #ffffff;--shadow: 0 1px 2px rgb(23 26 33 / .05), 0 12px 32px -12px rgb(23 26 33 / .14);--grid-dot: rgb(23 26 33 / .1);--border-radius-sm: calc(var(--radius) * .45);--border-radius-md: calc(var(--radius) * .7);--border-radius-lg: var(--radius);--default-border-color: var(--line);--default-border-size: var(--border-w);--button-border-radius: var(--radius);--button-font-weight: 600;--button-padding-x: 1.5rem;--button-padding-y: .8rem;--button-shadow: none;--button-hover-shadow: none;--button-active-shadow: none;--button-focus-shadow: 0 0 0 4px var(--accent-soft);--card-bg-color: var(--surface);--card-fg-color: var(--ink);--card-border-color: var(--line);--card-border-size: var(--border-w);--card-border-radius: calc(var(--radius) * 1.2);--card-box-shadow: none;--card-heading-size: 1.15rem;--card-heading-weight: 620;--card-content-gap: .5rem;--card-padding: 1.35rem 1.6rem;--card-body-padding-x: 1.6rem;--card-body-padding-y: .35rem;--card-heading-padding-x: 1.6rem;--card-heading-padding-y: .35rem;--card-footer-padding-x: 1.6rem;--card-footer-padding-y: 1.2rem;--badge-border-radius: 999px;--badge-bg-color: var(--surface-2);--badge-fg-color: var(--ink);--badge-border-color: var(--line);--badge-border-width: var(--border-w);--badge-padding: .18rem .55rem;--dialog-bg-color: var(--surface);--dialog-fg-color: var(--ink);--dialog-border-color: var(--line);--dialog-border-width: var(--border-w);--dialog-border-radius: calc(var(--radius) * 1.2);--dialog-backdrop-color: rgb(10 12 16 / .5);--dialog-shadow: var(--shadow);--dialog-size: min(360px, 92vw);--dialog-max-width: 360px;--dialog-padding-x: 1.5rem;--dialog-padding-y: 1.35rem;--link-fg-color: var(--accent-ink);--link-hover-fg-color: var(--accent-ink);--link-active-fg-color: var(--accent-ink);--link-visited-fg-color: var(--accent-ink);--link-decoration: underline;--radio-bg-color: var(--accent);--radio-border-color: var(--muted);--radio-checked-border-color: var(--accent);--radio-hover-bg-color: var(--accent-ink);--radio-hover-border-color-checked: var(--accent-ink);--radio-hover-border-color-unchecked: var(--ink);--radio-active-bg-color: var(--accent-ink);--radio-active-border-color-checked: var(--accent-ink);--radio-active-border-color-unchecked: var(--ink);--radio-label-checked-fg-color: var(--ink);--radio-label-checked-hover-fg-color: var(--ink);--radio-label-unchecked-hover-fg-color: var(--ink);--form-control-label-fg-color: var(--muted);color-scheme:light;accent-color:var(--accent)}:root[data-theme=dark]{--color-primary-500: oklch(.72 .17 var(--accent-h));--color-primary-600: oklch(.78 .15 var(--accent-h));--color-primary-50: oklch(.28 .06 var(--accent-h));--color-neutral-0: #161922;--color-neutral-50: #0f1116;--color-neutral-100: #1c2029;--color-neutral-200: #262b36;--color-neutral-300: #333947;--color-neutral-400: #4a5261;--color-neutral-500: #98a0ae;--color-neutral-900: #edeff4;--color-neutral-1000:#f4f6f9;--accent-contrast: #0f1116;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 16px 40px -16px rgb(0 0 0 / .55);--grid-dot: rgb(237 239 244 / .1);color-scheme:dark}:root[data-theme=contrast]{--color-primary-500: oklch(.85 .19 var(--accent-h));--color-primary-600: oklch(.88 .17 var(--accent-h));--color-primary-50: #000000;--color-neutral-0: #000000;--color-neutral-50: #000000;--color-neutral-100: #0d0d0d;--color-neutral-200: #ffffff;--color-neutral-300: #ffffff;--color-neutral-400: #d6d6d6;--color-neutral-500: #d6d6d6;--color-neutral-900: #ffffff;--color-neutral-1000: #ffffff;--accent-contrast: #000000;--shadow: none;--grid-dot: rgb(255 255 255 / .25);--border-w: 2px;color-scheme:dark}.kh-btn-primary{--button-bg-color: var(--accent);--button-fg-color: var(--accent-contrast);--button-border-color: var(--accent);--button-focus-bg-color: var(--accent);--button-focus-fg-color: var(--accent-contrast);--button-focus-border-color: var(--accent);--button-hover-bg-color: var(--color-primary-600);--button-hover-fg-color: var(--accent-contrast);--button-hover-border-color: var(--color-primary-600);--button-active-bg-color: var(--color-primary-700);--button-active-fg-color: #fff;--button-shadow: var(--shadow);font-size:var(--step-0)}.kh-btn-ghost{--button-bg-color: var(--surface);--button-fg-color: var(--ink);--button-border-color: var(--line);--button-focus-bg-color: var(--surface);--button-focus-fg-color: var(--ink);--button-focus-border-color: var(--accent);--button-hover-bg-color: var(--surface);--button-hover-fg-color: var(--accent-ink);--button-hover-border-color: var(--accent);--button-active-bg-color: var(--surface-2);--button-active-fg-color: var(--accent-ink);font-size:var(--step-0)}.kh-btn-pill{--button-bg-color: var(--surface);--button-fg-color: var(--ink);--button-border-color: var(--line);--button-focus-bg-color: var(--surface);--button-focus-fg-color: var(--ink);--button-focus-border-color: var(--accent);--button-border-radius: 999px;--button-padding-x: 1rem;--button-padding-y: .45rem;--button-hover-bg-color: var(--surface);--button-hover-fg-color: var(--accent-ink);--button-hover-border-color: var(--accent);--button-active-bg-color: var(--surface-2);--button-active-fg-color: var(--accent-ink);font-family:var(--font-mono);font-size:var(--step--1);font-weight:500}ch-button::part(button-control){text-decoration:none}ch-badge{font-family:var(--font-mono);font-size:.7rem}ch-breadcrumb{font-family:var(--font-mono);font-size:var(--step--1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;transition:background-color .35s ease,color .35s ease}:root{--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.95rem, .9rem + .25vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);--step-3: clamp(2.1rem, 1.6rem + 2.4vw, 3.3rem);--step-4: clamp(2.7rem, 1.9rem + 4vw, 4.6rem)}h1,h2,h3{font-family:var(--font-display);line-height:1.08;margin:0 0 .5em;letter-spacing:-.015em;text-wrap:balance}p{margin:0 0 1em}a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--accent);color:var(--accent-contrast);padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;z-index:100;transition:top .2s ease}.skip-link:focus{top:1rem}.wrap{max-width:1120px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);letter-spacing:.02em;display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem}.eyebrow:before{content:"";width:2rem;height:var(--border-w);background:var(--accent);flex:none}.eyebrow .tok{color:var(--accent-ink)}section{padding-block:clamp(4rem,9vw,7.5rem)}section+section{border-top:var(--border-w) solid var(--line)}header.site{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:var(--border-w) solid var(--line)}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;padding-block:.85rem}.brand,.brand:visited,.brand:active{justify-self:start;font-family:var(--font-mono);font-weight:600;font-size:1rem;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem}.brand .chip{display:grid;place-items:center;width:2rem;height:2rem;background:var(--accent);color:var(--accent-contrast);border-radius:calc(var(--radius) * .6);font-size:.72rem}.nav nav{justify-self:center;display:flex;gap:1.6rem}.nav nav a,.nav nav a:visited,.nav nav a:active{color:var(--muted);text-decoration:none;font-size:var(--step--1);font-weight:500}.nav nav a:hover{color:var(--ink)}.nav>ch-button{justify-self:end}.tok-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent);margin-right:.35rem}.hero{position:relative;overflow:clip;background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:26px 26px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center;min-height:min(78vh,760px);padding-block:clamp(3rem,7vw,5rem)}.hero h1{font-size:var(--step-4);font-weight:640;font-variation-settings:"opsz" 96}.hero h1 em{font-style:normal;color:var(--accent-ink)}.hero .lede{font-size:var(--step-1);color:var(--muted);max-width:34ch}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.hero-meta{margin-top:2.5rem;font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.hero-meta .charm-note{color:var(--accent-ink)}.stage{perspective:1400px;display:grid;place-content:center;justify-items:center;row-gap:3.5rem;min-height:440px;position:relative;z-index:0;pointer-events:none}.stage:after{content:"";position:absolute;inset:-7rem -8rem 8rem -2.5rem;z-index:-1;pointer-events:auto}.layer .tag{position:absolute;left:calc(100% + 1.1rem);top:50%;translate:0 -50%;transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1),color .3s ease;font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;color:var(--muted);display:flex;align-items:center;gap:.5rem}.layer .tag:before{content:"";width:1.4rem;height:var(--border-w);background:var(--line);flex:none}.stage:hover .layer .tag,.stage:focus-within .layer .tag{transform:rotate(34deg) rotateX(-58deg) scale(1.12);color:var(--ink);text-shadow:0 0 5px var(--bg),0 0 10px var(--bg)}.stack{position:relative;width:270px;height:96px;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-34deg);--spread: 1}@media(prefers-reduced-motion:no-preference){.stack{animation:hover-float 7s ease-in-out infinite}@keyframes hover-float{0%,to{transform:rotateX(58deg) rotate(-34deg) translateZ(0)}50%{transform:rotateX(58deg) rotate(-34deg) translateZ(14px)}}}.stage:hover .stack,.stage:focus-within .stack{--spread: 1.7}.layer{position:absolute;inset:0;border-radius:calc(var(--radius) * 1.3);transform:translateZ(calc(var(--z) * var(--spread)));transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.l-shadow{--z: 0px}.l-shadow:before{content:"";position:absolute;inset:0;background:#00000047;filter:blur(14px);border-radius:50%;scale:.92 .8}:root[data-theme=dark] .l-shadow:before{background:oklch(from var(--accent) l c h / .45)}:root[data-theme=contrast] .l-shadow:before{background:#fff3}.l-surface{--z: 34px;background:linear-gradient(135deg,var(--accent),oklch(from var(--accent) calc(l - .12) c h));box-shadow:inset 0 1px #ffffff40}.l-state{--z: 68px;background:#171a211a;border:1px dashed rgb(23 26 33 / .45)}:root[data-theme=dark] .l-state{background:#ffffff38;border-color:#fff9}.l-state:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(1px)}:root[data-theme=contrast] .l-state{background:#ffffff1f;border-color:#ffffffb3}.l-label{--z: 102px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink);text-shadow:0 0 6px var(--bg),0 1px 10px var(--bg);background:transparent}.l-focus{--z: 136px;background:transparent;outline:3px solid color-mix(in oklab,var(--accent) 90%,transparent);outline-offset:5px;border-radius:calc(var(--radius) * 1.3)}.stage-caption{grid-column:1 / -1;justify-self:center;font-family:var(--font-mono);font-size:.72rem;color:var(--muted);white-space:nowrap;margin:0;pointer-events:auto}.grid-work{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem}.grid-work ch-card{overflow:hidden}.grid-work ch-card:hover{--card-border-color: var(--accent)}.card-thumb{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-bottom:var(--border-w) solid var(--line);background:var(--surface-2)}.org{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;width:100%;white-space:nowrap}.card-desc{color:var(--muted);font-size:var(--step--1);margin:0}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.card-links{display:flex;gap:1.1rem;margin-top:.75rem;font-family:var(--font-mono);font-size:.74rem}.card-links{row-gap:.4rem;flex-wrap:wrap}.card-links a,.card-links a:visited,.card-links a:active{color:var(--accent-ink);text-decoration:none;white-space:nowrap}.card-links a:hover{text-decoration:underline}ch-card.feature{grid-column:1 / -1;background:linear-gradient(120deg,var(--accent-soft),var(--surface) 55%);--card-bg-color: transparent}.feature-row{display:flex;align-items:center;gap:2rem}.feature-row>div{flex:1;display:flex;flex-direction:column;gap:.65rem}.feature-row h3{font-size:var(--step-1);margin:0}.big-mark{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-ink);border:var(--border-w) solid var(--accent);border-radius:999px;padding:.3rem .9rem;white-space:nowrap}.feature-media{flex:0 0 min(340px,100%);display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}.feature-media .card-cover{width:100%;border:var(--border-w) solid var(--line);border-radius:calc(var(--radius) * 1.2);overflow:hidden}@media(max-width:720px){.feature-row{flex-direction:column;align-items:flex-start}}.card-cover{aspect-ratio:16 / 10;background:#1e1e2e;border-bottom:var(--border-w) solid var(--line);display:flex;flex-direction:column;font-family:var(--font-mono);overflow:hidden;width:100%}.card-cover .vsc-bar{display:flex;align-items:center;gap:.45rem;padding:.55rem .8rem;background:#181825;font-size:.66rem;color:#7f849c}.card-cover .vsc-bar i{width:.55rem;height:.55rem;border-radius:50%;background:#45475a}.card-cover .vsc-code{flex:1;padding:.9rem 1rem;font-size:.72rem;line-height:1.8;color:#cdd6f4;white-space:pre}.card-cover .vsc-code .c1{color:#89b4fa}.card-cover .vsc-code .c2{color:#a6e3a1}.card-cover .vsc-code .c3{color:#6c7086}.card-cover .vsc-ui{display:flex;gap:.5rem;align-items:center;padding:0 1rem 1rem}.card-cover .vsc-btn{font-size:.68rem;padding:.28rem .8rem;border-radius:3px;background:#3b82f6;color:#fff}.card-cover .vsc-btn.sec{background:transparent;border:1px solid #45475a;color:#cdd6f4}.card-cover .vsc-input{flex:1;max-width:40%;font-size:.68rem;padding:.28rem .6rem;background:#11111b;border:1px solid #45475a;border-radius:3px;color:#6c7086}.card-cover.charm{background:#171321}.card-cover.charm .vsc-bar{background:#100d18}.card-cover.charm .vsc-code .c1{color:#c4a7f5}.card-cover.charm .vsc-code .c2{color:#f5c2e7}.charm-swatches{display:flex;gap:.45rem;align-items:center;padding:0 1rem 1rem}.charm-swatches i{width:1.15rem;height:1.15rem;border-radius:5px;border:1px solid rgb(255 255 255 / .18)}.charm-swatches .lbl2{font-size:.64rem;color:#7f849c;margin-left:.3rem}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:5.4rem;top:.4rem;bottom:.4rem;width:var(--border-w);background:var(--line)}.timeline li{display:grid;grid-template-columns:4.2rem 1fr;gap:2.4rem;padding-block:1.1rem;position:relative}.timeline .yr{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);text-align:right;padding-top:.2rem}.timeline li:before{content:"";position:absolute;left:calc(5.4rem - 4px);top:1.55rem;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.timeline .role{font-weight:600;font-family:var(--font-display);font-size:var(--step-1)}.timeline .org2{color:var(--muted);font-size:var(--step--1)}.timeline .desc{color:var(--muted);font-size:var(--step--1);margin-top:.25rem;max-width:62ch}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.principles ch-card .k{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-ink);display:block}.principles ch-card h3{font-size:var(--step-1);margin:.35rem 0 .5rem}.principles ch-card p{color:var(--muted);font-size:var(--step--1);margin:0}.skills{display:grid;gap:1.1rem}.skill-row{display:grid;grid-template-columns:12rem 1fr;gap:1.5rem;align-items:baseline;padding-block:.9rem;border-bottom:var(--border-w) solid var(--line)}.skill-row:last-child{border-bottom:none}.skill-row .cat{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted)}.skill-row .vals{display:flex;flex-wrap:wrap;gap:.45rem}@media(max-width:640px){.skill-row{grid-template-columns:1fr;gap:.5rem}}footer.site{border-top:var(--border-w) solid var(--line);padding-block:clamp(3.5rem,7vw,6rem) 2.5rem}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}@media(max-width:720px){.contact-grid{grid-template-columns:1fr}}.contact-grid h2{font-size:var(--step-3)}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;font-family:var(--font-mono);font-size:var(--step--1)}.contact-list a,.contact-list a:visited,.contact-list a:active{color:var(--ink)}.contact-list .lbl{color:var(--muted);display:inline-block;width:6.5rem}.colophon{margin-top:4rem;padding-top:1.5rem;border-top:var(--border-w) solid var(--line);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-family:var(--font-mono);font-size:.74rem;color:var(--muted)}.colophon a,.colophon a:visited,.colophon a:active{color:var(--accent-ink);text-decoration:none}.colophon a:hover{text-decoration:underline}#token-pane .pane-body{display:grid;gap:1.75rem;padding-top:1rem;font-family:var(--font-mono)}#token-pane .intro{font-family:var(--font-body);font-size:.85rem;color:var(--muted);line-height:1.6;margin:0}#token-pane .intro b{color:var(--accent-ink);font-weight:600}.kh-btn-compact{--button-padding-x: 1.1rem;--button-padding-y: .55rem;font-size:.85rem;justify-self:start}#token-pane ch-radio-group{--radio-group-radio-gap: 1.5rem;--form-control-label-gap: .5rem}#token-pane ch-radio{white-space:nowrap}#token-pane label.rng{font-size:.74rem;color:var(--muted);display:block;margin-bottom:.5rem}#token-pane input[type=range]{width:100%}#token-pane output{font-size:.74rem;color:var(--accent-ink);float:right}#token-pane .note{font-size:.68rem;color:var(--muted);margin:0;line-height:1.6}#token-pane .note b{color:var(--accent-ink);font-weight:600}#token-pane h2,#token-pane header{font-family:var(--font-mono)}.case-head{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;margin-top:2rem}.case-head h1{font-size:var(--step-3);max-width:22ch;margin:0}.case-actions{display:flex;gap:.75rem;flex-wrap:wrap}.case-page .chips{margin:1rem 0 0}.case-section{margin-top:clamp(2.5rem,5vw,4rem)}.case-section h2{font-size:var(--step-2);padding-top:1.2rem;border-top:var(--border-w) solid var(--line)}.case-section p{max-width:68ch;color:var(--muted)}.case-section p strong{color:var(--ink);font-weight:600}.case-section code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-2);border:var(--border-w) solid var(--line);border-radius:5px;padding:.05rem .35rem}.archfig{margin:1.5rem 0 0}.archfig figure{margin:0}.archfig svg{width:100%;height:auto;display:block;background:var(--surface);border:var(--border-w) solid var(--line);border-radius:calc(var(--radius) * 1.2)}.archfig .sd-box{fill:var(--surface-2);stroke:var(--line);stroke-width:var(--border-w)}.archfig .sd-title{font-family:var(--font-mono);font-size:12px;font-weight:600;fill:var(--ink)}.archfig .sd-item{font-family:var(--font-mono);font-size:10.5px;fill:var(--muted)}.archfig .sd-flow{stroke:var(--accent);stroke-width:1.5;fill:none}.archfig .sd-flow.dashed{stroke-dasharray:4 4;opacity:.75}.archfig .sd-flow-lbl{font-family:var(--font-mono);font-size:9.5px;fill:var(--accent-ink)}.archfig figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-top:.75rem}.flow-steps{list-style:none;margin:1.5rem 0 0;padding:0;counter-reset:fs;max-width:68ch}.flow-steps li{counter-increment:fs;display:grid;grid-template-columns:3rem 1fr;gap:1.25rem;padding-block:.9rem;border-bottom:var(--border-w) solid var(--line);color:var(--muted);font-size:var(--step--1)}.flow-steps li:before{content:"0" counter(fs);font-family:var(--font-mono);color:var(--accent-ink);font-weight:600;padding-top:.1rem}.flow-steps li strong{color:var(--ink);font-weight:600}.flow-steps li code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-2);border:var(--border-w) solid var(--line);border-radius:5px;padding:.05rem .35rem}.case-footer-nav{margin-top:clamp(3rem,6vw,4.5rem);padding-top:1.5rem;border-top:var(--border-w) solid var(--line)}.shot{margin:1.5rem 0 0}.shot figure{margin:0}.shot img{width:100%;display:block;border:var(--border-w) solid var(--line);border-radius:calc(var(--radius) * 1.2);background:#000}.shot iframe{width:100%;aspect-ratio:16 / 9;display:block;border:var(--border-w) solid var(--line);border-radius:calc(var(--radius) * 1.2);background:#000}.video-facade{position:relative;width:100%;aspect-ratio:16 / 9;padding:0;border:var(--border-w) solid var(--line);border-radius:calc(var(--radius) * 1.2);overflow:hidden;cursor:pointer;background:#000;display:block}.video-facade img{width:100%;height:100%;object-fit:cover;display:block}.vf-play{position:absolute;top:50%;left:50%;translate:-50% -50%;width:74px;height:52px;background:#171a21cc;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.25rem;padding-left:4px;transition:background .2s ease,scale .2s ease}.video-facade:hover .vf-play,.video-facade:focus-visible .vf-play{background:var(--accent);scale:1.06}.shot figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-top:.6rem}.shot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.shot-grid .shot{margin:0}.reveal{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .7s ease}.reveal.in{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;translate:none;transition:none}.layer{transition:none}}@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;min-height:auto}.stage{display:none}}@media(max-width:720px){.nav{grid-template-columns:auto 1fr}.nav nav{display:none}.nav>ch-button{grid-column:2}}