:root{--space-h-md: 1rem;--space-h-lg: calc(var(--space-h-md) * 2);--space-h-xl: calc(var(--space-h-md) * 3);--space-h-sm: calc(var(--space-h-md) * .75);--space-h-xs: calc(var(--space-h-md) * .5);--space-v-md: var(--space-h-md);--space-v-lg: calc(var(--space-v-md) * 2);--space-v-xl: calc(var(--space-v-md) * 3);--space-v-sm: calc(var(--space-v-md) * .75);--space-v-xs: calc(var(--space-v-md) * .5);--color-text-primary: #121212;--color-text-secondary: #12121281;--color-bg-base: #fff;--color-bg-warm: #ECEAE5;--color-accent: #f67246;--fs-base: .85rem;--fs-1: clamp(1.5rem, 2.3rem + 1.85vi, 6rem);--line-height-base: 1.25em;--space-v-main: 10rem;--padding-top-header: var(--space-v-xs);--radius: 8px}html{box-sizing:border-box;font-family:Helvetica Neue,Helvetica,-apple-system,Arial,sans-serif;font-size:var(--fs-base);line-height:var(--line-height-base);font-weight:500;letter-spacing:.001em}body{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100svh}main{flex-grow:1}footer{margin-top:auto;padding:var(--space-v-md) var(--space-v-md);gap:var(--space-v-lg);display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:unset;font-weight:unset;line-height:unset;letter-spacing:unset}.f1{font-size:var(--fs-1);font-weight:400;line-height:1.1;letter-spacing:-.009em;text-wrap-style:balance}p{max-width:70ch;text-wrap-style:pretty}button,a{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer;outline:none;text-decoration:none;text-align:left;transition:opacity .2s ease,color .2s ease}button:hover,a:hover,.text-secondary{color:var(--color-text-secondary)}.sticky-head{position:sticky;top:0;z-index:10;padding-top:calc(var(--padding-top-header) + var(--line-height-base))}.sticky-container{margin-top:calc(-1 * (var(--padding-top-header) + var(--line-height-base)))}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-h-md)}.site-header{position:fixed;display:grid;grid-template-columns:8fr 4fr;grid-template-rows:1fr;justify-content:start;gap:var(--space-h-md);top:0;left:0;width:100%;padding-inline:var(--space-h-md);padding-block:calc(var(--padding-top-header));z-index:1000}.site-nav{display:flex;flex-wrap:wrap;column-gap:2em;height:100%}.site-nav a{text-decoration:none;display:inline-flex}.main-grid{display:grid;grid-template-columns:repeat(12,1fr);padding-inline:var(--space-h-md);padding-top:var(--space-v-main);gap:var(--space-h-md)}.home-grid{grid-template-columns:3fr 5fr 4fr;grid-template-areas:"desc login location";row-gap:var(--space-v-xl)}.width-1-12{width:calc(100% * 1 / 12)}.width-2-12{width:calc(100% * 2 / 12)}.width-3-12{width:25%}.width-4-12{width:calc(100% * 4 / 12)}.width-5-12{width:calc(100% * 5 / 12)}.width-6-12{width:50%}.width-7-12{width:calc(100% * 7 / 12)}.width-8-12{width:calc(100% * 8 / 12)}.width-9-12{width:75%}.width-10-12{width:calc(100% * 10 / 12)}.width-11-12{width:calc(100% * 11 / 12)}.width-12-12{width:100%}.ratio-1-1{aspect-ratio:1 / 1}.ratio-5-4{aspect-ratio:5 / 4}.ratio-4-3{aspect-ratio:4 / 3}.ratio-3-2{aspect-ratio:3 / 2}.ratio-16-9{aspect-ratio:16 / 9}.ratio-9-16{aspect-ratio:9 / 16}.ratio-4-5{aspect-ratio:4 / 5}.ratio-3-4{aspect-ratio:3 / 4}.ratio-2-3{aspect-ratio:2 / 3}@view-transition{navigation: auto;}.slide-in{animation:slideIn .4s ease forwards}.fade-in{animation:fadeIn .4s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}img,video{width:100%;height:100%;object-fit:cover}figcaption{margin-top:var(--space-v-md)}.location-item{list-style-type:none}.location-item.current-location{list-style-type:disc}.login-wrapper{display:inline-grid;align-items:start;grid-template-columns:fit-content(60ch) 1fr;row-gap:var(--space-v-md);column-gap:var(--space-h-md)}.login-form{display:flex;flex-direction:column;row-gap:var(--space-v-md)}.login-form input{border:0px transparent solid;font-size:inherit;font-weight:inherit;width:100%}#error-msg{grid-column:span 2}.project-body{display:flex;flex-direction:column;gap:var(--space-v-md)}.grid-container{display:flex;align-items:flex-start;column-gap:var(--space-h-md);row-gap:var(--space-v-md);margin:0 auto;padding-inline:var(--space-h-md)}.grid-item{box-sizing:border-box;max-width:100%;flex-shrink:1;display:flex;flex-direction:column;gap:var(--space-v-md)}.grid-fill{flex-grow:1;align-self:stretch}.grid-fill>*{height:100%;position:relative;aspect-ratio:unset}.grid-fill img,.grid-fill picture,.grid-fill video{position:absolute;inset:0;height:100%;object-fit:cover}.sb-image,.sb-video{display:flex;flex-direction:column;height:100%;object-fit:cover;pointer-events:none}::selection{background:var(--color-accent);color:var(--color-text-primary)}.work-section{list-style:none;display:grid;grid-template-columns:2fr 10fr}.work-list{padding-bottom:var(--space-v-lg)}.work-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));column-gap:var(--space-h-md);row-gap:var(--space-v-lg);padding:0}@media screen and (min-width: 81rem){.work-cards{grid-template-columns:repeat(3,1fr)}}.work-card__link{display:block;color:inherit;text-decoration:none}.work-card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--color-bg-warm)}.work-card__visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.work-card__visual--secondary{opacity:0}.work-card__link:hover .work-card__visual--secondary{opacity:1}.work-card__link:hover .work-card__visual--primary{opacity:0}.work-card__text{margin-top:.5em;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:1em;row-gap:0}.work-card__headline{color:var(--color-text-secondary);text-wrap-style:balance}.work-card__link:hover .work-card__title,.work-card__link:hover .work-card__headline{color:var(--color-text-primary)}@media screen and (max-width: 42em){:root{--fs-base: 1rem;--space-h-md: .75rem}.grid-container{flex-direction:column}.grid-fill img{height:auto;position:unset}.home-grid{grid-template-columns:2fr 1fr;grid-template-areas:"desc desc" "login login" ". location"}html{scroll-snap-type:y mandatory}.work-card{scroll-snap-align:center}.width-1-12,.width-2-12,.width-3-12,.width-4-12,.width-5-12,.width-6-12,.width-7-12,.width-8-12,.width-9-12,.width-10-12,.width-11-12,.width-12-12{width:100%}.work-section{list-style:none;display:grid;grid-template-columns:1fr}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}:focus-visible{outline:none}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
