@property --key-primary{syntax: "<color>"; inherits: true; initial-value: oklch(0.45 0.10 155); }@property --key-secondary{syntax: "<color>"; inherits: true; initial-value: oklch(0.55 0.06 50); }@property --key-accent{syntax: "<color>"; inherits: true; initial-value: oklch(0.70 0.17 55); }@property --key-neutral{syntax: "<color>"; inherits: true; initial-value: oklch(0.50 0.01 155); }@layer system{:root{--key-primary:oklch(0.45 0.10 155);--key-secondary:oklch(0.55 0.06 50);--key-accent:oklch(0.70 0.17 55);--key-neutral:oklch(from var(--key-primary) l 0.012 h);--key-error:oklch(0.50 0.19 27);--key-success:oklch(0.50 0.13 150);--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:var(--font-body);--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--weight-body:400;--weight-strong:600;--weight-display:700;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-0.015em;--tracking-wide:0.02em}:root{--primary-50:oklch(from var(--key-primary) 0.975 calc(min(c, 0.2) * 0.10) h);--primary-100:oklch(from var(--key-primary) 0.945 calc(min(c, 0.2) * 0.22) h);--primary-200:oklch(from var(--key-primary) 0.895 calc(min(c, 0.2) * 0.42) h);--primary-300:oklch(from var(--key-primary) 0.82  calc(min(c, 0.2) * 0.68) h);--primary-400:oklch(from var(--key-primary) 0.72  calc(min(c, 0.2) * 0.90) h);--primary-500:oklch(from var(--key-primary) 0.61  min(c, 0.2) h);--primary-600:oklch(from var(--key-primary) 0.50  min(c, 0.2) h);--primary-700:oklch(from var(--key-primary) 0.40  calc(min(c, 0.2) * 0.90) h);--primary-800:oklch(from var(--key-primary) 0.30  calc(min(c, 0.2) * 0.72) h);--primary-900:oklch(from var(--key-primary) 0.23  calc(min(c, 0.2) * 0.55) h);--primary-950:oklch(from var(--key-primary) 0.17  calc(min(c, 0.2) * 0.40) h);--secondary-50:oklch(from var(--key-secondary) 0.975 calc(min(c, 0.2) * 0.10) h);--secondary-100:oklch(from var(--key-secondary) 0.945 calc(min(c, 0.2) * 0.22) h);--secondary-200:oklch(from var(--key-secondary) 0.895 calc(min(c, 0.2) * 0.42) h);--secondary-300:oklch(from var(--key-secondary) 0.82  calc(min(c, 0.2) * 0.68) h);--secondary-400:oklch(from var(--key-secondary) 0.72  calc(min(c, 0.2) * 0.90) h);--secondary-500:oklch(from var(--key-secondary) 0.61  min(c, 0.2) h);--secondary-600:oklch(from var(--key-secondary) 0.50  min(c, 0.2) h);--secondary-700:oklch(from var(--key-secondary) 0.40  calc(min(c, 0.2) * 0.90) h);--secondary-800:oklch(from var(--key-secondary) 0.30  calc(min(c, 0.2) * 0.72) h);--secondary-900:oklch(from var(--key-secondary) 0.23  calc(min(c, 0.2) * 0.55) h);--secondary-950:oklch(from var(--key-secondary) 0.17  calc(min(c, 0.2) * 0.40) h);--accent-50:oklch(from var(--key-accent) 0.975 calc(min(c, 0.2) * 0.10) h);--accent-100:oklch(from var(--key-accent) 0.945 calc(min(c, 0.2) * 0.22) h);--accent-200:oklch(from var(--key-accent) 0.895 calc(min(c, 0.2) * 0.42) h);--accent-300:oklch(from var(--key-accent) 0.82  calc(min(c, 0.2) * 0.68) h);--accent-400:oklch(from var(--key-accent) 0.72  calc(min(c, 0.2) * 0.90) h);--accent-500:oklch(from var(--key-accent) 0.61  min(c, 0.2) h);--accent-600:oklch(from var(--key-accent) 0.50  min(c, 0.2) h);--accent-700:oklch(from var(--key-accent) 0.40  calc(min(c, 0.2) * 0.90) h);--accent-800:oklch(from var(--key-accent) 0.30  calc(min(c, 0.2) * 0.72) h);--accent-900:oklch(from var(--key-accent) 0.23  calc(min(c, 0.2) * 0.55) h);--accent-950:oklch(from var(--key-accent) 0.17  calc(min(c, 0.2) * 0.40) h);--neutral-0:#fff;--neutral-50:oklch(from var(--key-neutral) 0.975 calc(min(c, 0.03) * 0.5) h);--neutral-100:oklch(from var(--key-neutral) 0.945 calc(min(c, 0.03) * 0.7) h);--neutral-200:oklch(from var(--key-neutral) 0.895 min(c, 0.03) h);--neutral-300:oklch(from var(--key-neutral) 0.82  min(c, 0.03) h);--neutral-400:oklch(from var(--key-neutral) 0.72  min(c, 0.03) h);--neutral-500:oklch(from var(--key-neutral) 0.61  min(c, 0.03) h);--neutral-600:oklch(from var(--key-neutral) 0.50  min(c, 0.03) h);--neutral-700:oklch(from var(--key-neutral) 0.40  min(c, 0.03) h);--neutral-800:oklch(from var(--key-neutral) 0.30  min(c, 0.03) h);--neutral-900:oklch(from var(--key-neutral) 0.23  min(c, 0.03) h);--neutral-950:oklch(from var(--key-neutral) 0.17  min(c, 0.03) h)}:root{color-scheme:light dark}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}:root{--color-bg:light-dark(var(--neutral-50),  var(--neutral-950));--color-surface:light-dark(var(--neutral-100), var(--neutral-900));--color-surface-raised:light-dark(var(--neutral-0),   var(--neutral-800));--color-text:light-dark(var(--neutral-900), var(--neutral-100));--color-text-muted:light-dark(var(--neutral-600), var(--neutral-300));--color-border:light-dark(var(--neutral-200), var(--neutral-700));--color-border-strong:light-dark(var(--neutral-500), var(--neutral-500));--color-primary:light-dark(var(--primary-600), var(--primary-300));--color-primary-hover:light-dark(var(--primary-700), var(--primary-200));--color-on-primary:light-dark(var(--neutral-0),   var(--primary-950));--color-primary-container:light-dark(var(--primary-100), var(--primary-800));--color-on-primary-container:light-dark(var(--primary-800), var(--primary-100));--color-primary-text:light-dark(var(--primary-700), var(--primary-300));--color-secondary:light-dark(var(--secondary-600), var(--secondary-300));--color-secondary-hover:light-dark(var(--secondary-700), var(--secondary-200));--color-on-secondary:light-dark(var(--neutral-0),     var(--secondary-950));--color-secondary-container:light-dark(var(--secondary-100), var(--secondary-800));--color-on-secondary-container:light-dark(var(--secondary-800), var(--secondary-100));--color-secondary-text:light-dark(var(--secondary-700), var(--secondary-300));--color-accent:light-dark(var(--accent-600), var(--accent-300));--color-accent-hover:light-dark(var(--accent-700), var(--accent-200));--color-on-accent:light-dark(var(--neutral-0),  var(--accent-950));--color-accent-container:light-dark(var(--accent-100), var(--accent-800));--color-on-accent-container:light-dark(var(--accent-800), var(--accent-100));--color-accent-text:light-dark(var(--accent-700), var(--accent-300));--color-link:var(--color-primary-text);--color-link-hover:light-dark(var(--primary-900), var(--primary-100));--color-focus:light-dark(var(--accent-600), var(--accent-300));--color-error:light-dark(oklch(from var(--key-error) 0.50 c h), oklch(from var(--key-error) 0.82 calc(c * 0.55) h));--color-on-error:light-dark(#fff, oklch(from var(--key-error) 0.17 calc(c * 0.4) h));--color-error-container:light-dark(oklch(from var(--key-error) 0.945 calc(c * 0.2) h), oklch(from var(--key-error) 0.30 calc(c * 0.6) h));--color-on-error-container:light-dark(oklch(from var(--key-error) 0.30 calc(c * 0.6) h), oklch(from var(--key-error) 0.945 calc(c * 0.2) h));--color-success:light-dark(oklch(from var(--key-success) 0.50 c h), oklch(from var(--key-success) 0.82 calc(c * 0.7) h));--color-on-success:light-dark(#fff, oklch(from var(--key-success) 0.17 calc(c * 0.4) h));--color-success-container:light-dark(oklch(from var(--key-success) 0.945 calc(c * 0.25) h), oklch(from var(--key-success) 0.30 calc(c * 0.7) h));--color-on-success-container:light-dark(oklch(from var(--key-success) 0.30 calc(c * 0.7) h), oklch(from var(--key-success) 0.945 calc(c * 0.25) h))}:root{--step--2:clamp(0.8125rem, 0.788rem + 0.1087vw, 0.875rem);--step--1:clamp(0.9375rem, 0.913rem + 0.1087vw, 1rem);--step-0:clamp(1.0625rem, 1.0136rem + 0.2174vw, 1.1875rem);--step-1:clamp(1.1953rem, 1.0822rem + 0.5027vw, 1.4844rem);--step-2:clamp(1.3447rem, 1.1449rem + 0.8882vw, 1.8555rem);--step-3:clamp(1.5128rem, 1.1972rem + 1.4026vw, 2.3193rem);--step-4:clamp(1.7019rem, 1.2334rem + 2.0822vw, 2.8992rem);--step-5:clamp(1.9147rem, 1.2458rem + 2.9727vw, 3.624rem);--step-6:clamp(2.154rem, 1.2243rem + 4.1321vw, 4.53rem);--type-display:var(--weight-display) var(--step-6)/var(--leading-tight) var(--font-display);--type-headline-lg:var(--weight-display) var(--step-5)/var(--leading-tight) var(--font-display);--type-headline:var(--weight-display) var(--step-4)/var(--leading-tight) var(--font-display);--type-title-lg:var(--weight-display) var(--step-3)/var(--leading-snug) var(--font-display);--type-title:var(--weight-strong) var(--step-2)/var(--leading-snug) var(--font-display);--type-body-lg:var(--weight-body) var(--step-1)/var(--leading-normal) var(--font-body);--type-body:var(--weight-body) var(--step-0)/var(--leading-normal) var(--font-body);--type-body-sm:var(--weight-body) var(--step--1)/var(--leading-normal) var(--font-body);--type-label:var(--weight-strong) var(--step--1)/var(--leading-snug) var(--font-body);--type-caption:var(--weight-body) var(--step--2)/var(--leading-snug) var(--font-body);--measure:65ch}:root{--space-3xs:clamp(0.25rem, 0.2255rem + 0.1087vw, 0.3125rem);--space-2xs:clamp(0.5625rem, 0.538rem + 0.1087vw, 0.625rem);--space-xs:clamp(0.8125rem, 0.788rem + 0.1087vw, 0.875rem);--space-s:clamp(1.0625rem, 1.0136rem + 0.2174vw, 1.1875rem);--space-m:clamp(1.625rem, 1.5516rem + 0.3261vw, 1.8125rem);--space-l:clamp(2.125rem, 2.0272rem + 0.4348vw, 2.375rem);--space-xl:clamp(3.1875rem, 3.0408rem + 0.6522vw, 3.5625rem);--space-2xl:clamp(4.25rem, 4.0543rem + 0.8696vw, 4.75rem);--space-3xl:clamp(6.375rem, 6.0815rem + 1.3043vw, 7.125rem);--space-s-l:clamp(1.0625rem, 0.5489rem + 2.2826vw, 2.375rem);--space-m-xl:clamp(1.625rem, 0.8668rem + 3.3696vw, 3.5625rem);--space-l-3xl:clamp(2.125rem, 0.1685rem + 8.6957vw, 7.125rem)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--type-body)}[data-theme]:not(html){color:var(--color-text)}h1{font:var(--type-headline-lg);letter-spacing:var(--tracking-tight)}h2{font:var(--type-headline);letter-spacing:var(--tracking-tight)}h3{font:var(--type-title-lg)}h4{font:var(--type-title)}h1,h2,h3,h4{text-wrap:balance}small{font:var(--type-body-sm)}code,kbd,pre,samp{font-family:var(--font-mono)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-primary-container);color:var(--color-on-primary-container)}}@layer system,base,layout,components;:root{--key-primary:#3f5a1e;--key-secondary:oklch(0.55 0.05 75);--key-accent:oklch(0.70 0.17 55);--key-neutral:oklch(0.50 0.02 120);--font-body:"Familjen Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-body);--weight-display:700;--weight-strong:600;--leading-tight:1.05;--tracking-tight:-0.02em}:root{--color-primary:light-dark(var(--primary-700), var(--primary-300));--color-primary-hover:light-dark(var(--primary-800), var(--primary-200));--radius:0.375rem;--wrap:70rem;--section:max(var(--space-xl), var(--space-l-3xl))}@layer base{@font-face{font-family:familjen grotesk;src:url(../fonts/enkel/familjen-grotesk-latin-wght-normal.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-block-start:var(--space-m)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{display:flex;flex-direction:column;min-block-size:100svh;overflow-wrap:break-word}main{flex:1}h1,h2,p,ul{margin:0}ul[role=list]{padding:0;list-style:none}a{text-decoration-thickness:.07em;text-underline-offset:.2em}p>a{padding-block:.25em}svg{display:block}}@layer layout{.wrap{inline-size:min(100% - 2 * var(--space-s-l),var(--wrap));margin-inline:auto}}@layer components{.site-header{padding-block:var(--space-s)}.brand{display:inline-flex;align-items:center;gap:.4em;min-block-size:3rem;color:var(--color-text);font:var(--weight-display)var(--step-1)/1 var(--font-display);letter-spacing:-.01em;text-decoration:none}.brand:hover{color:var(--color-text)}.brand .mark{flex:none;block-size:1.4em;inline-size:auto;color:var(--color-primary)}.hero{padding-block:var(--space-l-3xl)var(--section)}.hero h1{max-inline-size:20ch;color:var(--color-primary-text);font:var(--type-display);letter-spacing:var(--tracking-tight)}.lead{max-inline-size:38ch;margin-block-start:var(--space-m);font:var(--type-body-lg);text-wrap:pretty}.hero .actions{margin-block-start:var(--space-l)}.hero-top{position:relative}.hero-mark{display:none}@media(min-width:64rem){.hero-mark{display:block;position:absolute;inset-block-start:calc(var(--step-6) * .17);inset-inline-end:0;block-size:calc(100% - var(--step-6) * .17);inline-size:auto;max-inline-size:42%;color:var(--color-primary-container)}}.facts{display:grid;gap:var(--space-m)var(--space-l);margin-block-start:var(--section)}.facts h2{font:var(--type-title);letter-spacing:-.01em}.facts p{max-inline-size:34ch;margin-block-start:var(--space-3xs);text-wrap:pretty}@media(min-width:52rem){.facts{grid-template-columns:repeat(3,1fr)}}.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:3rem;padding:var(--space-2xs)var(--space-m);border:1px solid transparent;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);font:var(--weight-strong)var(--step-0)/var(--leading-snug)var(--font-body);text-decoration:none;cursor:pointer}.button:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.button:disabled{border-color:var(--color-border-strong);background:0 0;color:var(--color-text-muted);cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.button{transition:background-color .15s}}.contact{padding-block:var(--section);background:var(--color-surface)}.contact-grid{display:grid;gap:var(--space-l)}@media(min-width:52rem){.contact-grid{grid-template-columns:5fr 7fr;gap:var(--space-2xl);align-items:start}}.contact h2{font:var(--type-headline);letter-spacing:var(--tracking-tight)}.contact-text p{max-inline-size:36ch;margin-block-start:var(--space-s);text-wrap:pretty}.contact-email{font:var(--weight-strong)var(--step-1)/var(--leading-snug)var(--font-body)}.contact-email a{display:inline-flex;align-items:center;min-block-size:2.75rem}.contact-form{display:grid;gap:var(--space-s)}.field{display:grid;gap:var(--space-3xs)}.field label{font:var(--type-label)}.field input,.field textarea{inline-size:100%;min-block-size:3rem;padding:var(--space-2xs)var(--space-xs);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:var(--type-body)}.field textarea{min-block-size:9rem;resize:vertical}.trap{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.note{padding:var(--space-xs)var(--space-s);border-inline-start:3px solid var(--color-primary);border-start-end-radius:var(--radius);border-end-end-radius:var(--radius);background:var(--color-primary-container);color:var(--color-on-primary-container);font:var(--type-body-sm)}.contact-form .actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.status{flex-basis:100%;padding:var(--space-xs)var(--space-s);border-radius:var(--radius);font:var(--type-body-sm)}.status[data-kind=sending]{padding-inline:0;color:var(--color-text-muted)}.status[data-kind=sent]{background:var(--color-success-container);color:var(--color-on-success-container)}.status[data-kind=failed],.status[data-kind=busy]{background:var(--color-error-container);color:var(--color-on-error-container)}.form-privacy{color:var(--color-text-muted);font:var(--type-body-sm)}altcha-widget{display:block}.page{padding-block:var(--space-l-3xl)var(--section)}.page h1{color:var(--color-primary-text);font:var(--type-headline-lg);letter-spacing:var(--tracking-tight)}.prose{max-inline-size:var(--measure);margin-block-start:var(--space-l)}.prose>*+*{margin-block-start:var(--space-s)}.prose h2{margin-block-start:var(--space-l);font:var(--type-title);letter-spacing:-.01em}.prose h2+*{margin-block-start:var(--space-2xs)}.back{margin-block-start:var(--space-xl)}.back a{display:inline-flex;align-items:center;min-block-size:2.75rem}.site-footer{padding-block:var(--space-l);border-block-start:1px solid var(--color-border);color:var(--color-text-muted);font:var(--type-body-sm)}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-s)var(--space-xl)}.footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-m)}.footer-links a{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--color-text)}.footer-links a:hover{color:var(--color-link-hover)}}