:root{--paper:#fff;--paper-lift:#f5f5f7;--ink:#1d1d1f;--ink-dim:#6e6e73;--ink-faint:#86868b;--case-ink-dim:#56565a;--line:#1d1d1f24;--plate:#121110;--plate-ink:#f5f5f7;--plate-dim:#a1a1a6;--plate-faint:#86868b;--plate-line:#f5f5f733;--case-cool:#d5dadc;--case-warm:#e1d9cd;--case-neutral:#dad9d1;--sans:var(--font-inter,"Segoe UI", system-ui, sans-serif);--step-hero:clamp(min(2.3rem, max(9.2vw, 1.6rem)), 6vw, 6.5rem);--step-h2:clamp(min(1.8rem, max(7.2vw, 1.5rem)), 4.6vw, 4.2rem);--step-film-h2:min(var(--step-h2), 6.7svh);--step-number:clamp(1.75rem, 3.2vw, 3.25rem);--step-lede:clamp(1.05rem, 1.2vw, 1.3rem);--step-h3:var(--step-lede);--step-text-h2:calc(var(--step-lede) * 1.25);--step-small:.9375rem;--step-label:.75rem;--step-name:clamp(2.2rem, 4.4vw, 5rem);--step-tile:clamp(1.375rem, 1.95vw, 2rem);--step-letters:clamp(1.5 * var(--step-hero), 125svh - max(695px, min(31.4vw, 550px) + 370px, 81.25rem - 40vw - 478px, min(31.4vw, 34.375rem) + 20.75rem + 38px), 36vw);--gutter:clamp(20px, 4vw, 80px);--gap:clamp(28px, 4vw, 80px);--gap-small:12px;--head:clamp(36px, 4.4vw, 84px);--section:clamp(64px, 9vw, 150px);--hero-top:clamp(16px, 2vw, 32px);--hero-gap:clamp(12px, 1.6vw, 24px);--rule-pad:clamp(18px, 1.8vw, 26px);--film-gap:clamp(14px, 2.6svh, 32px);--case-pad:clamp(20px, 2vw, 34px);--case-gap:clamp(16px, 1.6vw, 28px);--radius:clamp(16px, 1.95vw, 32px);--radius-inset:calc(var(--radius) * .6);--tile-gap:clamp(12px, 1.2vw, 20px);--tile-row:clamp(180px, 19vw, 360px);--control:#e3e3e6;--radius-field:12px;--bar-gap:clamp(14px, 3vw, 40px);--footer-pad:clamp(32px, 4vw, 64px);--target:44px;--focus-room:24px;--header-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);scroll-padding-bottom:var(--focus-room)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100svh;margin:0;font-size:1rem;line-height:1.6;display:flex;overflow-x:clip}main{flex-grow:1}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;overflow-wrap:break-word;font-weight:600}h1{font-size:var(--step-hero);letter-spacing:-.045em;line-height:.98}h2{font-size:var(--step-h2);letter-spacing:-.04em;line-height:1.03}h3{font-size:var(--step-h3);letter-spacing:-.02em;line-height:1.2}h2>span{display:inline-block}p{hyphens:auto;hyphenate-limit-chars:8 4 4;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;overflow-wrap:break-word;text-wrap:pretty}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;text-decoration-color:var(--link-line,color-mix(in srgb, currentColor 50%, transparent));transition:text-decoration-color .3s}a:hover{text-decoration-color:currentColor}::selection{background:var(--ink);color:var(--paper)}.btn::selection{background:var(--ink-dim);color:var(--paper)}:focus-visible{outline-offset:3px;outline:2px solid}.wrap{width:100%;padding-inline:var(--gutter)}.section{padding-block:var(--section)}.band-light{background:var(--paper-lift)}.band-dark{--paper:var(--plate);--ink:var(--plate-ink);--ink-dim:var(--plate-dim);--ink-faint:var(--plate-faint);--line:var(--plate-line);background:var(--plate);color:var(--plate-ink);color-scheme:dark}.split{gap:var(--head) var(--gap);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}.lede{font-size:var(--step-lede);color:var(--ink-dim);max-width:46ch}.body{font-size:var(--step-lede);color:var(--ink-dim);max-width:52ch}.small{font-size:var(--step-small);color:var(--ink-dim)}.pale{color:var(--ink-faint)}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font-family:inherit;font-size:var(--step-small);border-radius:999px;align-items:center;padding:.85em 1.7em;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.btn:hover{color:var(--ink);background:0 0}.btn-quiet{color:var(--ink);border-color:var(--line);background:0 0}.btn-quiet:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:focus-visible,.skip:focus-visible{outline-color:var(--ink)}.skip{left:var(--gutter);z-index:100;background:var(--ink);color:var(--paper);padding:.6em 1em;text-decoration:none;position:absolute;top:-100px}.skip:focus{top:12px}@media (width<=900px){.split{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes settle{0%{opacity:0;translate:0 24px}}@media screen and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){main section:not(.hero,:has(:focus-visible)) :is(h2,.text,.note,.tile,.steps>li,.split>div,.cases){animation-name:settle;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:view();animation-range:entry entry 30%}}}@media print{#arbeit .cases{scroll-snap-type:none;flex-wrap:wrap;margin-right:0;padding-right:0;overflow:visible}#arbeit [data-arrows]{display:none}.band-dark{--paper:unset;--ink:unset;--ink-dim:unset;--ink-faint:unset;--line:unset;background:var(--paper);color:var(--ink);color-scheme:light}}.footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);padding-block:var(--footer-pad) calc(var(--footer-pad) + env(safe-area-inset-bottom,0px));font-size:var(--step-small)}.split[data-astro-cid-jo6i4kqk]{gap:var(--gap);align-items:baseline}.word[data-astro-cid-jo6i4kqk]{font-size:var(--step-h3);letter-spacing:-.03em;font-weight:600}ul[data-astro-cid-jo6i4kqk]{column-gap:var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}@media (width>=901px){.year[data-astro-cid-jo6i4kqk]{grid-area:2/1}}a[data-astro-cid-jo6i4kqk]{width:fit-content;min-height:var(--target);align-items:center;display:flex}.header[data-astro-cid-nen7h5rs]{z-index:50;padding-top:env(safe-area-inset-top,0px);background:var(--paper);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.header[data-astro-cid-nen7h5rs][data-stuck]{border-bottom-color:var(--line)}.bar[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--bar-gap);min-height:var(--header-h);display:flex}.word[data-astro-cid-nen7h5rs],nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{--link-line:transparent}.word[data-astro-cid-nen7h5rs]{font-size:var(--step-h3);letter-spacing:-.03em;margin-right:auto;font-weight:600}ul[data-astro-cid-nen7h5rs]{gap:var(--bar-gap);margin:0;padding:0;list-style:none;display:flex}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{font-size:var(--step-small);color:var(--ink-dim)}.cta[data-astro-cid-nen7h5rs]{white-space:nowrap;padding-inline:1.1em}@media (width<=19.875em){.cta[data-astro-cid-nen7h5rs]{white-space:normal}}@media (width<=900px){nav[data-astro-cid-nen7h5rs]{display:none}}