:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#050403;--color-bg-soft:#0a0806;--color-surface:#0d0a08;--color-text:#f2eee8;--color-text-soft:#d4cdc5;--color-muted:#aaa29a;--color-dim:#79736d;--color-accent:#d46f2b;--color-accent-soft:#cb6a2a;--color-biotop:#0c2316;--color-line:#ffeedd1c;--color-focus:#f0b075;--type-hero:clamp(2.625rem, calc(1.5rem + 4.7vw), 5.875rem);--type-case-hero:clamp(4rem, calc(2.1rem + 7.1vw), 9.375rem);--type-section-xl:clamp(3.25rem, calc(1.7rem + 6.2vw), 8.25rem);--type-project:clamp(2.75rem, 8cqi, 5.875rem);--type-heading:clamp(2rem, calc(1.35rem + 2.8vw), 3.625rem);--type-lead:clamp(1.125rem, calc(1rem + .55vw), 1.6875rem);--type-body:clamp(1rem, calc(.94rem + .28vw), 1.3125rem);--type-nav:clamp(.625rem, calc(.59rem + .16vw), .75rem);--type-label:clamp(.5625rem, calc(.53rem + .12vw), .6875rem);--page-gutter:clamp(1.375rem, calc(.7rem + 3.1vw), 5.875rem);--section-space:clamp(6rem, calc(3.5rem + 7vw), 12.5rem);--section-space-compact:clamp(4.5rem, calc(3rem + 4vw), 8rem);--content-max:107.5rem;--text-max:40.625rem;--header-height:clamp(3.75rem, calc(3.4rem + .9vw), 4.5rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-expo:cubic-bezier(.4, 0, 1, 1);--duration-fast:.24s;--duration-medium:.56s;--duration-field:.88s;--duration-device:.92s;--duration-title:.84s;--layer-base:0;--layer-architecture:10;--layer-subject:20;--layer-copy:30;--layer-header:50;--layer-overlay:60}@font-face{font-family:Real;src:url(../fonts/real-text-regular.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Real;src:url(../fonts/real-text-demibold.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:600}html{font-synthesis:none;font-variant-numeric:tabular-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Real,Helvetica Neue,Arial,sans-serif}.type-hero{font-size:var(--type-hero);letter-spacing:.014em;font-weight:600;line-height:.97}.type-case-hero{font-size:var(--type-case-hero);letter-spacing:.008em;font-weight:600;line-height:.86}.type-section-xl{font-size:var(--type-section-xl);letter-spacing:.012em;font-weight:600;line-height:.97}.type-project{font-size:var(--type-project);line-height:.95}.type-heading,.type-project{letter-spacing:.008em;font-weight:600}.type-heading{font-size:var(--type-heading);line-height:1.02}.type-lead{font-size:var(--type-lead);font-weight:400;line-height:1.48}.type-body{font-size:var(--type-body);font-weight:400;line-height:1.62}.type-nav{font-size:var(--type-nav);letter-spacing:.06em;font-weight:600;line-height:1}.type-label{font-size:var(--type-label);letter-spacing:.08em;font-weight:600;line-height:1.3}.display-safe{padding-block-end:.12em}@container project-entry (width<34rem){.type-project{font-size:clamp(2.75rem,14cqi,4.5rem);line-height:.95}}::view-transition-group(root){mix-blend-mode:normal;animation:none!important}::view-transition-old(root){mix-blend-mode:normal;animation:.18s ease-out both vt-page-out}::view-transition-new(root){mix-blend-mode:normal;animation:.52s cubic-bezier(.16,1,.3,1) both vt-page-in}@keyframes vt-page-out{to{opacity:0}}@keyframes vt-page-in{0%,22%{opacity:0}to{opacity:1}}::view-transition-group(site-header){z-index:10;animation:none}::view-transition-group(case-mein-biotop-field){z-index:1;animation-duration:.76s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(case-mein-biotop-device){z-index:3;animation-duration:.82s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-group(case-mein-biotop-title){z-index:4;animation-duration:.72s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(case-mein-biotop-device){mix-blend-mode:normal}::view-transition-new(case-mein-biotop-field){mix-blend-mode:normal}::view-transition-new(case-mein-biotop-title){mix-blend-mode:normal}::view-transition-old(case-mein-biotop-device){mix-blend-mode:normal}::view-transition-old(case-mein-biotop-field){mix-blend-mode:normal}::view-transition-old(case-mein-biotop-title){mix-blend-mode:normal}::view-transition-old(case-mein-biotop-title){animation:.21s ease-out both case-title-out}::view-transition-new(case-mein-biotop-title){animation:.72s cubic-bezier(.16,1,.3,1) both case-title-in}@keyframes case-title-out{to{opacity:0}}@keyframes case-title-in{0%,38%{opacity:0}to{opacity:1}}::view-transition-group(case-mein-biotop-cta){z-index:2;animation:none}::view-transition-group(case-mein-biotop-label){z-index:2;animation:none}::view-transition-group(case-mein-biotop-lead){z-index:2;animation:none}::view-transition-old(case-mein-biotop-cta){mix-blend-mode:normal;animation:.18s ease-out both vt-page-out}::view-transition-old(case-mein-biotop-label){mix-blend-mode:normal;animation:.18s ease-out both vt-page-out}::view-transition-old(case-mein-biotop-lead){mix-blend-mode:normal;animation:.18s ease-out both vt-page-out}::view-transition-new(case-mein-biotop-cta){mix-blend-mode:normal;animation:.46s cubic-bezier(.16,1,.3,1) both vt-copy-in}::view-transition-new(case-mein-biotop-label){mix-blend-mode:normal;animation:.46s cubic-bezier(.16,1,.3,1) both vt-copy-in}::view-transition-new(case-mein-biotop-lead){mix-blend-mode:normal;animation:.46s cubic-bezier(.16,1,.3,1) both vt-copy-in}::view-transition-new(case-mein-biotop-label){animation-delay:.12s}::view-transition-new(case-mein-biotop-lead){animation-delay:.19s}::view-transition-new(case-mein-biotop-cta){animation-delay:.26s}@keyframes vt-copy-in{0%{opacity:0}to{opacity:1}}html[data-project-transition=back]::view-transition-group(case-mein-biotop-device){animation-delay:.14s}html[data-project-transition=back]::view-transition-group(case-mein-biotop-field){animation-delay:.14s}html[data-project-transition=back]::view-transition-group(case-mein-biotop-title){animation-delay:.14s}html[data-project-transition=back]::view-transition-new(case-mein-biotop-title){animation-delay:.14s}html[data-project-transition=back]::view-transition-old(case-mein-biotop-title){animation-delay:.14s}html[data-project-transition=home]::view-transition-old(case-mein-biotop-cta){animation:.16s ease-out both vt-page-out}html[data-project-transition=home]::view-transition-old(case-mein-biotop-device){animation:.16s ease-out both vt-page-out}html[data-project-transition=home]::view-transition-old(case-mein-biotop-field){animation:.16s ease-out both vt-page-out}html[data-project-transition=home]::view-transition-old(case-mein-biotop-label){animation:.16s ease-out both vt-page-out}html[data-project-transition=home]::view-transition-old(case-mein-biotop-lead){animation:.16s ease-out both vt-page-out}html[data-project-transition=home]::view-transition-old(case-mein-biotop-title){animation:.16s ease-out both vt-page-out}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(case-mein-biotop-device){animation:none!important}::view-transition-group(case-mein-biotop-field){animation:none!important}::view-transition-group(case-mein-biotop-title){animation:none!important}::view-transition-group(root){animation:none!important}::view-transition-group(site-header){animation:none!important}::view-transition-new(case-mein-biotop-cta){animation:none!important}::view-transition-new(case-mein-biotop-label){animation:none!important}::view-transition-new(case-mein-biotop-lead){animation:none!important}::view-transition-new(root){animation:none!important}::view-transition-old(case-mein-biotop-cta){animation:none!important}::view-transition-old(case-mein-biotop-label){animation:none!important}::view-transition-old(case-mein-biotop-lead){animation:none!important}::view-transition-old(root){animation:none!important}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;min-width:20rem}body,html{background:var(--color-bg);overflow-x:clip}body{color:var(--color-text);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}canvas,img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}::selection{color:var(--color-bg);background:var(--color-focus)}.page-shell{width:min(100%,var(--content-max));padding-inline:var(--page-gutter);margin-inline:auto}.section-space{padding-block:var(--section-space)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}