*{text-decoration-thickness:inherit}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;text-size-adjust:100%}body{height:100%;font-size:1.2rem;-webkit-font-smoothing:antialiased;line-height:1;text-rendering:optimizelegibility}img,picture,video,canvas,svg,iframe{display:block;max-width:100%;vertical-align:bottom;border:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;border:0}ol,ul,menu{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a:hover,a:active{outline:none}table{border-collapse:collapse;border-spacing:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}@font-face{font-family:sohne;font-display:auto;font-style:normal;font-weight:400;src:url(/dist/assets/sohnebreit-halbfett-wnP5Oo7l.woff2) format("woff2"),url(/dist/assets/sohnebreit-halbfett-DlxltBWA.woff) format("woff"),url(/dist/assets/sohnebreit-halbfett-DPOQpUpT.ttf) format("truetype")}@font-face{font-family:sohne-trim;font-display:auto;font-style:normal;font-weight:400;descent-override:0%;src:url(/dist/assets/sohnebreit-halbfett-wnP5Oo7l.woff2) format("woff2"),url(/dist/assets/sohnebreit-halbfett-DlxltBWA.woff) format("woff"),url(/dist/assets/sohnebreit-halbfett-DPOQpUpT.ttf) format("truetype")}@font-face{font-family:poppins;font-display:auto;font-style:italic;font-weight:400;src:url(/dist/assets/poppins-italic-dO5fng8J.woff2) format("woff2"),url(/dist/assets/poppins-italic-CX2PTBxv.woff) format("woff"),url(/dist/assets/poppins-italic-CAC6BcE4.ttf) format("opentype")}@font-face{font-family:poppins;font-display:auto;font-style:normal;font-weight:400;src:url(/dist/assets/poppins-regular-DTjFG4G-.woff2) format("woff2"),url(/dist/assets/poppins-regular-B6DXTVO-.woff) format("woff"),url(/dist/assets/poppins-regular-Ctb52xxm.ttf) format("opentype")}@font-face{font-family:poppins;font-display:auto;font-style:normal;font-weight:700;src:url(/dist/assets/poppins-bold-BI3NI92t.woff2) format("woff2"),url(/dist/assets/poppins-bold-D9eZJgbt.woff) format("woff"),url(/dist/assets/poppins-bold-BAdAqWtB.ttf) format("opentype")}.prose{-webkit-hyphens:manual;hyphens:manual}.prose h1:not(:last-child),.prose h2:not(:last-child),.prose h3:not(:last-child),.prose h4:not(:last-child),.prose h5:not(:last-child),.prose h6:not(:last-child),.prose p:not(:last-child),.prose ol:not(:last-child),.prose ul:not(:last-child),.prose li:not(:last-child){margin-bottom:1em}.prose ul{padding-left:1em;list-style:disc outside}.prose ol{padding-left:1em;list-style:numeric outside}:root{--color-white: #FFF;--color-black: #333;--color-page: var(--color-black);--fade: .5;--line: 1px;--line-thick: 2px;--easing: .3s;--easing-slow: .6s;--border: var(--line) solid;--border-radius: .3rem;--space-0: 1rem;--space-1: 2rem;--space-2: 3rem;--space-3: 6rem;--space-4: 10rem;--space-gutter: var(--space-1);--z-menu: 1;--menu-font-size: 1.4rem;--menu-text-transform: lowercase;--menu-line-height: 100%;--h1-font-family: sohne-trim, sans-serif;--h1-font-size: 9.6rem;--h1-letter-spacing: 1%;--h1-line-height: 96%;--h2-font-family: sohne-trim, sans-serif;--h2-font-size: 7.2rem;--h2-letter-spacing: 1%;--h2-line-height: 96%;--h3-font-family: sohne, sans-serif;--h3-font-size: 3.6rem;--h3-line-height: 102%;--body-font-family: poppins, sans-serif;--body-font-size: 2.2rem;--body-line-height: 125%;--body-text-decoration-thickness: 1px;--body-text-underline-offset: .2em;--body-text-decoration-skip-ink: none;--ui-font-size: 1.4rem;--ui-text-transform: lowercase;--small-font-size: 1.4rem;--small-line-height: 125%}@media (max-width: 1024px){:root{--h1-font-size: 7.2rem;--h2-font-size: 6rem;--h3-font-size: 3rem}}@media (max-width: 800px){:root{--space-0: .8rem;--space-1: 1.4rem;--space-2: 2.4rem;--space-3: 4.8rem;--space-4: 7.2rem;--h1-font-size: 4.8rem;--h2-font-size: 3.6rem;--h3-font-size: 2.1rem;--body-font-size: 1.8rem;--menu-font-size: 1.4rem;--ui-font-size: 1.6rem;--small-font-size: 1.4rem}}@media (prefers-reduced-motion){:root{--easing: 0ms;--easing-slow: 0ms}}.no-transition{--easing: 0ms;--easing-slow: 0ms}@keyframes fade-in{0%{opacity:0;transform:translate(-1rem)}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0;transform:translate(1rem)}}html{scroll-behavior:smooth;scroll-padding:calc(var(--menu-height) + var(--space-gutter) - 1px);scrollbar-gutter:stable;min-height:100%}body{font-family:var(--body-font-family, inherit);font-size:var(--body-font-size, inherit);font-weight:var(--body-font-weight, inherit);font-style:var(--body-font-style, normal);font-synthesis:var(--body-font-synthesis, none);font-feature-settings:var(--body-font-feature-settings, initial);font-variant:var(--body-font-variant, none);font-kerning:var(--body-font-kerning, auto);line-height:var(--body-line-height, inherit);text-transform:var(--body-text-transform, none);text-underline-offset:var(--body-text-underline-offset, inherit);text-decoration-thickness:var(--body-text-decoration-thickness, from-font);word-spacing:var(--body-word-spacing, normal);letter-spacing:var(--body-letter-spacing, normal);font-variation-settings:var(--body-font-variation-settings, initial);display:flex;flex-direction:column;min-height:100vh;color:var(--color-black);background:var(--color-white)}html[data-hash=debug] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,transparent var(--space-gutter),rgba(255,0,0,.05) 0);background-size:calc((100vw - var(--space-gutter)) / 8)}body>*{transition-duration:var(--easing, .12s);transition-property:color;transition-timing-function:cubic-bezier(.25,.1,.25,1);color:var(--color-page)}main{flex:1;padding:var(--space-gutter);margin-top:var(--menu-height)}::selection{color:contrast-color(var(--color-page, var(--color-black)));background:var(--color-page, var(--color-black))}a,button,input,label{-webkit-tap-highlight-color:rgba(255,255,255,0)}a{color:inherit;text-decoration-line:none;text-decoration-thickness:inherit}.prose a{text-decoration-line:underline;text-underline-offset:inherit;text-decoration-thickness:inherit;text-decoration-color:currentcolor}a[href^="tel:"]{text-decoration:none}figure img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;object-fit:cover;object-position:var(--focus-x, 50%) var(--focus-y, 50%);border-radius:var(--border-radius)}figure img[data-lazyload]{transition-duration:var(--easing-slow);transition-property:opacity;transition-timing-function:cubic-bezier(.25,.1,.25,1);opacity:0}figure img[data-lazyload][data-decoded=true]{opacity:1}figure img[data-photoswipe]{cursor:pointer;cursor:zoom-in}figure figcaption{font-family:var(--small-font-family, inherit);font-size:var(--small-font-size, inherit);font-weight:var(--small-font-weight, inherit);font-style:var(--small-font-style, normal);font-synthesis:var(--small-font-synthesis, none);font-feature-settings:var(--small-font-feature-settings, initial);font-variant:var(--small-font-variant, none);font-kerning:var(--small-font-kerning, auto);line-height:var(--small-line-height, inherit);text-transform:var(--small-text-transform, none);text-underline-offset:var(--small-text-underline-offset, inherit);text-decoration-thickness:var(--small-text-decoration-thickness, from-font);word-spacing:var(--small-word-spacing, normal);letter-spacing:var(--small-letter-spacing, normal);font-variation-settings:var(--small-font-variation-settings, initial);margin-block:var(--space-0);opacity:var(--fade)}figure figcaption:empty{display:none}.article{margin-bottom:var(--space-4)}.article>*{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both}@media (prefers-reduced-motion){.article>*{animation:none}}.article>*:nth-child(0){animation-delay:0ms}.article>*:nth-child(1){animation-delay:75ms}.article>*:nth-child(2){animation-delay:.15s}.article>*:nth-child(3){animation-delay:225ms}.article header{position:relative;gap:var(--space-gutter);margin-block:var(--space-gutter);border-bottom:var(--border)}.article__header{padding-bottom:var(--space-gutter)}.article header h2,.article header h3{font-family:var(--h1-font-family, inherit);font-size:var(--h1-font-size, inherit);font-weight:var(--h1-font-weight, inherit);font-style:var(--h1-font-style, normal);font-synthesis:var(--h1-font-synthesis, none);font-feature-settings:var(--h1-font-feature-settings, initial);font-variant:var(--h1-font-variant, none);font-kerning:var(--h1-font-kerning, auto);line-height:var(--h1-line-height, inherit);text-transform:var(--h1-text-transform, none);text-underline-offset:var(--h1-text-underline-offset, inherit);text-decoration-thickness:var(--h1-text-decoration-thickness, from-font);word-spacing:var(--h1-word-spacing, normal);letter-spacing:var(--h1-letter-spacing, normal);font-variation-settings:var(--h1-font-variation-settings, initial);width:calc((100vw - var(--space-gutter)) / 8 * 6 - var(--space-gutter))}@media (max-width: 1024px){.article header h2,.article header h3{width:calc((100vw - var(--space-gutter)) / 8 * 7 - var(--space-gutter))}}.article header h2[data-symbol]:before,.article header h3[data-symbol]:before{font-family:var(--h3-font-family, inherit);font-size:var(--h3-font-size, inherit);font-weight:var(--h3-font-weight, inherit);font-style:var(--h3-font-style, normal);font-synthesis:var(--h3-font-synthesis, none);font-feature-settings:var(--h3-font-feature-settings, initial);font-variant:var(--h3-font-variant, none);font-kerning:var(--h3-font-kerning, auto);line-height:var(--h3-line-height, inherit);text-transform:var(--h3-text-transform, none);text-underline-offset:var(--h3-text-underline-offset, inherit);text-decoration-thickness:var(--h3-text-decoration-thickness, from-font);word-spacing:var(--h3-word-spacing, normal);letter-spacing:var(--h3-letter-spacing, normal);font-variation-settings:var(--h3-font-variation-settings, initial);content:attr(data-symbol);display:block;opacity:var(--fade)}.article header nav{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--h3-font-family, inherit);font-size:var(--h3-font-size, inherit);font-weight:var(--h3-font-weight, inherit);font-style:var(--h3-font-style, normal);font-synthesis:var(--h3-font-synthesis, none);font-feature-settings:var(--h3-font-feature-settings, initial);font-variant:var(--h3-font-variant, none);font-kerning:var(--h3-font-kerning, auto);line-height:var(--h3-line-height, inherit);text-transform:var(--h3-text-transform, none);text-underline-offset:var(--h3-text-underline-offset, inherit);text-decoration-thickness:var(--h3-text-decoration-thickness, from-font);word-spacing:var(--h3-word-spacing, normal);letter-spacing:var(--h3-letter-spacing, normal);font-variation-settings:var(--h3-font-variation-settings, initial);position:absolute;right:0;bottom:var(--space-gutter);display:flex;gap:var(--space-gutter);font-family:sohne-trim,sans-serif}.article header nav a{transition-duration:var(--easing, .12s);transition-property:opacity;transition-timing-function:cubic-bezier(.25,.1,.25,1);position:relative}.article header nav a:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.article header nav [disabled],.article header nav:has(:hover:not([disabled])) a:not(:hover){opacity:var(--fade)}.article__subtitle{font-family:var(--h3-font-family, inherit);font-size:var(--h3-font-size, inherit);font-weight:var(--h3-font-weight, inherit);font-style:var(--h3-font-style, normal);font-synthesis:var(--h3-font-synthesis, none);font-feature-settings:var(--h3-font-feature-settings, initial);font-variant:var(--h3-font-variant, none);font-kerning:var(--h3-font-kerning, auto);line-height:var(--h3-line-height, inherit);text-transform:var(--h3-text-transform, none);text-underline-offset:var(--h3-text-underline-offset, inherit);text-decoration-thickness:var(--h3-text-decoration-thickness, from-font);word-spacing:var(--h3-word-spacing, normal);letter-spacing:var(--h3-letter-spacing, normal);font-variation-settings:var(--h3-font-variation-settings, initial);padding-bottom:var(--space-gutter);margin-top:var(--space-gutter);border-bottom:var(--border)}.article__content>*:not(:last-child){margin-bottom:var(--space-gutter)}.article__content [data-cols="1"] .prose{margin-inline:auto}@media (max-width: 1024px){.article__content [data-cols="1"] .prose{margin-inline:unset}}.article__content [data-cols="1"] figure{margin-bottom:var(--space-2)}.article__content [data-cols="2"]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-gutter)}@media (max-width: 1024px){.article__content [data-cols="2"]{grid-template-columns:1fr}}.article__content [data-cols="2"] .prose{padding-right:var(--space-gutter)}.article__content .prose{max-width:65ch}.article__content header h3{font-family:var(--h2-font-family, inherit);font-size:var(--h2-font-size, inherit);font-weight:var(--h2-font-weight, inherit);font-style:var(--h2-font-style, normal);font-synthesis:var(--h2-font-synthesis, none);font-feature-settings:var(--h2-font-feature-settings, initial);font-variant:var(--h2-font-variant, none);font-kerning:var(--h2-font-kerning, auto);line-height:var(--h2-line-height, inherit);text-transform:var(--h2-text-transform, none);text-underline-offset:var(--h2-text-underline-offset, inherit);text-decoration-thickness:var(--h2-text-decoration-thickness, from-font);word-spacing:var(--h2-word-spacing, normal);letter-spacing:var(--h2-letter-spacing, normal);font-variation-settings:var(--h2-font-variation-settings, initial);margin-bottom:var(--space-gutter)}.article__content header h4{font-family:var(--h3-font-family, inherit);font-size:var(--h3-font-size, inherit);font-weight:var(--h3-font-weight, inherit);font-style:var(--h3-font-style, normal);font-synthesis:var(--h3-font-synthesis, none);font-feature-settings:var(--h3-font-feature-settings, initial);font-variant:var(--h3-font-variant, none);font-kerning:var(--h3-font-kerning, auto);line-height:var(--h3-line-height, inherit);text-transform:var(--h3-text-transform, none);text-underline-offset:var(--h3-text-underline-offset, inherit);text-decoration-thickness:var(--h3-text-decoration-thickness, from-font);word-spacing:var(--h3-word-spacing, normal);letter-spacing:var(--h3-letter-spacing, normal);font-variation-settings:var(--h3-font-variation-settings, initial);margin-bottom:var(--space-gutter)}@media (max-width: 800px){.article__content .playground__content{margin-inline:calc(-1 * var(--space-gutter));border-radius:0}}.article__content .columns:not(:first-child) header h3,.article__content header:not(:first-child){margin-top:var(--space-3)}.card{transition-duration:var(--easing, .12s);transition-property:color;transition-timing-function:cubic-bezier(.25,.1,.25,1)}.card:hover,.card:focus-within{color:var(--color-page)}.card>a{display:grid;align-items:end;grid-template-columns:calc((100vw - var(--space-gutter)) / 8 * 6 - var(--space-gutter)) calc((100vw - var(--space-gutter)) / 8 * 2 - var(--space-gutter));gap:var(--space-gutter);padding-block:var(--space-2) var(--space-gutter);border-bottom:var(--border)}@media (max-width: 800px){.card>a{grid-template-columns:1fr;padding-top:var(--space-gutter)}}.card__title{font-family:var(--h2-font-family, inherit);font-size:var(--h2-font-size, inherit);font-weight:var(--h2-font-weight, inherit);font-style:var(--h2-font-style, normal);font-synthesis:var(--h2-font-synthesis, none);font-feature-settings:var(--h2-font-feature-settings, initial);font-variant:var(--h2-font-variant, none);font-kerning:var(--h2-font-kerning, auto);line-height:var(--h2-line-height, inherit);text-transform:var(--h2-text-transform, none);text-underline-offset:var(--h2-text-underline-offset, inherit);text-decoration-thickness:var(--h2-text-decoration-thickness, from-font);word-spacing:var(--h2-word-spacing, normal);letter-spacing:var(--h2-letter-spacing, normal);font-variation-settings:var(--h2-font-variation-settings, initial);width:calc((100vw - var(--space-gutter)) / 8 * 5 - var(--space-gutter))}@media (max-width: 800px){.card__title{width:auto}}.card__title:before{font-family:var(--h3-font-family, inherit);font-size:var(--h3-font-size, inherit);font-weight:var(--h3-font-weight, inherit);font-style:var(--h3-font-style, normal);font-synthesis:var(--h3-font-synthesis, none);font-feature-settings:var(--h3-font-feature-settings, initial);font-variant:var(--h3-font-variant, none);font-kerning:var(--h3-font-kerning, auto);line-height:var(--h3-line-height, inherit);text-transform:var(--h3-text-transform, none);text-underline-offset:var(--h3-text-underline-offset, inherit);text-decoration-thickness:var(--h3-text-decoration-thickness, from-font);word-spacing:var(--h3-word-spacing, normal);letter-spacing:var(--h3-letter-spacing, normal);font-variation-settings:var(--h3-font-variation-settings, initial);content:attr(data-number);display:block;opacity:var(--fade)}.card figure{align-self:stretch}.contact{margin-inline:var(--space-gutter)}.contact h3{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, inherit);font-weight:var(--ui-font-weight, inherit);font-style:var(--ui-font-style, normal);font-synthesis:var(--ui-font-synthesis, none);font-feature-settings:var(--ui-font-feature-settings, initial);font-variant:var(--ui-font-variant, none);font-kerning:var(--ui-font-kerning, auto);line-height:var(--ui-line-height, inherit);text-transform:var(--ui-text-transform, none);text-underline-offset:var(--ui-text-underline-offset, inherit);text-decoration-thickness:var(--ui-text-decoration-thickness, from-font);word-spacing:var(--ui-word-spacing, normal);letter-spacing:var(--ui-letter-spacing, normal);font-variation-settings:var(--ui-font-variation-settings, initial);opacity:var(--fade)}.contact__columns{display:grid;grid-template-columns:calc((100vw - var(--space-gutter)) / 8 * 2 - var(--space-gutter)) calc((100vw - var(--space-gutter)) / 8 * 2 - var(--space-gutter));gap:var(--space-gutter)}@media (max-width: 1024px){.contact__columns{grid-template-columns:calc((100vw - var(--space-gutter)) / 8 * 4 - var(--space-gutter)) calc((100vw - var(--space-gutter)) / 8 * 4 - var(--space-gutter))}}@media (max-width: 800px){.contact__columns{grid-template-columns:1fr}}.footer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--menu-font-family, inherit);font-size:var(--menu-font-size, inherit);font-weight:var(--menu-font-weight, inherit);font-style:var(--menu-font-style, normal);font-synthesis:var(--menu-font-synthesis, none);font-feature-settings:var(--menu-font-feature-settings, initial);font-variant:var(--menu-font-variant, none);font-kerning:var(--menu-font-kerning, auto);line-height:var(--menu-line-height, inherit);text-transform:var(--menu-text-transform, none);text-underline-offset:var(--menu-text-underline-offset, inherit);text-decoration-thickness:var(--menu-text-decoration-thickness, from-font);word-spacing:var(--menu-word-spacing, normal);letter-spacing:var(--menu-letter-spacing, normal);font-variation-settings:var(--menu-font-variation-settings, initial);justify-content:space-between;padding-block:var(--space-gutter);margin-inline:var(--space-gutter);margin-top:var(--space-gutter);border-top:var(--border)}.footer,.footer__links,.footer .flexgroup{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 800px){.footer,.footer__links,.footer .flexgroup{gap:var(--space-0)}}.footer a{transition-duration:var(--easing, .12s);transition-property:opacity;transition-timing-function:cubic-bezier(.25,.1,.25,1);position:relative}.footer a:before{content:"";position:absolute;inset:calc(-1 * var(--space-gutter))}.footer__links:has(.is-active,:hover) .footer__link:not(:has(.is-active,:hover)) a{opacity:var(--fade)}.footer__text{text-transform:initial}@media (max-width: 800px){.footer__text{width:100%}}:root{--gallery-height: 50vh;--gallery-spacing: var(--space-gutter)}.gallery{overflow:hidden}.gallery ul{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--gallery-spacing) * -1)}@media (max-width: 800px){.gallery ul{flex-direction:column;gap:var(--gallery-spacing);margin-left:0}}.gallery li{flex:0 0 auto;min-width:0;padding-left:var(--gallery-spacing);transform:translateZ(0)}@media (max-width: 800px){.gallery li{padding-left:0}}.gallery figure{height:var(--gallery-height)}@media (max-width: 800px){.gallery figure{height:auto}}:root{--menu-height: 5.4rem;--menu-logo-font-family: sohne, sans-serif;--menu-logo-font-size: var(--menu-font-size);--menu-logo-text-transform: uppercase;--menu-logo-letter-spacing: 8%;--menu-logo-line-height: var(--menu-line-height)}@media (max-width: 800px){:root{--menu-height: 4.2rem}}#toggle-menu{display:none}.menu{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;z-index:var(--z-menu);inset:0 0 auto;padding:var(--space-gutter);overflow:hidden;background:var(--color-white)}.menu:after{content:"";position:absolute;inset:auto var(--space-gutter) 0;border-bottom:var(--border)}.menu,.menu nav,.menu__links{display:flex;gap:var(--space-2)}.menu nav{flex:1;justify-content:space-between}@media (max-width: 800px){.menu nav{position:fixed;inset:var(--menu-height) 0 0 0;display:none;padding:var(--space-gutter);background:var(--color-white)}}@media (max-width: 800px){.menu nav,.menu__links{flex-direction:column;gap:var(--space-0)}.menu nav:last-child:not(:first-child),.menu__links:last-child:not(:first-child){text-align:right}.menu nav a,.menu__links a{font-family:var(--h2-font-family, inherit);font-size:var(--h2-font-size, inherit);font-weight:var(--h2-font-weight, inherit);font-style:var(--h2-font-style, normal);font-synthesis:var(--h2-font-synthesis, none);font-feature-settings:var(--h2-font-feature-settings, initial);font-variant:var(--h2-font-variant, none);font-kerning:var(--h2-font-kerning, auto);line-height:var(--h2-line-height, inherit);text-transform:var(--h2-text-transform, none);text-underline-offset:var(--h2-text-underline-offset, inherit);text-decoration-thickness:var(--h2-text-decoration-thickness, from-font);word-spacing:var(--h2-word-spacing, normal);letter-spacing:var(--h2-letter-spacing, normal);font-variation-settings:var(--h2-font-variation-settings, initial);text-transform:lowercase}.menu nav a:after,.menu__links a:after{content:unset}}.menu a,.menu label[for=toggle-menu]{font-family:var(--menu-font-family, inherit);font-size:var(--menu-font-size, inherit);font-weight:var(--menu-font-weight, inherit);font-style:var(--menu-font-style, normal);font-synthesis:var(--menu-font-synthesis, none);font-feature-settings:var(--menu-font-feature-settings, initial);font-variant:var(--menu-font-variant, none);font-kerning:var(--menu-font-kerning, auto);line-height:var(--menu-line-height, inherit);text-transform:var(--menu-text-transform, none);text-underline-offset:var(--menu-text-underline-offset, inherit);text-decoration-thickness:var(--menu-text-decoration-thickness, from-font);word-spacing:var(--menu-word-spacing, normal);letter-spacing:var(--menu-letter-spacing, normal);font-variation-settings:var(--menu-font-variation-settings, initial);transition-duration:var(--easing, .12s);transition-property:opacity;transition-timing-function:cubic-bezier(.25,.1,.25,1);position:relative;display:block;white-space:nowrap}.menu a:before,.menu label[for=toggle-menu]:before{content:"";position:absolute;inset:calc(-1 * var(--space-gutter))}.menu a[href*=colorlab],.menu label[for=toggle-menu][href*=colorlab]{text-transform:initial}.menu h1 a{font-family:var(--menu-logo-font-family, inherit);font-size:var(--menu-logo-font-size, inherit);font-weight:var(--menu-logo-font-weight, inherit);font-style:var(--menu-logo-font-style, normal);font-synthesis:var(--menu-logo-font-synthesis, none);font-feature-settings:var(--menu-logo-font-feature-settings, initial);font-variant:var(--menu-logo-font-variant, none);font-kerning:var(--menu-logo-font-kerning, auto);line-height:var(--menu-logo-line-height, inherit);text-transform:var(--menu-logo-text-transform, none);text-underline-offset:var(--menu-logo-text-underline-offset, inherit);text-decoration-thickness:var(--menu-logo-text-decoration-thickness, from-font);word-spacing:var(--menu-logo-word-spacing, normal);letter-spacing:var(--menu-logo-letter-spacing, normal);font-variation-settings:var(--menu-logo-font-variation-settings, initial)}.menu__links:has(.is-active,:hover) .menu__link:not(:has(.is-active,:hover)) a{opacity:var(--fade)}.menu label[for=toggle-menu]{margin-left:auto}@media (min-width: 801px){.menu label[for=toggle-menu]{display:none}}#toggle-menu:checked~.menu nav{display:flex!important}:root{--playground-height: 50vh;--playground-background: #FAFAFA;--playground-font-size: 1.6rem;--playground-text-underline-offset: var(--body-text-underline-offset);--playground-text-decoration-thickness: var(--body-text-decoration-thickness);--playground-text-decoration-skip-ink: var(--body-text-decoration-skip-ink)}@media (max-width: 800px){:root{--playground-height: 30vh}}.playground{position:relative}.playground__content{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:var(--playground-font-family, inherit);font-size:var(--playground-font-size, inherit);font-weight:var(--playground-font-weight, inherit);font-style:var(--playground-font-style, normal);font-synthesis:var(--playground-font-synthesis, none);font-feature-settings:var(--playground-font-feature-settings, initial);font-variant:var(--playground-font-variant, none);font-kerning:var(--playground-font-kerning, auto);line-height:var(--playground-line-height, inherit);text-transform:var(--playground-text-transform, none);text-underline-offset:var(--playground-text-underline-offset, inherit);text-decoration-thickness:var(--playground-text-decoration-thickness, from-font);word-spacing:var(--playground-word-spacing, normal);letter-spacing:var(--playground-letter-spacing, normal);font-variation-settings:var(--playground-font-variation-settings, initial);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-gutter);min-height:var(--playground-height);padding:var(--space-gutter);cursor:crosshair;background:var(--playground-background);border-radius:var(--border-radius);contain:paint layout}.playground__cursor{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}@media (pointer: coarse){.playground__cursor{display:none}}.playground__content>button{transition-duration:var(--easing, .12s);transition-property:color;transition-timing-function:cubic-bezier(.25,.1,.25,1);font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, inherit);font-weight:var(--ui-font-weight, inherit);font-style:var(--ui-font-style, normal);font-synthesis:var(--ui-font-synthesis, none);font-feature-settings:var(--ui-font-feature-settings, initial);font-variant:var(--ui-font-variant, none);font-kerning:var(--ui-font-kerning, auto);line-height:var(--ui-line-height, inherit);text-transform:var(--ui-text-transform, none);text-underline-offset:var(--ui-text-underline-offset, inherit);text-decoration-thickness:var(--ui-text-decoration-thickness, from-font);word-spacing:var(--ui-word-spacing, normal);letter-spacing:var(--ui-letter-spacing, normal);font-variation-settings:var(--ui-font-variation-settings, initial);position:relative;cursor:pointer;color:var(--color-page);background:unset;border:unset;text-decoration-line:underline;text-underline-offset:inherit;text-decoration-thickness:inherit;text-decoration-color:currentcolor}.playground__content>button:before{content:"";position:absolute;inset:calc(-1 * var(--space-gutter))}.playground__content>.playground__reset{all:unset;position:absolute;z-index:1;top:var(--space-gutter);right:var(--space-gutter);animation:reset-appears var(--easing-slow) cubic-bezier(.25,.1,.25,1) both}body:not([style*="--color-page:"]) .playground__content>.playground__reset{display:none}.playground__content>.playground__reset:hover svg{transform:rotate(.5turn)}.playground__content>.playground__reset:active svg{transform:rotate(0)}.playground__content>.playground__reset svg{transition-duration:var(--easing, .12s);transition-property:transform;transition-timing-function:cubic-bezier(.25,.1,.25,1);width:var(--space-gutter);height:auto}.playground__content>.playground__reset svg *{stroke-width:2px}.playground figcaption{display:flex;justify-content:space-between;gap:var(--space-gutter)}.playground figcaption .readmore{flex:1;text-align:right;white-space:nowrap;text-decoration-line:underline}.playground .svg-volume{width:calc((100vw - var(--space-gutter)) / 8 * 4.5 - var(--space-gutter));height:auto;margin-left:-6%}.playground .svg-volume path{stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.playground .svg-volume .axonometry{transition-duration:var(--easing, .12s);transition-property:stroke;transition-timing-function:cubic-bezier(.25,.1,.25,1);stroke:var(--color-page, var(--color-black));stroke-width:var(--line);fill:none;pointer-events:fill;pointer-events:none}.playground .svg-volume .axonometry--contour{stroke-width:var(--line-thick)}.playground .svg-volume .scenarios>g path{transition-duration:var(--easing, .12s);transition-property:fill,fill-opacity;transition-timing-function:cubic-bezier(.25,.1,.25,1);stroke:var(--color-page, var(--color-black));stroke-dasharray:3px 3px;fill:var(--color-page);fill-opacity:0;stroke-opacity:var(--fade)}.playground .svg-volume .scenarios>g.is-active{pointer-events:none}.playground .svg-volume .scenarios>g.is-active path{fill-opacity:.8;stroke:none}@keyframes reset-appears{0%{opacity:0;transform:rotate(-1turn)}to{opacity:1}}:root{--playground-environment-square-color: #cacaca}.playground[data-slug="environment.playground"] .container,.playground[data-slug="environment.playground"] .square{overflow:hidden;border-radius:var(--border-radius)}.playground[data-slug="environment.playground"] section{display:flex;gap:var(--space-gutter)}.playground[data-slug="environment.playground"] .container{transition-duration:var(--easing, .12s);transition-property:background;transition-timing-function:cubic-bezier(.25,.1,.25,1);position:relative;display:flex;justify-content:center;align-items:center;width:calc((100vw - var(--space-gutter)) / 8 * 3 - var(--space-gutter));height:calc((100vw - var(--space-gutter)) / 8 * 2 - var(--space-gutter));background:var(--color-page)}@media (max-width: 800px){.playground[data-slug="environment.playground"] .container{width:calc((100vw - var(--space-gutter)) / 8 * 4 - var(--space-gutter));height:calc((100vw - var(--space-gutter)) / 8 * 3 - var(--space-gutter))}}.playground[data-slug="environment.playground"] .container:last-child:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;mix-blend-mode:difference}.playground[data-slug="environment.playground"] .square{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both;position:relative;z-index:1;width:calc((100vw - var(--space-gutter)) / 8 * 1 - var(--space-gutter));height:calc((100vw - var(--space-gutter)) / 8 * 1 - var(--space-gutter));background:var(--playground-environment-square-color)}@media (prefers-reduced-motion){.playground[data-slug="environment.playground"] .square{animation:none}}.playground[data-slug="environment.playground"] .square:nth-child(0){animation-delay:0ms}.playground[data-slug="environment.playground"] .square:nth-child(1){animation-delay:75ms}.playground[data-slug="environment.playground"] .square:nth-child(2){animation-delay:.15s}.playground[data-slug="environment.playground"] .square:nth-child(3){animation-delay:225ms}.playground[data-slug="environment.playground"] .square:nth-child(4){animation-delay:.3s}.playground[data-slug="environment.playground"] .square:nth-child(5){animation-delay:375ms}.playground[data-slug="environment.playground"] .square:nth-child(6){animation-delay:.45s}:root{--playground-group-size-active: calc((100vw - var(--space-gutter)) / 8 * 1.5 - var(--space-gutter));--playground-group-size: calc((calc((100vw - var(--space-gutter)) / 8 * 6 - var(--space-gutter)) - var(--space-0) * 5 - var(--playground-group-size-active)) / 5)}@media (max-width: 800px){:root{--playground-group-size-active: calc((100vw - var(--space-gutter)) / 8 * 2 - var(--space-gutter));--playground-group-size: calc((calc((100vw - var(--space-gutter)) / 8 * 8 - var(--space-gutter)) - var(--space-0) * 5 - var(--playground-group-size-active)) / 5)}}.playground[data-slug="groups.playground"] ul{display:flex;contain:layout;gap:var(--space-0)}.playground[data-slug="groups.playground"] ul li{transition-duration:var(--easing, .12s);transition-property:width,background;transition-timing-function:cubic-bezier(.25,.1,.25,1);font-family:var(--small-font-family, inherit);font-size:var(--small-font-size, inherit);font-weight:var(--small-font-weight, inherit);font-style:var(--small-font-style, normal);font-synthesis:var(--small-font-synthesis, none);font-feature-settings:var(--small-font-feature-settings, initial);font-variant:var(--small-font-variant, none);font-kerning:var(--small-font-kerning, auto);line-height:var(--small-line-height, inherit);text-transform:var(--small-text-transform, none);text-underline-offset:var(--small-text-underline-offset, inherit);text-decoration-thickness:var(--small-text-decoration-thickness, from-font);word-spacing:var(--small-word-spacing, normal);letter-spacing:var(--small-letter-spacing, normal);font-variation-settings:var(--small-font-variation-settings, initial);position:relative;display:grid;place-items:center;width:var(--playground-group-size);height:var(--playground-group-size);color:var(--contrast);background:hsl(var(--h),var(--s),var(--l));border-radius:var(--border-radius)}.playground[data-slug="groups.playground"] ul li:before{transition-duration:var(--easing, .12s);transition-property:transform,background;transition-timing-function:cubic-bezier(.25,.1,.25,1);content:"";position:absolute;top:0;right:50%;bottom:0;left:0;background:hsl(var(--h),var(--s),var(--l));transform-origin:center left;transform:scaleX(0)}.playground[data-slug="groups.playground"] ul li.is-after:before{top:0;right:0;bottom:0;left:50%;transform-origin:center right}.playground[data-slug="groups.playground"] ul li.is-active{width:var(--playground-group-size-active)}.playground[data-slug="groups.playground"] ul li.is-active:before{background:var(--color-page);transform:none}.playground[data-slug="groups.playground"] ul li span{z-index:1}:root{--playground-hsl-slider-height: var(--space-gutter);--playground-hsl-cursor-color: black;--playground-hsl-cursor-thickness: var(--playground-hsl-slider-height)}@media (max-width: 800px){:root{--playground-hsl-slider-height: var(--space-2)}}.playground[data-slug^="hsl."] section{flex:1;display:flex;flex-direction:column;justify-content:center;width:calc((100vw - var(--space-gutter)) / 8 * 6 - var(--space-gutter))}@media (max-width: 800px){.playground[data-slug^="hsl."] section{width:calc((100vw - var(--space-gutter)) / 8 * 8 - var(--space-gutter))}}.playground[data-slug^="hsl."] section>*{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both}@media (prefers-reduced-motion){.playground[data-slug^="hsl."] section>*{animation:none}}.playground[data-slug^="hsl."] section>*:nth-child(0){animation-delay:0ms}.playground[data-slug^="hsl."] section>*:nth-child(1){animation-delay:75ms}.playground[data-slug^="hsl."] section>*:nth-child(2){animation-delay:.15s}.playground[data-slug^="hsl."] section>*:nth-child(3){animation-delay:225ms}@media (max-width: 800px){.playground[data-slug^="hsl."] fieldset+fieldset{margin-top:var(--space-0)}}.playground[data-slug^="hsl."] label{font-family:var(--small-font-family, inherit);font-size:var(--small-font-size, inherit);font-weight:var(--small-font-weight, inherit);font-style:var(--small-font-style, normal);font-synthesis:var(--small-font-synthesis, none);font-feature-settings:var(--small-font-feature-settings, initial);font-variant:var(--small-font-variant, none);font-kerning:var(--small-font-kerning, auto);line-height:var(--small-line-height, inherit);text-transform:var(--small-text-transform, none);text-underline-offset:var(--small-text-underline-offset, inherit);text-decoration-thickness:var(--small-text-decoration-thickness, from-font);word-spacing:var(--small-word-spacing, normal);letter-spacing:var(--small-letter-spacing, normal);font-variation-settings:var(--small-font-variation-settings, initial);display:block;margin-bottom:.25em}.playground[data-slug^="hsl."] input[type=range]{all:unset;width:100%;height:var(--playground-hsl-slider-height);cursor:pointer;border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(255,255,255,0)}.playground[data-slug^="hsl."] input[type=range]:focus{outline:none}.playground[data-slug^="hsl."] input[type=range]::-moz-range-thumb{width:var(--playground-hsl-cursor-thickness);height:calc(var(--playground-hsl-slider-height) + var(--line-thick) * 2);background:transparent;border:var(--line-thick) solid var(--color-black);border-radius:var(--border-radius);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playground[data-slug^="hsl."] input[type=range]::-webkit-slider-thumb{width:var(--playground-hsl-cursor-thickness);height:calc(var(--playground-hsl-slider-height) + var(--line-thick) * 2);background:transparent;border:var(--line-thick) solid var(--color-black);border-radius:var(--border-radius);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playground[data-slug^="hsl."] input[name=h]{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.playground[data-slug^="hsl."] input[name=s]{background:linear-gradient(to right,hsl(var(--playground-hue),0%,50%),hsl(var(--playground-hue),50%,50%),hsl(var(--playground-hue),100%,50%))}.playground[data-slug^="hsl."] input[name=l]{background:linear-gradient(to right,hsl(var(--playground-hue),var(--playground-saturation),0%),hsl(var(--playground-hue),var(--playground-saturation),50%),hsl(var(--playground-hue),var(--playground-saturation),100%))}.playground[data-slug="hsl.h.playground"] fieldset[name=s],.playground[data-slug="hsl.h.playground"] fieldset[name=l],.playground[data-slug="hsl.l.playground"] fieldset[name=h],.playground[data-slug="hsl.l.playground"] fieldset[name=s],.playground[data-slug="hsl.s.playground"] fieldset[name=h],.playground[data-slug="hsl.s.playground"] fieldset[name=l]{display:none}:root{--playground-size-square-size: 3rem}@keyframes pulse{0%{transform:scale(.9)}50%{transform:scale(1.2)}to{transform:scale(.9)}}.playground[data-slug="size.playground"] .square{transition-duration:var(--easing, .12s);transition-property:width,height,background,transform,border-radius;transition-timing-function:cubic-bezier(.25,.1,.25,1);position:absolute;width:var(--playground-size-square-size);height:var(--playground-size-square-size);cursor:pointer;background:var(--color-page, var(--color-black));border-radius:100%;contain:layout paint}.playground[data-slug="size.playground"] .square:not(.is-huge):hover{animation:pulse var(--easing-slow) infinite}.playground[data-slug="size.playground"] .square.is-huge{width:100vw;height:100vw;border-radius:0}.playground[data-slug="size.playground"] .square.is-huge:before{content:"";position:absolute;z-index:1;top:calc(50% - var(--playground-size-square-size) / 2);left:calc(50% - var(--playground-size-square-size) / 2);width:var(--playground-size-square-size);height:var(--playground-size-square-size);background:var(--playground-background);border-radius:100%;animation:pulse calc(var(--easing-slow) * 2) infinite}.playground[data-slug="size.playground"] .square.is-huge+.generate{color:var(--color-black)}.playground[data-slug="size.playground"] .generate{margin-top:calc(var(--playground-size-square-size) * 2 + var(--space-gutter) * 2)}.playground[data-slug="size.playground"] .playground__reset{transition-duration:var(--easing, .12s);transition-property:color;transition-timing-function:cubic-bezier(.25,.1,.25,1)}.playground[data-slug="size.playground"]:has(.square.is-huge) .playground__reset{color:var(--color-black)}:root{--playground-sun-cursor-height: var(--space-2);--playground-sun-slider-padding: 3rem;--playground-sun-track-height: var(--line-thick);--playground-sun-input-height: calc(2 * var(--playground-sun-cursor-height))}.playground[data-slug="sun.playground"]{--playground-sun-progress: .5}.playground[data-slug="sun.playground"] .svg-volume{--color-page: var(--playground-sun-color)}.playground[data-slug="sun.playground"].is-night .svg-volume .axonometry{stroke:hsl(calc((var(--playground-sun-hue)) + var(--playground-sun-night-progress) * (var(--playground-sun-hue) - 10deg - (var(--playground-sun-hue)))),calc((var(--playground-sun-saturation)) + var(--playground-sun-night-progress) * (var(--playground-sun-saturation) * .9 - (var(--playground-sun-saturation)))),calc((var(--playground-sun-lightness)) + var(--playground-sun-night-progress) * (var(--playground-sun-lightness) * .9 - (var(--playground-sun-lightness)))))}.playground[data-slug="sun.playground"].is-night .svg-volume .scenarios path{fill:hsl(calc((var(--playground-sun-hue)) + var(--playground-sun-night-progress) * (var(--playground-sun-hue) - 10deg - (var(--playground-sun-hue)))),calc((var(--playground-sun-saturation)) + var(--playground-sun-night-progress) * (var(--playground-sun-saturation) * .9 - (var(--playground-sun-saturation)))),calc((var(--playground-sun-lightness)) + var(--playground-sun-night-progress) * (var(--playground-sun-lightness) * .9 - (var(--playground-sun-lightness)))))}.playground[data-slug="sun.playground"] fieldset{position:relative;width:calc((100vw - var(--space-gutter)) / 8 * 6 - var(--space-gutter));line-height:0}.playground[data-slug="sun.playground"] fieldset:before,.playground[data-slug="sun.playground"] fieldset:after{content:"";position:absolute;top:50%;height:var(--playground-sun-track-height);background:var(--color-page, var(--color-black));border-radius:var(--border-radius);transform:translateY(-50%);contain:layout paint}.playground[data-slug="sun.playground"] fieldset:before{right:calc(100% * (1 - var(--playground-sun-progress)) + var(--playground-sun-slider-padding));left:0}.playground[data-slug="sun.playground"] fieldset:after{right:0;left:calc(100% * var(--playground-sun-progress) + var(--playground-sun-slider-padding))}.playground[data-slug="sun.playground"] fieldset .sun{position:absolute;top:50%;left:calc(100% * var(--playground-sun-progress));display:flex;justify-content:center;align-items:center;width:var(--playground-sun-cursor-height);height:var(--playground-sun-cursor-height);pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.playground[data-slug="sun.playground"] fieldset .sun svg{width:var(--playground-sun-cursor-height);height:auto;animation:playground-sun-appears var(--easing) cubic-bezier(.34,1.56,.64,1) forwards}.playground[data-slug="sun.playground"] fieldset input[type=range]{all:unset;width:100%;height:calc(var(--playground-sun-cursor-height) + var(--playground-sun-slider-padding));cursor:pointer;opacity:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}.playground[data-slug="sun.playground"] fieldset input[type=range]:focus{outline:none}.playground[data-slug="sun.playground"] fieldset input[type=range]::-moz-range-thumb{width:var(--playground-sun-cursor-height);height:var(--playground-sun-cursor-height);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playground[data-slug="sun.playground"] fieldset input[type=range]::-webkit-slider-thumb{width:var(--playground-sun-cursor-height);height:var(--playground-sun-cursor-height);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playground[data-slug="sun.playground"].is-night fieldset .sun svg{animation-name:playground-moon-appears}.playground[data-slug="sun.playground"]:not(.is-night) fieldset .sun svg:first-child,.playground[data-slug="sun.playground"].is-night fieldset .sun svg:last-child{display:none}@keyframes playground-sun-appears{0%{transform:translateY(30%)}to{transform:none}}@keyframes playground-moon-appears{0%{transform:translateY(-30%) rotate(45deg)}to{transform:none}}.playground[data-slug="volume.playground"] .scenarios>g:hover path{fill-opacity:.1}main[data-barba-namespace=home] .splashcreen{min-height:60vh;padding-top:var(--space-3)}@media (max-width: 800px){main[data-barba-namespace=home] .splashcreen{min-height:unset;padding-top:var(--space-gutter);padding-bottom:var(--space-4)}}main[data-barba-namespace=home] .splashcreen svg{width:100%;height:auto;pointer-events:none}main[data-barba-namespace=home] .splashcreen svg path{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both}@media (prefers-reduced-motion){main[data-barba-namespace=home] .splashcreen svg path{animation:none}}main[data-barba-namespace=home] .splashcreen svg path:nth-child(0){animation-delay:0ms}main[data-barba-namespace=home] .splashcreen svg path:nth-child(1){animation-delay:50ms}main[data-barba-namespace=home] .splashcreen svg path:nth-child(2){animation-delay:.1s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(3){animation-delay:.15s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(4){animation-delay:.2s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(5){animation-delay:.25s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(6){animation-delay:.3s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(7){animation-delay:.35s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(8){animation-delay:.4s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(9){animation-delay:.45s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(10){animation-delay:.5s}main[data-barba-namespace=home] .splashcreen svg path:nth-child(11){animation-delay:.55s}main[data-barba-namespace=project] .article__title{font-family:var(--h2-font-family, inherit);font-size:var(--h2-font-size, inherit);font-weight:var(--h2-font-weight, inherit);font-style:var(--h2-font-style, normal);font-synthesis:var(--h2-font-synthesis, none);font-feature-settings:var(--h2-font-feature-settings, initial);font-variant:var(--h2-font-variant, none);font-kerning:var(--h2-font-kerning, auto);line-height:var(--h2-line-height, inherit);text-transform:var(--h2-text-transform, none);text-underline-offset:var(--h2-text-underline-offset, inherit);text-decoration-thickness:var(--h2-text-decoration-thickness, from-font);word-spacing:var(--h2-word-spacing, normal);letter-spacing:var(--h2-letter-spacing, normal);font-variation-settings:var(--h2-font-variation-settings, initial)}@media (max-width: 800px){main[data-barba-namespace=project] .article__header nav{top:0;bottom:unset}}main[data-barba-namespace=project] .article__content{margin-top:var(--space-gutter)}main[data-barba-namespace=project] .article__content .abstract{display:grid;grid-template-columns:calc((100vw - var(--space-gutter)) / 8 * 5 - var(--space-gutter)) calc((100vw - var(--space-gutter)) / 8 * 3 - var(--space-gutter));gap:var(--space-gutter)}@media (max-width: 800px){main[data-barba-namespace=project] .article__content .abstract{grid-template-columns:1fr;gap:var(--space-2)}}main[data-barba-namespace=project] .article__content .abstract .prose{max-width:65ch;padding-right:var(--space-2)}main[data-barba-namespace=project] .article__content .abstract aside li{font-family:var(--ui-font-family, inherit);font-size:var(--ui-font-size, inherit);font-weight:var(--ui-font-weight, inherit);font-style:var(--ui-font-style, normal);font-synthesis:var(--ui-font-synthesis, none);font-feature-settings:var(--ui-font-feature-settings, initial);font-variant:var(--ui-font-variant, none);font-kerning:var(--ui-font-kerning, auto);line-height:var(--ui-line-height, inherit);text-transform:var(--ui-text-transform, none);text-underline-offset:var(--ui-text-underline-offset, inherit);text-decoration-thickness:var(--ui-text-decoration-thickness, from-font);word-spacing:var(--ui-word-spacing, normal);letter-spacing:var(--ui-letter-spacing, normal);font-variation-settings:var(--ui-font-variation-settings, initial);display:flex;justify-content:space-between;gap:var(--space-gutter);padding-block:var(--space-0);border-bottom:var(--border)}main[data-barba-namespace=project] .article__content .abstract aside li:first-child{padding-top:0}main[data-barba-namespace=project] .article__content .abstract aside li .value{font-weight:700;text-transform:initial}main[data-barba-namespace=project] .article__content .gallery{margin-top:var(--space-3)}main[data-barba-namespace=project] .article__content .gallery+.columns{margin-top:var(--space-3)}@media (max-width: 800px){main[data-barba-namespace=projects]{padding-top:0}}main[data-barba-namespace=projects]>ul li{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both}@media (prefers-reduced-motion){main[data-barba-namespace=projects]>ul li{animation:none}}main[data-barba-namespace=projects]>ul li:nth-child(0){animation-delay:0ms}main[data-barba-namespace=projects]>ul li:nth-child(1){animation-delay:75ms}main[data-barba-namespace=projects]>ul li:nth-child(2){animation-delay:.15s}main[data-barba-namespace=projects]>ul li:nth-child(3){animation-delay:225ms}main[data-barba-namespace=projects]>ul li:nth-child(4){animation-delay:.3s}main[data-barba-namespace=projects]>ul li:nth-child(5){animation-delay:375ms}main[data-barba-namespace=projects]>ul li:nth-child(6){animation-delay:.45s}main[data-barba-namespace=projects]>ul li:nth-child(7){animation-delay:525ms}main[data-barba-namespace=projects]>ul li:nth-child(8){animation-delay:.6s}main[data-barba-namespace=projects]>ul li:nth-child(9){animation-delay:675ms}main[data-barba-namespace=projects]>ul li:nth-child(10){animation-delay:.75s}main[data-barba-namespace=projects]>ul li a:active{animation:fade-in var(--easing-slow) cubic-bezier(.25,.1,.25,1) both;animation-name:fade-out}@media (prefers-reduced-motion){main[data-barba-namespace=projects]>ul li a:active{animation:none}}