*,*:before,*:after{box-sizing:border-box}.icon{width:1.2em;height:1.2em;display:inline-block;vertical-align:-.2em;flex:none}.btn{--btn-h: 2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-h);padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;letter-spacing:.01em;white-space:nowrap;border:1.5px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard);-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--color-focus-ring)}.btn[disabled],.btn.is-disabled{opacity:.5;pointer-events:none}.btn--sm{--btn-h: 2rem;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{--btn-h: 3rem;padding:0 var(--space-5);font-size:var(--text-base)}.btn--icon{width:var(--btn-h);padding:0}.btn--block{display:flex;width:100%}.icon-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.icon-btn:hover{border-color:var(--color-text-subtle)}.icon-btn:focus-visible{outline:none;box-shadow:var(--color-focus-ring)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-brand)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface-2);border-color:var(--color-text-subtle)}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover,.btn--subtle{background:var(--color-primary-subtle);color:var(--color-primary-on-subtle)}.btn--subtle:hover{filter:brightness(.97)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover{background:var(--color-error-hover)}.btn.is-loading{color:transparent!important;position:relative;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:1.05em;height:1.05em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--color-text-on-brand);animation:ds-spin .7s linear infinite}.btn--secondary.is-loading:after,.btn--ghost.is-loading:after{color:var(--color-primary)}@keyframes ds-spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.label .req{color:var(--color-primary)}.optional{color:var(--color-text-subtle);font-weight:var(--weight-regular)}.input,.textarea,.select{width:100%;height:2.75rem;padding:0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.textarea{height:auto;min-height:7rem;padding:var(--space-3);line-height:var(--leading-normal);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-text-subtle)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--color-focus-ring)}.input:disabled,.textarea:disabled{background:var(--color-surface-2);color:var(--color-text-subtle);cursor:not-allowed}.field.is-error .input,.field.is-error .textarea{border-color:var(--color-error)}.field.is-error .input:focus,.field.is-error .textarea:focus{box-shadow:0 0 0 3px var(--color-error-subtle)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-left:2.5rem}.input-wrap .input-icon{position:absolute;left:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.help{font-size:var(--text-sm);color:var(--color-text-muted)}.help--error{color:var(--color-error);display:inline-flex;align-items:center;gap:var(--space-1)}.char-count{font-size:var(--text-caption);color:var(--color-text-subtle);margin-left:auto}.banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.banner--warning{background:var(--color-warning-subtle);color:var(--color-warning-on-subtle);border-color:transparent}.feedback-thumb{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15rem var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4;border-radius:var(--radius-full);border:1px solid transparent}.badge .icon{width:1em;height:1em}.badge--neutral{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border)}.badge--brand{background:var(--color-primary-subtle);color:var(--color-primary-on-subtle)}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent-on-subtle)}.badge--success{background:var(--color-success-subtle);color:var(--color-success-on-subtle)}.badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-on-subtle)}.badge--error{background:var(--color-error-subtle);color:var(--color-error-on-subtle)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;background:var(--color-surface-2);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.dropzone:hover,.dropzone.is-dragover{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary-on-subtle)}.dropzone.is-dragover{border-style:solid}.dropzone.is-error{border-color:var(--color-error);background:var(--color-error-subtle);color:var(--color-error-on-subtle)}.dropzone__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.dropzone.is-dragover .dropzone__icon{background:var(--color-surface)}.dropzone__title{font-weight:var(--weight-semibold);color:var(--color-text)}.dropzone__hint{font-size:var(--text-sm)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-3)}.thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-inset)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb__remove{position:absolute;top:4px;right:4px;width:1.4rem;height:1.4rem;display:grid;place-items:center;border-radius:var(--radius-full);border:none;background:var(--color-overlay);color:#fff;cursor:pointer}.thumb__progress{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--color-overlay);color:#fff;font-size:var(--text-sm);font-weight:600}.thumb.is-primary:after{content:"Pääkuva";position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-brand)}.progress{height:.4rem;border-radius:var(--radius-full);background:var(--color-surface-inset);overflow:hidden}.progress__bar{height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--duration-base) var(--ease-standard)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.item-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card__media{position:relative;aspect-ratio:4 / 3;background:var(--color-surface-inset);overflow:hidden}.item-card__media img{width:100%;height:100%;object-fit:cover}.item-card__media .badge{position:absolute;top:var(--space-2);left:var(--space-2);box-shadow:var(--shadow-xs)}.item-card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.item-card__title{font-weight:var(--weight-semibold);color:var(--color-text);font-size:var(--text-lg)}.item-card__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.item-card__foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--space-2)}.price{font-weight:var(--weight-bold);color:var(--color-text)}.price__unit{color:var(--color-text-muted);font-weight:var(--weight-medium)}.price-range{display:flex;flex-direction:column;gap:var(--space-3)}.price-range__head{display:flex;align-items:center;gap:var(--space-2)}.price-range__title{font-weight:var(--weight-semibold);color:var(--color-text)}.price-range__track{position:relative;height:.65rem;border-radius:var(--radius-full);background:var(--color-surface-inset)}.price-range__fill{position:absolute;top:0;bottom:0;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent-subtle),var(--color-primary-subtle))}.price-range__marker{position:absolute;top:50%;width:1.05rem;height:1.05rem;border-radius:var(--radius-full);background:var(--color-primary);border:3px solid var(--color-surface);box-shadow:var(--shadow-sm);transform:translate(-50%,-50%)}.price-range__bubble{position:absolute;bottom:1.4rem;transform:translate(-50%);white-space:nowrap;background:var(--color-text);color:var(--color-bg);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:.2rem var(--space-2);border-radius:var(--radius-sm)}.price-range__bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:var(--color-text);transform:translate(-50%) rotate(45deg)}.price-range__scale{display:flex;justify-content:space-between}.price-range__stop{display:flex;flex-direction:column;gap:1px}.price-range__stop.is-high{text-align:right}.price-range__stop .k{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.price-range__stop .v{font-weight:var(--weight-bold);color:var(--color-text)}.price-range__stop.is-typical .v{color:var(--color-primary)}.result-card{display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.result-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.segmented{display:inline-flex;padding:3px;background:var(--color-surface-2);border-radius:var(--radius-md);border:1px solid var(--color-border)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:.35rem var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer}.segmented button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.editable{position:relative}.editable .copy-btn{position:absolute;top:var(--space-2);right:var(--space-2)}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);height:2rem;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-subtle)}.copy-btn.is-done{color:var(--color-success-on-subtle);border-color:var(--color-success);background:var(--color-success-subtle)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.divider{height:1px;background:var(--color-border);border:none;margin:0}.result-card__foot{display:flex;gap:var(--space-3);flex-wrap:wrap}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) var(--space-6)}.state img{width:168px;height:auto}.state__title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-h3);color:var(--color-text)}.state__body{color:var(--color-text-muted);max-width:34ch;line-height:var(--leading-normal)}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-inset) 37%,var(--color-surface-2) 63%);background-size:400% 100%;animation:ds-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes ds-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.display{font-family:var(--font-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.h1{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-h1);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.eyebrow{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-subtle)}:root{--ember-50: #FBEDE4;--ember-100: #F6DBC9;--ember-200: #ECB596;--ember-300: #E08F63;--ember-400: #D06A38;--ember-500: #BC4B26;--ember-600: #A33F1F;--ember-700: #8C3619;--ember-800: #6E2B14;--ember-900: #4F1F0F;--honey-300: #F2C879;--honey-400: #E9AE4A;--honey-500: #E2982E;--honey-600: #C07E1E;--loam-50: #FBF6EE;--loam-100: #F4ECE0;--loam-200: #E6D9C8;--loam-300: #D8C7B0;--loam-400: #A6927B;--loam-500: #8A7A66;--loam-600: #6B5E50;--loam-700: #4A3F34;--loam-800: #2B211A;--loam-900: #181310;--color-bg: #FBF6EE;--color-bg-subtle: #F4ECE0;--color-surface: #FFFFFF;--color-surface-2: #F7F0E6;--color-surface-inset: #F0E7D8;--color-text: #2B211A;--color-text-muted: #6B5E50;--color-text-subtle: #8A7A66;--color-text-on-brand: #FFFFFF;--color-text-on-accent:#3A2A12;--color-border: #E6D9C8;--color-border-strong: #9D8869;--color-primary: #BC4B26;--color-primary-hover: #A33F1F;--color-primary-active: #8C3619;--color-primary-subtle: #F6E4D8;--color-primary-on-subtle: #8C3619;--color-accent: #E2982E;--color-accent-subtle: #FBEAC9;--color-accent-on-subtle: #7A4E08;--color-success: #2F7D52;--color-success-hover: #286C47;--color-success-subtle: #DCEFE2;--color-success-on-subtle: #1E5638;--color-warning: #9A6B16;--color-warning-subtle: #F6EACF;--color-warning-on-subtle: #6F4D10;--color-error: #B23022;--color-error-hover: #98271B;--color-error-subtle: #F7E0DC;--color-error-on-subtle:#8A271C;--color-focus: #C8602F;--color-focus-ring: 0 0 0 3px rgba(200, 96, 47, .45);--color-overlay: rgba(43, 33, 26, .55);--mole-fur: #6F4A2E;--mole-fur-lo: #573A24;--mole-belly: #C9A989;--mole-snout: #E58B86;--mole-claw: #F0E4D2;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-display: 3.5rem;--text-h1: 2.5rem;--text-h2: 2rem;--text-h3: 1.5rem;--text-h4: 1.25rem;--text-lg: 1.125rem;--text-base: 1rem;--text-sm: .875rem;--text-caption: .75rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 900;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-caps: .08em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(74, 47, 26, .08);--shadow-sm: 0 1px 3px rgba(74, 47, 26, .1), 0 1px 2px rgba(74, 47, 26, .06);--shadow-md: 0 4px 10px rgba(74, 47, 26, .1), 0 2px 4px rgba(74, 47, 26, .06);--shadow-lg: 0 12px 24px rgba(74, 47, 26, .12), 0 4px 8px rgba(74, 47, 26, .06);--shadow-xl: 0 24px 48px rgba(74, 47, 26, .16), 0 8px 16px rgba(74, 47, 26, .08);--duration-instant: 80ms;--duration-fast: .14s;--duration-base: .22s;--duration-slow: .32s;--duration-dig: .9s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, .75, 0);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 40rem;--container-md: 48rem;--container-lg: 64rem;--container-xl: 80rem}:root[data-theme=dark],:root[data-theme=dark] body{--color-bg: #181310;--color-bg-subtle: #1F1813;--color-surface: #221A14;--color-surface-2: #2C231B;--color-surface-inset: #15100C;--color-text: #F2E8DB;--color-text-muted: #C2B09A;--color-text-subtle: #9C8B77;--color-text-on-brand: #2A1409;--color-text-on-accent:#2A1B07;--color-border: #392E24;--color-border-strong: #80705A;--color-primary: #E78A5C;--color-primary-hover: #EE9C72;--color-primary-active: #F0A982;--color-primary-subtle: #3A2417;--color-primary-on-subtle: #F3BB97;--color-accent: #F0B85C;--color-accent-subtle: #382715;--color-accent-on-subtle: #F4CD86;--color-success: #5BBE89;--color-success-hover: #6FC998;--color-success-subtle: #1C3426;--color-success-on-subtle: #92D9B2;--color-warning: #E0A93D;--color-warning-subtle: #352A13;--color-warning-on-subtle: #ECC877;--color-error: #E5705E;--color-error-hover: #EA8273;--color-error-subtle: #3A201B;--color-error-on-subtle:#F1A698;--color-focus: #F0995F;--color-focus-ring: 0 0 0 3px rgba(240, 153, 95, .5);--color-overlay: rgba(8, 5, 3, .66);--mole-fur: #8A6342;--mole-fur-lo: #6F4A2E;--mole-belly: #D8BD9E;--mole-snout: #EC9A95;--mole-claw: #F2E8D6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .38), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 10px rgba(0, 0, 0, .42), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .48), 0 4px 8px rgba(0, 0, 0, .32);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .55), 0 8px 16px rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #181310;--color-bg-subtle: #1F1813;--color-surface: #221A14;--color-surface-2: #2C231B;--color-surface-inset: #15100C;--color-text: #F2E8DB;--color-text-muted: #C2B09A;--color-text-subtle: #9C8B77;--color-text-on-brand: #2A1409;--color-text-on-accent:#2A1B07;--color-border: #392E24;--color-border-strong: #80705A;--color-primary: #E78A5C;--color-primary-hover: #EE9C72;--color-primary-active: #F0A982;--color-primary-subtle: #3A2417;--color-primary-on-subtle: #F3BB97;--color-accent: #F0B85C;--color-accent-subtle: #382715;--color-accent-on-subtle: #F4CD86;--color-success: #5BBE89;--color-success-hover: #6FC998;--color-success-subtle: #1C3426;--color-success-on-subtle: #92D9B2;--color-warning: #E0A93D;--color-warning-subtle: #352A13;--color-warning-on-subtle: #ECC877;--color-error: #E5705E;--color-error-hover: #EA8273;--color-error-subtle: #3A201B;--color-error-on-subtle:#F1A698;--color-focus: #F0995F;--color-focus-ring: 0 0 0 3px rgba(240, 153, 95, .5);--color-overlay: rgba(8, 5, 3, .66);--mole-fur: #8A6342;--mole-fur-lo: #6F4A2E;--mole-belly: #D8BD9E;--mole-snout: #EC9A95;--mole-claw: #F2E8D6}}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-dig: 0ms}}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--color-focus-ring);border-radius:var(--radius-sm)}.app-main{max-width:880px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-16);display:flex;flex-direction:column;gap:var(--space-6)}.page-head{display:flex;flex-direction:column;gap:var(--space-1)}.page-head h1{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-h1);letter-spacing:var(--tracking-tight);margin:0}.page-head p{margin:0;color:var(--color-text-muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.muted{color:var(--color-text-muted)}.vstack{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:560px){.app-main{padding:var(--space-6) var(--space-4) var(--space-12)}.page-head h1{font-size:var(--text-h2)}}