*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*{box-sizing:border-box;text-size-adjust:none}*:focus{scroll-padding-block-end:8vh}:root{--color-weight-100: 97%;--color-weight-300: 82%;--color-weight-500: 67%;--color-weight-700: 52%;--color-weight-900: 37%;--color-hs-illusion: 345 83%;--color-hs-rose: 0 83%;--color-hs-sandwisp: 58 83%;--color-hs-mint: 122 83%;--color-hs-perano: 219 83%;--color-hs-scorpion: 343 6%;--color-hs-comet: 242 14%;--color-hs-woodybrown: 345 19%;--color-scorpion: hsl(var(--color-hs-scorpion) 41%);--color-comet: hsl(var(--color-hs-comet) 39%);--color-woodybrown: hsl(var(--color-hs-woodybrown) 25%);--font-stack-work-sans: "Work Sans", sans-serif;--font-stack-poppins: "Poppins", sans-serif;--font-stack-system: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--typeface-headings: var(--font-stack-work-sans);--typeface-paragraphs: var(--font-stack-poppins);--color-hs-accent: var(--accent-color, var(--color-hs-illusion));--color-accent-100: hsl(var(--color-hs-accent) var(--color-weight-100));--color-accent-300: hsl(var(--color-hs-accent) var(--color-weight-300));--color-accent-500: hsl(var(--color-hs-accent) var(--color-weight-500));--color-accent-700: hsl(var(--color-hs-accent) var(--color-weight-700));--color-accent-900: hsl(var(--color-hs-accent) var(--color-weight-900));--color-hs-primary: var(--color-hs-woodybrown);--color-hs-highlight: var(--color-hs-comet);--color-hs-dark: var(--color-hs-scorpion);--color-primary: var(--color-woodybrown);--color-highlight: var(--color-comet);--color-dark: var(--color-scorpion);--base-spacing: 1em;--base-padding: 1em;--base-easing: cubic-bezier(0.85, 0, 0.15, 1);--base-animation-duration: 1ms;--shadow-fat: 0 5px 15px 0 rgba(0,0,0,.15);background-color:#fff}@media screen and (min-width: 1200px){:root{--shadow-fat: 0 2px 5px 0 rgba(0,0,0,.06), 0 15px 42px 0 rgba(0,0,0,.04)}}@media(prefers-reduced-motion: no-preference){:root{--base-animation-duration: 350ms}}::selection{background-color:var(--color-accent-700);color:var(--color-accent-100)}body{--site-border: .5em;font-family:var(--typeface-headings);color:var(--color-primary);border:var(--site-border) solid #fff;transition:background-color var(--base-animation-duration) var(--base-easing)}a{color:var(--color-highlight);text-decoration:underline;text-decoration-skip-ink:all;text-decoration-thickness:15%}a{color:inherit;text-decoration-color:var(--color-highlight)}a:hover{text-decoration-color:var(--color-accent-700)}a.button,a.c2a{text-decoration:none}ul,ol{margin:0;padding-inline-start:1.25em}em,i{font-style:italic;font-variation-settings:"ital" 1}strong,b{font-weight:bolder;font-weight:550}.button{--int-hs-theme: var(--theme, var(--color-hs-accent));--int-theme-darker: var(--darker, 0%);--int-l-theme: calc(var(--color-weight-300) - var(--int-theme-darker));--int-theme: hsl(var(--int-hs-theme) var(--int-l-theme));--int-spacing: .416em;--int-size: var(--size, .9em);line-height:1;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--int-spacing);font-size:var(--int-size);transition:background-color var(--base-animation-duration) var(--base-easing);padding:var(--int-spacing) calc(var(--int-spacing) * 2);border-radius:calc(1em + (var(--int-spacing) * 2));color:hsl(var(--color-hs-primary) var(--int-l-text));background-color:var(--int-theme);border:none}@media screen and (min-width: 980px){.button{--int-size: 1em}}.button__text{--int-l-text: var(--lightness, 25%);font-family:var(--typeface-headings);font-feature-settings:"c2sc","smcp";font-weight:525;font-smooth:always;-webkit-font-smoothing:antialiased}.button__icon{display:flex;align-items:center;justify-content:center}.button__icon>svg{height:100%;width:auto}.button:hover{--darker: 5%;cursor:pointer}.button:focus,.button:active{--darker: 10%}.c2a{--int-text-theme: var(--color, var(--color-accent-300));--int-hs-theme: var(--theme, var(--color-hs-primary));--int-theme-darker: var(--darker, 0%);--int-l-theme: calc(25% - var(--int-theme-darker));--int-theme: hsl(var(--int-hs-theme) var(--int-l-theme));--int-size: var(--size, .8em);--int-spacing: .85em;font-size:var(--int-size);padding:var(--int-spacing) calc(var(--int-size) * 2);border-radius:calc(1em + (var(--int-spacing) * 2));font-family:var(--typeface-paragraphs);font-weight:500;display:inline-flex;align-items:center;justify-content:center}@media screen and (min-width: 720px){.c2a{--size: .925em}}@media screen and (min-width: 980px){.c2a{--size: 1em}}.c2a.vers--bold{color:var(--int-text-theme);background-color:var(--int-theme);box-shadow:0 6px 10px rgba(0,0,0,.25)}.c2a.vers--ghost{color:var(--int-theme);box-shadow:inset 0px 0px 0px 2px var(--int-theme)}.c2a:hover{--darker: 5%}.c2a:focus,.c2a:active{--darker: 10%}@media screen and (min-width: 1200px){:where(.welcome__actions) .c2a{--size: 1.375em}}.meta-label{font-family:var(--typeface-headings);font-size:.9em;line-height:1.25;color:hsl(var(--color-hsl-dark) 31%);font-feature-settings:"c2sc","smcp"}.pull-link{display:flex;flex-direction:column;gap:1em;align-items:stretch;background-color:#fff;border:4px solid currentcolor;color:var(--color-highlight);padding:1em;border-radius:5px;box-shadow:var(--shadow-fat);position:relative;transition:color var(--base-animation-duration) var(--base-easing)}.pull-link:hover,.pull-link :focus{color:var(--color-accent-500)}@media screen and (min-width: 720px){.pull-link{font-size:.85em}}@media screen and (min-width: 980px){.pull-link{font-size:1em}}@media screen and (min-width: 1200px){.pull-link{font-size:1.125em}}.pull-link__link{font-family:var(--typeface-headings);font-weight:575;text-underline-offset:.15em;text-decoration-color:hsl(var(--color-hs-highlight) 80%);transition:inherit;transition-property:text-decoration-color;font-size:1.125em}@media(hover: hover){.pull-link__link::before{content:"";position:absolute;inset:0}}.pull-link__caption{font-family:var(--typeface-headings);font-size:.9em;line-height:1.25;color:hsl(var(--color-hsl-dark) 31%);font-feature-settings:"c2sc","smcp"}.pull-link__caption::before{content:"—";display:inline-block;margin-inline-end:.5em}.sr-only:not(:where(:focus, :active, :focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.sticker{--int-lightness: var(--lightness, 95%);background-color:hsl(var(--color-hs-accent) var(--int-lightness));border-radius:15px;padding:1em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1em}@media screen and (min-width: 1200px){.sticker{padding:1.5em}}.sticker.theme--lighter{--lightness: 98%}.sticker__text{font-family:var(--typeface-paragraphs);font-size:.975em;color:var(--color-primary)}.sticker__action{margin-block-start:0}.intermezzo{--int-lightness: var(--lightness, 95%);background-color:hsl(var(--color-hs-accent) var(--int-lightness));border-radius:15px;padding:1em;display:flex;flex-direction:column;gap:1.5em}@media screen and (min-width: 1200px){.intermezzo{padding:1.5em}}@media screen and (min-width: 1200px){.intermezzo{display:grid;grid-template-columns:2fr 1fr;gap:2em;align-items:center}}.intermezzo__title.intermezzo__title{line-height:1.25;margin-top:0;margin-bottom:.5em;font-size:1.125em;font-weight:600}.intermezzo__text p{color:hsl(var(--color-hs-dark) 40%);font-size:.875em}.intermezzo__image{display:flex;justify-content:center}.work-diagram{display:flex;flex-direction:column;gap:1em;align-items:center}.work-diagram__graphic svg{max-width:100%;height:auto;width:240px}.work-diagram__caption{display:flex;align-items:center;justify-content:center;gap:.5em;flex-wrap:wrap}.fig{display:inline-flex;gap:.33em;align-items:center}.fig.fig{font-size:.75em;line-height:1;margin-block-start:0}.fig__icon{height:1em}.fig__icon svg{height:100%;width:auto}.fig__text{font-family:var(--typeface-headings);font-feature-settings:"smcp","c2sc";font-weight:500;transform:translateY(1px)}.tag:not(.token){font-family:var(--typeface-headings);font-weight:500;line-height:1;padding:.5em 1em;background-color:hsl(var(--color-hs-accent) 95%);color:var(--color-primary);border-radius:8px;font-size:.75em;display:inline-flex;gap:.5em;align-items:center}@media screen and (min-width: 980px){.tag:not(.token){font-size:.8125em}}.tag:not(.token)>svg{display:inline-block;height:1em;width:1em}.tag:not(.token).theme--dark{color:hsl(var(--color-hs-accent) 95%);background-color:var(--color-primary);--icon-color: var(--color-accent-500);font-weight:425}.tag:not(.token).vers--large{font-size:.85em;line-height:1.75;border-radius:1.15em}@media screen and (min-width: 980px){.tag:not(.token).vers--large{font-size:1em}}.list--horizontal{list-style-type:none;padding-inline-start:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.color-list{padding-inline-start:0;list-style-type:none;display:flex;gap:.5em}.color-list__item{--int-color: var(--color, var(--color-accent-300));--int-txt-color: var(--txt-color, #333);width:3rem;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background-color:var(--int-color);color:var(--int-txt-color);line-height:1;font-family:var(--typeface-headings);font-weight:550;font-feature-settings:"smcp","c2sc";font-size:1em}.color-list__item-weight{font-size:.85em;font-weight:500}.color-list__item-lightness{font-size:.75em;font-weight:375}@supports not (aspect-ratio: 1/1){.color-list__item{height:3rem}}.skip-to-content{transform:translateY(0);background-color:#fff;display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:1em;padding-block-start:1em;padding-block-end:1.5em;padding-inline:var(--site-padding);z-index:1}@media screen and (min-width: 720px){.skip-to-content{display:flex;justify-content:space-between;gap:2em}}.skip-to-content a{font-size:.85em}@media screen and (min-width: 720px){.skip-to-content a{font-size:1em}}.skip-to-content:not(:where(:active, :focus, :focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.skip-to-content:where(:active, :focus, :focus-within)+.site-bar{margin-block-start:0}.accent-color-settings{display:none;align-items:center;gap:1em}.accent-color-settings__color{display:block;position:relative;aspect-ratio:1/1;width:2em}@supports not (aspect-ratio: 1/1){.accent-color-settings__color{height:2em}}.accent-color-settings__color>input{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0;width:100%;height:100%;opacity:0}@supports not (inset-block-start: 0){.accent-color-settings__color>input{top:0;left:0}}.accent-color-settings__color>input[value=illusion]+.visual-element{--color: hsl(var(--color-hs-illusion) var(--color-weight-300))}.accent-color-settings__color>input[value=sandwisp]+.visual-element{--color: hsl(var(--color-hs-sandwisp) var(--color-weight-300))}.accent-color-settings__color>input[value=mint]+.visual-element{--color: hsl(var(--color-hs-mint) var(--color-weight-300))}.accent-color-settings__color>input[value=perano]+.visual-element{--color: hsl(var(--color-hs-perano) var(--color-weight-300))}.accent-color-settings__color>input:checked+.visual-element{border-color:var(--color-primary)}.accent-color-settings__color>input:checked+.visual-element::after{width:.5em}.accent-color-settings__color>.visual-element{--int-color: var(--color, var(--color-accent-300));display:block;width:100%;height:100%;background-color:var(--int-color);border-radius:50%;border:4px solid #fff;box-shadow:0 6px 10px rgba(0,0,0,.25);transition:border-color var(--base-animation-duration) var(--base-easing)}.accent-color-settings__color>.visual-element::after{content:"";aspect-ratio:1/1;width:0;border-radius:50%;background-color:var(--color-primary);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -50%);transition:width var(--base-animation-duration) var(--base-easing)}@supports not (inset-block-start: 0){.accent-color-settings__color>.visual-element::after{top:50%;left:50%}}:where(.accent-color-settings-menu) .accent-color-settings{display:block}.accent-color-settings-menu{position:absolute;inset-inline-start:0%;inset-block-end:100%;background-color:#fff;padding:1.25em;display:flex;flex-direction:column;gap:.5em;border-radius:5px;box-shadow:0 6px 10px rgba(0,0,0,.25);transform:translateY(-1em);z-index:1}@supports not (inset-block-start: 0){.accent-color-settings-menu{left:0;bottom:100%}}.accent-color-settings-menu p{font-family:var(--typeface-paragraphs);font-size:.75em;color:var(--color-dark);font-style:italic}.accent-color-settings-menu p[style="visibility: hidden;"]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}.accent-color-settings-menu p[style="visibility: hidden;"]+*{margin-top:-0.5em}.accent-color-settings-menu:not(:target):not(.is-open){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}.site-layout{--site-padding: clamp(var(--base-padding), 5vw, var(--base-padding) * 5);--site-header-row: [header] 4.25em;--site-content-rows: [main] 1fr;--site-footer-row: [footer] fit-content(4.25em);--site-layout-rows: [skip] min-content [bar] min-content var(--site-header-row) var(--site-content-rows) var(--site-footer-row);--columns: repeat(3, 1fr);display:grid;grid-template-columns:var(--columns);grid-template-rows:var(--site-layout-rows);min-height:100vh}.site-layout.ctx--index{background-color:var(--color-accent-300)}@media screen and (min-width: 720px){.site-layout{--site-header-row: [header] auto;--site-content-rows: [main] 1fr;--site-footer-row: [footer] auto;--columns: [illustration-start] 3fr [main-start] 3fr [illustration-end] 1fr 2fr 3fr 2fr 1fr 3fr 3fr [main-end]}}@media screen and (min-width: 1200px){.site-layout{--columns: 3fr [illustration-start] 3fr [main-start] 1fr [illustration-end] 2fr 3fr 2fr 1fr [main-end] 3fr 3fr}}.site-layout.vers--page .site-main{align-self:stretch;z-index:2;grid-column:1/-1}@media screen and (min-width: 720px){.site-layout.vers--page .site-main{margin:0;align-self:start}}.site-skip{grid-column:1/-1;grid-row:skip}.site-bar{grid-row:bar;grid-column:1/-1;background-color:var(--color-highlight);margin-inline-start:-0.5em;margin-inline-end:-0.5em;margin-block-start:-0.5em;padding:1em calc(var(--site-padding) + .5em);color:#fff;border-bottom:solid .5em #fff}.site-header{padding:var(--site-padding);grid-column:1/-1;grid-row:header;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 980px){.site-header{padding-block-end:0;display:grid;grid-template-columns:2.08fr 3fr;gap:var(--site-padding)}}.site-illustration{padding:calc(var(--site-padding) * 1.5);grid-column:1/-1;grid-row:illustration}@media screen and (min-width: 720px){.site-illustration{grid-column:side-start/side-end}}.site-illustration svg{width:100%}.site-main{padding:var(--site-padding);grid-column:1/-1;grid-row:main;align-self:center}.site-footer{padding:var(--site-padding);grid-column:1/-1;grid-row:footer}@media screen and (min-width: 720px){.site-footer{padding-block-start:0}}.welcome{padding:var(--site-padding) 0;max-width:625px;margin:0 auto}@media screen and (orientation: landscape){.welcome{text-align:center}}@media screen and (min-width: 720px){.welcome{text-align:center}}@media screen and (min-height: 660px){.welcome{padding:0;transform:translateY(-2.5em)}}@media screen and (min-width: 980px){.welcome__illustration{position:absolute;z-index:0;opacity:.05;width:75vw;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%, -60%)}@supports not (inset-block-start: 0){.welcome__illustration{top:50%;left:50%}}}.welcome__illustration>svg{display:block;width:100%;height:auto;max-width:350px}@media screen and (orientation: landscape){.welcome__illustration>svg{margin:0 auto}}@media screen and (min-width: 720px){.welcome__illustration>svg{margin:0 auto}}@media screen and (min-width: 980px){.welcome__illustration>svg{max-width:100%}}.welcome__illustration+*{margin-block-start:var(--site-padding)}.welcome__title{font-weight:600;font-size:1.3rem;line-height:1.3}@media screen and (min-width: 720px)and (max-width: 980px){.welcome__title{font-size:1.6em}}@media screen and (min-width: 980px)and (max-width: 1200px){.welcome__title{font-size:1.9em}}@media screen and (min-width: 1200px){.welcome__title{font-size:2.25em}}.welcome__desc{font-family:var(--typeface-paragraphs);line-height:1.5;margin-block-start:.5em}@media screen and (min-width: 980px){.welcome__desc{font-size:1.375em;margin-block-start:1rem}}.welcome__actions{margin-block-start:.75em;display:flex;align-items:center;gap:.75em}@media screen and (orientation: landscape){.welcome__actions{justify-content:center}}@media screen and (min-width: 720px){.welcome__actions{justify-content:center}}@media screen and (min-width: 980px){.welcome__actions{margin-block-start:2rem}}.welcome__footnote{display:block;margin-block-start:1em;font-family:var(--typeface-paragraphs);line-height:1.5;font-size:.75em}@media screen and (orientation: landscape){.welcome__footnote{text-align:center}}@media screen and (min-width: 980px){.welcome__footnote{font-size:.875em;margin-block-start:2rem}}@media screen and (min-width: 720px){.welcome>*:not(.welcome__illustration){position:relative;z-index:1}}.menu{margin-block-start:calc(var(--site-padding)/1.75);margin-block-end:0;display:flex;flex-direction:column;gap:1.5em;counter-reset:menu-item}.menu__item{counter-increment:menu-item;color:var(--color-primary);font-size:1em;font-weight:475;gap:1em;perspective:500px;display:flex;flex-flow:row wrap}@media screen and (min-width: 720px){.menu__item{position:relative}}@media screen and (min-width: 720px){.menu__item .icon{display:none}}@media screen and (min-width: 720px){:where(.site-menu__navigation) .menu__item{--icon-color: var(--color-dark)}:where(.site-menu__navigation) .menu__item>a{gap:.25em}}@media screen and (min-width: 980px){:where(.site-menu__navigation) .menu__item>a{gap:1em}:where(.site-menu__navigation) .menu__item>a::before{margin-inline-end:0 !important}}.menu__item>a{--underline-color: hsl(var(--color-hs-primary) var(--color-weight-300));color:inherit;display:inherit;justify-content:space-between;align-items:inherit;text-decoration:none;flex:1}.menu__item>a>.text{margin-inline-end:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:15%;text-decoration-color:var(--underline-color)}.menu__item>a::before{content:"0" counter(menu-item);margin-inline-end:1em;text-decoration:none;text-decoration-color:transparent;font-feature-settings:"tnum";font-weight:550;color:var(--color-accent-300)}.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>a::before{color:var(--color-accent-500)}.menu__item>a:hover,.menu__item>a:focus{--underline-color: var(--color-accent-500)}.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>a{--underline-color: hsl(var(--color-hs-primary) var(--color-weight-700))}.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>a:hover,.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>a:focus{--underline-color: var(--color-accent-900)}.menu__item>a[aria-current]{--underline-color: var(--color-accent-300);--icon-color: currentcolor;color:var(--color-accent-900)}.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>a[aria-current]{--int-darker: calc(var(--color-weight-500) - 34%);--int-darker-active-color: hsl(var(--color-hs-accent) var(--int-darker));--underline-color: hsl(var(--color-hs-accent) var(--color-weight-700));color:var(--int-darker-active-color)}.menu__item>button{border-radius:3px;background-color:var(--color-accent-100);display:flex;width:auto;padding:.5em;font-size:.75em}.menu__item>button[aria-expanded=true]{--icon-color: var(--color-accent-100);background-color:var(--color-highlight) !important}.menu__item>button[aria-expanded=true]+.submenu{transform:translateZ(0);opacity:1}@media screen and (min-width: 720px){.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>button{background-color:var(--color-accent-500);--icon-color: var(--color-accent-300)}.site-layout:where(.vers--posts-listing, .ctx--index, .vers--single-post) .menu__item>button[aria-expanded=true]{--icon-color: var(--color-accent-300)}}.menu__submenu{background-color:hsl(var(--color-hs-accent) 97.5%);border-radius:15px;padding:1em;list-style-type:none;display:flex;flex-direction:column;gap:.5em;padding-inline-start:2.25em;z-index:10;flex:100%;opacity:0;transition-property:transform,opacity;transition-timing-function:var(--base-easing);transition-duration:var(--base-animation-duration)}.menu__submenu[hidden]{display:none}@media screen and (min-width: 720px){.menu__submenu{--spacer-height: 1em;position:absolute;inset-block-start:calc(100% + var(--spacer-height));inset-inline-end:0;padding:1em;white-space:nowrap;border-radius:5px;box-shadow:var(--shadow-fat);margin-inline-end:0;transform:translateZ(1em);background-color:#fff}@supports not (inset-block: 0){.menu__submenu{top:calc(100% + var(--spacer-height));right:0}}.menu__submenu::before{content:"";position:absolute;height:var(--spacer-height);width:100%;inset-block-end:100%;inset-inline-start:0}@supports not (inset-block: 0){.menu__submenu::before{bottom:100%;left:0}}}@media screen and (min-width: 1400px){.menu__submenu{padding:2em}}.menu__submenu .submenu__item>a{display:flex;justify-content:space-between}@media screen and (max-width: 719px)and (orientation: landscape){.menu.site-menu__navigation{display:grid;grid-template-columns:repeat(3, 1fr);font-size:.85em}}@media screen and (min-width: 720px){.menu.site-menu__navigation{flex-direction:row;gap:2em;margin-block-start:0;align-items:stretch;font-size:.85em;width:100%;justify-content:flex-end}}@media screen and (min-width: 980px){.menu.site-menu__navigation{font-size:1em}}.site-header{position:relative;z-index:3}@media screen and (max-width: 979px){.site-header::after{content:"";height:2px;width:calc(100% - (var(--site-padding) * 2));border-radius:2px;background-color:var(--color-primary);position:absolute;inset-block-end:0;inset-inline-start:var(--site-padding);z-index:-1}@supports not (inset-block-start: 0){.site-header::after{bottom:0;left:var(--site-padding)}}}.site-header__title,.site-header .site-menu__header-title{line-height:1;font-size:1em;font-weight:500}@media screen and (min-width: 1200px){.site-header__title,.site-header .site-menu__header-title{font-size:1.5em}}.site-header__title>a{color:inherit;text-decoration:none}.site-header__title.vers--logo{font-size:clamp(1em, 3vw, 1.5em);display:flex;gap:.4em;align-items:center;position:relative;justify-self:start}.site-header__title.vers--logo::before{content:"";position:absolute;width:clamp(24px, 5vw, 44px);aspect-ratio:1/1;background-color:hsl(var(--accent-color) var(--color-weight-300));border-radius:50%;mix-blend-mode:color}.site-header__title.vers--logo>img{display:block;aspect-ratio:1/1;width:clamp(24px, 5vw, 44px);border-radius:50%}@supports not (aspect-ratio: 1/1){.site-header__title.vers--logo>img{width:32px;height:32px}}.site-header__title.vers--logo>figcaption{flex:1;display:flex;flex-direction:column;gap:.16em}.site-header__title.vers--logo>figcaption>a{font-family:var(--typeface-headings);text-decoration:none;font-weight:625;line-height:1}.site-header__title.vers--logo>figcaption>a::after{content:"";position:absolute;inset:0}.site-header__title.vers--logo>figcaption>small{font-family:var(--typeface-headings);font-size:.4em;font-feature-settings:"smcp","c2sc";font-weight:525;line-height:1;display:inline-flex;padding:.3em .8em;border-radius:1.6em;background-color:var(--color-accent-300)}@media screen and (min-width: 720px){.site-header__open-menu{display:none}}.site-menu{--site-footer-row: [footer] auto;--site-layout-rows: var(--site-header-row) var(--site-content-rows) var(--site-footer-row);position:fixed;inset-block-start:0;inset-inline-start:0;background-color:#fff;display:grid;grid-template-rows:var(--site-layout-rows);z-index:1;opacity:1;transition-timing-function:var(--base-easing);transition-duration:var(--base-animation-duration);padding:.5em;box-shadow:var(--shadow-fat);overflow-y:auto}@supports not (inset-block-start: 0){.site-menu{top:0;left:0}}@media screen and (orientation: portrait){.site-menu{height:100vh;width:85vw;transition-property:inset-inline-start,opacity}@supports not (inset-block-start: 0){.site-menu{transition-property:left,opacity}}}@media screen and (orientation: landscape){.site-menu{height:85vh;width:100vw;transition-property:inset-block-start,opacity}@supports not (inset-block-start: 0){.site-menu{transition-property:top,opacity}}}@media screen and (min-width: 720px){.site-menu{position:static;height:auto;background-color:transparent;display:flex;padding:0;z-index:0;width:auto;box-shadow:none;overflow-y:visible}}@media screen and (max-width: 719px){.site-menu:not(:target):not(.is-open){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px;opacity:0}}@media screen and (max-width: 719px)and (orientation: portrait){.site-menu:not(:target):not(.is-open){inset-inline-start:-3em}@supports not (inset-block-start: 0){.site-menu:not(:target):not(.is-open){left:-3em}}}@media screen and (max-width: 719px)and (orientation: landscape){.site-menu:not(:target):not(.is-open){inset-block-start:-0.5em}@supports not (inset-block-start: 0){.site-menu:not(:target):not(.is-open){top:-0.5em}}}.site-menu.moveout{opacity:0}@media screen and (orientation: portrait){.site-menu.moveout{inset-inline-start:-3em}@supports not (inset-block-start: 0){.site-menu.moveout{left:-3em}}}@media screen and (orientation: landscape){.site-menu.moveout{inset-block-start:-0.5em}@supports not (inset-block-start: 0){.site-menu.moveout{top:-0.5em}}}.site-menu__header{grid-row:header;display:flex;align-items:center;justify-content:space-between;gap:var(--site-padding);position:relative;padding:var(--site-padding)}@media screen and (min-width: 720px){.site-menu__header{display:none}}.site-menu__header::after{content:"";height:2px;width:calc(100% - (var(--site-padding) * 2));border-radius:2px;background-color:var(--color-dark);position:absolute;inset-block-end:0;inset-inline-start:var(--site-padding);opacity:.25}@supports not (inset-block-start: 0){.site-menu__header::after{bottom:0;left:var(--site-padding)}}.site-menu__header-title{color:var(--color-scorpion);font-weight:450}.site-menu__navigation{grid-row:main;padding:var(--site-padding)}@media screen and (min-width: 720px){.site-menu__navigation{padding:0}}.site-menu__footer{grid-row:footer;padding:var(--site-padding);display:flex;flex-direction:column;gap:1em}@media screen and (orientation: landscape)and (max-width: 719px){.site-menu__footer{flex-direction:row-reverse}}@media screen and (min-width: 720px){.site-menu__footer{display:none}}.site-menu__footer p{font-family:var(--typeface-paragraphs);font-size:.75em;color:var(--color-dark);font-style:italic}.site-menu__footer .button{align-self:start}.site-footer{position:relative;display:flex;align-items:center;flex-direction:column;gap:1em;z-index:2}.site-layout:where(.vers--page, .vers--single-post) .site-footer{background-color:#fff}@media screen and (min-width: 720px)and (orientation: landscape){.site-layout:where(.vers--page, .vers--single-post) .site-footer{background-color:transparent}}@media screen and (min-width: 980px){.site-layout:where(.vers--page, .vers--single-post) .site-footer{background-color:transparent}}@media screen and (max-width: 719px)and (orientation: landscape){.site-footer{justify-content:center}}@media screen and (min-width: 720px){.site-footer{justify-content:space-between;flex-direction:row}}@media screen and (max-width: 719px){.site-footer::before{content:"";height:2px;width:calc(100% - (var(--site-padding) * 2));border-radius:2px;background-color:var(--color-dark);position:absolute;inset-block-start:0;inset-inline-start:var(--site-padding)}:where(.site-layout.vers--page) .site-footer::before{opacity:.25}@supports not (inset-block-start: 0){.site-footer::before{top:0;left:var(--site-padding)}}}.site-footer__copy{line-height:1;font-family:var(--typeface-paragraphs);color:hsl(var(--color-hs-dark) 31%);font-weight:400;font-size:.65em}body:where(.ctx--index, .vers--posts-listing) .site-footer__copy{color:var(--color-primary)}@media screen and (max-width: 719px){.site-footer__copy{flex:1;line-height:1.5}}@media screen and (min-width: 720px){.site-footer__copy{grid-row:1}.site-footer__copy+.button{grid-column:6/-1;justify-self:end;grid-row:1}}@media screen and (min-width: 980px){.site-footer__copy{font-size:.875em}}.site-footer__settings{display:none;position:relative}@media screen and (min-width: 720px){.site-footer__settings{display:flex;flex-wrap:wrap;grid-column:span 2;grid-gap:1em}}.site-footer__settings-toggle{display:none}@keyframes headlineTargetBlink{50%{color:var(--color-accent-500)}}.main__illustration{display:inline-block;float:inline-end;margin-inline-start:2em;margin-block-end:2em}@supports not (float: inline-end){.main__illustration{float:right}}@media screen and (min-width: 980px){.main__illustration{margin:0}}@media screen and (max-width: 979px){.main__illustration>*{display:none}}.main__illustration-icon{display:block;width:clamp(6em, 15vw, 330px);color:var(--color-accent-300);margin:0}.main__illustration-icon svg{width:100%;height:auto}.main__illustration-icon svg path{stroke:currentColor;stroke-width:4}.main__illustration.vers--pills{position:relative}.main__illustration.vers--pills .main__illustration-big-pill{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;z-index:-1}@supports not (inset-block-start: 0){.main__illustration.vers--pills .main__illustration-big-pill{top:0;left:0}}.main__illustration.vers--pills .main__illustration-big-pill svg{display:block;width:100%;height:auto}.main__header{margin-block-end:var(--site-padding)}.main__header.main__header{margin-block-start:0}.main__title{font-family:var(--typeface-headings);font-weight:675;font-size:2em;line-height:1.25;margin:0;hyphens:auto}@media screen and (min-width: 720px){.main__title{font-size:2.5em}}@media screen and (min-width: 1200px){.main__title{font-size:3em}}@media screen and (min-width: 1700px){.main__title{font-size:3.5em}}.main__date{font-family:var(--typeface-headings);font-size:.9em;line-height:1.25;color:hsl(var(--color-hsl-dark) 31%);font-feature-settings:"c2sc","smcp";color:var(--color-primary);font-weight:475}.main__excerpt{margin-block-start:1em;font-size:1.15em}@media screen and (min-width: 1200px){.main__excerpt{font-size:1.5em}}.main__heading-wrapper{clear:both;position:relative}.main__heading-wrapper:where(:hover, :focus-within) .main__heading-link{opacity:1}.main__heading-wrapper :is(h2,h3,h5,h5,h6){margin-block-start:1em;margin-block-end:.5em}.main__heading-wrapper:first-child :is(h2,h3,h4,h5,h6){margin-block-start:0}.main__heading-wrapper :where(h2, h3, h4, h5, h6){display:inline-block}.main__heading-wrapper :where(h2, h3, h4, h5, h6):target{animation:headlineTargetBlink 800ms alternate}.main__heading-link{font-family:var(--typeface-headings);transform:translateX(-100%);width:1em;font-size:.85em;font-weight:600;color:var(--color-highlight)}@media screen and (min-width: 720px){.main__heading-link{opacity:0}}@media screen and (min-width: 1200px){.main__heading-wrapper h2+.main__heading-link{font-size:1.25em}.main__heading-wrapper h3+.main__heading-link{font-size:1em}.main__heading-wrapper h4+.main__heading-link{font-size:.9em}.main__heading-wrapper h5+.main__heading-link{font-size:.85em}.main__heading-wrapper h6+.main__heading-link{font-size:.85em}}.main__outline{font-size:.8em;margin-block-start:var(--site-padding);background-color:var(--color-accent-100);padding:1.5em;border-radius:15px}@supports(backdrop-filter: blur(10px)){.main__outline{backdrop-filter:blur(10px);opacity:.8}}@media screen and (min-width: 980px){.main__outline{font-size:.9em;background-color:transparent;opacity:1;backdrop-filter:none;margin-block-start:0 !important;padding:0}}@media screen and (min-width: 1200px){.main__outline{font-size:1em}}.main__outline-label{font-family:var(--typeface-headings);font-size:1.05em;font-weight:525;line-height:1}@media screen and (min-width: 980px){.main__outline-label{font-size:1em;font-weight:450;text-align:right;margin-block-end:2em}}.main__outline-label+*{margin-block-start:1em}@media screen and (min-width: 980px){.main__outline nav{position:sticky;inset-block-start:calc(var(--site-padding)/2)}@supports not (inset-block-start: 0){.main__outline nav{top:calc(var(--site-padding)/2)}}}.main__outline ol{padding-inline-start:0;list-style-type:none;counter-reset:section;width:100%;display:flex;flex-direction:column}.main__outline ol>li{font-family:var(--typeface-headings);font-size:1em;position:relative;font-weight:475}@media screen and (min-width: 980px){.main__outline ol>li{clear:both}}.main__outline ol>li a{text-decoration-color:currentColor}.main__outline ol>li a.is-current{font-weight:650}@media screen and (min-width: 980px){.main__outline ol>li a{font-size:1.125em;display:block;margin-bottom:.75em;text-align:right;padding-inline-end:2.5em}}.main__outline ol>li::before{counter-increment:section;content:counters(section, ".") ".";display:inline-block;font-feature-settings:"c2sc";font-weight:650;padding-inline-end:.5em;opacity:.5}@media screen and (min-width: 980px){.main__outline ol>li::before{position:absolute;inset-inline-end:calc(var(--site-padding)/2);inset-block-start:.25em;text-align:left;transform:translateX(calc(100% + .5em))}@supports not (inset-inline-end: 0){.main__outline ol>li::before{right:calc(var(--site-padding)/2);top:.25em}}}.main__footnotes{margin-block-start:max(var(--site-padding) / 2, 2em);border-block-start:2px solid hsl(var(--color-hs-dark) 85%);padding-block-start:max(var(--site-padding) / 2, 2em)}.main__footnotes :where(p){font-size:.95em;color:var(--color-dark);font-style:italic}:where(.main) :where(p, li, pre, address){font-family:var(--typeface-paragraphs);line-height:1.75;font-size:.9em}@media screen and (min-width: 980px){:where(.main) :where(p, li, pre, address){font-size:1em}}@media screen and (min-width: 1700px){:where(.main) :where(p, li, pre, address){font-size:1.125em}}:where(.main) :where(p, li, pre, address)+*:not(li){margin-block-start:1em}@media screen and (min-width: 980px){.site-layout:where(.vers--page, .vers--single-post) :where(.main){--column-illustration: 3fr;border-radius:0}}.site-layout:where(.vers--page, .vers--single-post) :where(.main)>:where(pre){line-height:1.5;font-size:.7em}.site-layout:where(.vers--page, .vers--single-post) :where(.main)>:where(ul, ol){display:flex;flex-direction:column}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .portrait{--int-margin: var(--margin, 1em);width:clamp(7em, 30%, 250px);float:inline-start;margin-inline-end:var(--int-margin);margin-block-end:var(--int-margin);display:flex;flex-direction:column;gap:.5em}@supports not (float: inline-start){.site-layout:where(.vers--page, .vers--single-post) :where(.main) .portrait{float:left}}@media screen and (min-width: 1200px){.site-layout:where(.vers--page, .vers--single-post) :where(.main) .portrait{--margin: calc(var(--site-padding)/2)}}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .portrait__image{border-radius:min(2.5vw, 15px);display:block;overflow:hidden;box-shadow:var(--shadow-fat)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .portrait__caption{font-size:.95em;color:var(--color-dark)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) blockquote{padding:1em;background-color:var(--color-accent-100);border-radius:15px}.site-layout:where(.vers--page, .vers--single-post) :where(.main) blockquote>p{font-style:italic;color:var(--color-accent-700)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) blockquote>p::before,.site-layout:where(.vers--page, .vers--single-post) :where(.main) blockquote>p::after{content:'"'}.site-layout:where(.vers--page, .vers--single-post) :where(.main) blockquote+*{margin-block-start:1em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) figure:not([class]){display:flex;flex-direction:column;gap:.5em;align-items:start;margin-block:2em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) figure:not([class])>img{display:block;max-width:100%;border-radius:2px;overflow:hidden;box-shadow:var(--shadow-fat)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) figure:not([class])>figcaption{font-family:var(--typeface-headings);font-size:.85em;line-height:1.3;font-weight:425;color:var(--color-dark)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .embed{margin-block:2em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h2, h3, h4, h5, h6, .main__heading-wrapper){line-height:1}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(p code){background-color:#fff;font-weight:500;color:#333;display:inline-block;padding:.1em .4em;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.15),0 3px 6px rgba(0,0,0,.08)}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h2){margin:0;font-size:1.75em;font-weight:625;line-height:1.25}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h2)+a{font-size:1.75em}@media screen and (min-width: 1200px){.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h2){font-size:1.75em}}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h3){font-size:1.35em;color:var(--color-highlight);font-weight:575}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(h3)+a{font-size:1.5em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) h4{margin:0;font-size:1.2em;font-weight:550;margin-block-start:.5em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) h5{margin:0;font-size:1em;font-weight:550;margin-block-start:.25em;font-feature-settings:"smcp","c2cp"}.site-layout:where(.vers--page, .vers--single-post) :where(.main) h6{margin:0;margin-block-start:.25em;font-size:.9em;font-weight:525}.site-layout:where(.vers--page, .vers--single-post) :where(.main) hr{border:0;height:2px;border-radius:2px;background-color:var(--color-dark);opacity:.25;margin-block:clamp(2em, 3vmax, 4em)}@media screen and (min-width: 720px){.site-layout:where(.vers--page, .vers--single-post) :where(.main) hr{grid-column:span 2;width:100%}}.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(small){display:block;font-size:.75em;line-height:1.75;color:var(--color-dark);opacity:.75}@media screen and (min-width: 720px)and (orientation: portrait){.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(small){grid-column:span 6}}@media screen and (min-width: 1200px){.site-layout:where(.vers--page, .vers--single-post) :where(.main) :where(small){font-size:.9em}}.site-layout:where(.vers--page, .vers--single-post) :where(.main)>*+*{margin-block-start:1em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .pull-link:not(:first-child){margin-block-start:1em}.site-layout:where(.vers--page, .vers--single-post) :where(.main) .pull-link:not(:last-child){margin-block-end:1em}@media screen and (min-width: 980px){.site-layout:where(.vers--case-study) :where(.main) .main__content{display:flex;flex-direction:column}}@media screen and (min-width: 980px)and (orientation: portrait){.site-layout:where(.vers--case-study) :where(.main) .main__content{text-align:center}}@media screen and (min-width: 1200px){.site-layout:where(.vers--case-study) :where(.main) .main__content{text-align:center}}@media screen and (min-width: 980px){.main.vers--content-page{--vertical-spacing: min(15vh, calc(var(--site-padding)) * 2);display:grid;grid-template-columns:inherit;gap:clamp(1em, 1vw, 40px)}}@media screen and (min-width: 980px){.main.vers--content-page .main__illustration{grid-column:illustration-start/illustration-end;grid-row:1/2;z-index:1;padding-block-start:var(--vertical-spacing)}}@media screen and (min-width: 980px)and (min-width: 980px){.main.vers--content-page .main__illustration-icon{transform:translateX(calc(var(--site-padding) * -1));position:absolute}}@media screen and (min-width: 980px){.main.vers--content-page .main__illustration-icon>svg{width:100%}}@media screen and (min-width: 980px){.main.vers--content-page .main__header{grid-column:main-start/main-end;grid-row:1;z-index:2;padding-block-start:var(--vertical-spacing)}}@media screen and (min-width: 980px){.main.vers--content-page .main__content{grid-column:main-start/main-end;grid-row:2;z-index:2;margin-block-start:0}}@media screen and (min-width: 1200px){.main.vers--listing-page.main{grid-column:2/-2;padding:var(--site-padding) 0}}@media screen and (min-width: 980px){.main.vers--single-post{grid-column:2/-2;padding:var(--site-padding) 0;display:grid;grid-template-columns:[side-start] 1fr [side-end text-start] 1.5fr [text-end];margin-inline:calc(var(--site-padding) * -1);column-gap:calc(var(--site-padding) / 2)}@supports not (margin-inline: 0){.main.vers--single-post{margin-inline-start:calc(var(--site-padding) * -1);margin-inline-end:calc(var(--site-padding) * -1)}}}.main.vers--single-post .main__header{position:relative}@media screen and (min-width: 980px){.main.vers--single-post .main__header{grid-column:1/-1;display:grid;grid-template-columns:inherit;margin-block-end:0;padding-block:var(--site-padding);gap:inherit}@supports not (padding-block: 0){.main.vers--single-post .main__header{padding-inline-start:var(--site-padding);padding-inline-end:var(--site-padding)}}}@media screen and (min-width: 980px){.main.vers--single-post .main__header-text{text-align:end;display:flex;flex-direction:column;gap:min(2.5vh, 2em)}}@media screen and (min-width: 980px){.main.vers--single-post .main__header-intro{align-self:end}}.main.vers--single-post .main__illustration{position:absolute;width:100%;inset-block-start:0;inset-inline-start:0;margin:0;z-index:-1;opacity:.5}@supports not (inset-block-start: 0){.main.vers--single-post .main__illustration{top:0;left:0}}@media screen and (min-width: 980px){.main.vers--single-post .main__illustration{height:100%;width:calc(100% + (var(--site-padding) * 2 ));inset-inline-start:50%;transform:translateX(-50%);opacity:1}@supports not (inset-inline-start: 0){.main.vers--single-post .main__illustration{left:50%}}}.main.vers--single-post .main__illustration>svg{display:block;width:100%;height:auto}@media screen and (min-width: 980px){.main.vers--single-post .main__title-tags{justify-content:flex-end}}@media screen and (min-width: 980px){.main.vers--single-post .main__excerpt{margin-block-start:0;padding:clamp(1em, 5vw, 1.5rem);border-radius:15px;background-color:rgba(255,255,255,.6)}@supports(backdrop-filter: blur(25px)){.main.vers--single-post .main__excerpt{background-color:rgba(255,255,255,.37);backdrop-filter:blur(25px)}}}@media screen and (min-width: 980px){.main.vers--single-post .main__outline{grid-column:side-start/side-end}}@media screen and (min-width: 980px){.main.vers--single-post .main__content{grid-column:text-start/text-end;margin-block-start:0;overflow:auto}}.posts-list{list-style-type:none;padding-inline-start:0;display:flex;flex-direction:column;gap:calc(var(--site-padding) / 2)}@media screen and (min-width: 720px){.posts-list{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:masonry}}.posts-list__item{font-size:1em}.posts-list__item:last-child{display:flex;align-items:center;justify-content:center;padding:var(--site-padding);grid-column:span 2}.listed-post{background-color:#fff;padding:1.5em;border-radius:5px;display:flex;flex-direction:column;gap:.5em;box-shadow:0 15px 42px rgba(0,0,0,.06);position:relative}@media screen and (min-width: 720px){.posts-list :where(.listed-post){padding:clamp(2em, 5vw, 4em)}}.listed-post__title{font-family:var(--typeface-headings);font-size:1.75em;font-weight:650}.listed-post__excerpt{font-family:var(--typeface-paragraphs);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin-top:.75em}.listed-post__date{font-family:var(--typeface-headings);font-size:.9em;line-height:1.25;color:hsl(var(--color-hsl-dark) 31%);font-feature-settings:"c2sc","smcp";margin-block-start:0;font-weight:500;font-size:.8em;display:flex;align-items:center;gap:1em}.listed-post__date .draft{display:inline-block;border-radius:3px;padding:.3em .5em;background-color:var(--color-accent-700);color:var(--color-accent-100);line-height:1}.listed-post__action{margin-block-start:2em;align-self:start}@media(hover: hover){.listed-post__action::before{content:"";position:absolute;inset:0}}.archive-list{padding:0;list-style-type:none;display:flex;flex-direction:column;gap:.5em}:where(.site-layout.vers--page) .main .archive-list{grid-column:1/-1}.archive-list__item{--background-color-lightness: 97%;background-color:hsl(var(--color-hs-accent) var(--background-color-lightness));padding:1em;border-radius:4px}.archive-list__item:nth-child(odd){--background-color-lightness: 99%}.archive-list__item-article{display:flex;gap:.5em;justify-content:space-between;align-items:center}.archive-list__item-title{font-family:var(--typeface-headings);margin-block-start:0 !important;font-weight:500 !important;font-size:1em !important}.archive-list__item-date{font-family:var(--typeface-headings);font-size:.9em;line-height:1.25;color:hsl(var(--color-hsl-dark) 31%);font-feature-settings:"c2sc","smcp";line-height:1;transform:translateY(0.15em);white-space:nowrap;display:flex;align-items:center;gap:1em}.archive-list__item-date .draft{display:inline-block;border-radius:3px;padding:.3em .5em;background-color:var(--color-accent-700);color:var(--color-accent-100);line-height:1}.experience-timeline{list-style-type:none;padding-inline-start:0;display:flex;flex-direction:column;gap:calc(var(--site-padding)*2)}@media screen and (min-width: 980px){.experience-timeline{gap:calc(var(--site-padding)/2)}}.experience-timeline__era{font-size:1em}@media screen and (min-width: 1200px){.experience-timeline__era{display:flex;gap:calc(var(--site-padding)/2);align-items:center}}.experience-timeline__date{display:block;font-family:var(--typeface-headings);font-feature-settings:"onum";color:hsl(var(--color-hs-dark) 47%);font-weight:650;font-size:1.35em;line-height:1;margin-block-end:var(--site-padding)}@media screen and (min-width: 980px){.experience-timeline__date{font-size:1.5em;margin-block-end:1em}}@media screen and (min-width: 1200px){.experience-timeline__date{font-size:2em;writing-mode:vertical-lr;color:hsl(var(--color-hs-dark) 76%);margin-block-end:0;position:sticky;top:var(--site-padding);bottom:var(--site-padding)}}.experience-timeline__events{content-visibility:auto;display:flex;flex-direction:column;list-style-type:none;padding-inline-start:0;gap:2em}@media screen and (min-width: 980px){.experience-timeline__events{gap:0}}.experience-timeline__events-item{font-size:1em}.experience-timeline__events-item+.experience-timeline__events-item{border-block-start:2px dotted hsl(var(--color-hs-dark) 85%);padding-block-start:var(--site-padding)}@media screen and (min-width: 980px){.experience-timeline__events-item+.experience-timeline__events-item{padding-block-start:0;border-block-start:none}}.experience-timeline__entry{--int-entry-type-size: 2em;--int-gap: .75em;display:grid;grid-template-columns:[content-start] 1fr [content-end type-start] var(--int-entry-type-size) [type-end];grid-gap:var(--int-gap);position:relative;border-radius:30px;transition-property:background-color;transition-timing-function:var(--base-easing);transition-duration:var(--base-animation-duration)}@media screen and (min-width: 720px){.experience-timeline__entry{--shift: calc( var(--int-entry-type-size) + var(--int-gap) );--int-entry-type-size: 2.5em;grid-template-columns:[type-start] var(--int-entry-type-size) [type-end content-start] 1fr [content-end]}}@media screen and (min-width: 720px)and (orientation: portrait){.experience-timeline__entry{--int-entry-type-size: 3em;--int-gap: 1.5em;align-items:center}}@media screen and (min-width: 980px){.experience-timeline__entry{--int-entry-type-size: 3em;--int-gap: 1.5em;align-items:center;padding:var(--int-gap)}}@media screen and (min-width: 1200px){.experience-timeline__entry{--int-entry-type-size: 5em;padding:calc(var(--int-gap) * 2)}}@media screen and (min-width: 720px){.experience-timeline__entry.is-expanded .experience-timeline__entry-text,.experience-timeline__entry:focus-within .experience-timeline__entry-text{padding-inline-start:0}.experience-timeline__entry.is-expanded .experience-timeline__entry-type,.experience-timeline__entry:focus-within .experience-timeline__entry-type{opacity:0}}@media screen and (min-width: 980px){.experience-timeline__entry.is-expanded,.experience-timeline__entry:focus-within{background-color:var(--color-accent-100)}}.experience-timeline__entry-type{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;border-radius:8px;grid-column:type-start/type-end;grid-row:1;-webkit-mask-image:paint(smooth-corners);--smooth-corners: 3.5;transition-property:opacity,transform;transition-timing-function:var(--base-easing);transition-duration:var(--base-animation-duration)}@supports not (aspect-ratio: 1/1){.experience-timeline__entry-type{height:var(--int-entry-type-size)}}@media screen and (min-width: 720px){.experience-timeline__entry-type{z-index:2}}.experience-timeline__entry-type svg{display:inline-block;height:58%}.experience-timeline__entry-type.vers--generic,.experience-timeline__entry-type.vers--education{background-color:var(--color-accent-100);--icon-color: var(--color-accent-300)}.experience-timeline__entry-type.vers--job{background-color:var(--color-accent-700);--icon-color: var(--color-accent-100)}.experience-timeline__entry-text{display:flex;flex-direction:column;gap:.25em;grid-column:content-start/content-end;grid-row:1;transition-property:padding-inline-start,padding-left;transition-timing-function:var(--base-easing);transition-duration:var(--base-animation-duration)}@media screen and (min-width: 720px){.experience-timeline__entry-text{z-index:1;grid-column:1/-1;padding-left:var(--shift);padding-inline-start:var(--shift)}}@media screen and (min-width: 1200px){.experience-timeline__entry-text{gap:.5em;display:grid;grid-template-columns:[text-start] 1fr [text-end action-start] auto [action-end]}}.experience-timeline__entry :where(.experience-timeline__entry-title){font-family:var(--typeface-headings);margin-block-start:0;line-height:1.25;font-size:1.125em;padding-block:.25em}@media screen and (min-width: 720px){.experience-timeline__entry :where(.experience-timeline__entry-title){padding:0}}@media screen and (min-width: 1200px){.experience-timeline__entry :where(.experience-timeline__entry-title){grid-column:text-start/action-end}}.experience-timeline__entry-meta{font-family:var(--typeface-headings);font-size:.8125em;color:hsl(var(--color-hs-dark) 25%);font-weight:525;font-feature-settings:"c2sc","smcp";line-height:1;display:flex;align-items:center;gap:.5em}@media screen and (min-width: 1200px){.experience-timeline__entry-meta{grid-column:text-start/text-end;font-size:.9em}}.experience-timeline__entry-meta svg{height:1em;width:auto}.experience-timeline__entry-tags{padding-inline-start:0;list-style-type:none;display:flex;gap:.25em;flex-wrap:wrap;margin-block-start:.5em}@media screen and (min-width: 1200px){.experience-timeline__entry-tags{grid-column:text-start/text-end}}.experience-timeline__entry-action{margin-block-start:.5em}@media screen and (min-width: 1200px){.experience-timeline__entry-action{grid-column:action-start/action-end}}.experience-timeline__entry-details{grid-column:1/-1;height:0;opacity:0;overflow:hidden;transition-property:opacity,height;transition-timing-function:var(--base-easing);transition-duration:250ms;margin-block-start:var(--int-gap)}.experience-timeline__entry:focus-within{opacity:1;height:auto}.experience-timeline__entry-details .list--horizontal{margin-block-start:var(--int-gap)}.experience-timeline__entry-details p{font-size:1em}.experience-timeline__entry.vers--minor .experience-timeline__entry-title{font-family:var(--typeface-paragraphs);font-size:1em;font-weight:500;color:hsl(var(--color-hs-dark) 45%)}@media screen and (min-width: 980px){.experience-timeline__entry.vers--minor .experience-timeline__entry-title{font-size:1.25em}}.experience-timeline__entry.vers--major .experience-timeline__entry-title{font-weight:625}@media screen and (min-width: 720px)and (orientation: portrait){.experience-timeline__entry.vers--major .experience-timeline__entry-title{font-size:1.3em}}@media screen and (min-width: 980px){.experience-timeline__entry.vers--major .experience-timeline__entry-title{font-size:1.75em}}@media screen and (min-width: 1200px){.experience-timeline__entry.vers--major .experience-timeline__entry-title{font-size:2em}}.experience-timeline__entry.vers--hire-me .experience-timeline__entry-type{background-color:var(--color-primary)}.case-studies-list{list-style-type:none;padding-inline-start:0;display:flex;flex-direction:column;gap:var(--site-padding);width:100%}.case-studies-list__item{font-size:1em}@media screen and (min-width: 720px){.case-studies-list__item:nth-child(even) .case-study--listed{flex-direction:row-reverse;text-align:end}.case-studies-list__item:nth-child(even) .case-study--listed .case-study__tags{justify-content:flex-end}.case-studies-list__item:nth-child(even) .case-study--listed .case-study__action{margin-inline-start:auto}}.case-study{gap:calc(var(--site-padding)/2)}.case-study__header{display:flex;flex-direction:column;gap:1em;margin-block-end:calc(var(--site-padding) * 2)}@media screen and (min-width: 980px){.case-study__header{align-items:center;margin-block-end:0;gap:calc(var(--site-padding)/2)}}.case-study__logo>svg{display:block;max-width:100%;height:2em;width:auto}@media screen and (min-width: 980px){.case-study__logo>svg{height:4em}}@media screen and (min-width: 980px){.case-study__tags{justify-content:center;max-width:600px}}@media screen and (min-width: 1200px){.case-study__intro{columns:2;column-gap:calc(var(--site-padding)/2)}.case-study__intro>*{text-align:end}.case-study__intro>*+*{text-align:start}}@media screen and (min-width: 720px)and (orientation: portrait){.case-study__content p{max-width:100% !important}}@media screen and (min-width: 1200px){.case-study__content p{max-width:60ch !important;margin-inline-start:auto;margin-inline-end:auto}}.case-study__content .main__heading-wrapper+*{margin-block-start:1em}.case-study__content-block{display:flex;flex-direction:column;gap:var(--site-padding)}.case-study__content-block+*{margin-block-start:var(--site-padding)}@media screen and (min-width: 1200px){.case-study__content-block{flex-direction:row;align-items:center;gap:calc(var(--site-padding)/2)}.case-study__content-block .case-study__content-block-text{flex:2;text-align:start}.case-study__content-block .case-study__content-block-aside{flex:1}}.case-study__content-block-aside{flex-wrap:wrap}@media screen and (min-width: 1200px){.case-study__content-block.vers--single-column{flex-direction:column;text-align:center}.case-study__content-block.vers--single-column .case-study__content-block-text{text-align:center}.case-study__content-block.vers--single-column .case-study__content-block-aside{text-align:center;flex-direction:row}}.case-study__gallery{--int-max-items: var(--max-items, 2);list-style-type:none;padding-inline-start:0;display:grid;grid-auto-columns:100%;overflow-x:auto;scroll-padding:2em;scroll-snap-type:x mandatory;width:100%}@media screen and (min-width: 720px){.case-study__gallery{grid-auto-columns:minmax(calc(100%/var(--int-max-items)), 100%)}}.case-study__gallery-item{--int-padding: 1em;font-size:1em;grid-row:1;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1em;padding:var(--int-padding);overflow:visible}@media(hover: hover){.case-study__gallery-item.show-fullsize{position:relative;perspective:500px}.case-study__gallery-item.show-fullsize>img,.case-study__gallery-item.show-fullsize .case-study__gallery-item-fullsize{transition-property:transform,opacity;transition-duration:var(--base-animation-duration);transition-timing-function:var(--base-easing)}.case-study__gallery-item.show-fullsize>img{transform-origin:top center}.case-study__gallery-item.show-fullsize .case-study__gallery-item-fullsize{--offset: 0;position:absolute;inset-block-end:var(--int-padding);inset-inline-start:50%;transform:translate(-50%, var(--offset));opacity:0}.case-study__gallery-item.show-fullsize:hover>img,.case-study__gallery-item.show-fullsize:focus-within>img{opacity:.75;transform:rotateX(-15deg)}.case-study__gallery-item.show-fullsize:hover .case-study__gallery-item-fullsize,.case-study__gallery-item.show-fullsize:focus-within .case-study__gallery-item-fullsize{opacity:1;--offset: -2em}}@media screen and (min-width: 1200px){.case-study__gallery-item{padding:2.5em}}.case-study__gallery-item>img{display:block;background-color:#fff;border-radius:15px;box-shadow:var(--shadow-fat);width:100%}@media screen and (min-width: 1200px){.case-study__gallery-item>img{border-radius:30px}}.case-study__gallery+*{margin-block-start:var(--site-padding)}.case-study--listed{display:flex;flex-direction:column;gap:1.5em;text-decoration:none;position:relative;width:100%;padding:clamp(1.5em, 10vw, 2em);background-color:#fff;border-radius:7px;box-shadow:var(--shadow-fat)}@media screen and (min-width: 720px){.case-study--listed{padding:0;background-color:transparent;box-shadow:none;border-radius:0;flex-direction:row;gap:clamp(1.5em, 10vw, var(--site-padding)/2);align-items:center}}.case-study--listed .case-study__cover{order:1;align-self:center;flex-basis:clamp(270px, 40%, 480px)}.case-study--listed .case-study__cover>img{display:block;width:100%;max-width:100%;height:auto}.case-study--listed .case-study__text{order:2;display:flex;flex-direction:column;gap:1em;font-size:.8em}@media screen and (min-width: 720px){.case-study--listed .case-study__text{flex:2;order:1}}@media screen and (min-width: 1200px){.case-study--listed .case-study__text{font-size:1em}}.case-study--listed .case-study__text>*+*{margin-block-start:0}.case-study--listed .case-study__tags{justify-content:flex-start}.case-study--listed .case-study__action{width:auto}@media(hover: hover){.case-study--listed .case-study__action::before{content:"";position:absolute;inset:0}}@media screen and (min-width: 720px){.case-study--listed .case-study__action{align-self:start}}.case-study--listed .case-study__title{margin-block-start:0}