/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--block-spacing: clamp(3rem, 8vw, 9.6rem);--block-spacing-y: clamp(5rem, 8vw, 12rem);--grid-gap: clamp(3rem, 5vw, 4rem);--black: #242424;--white: #fff;--yellow: #fff871;--background-color: var(--black);--text-color: var(--white);--muted-color: color-mix(in srgb, var(--text-color) 70%, var(--background-color));--border-color: color-mix(in srgb, var(--text-color) 20%, var(--background-color));--box-color: color-mix(in srgb, var(--text-color) 10%, transparent);--border-radius: 1.6rem;font-size:62.5%;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{color:var(--text-color);background-color:var(--background-color);font-family:stolzl,sans-serif;font-optical-sizing:auto;font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.75;margin:0}p{margin-block:1em}p,li,figcaption{max-width:64ch}p:first-child{margin-top:0}p:last-child{margin-bottom:0}li p{margin:0}::selection{background-color:var(--text-color);color:var(--background-color)}h1,h2,h3{font-style:normal;font-weight:400;line-height:1.2;text-wrap:balance;margin-block:1.5em .75em}h1{font-size:clamp(3rem,5vw,6.4rem);margin:0}h2{font-size:clamp(2.4rem,4vw,3.6rem);scroll-margin:var(--block-spacing)}h3{font-size:clamp(2.1rem,4vw,2.4rem)}p,li,figcaption{text-wrap:pretty}small{font-size:1.6rem}hr{border:0;height:1px;background-color:var(--text-color);margin-block:3rem}figure{margin:0}figcaption{line-height:1.5}img,svg{display:block;max-width:100%;flex-shrink:0}table{width:100%;border-collapse:collapse}td{border:1px solid var(--border-color);padding:.5em 1em}a{color:inherit;text-decoration-thickness:from-font}.link-with-icon{display:inline-flex;align-items:center;white-space:nowrap;gap:.5em}.link-with-icon svg{width:1em;height:1em}.link-with-icon,.link-with-hover-underline{text-decoration:none;line-height:1;flex-shrink:0}.link-with-icon:hover,.link-with-hover-underline:hover{text-decoration:underline;text-decoration-thickness:from-font}.buttons{display:flex;gap:1em;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;padding:.5em 1.2em;border-radius:var(--border-radius);background-color:var(--box-color);color:var(--text-color);transition:background-color .3s ease}.button:hover{background-color:color-mix(in srgb,var(--text-color) 20%,transparent)}.button svg{width:1em;height:1em}.button,.has-hover-effect{position:relative;overflow:hidden}.hover-effect{position:absolute;width:400px;aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--text-color) 25%,transparent) 0%,transparent 36%);transform:translate(-50%,-50%) scale(.5);opacity:0;transition:opacity .3s}.hover-effect.visible{transform:translate(-50%,-50%);opacity:1}.wrapper{width:calc(100% - 2 * var(--block-spacing));margin-inline:auto;max-width:128rem}.with-margin{margin-block:var(--block-spacing-y);scroll-margin-top:var(--block-spacing-y)}.with-padding{padding-block:var(--block-spacing-y)}.notification{padding-block:2rem;background-color:var(--text-color);color:var(--background-color);line-height:1.2}.header{position:absolute;left:0;top:0;right:0;padding-block:clamp(2.6rem,4vw,4rem);z-index:9}.header-wrapper{--header-gap: clamp(1em, 3vw, 1.5em);display:flex;align-items:center;gap:var(--header-gap)}.header-menu{display:contents}.header-logo{text-decoration:none}.header-email{display:none}.hero{display:flex;align-items:flex-end;color:var(--text-color);min-height:32rem;position:relative}.hero.high{min-height:100vh;min-height:100dvh}.hero-image{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;mix-blend-mode:luminosity;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-mode:alpha;opacity:.5}.hero-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;padding-block:calc(var(--block-spacing) * 4) var(--block-spacing);gap:1.6rem}.hero-title{max-width:84rem}.hero-scroll:not(:hover){opacity:.5}.content>.with-margin:first-child{margin-top:0}.list-unstyled{list-style-type:none;padding:0}.menu{margin:0}.columns{display:grid;grid-template-columns:1fr;grid-gap:var(--block-spacing)}.body-buttons{margin-top:1.6em}.body-navigation{display:none}.body-image img{width:100%;height:auto;box-shadow:0 2rem 3rem #0000001a;border-radius:1rem}.body-image figcaption{display:block;margin-top:3rem;color:var(--muted-color)}.work-title{margin-block:0 clamp(2rem,4vw,3rem)}.work-items{display:grid;grid-template-columns:1fr;grid-gap:var(--grid-gap)}.work-item{border-radius:var(--border-radius);border:1px solid var(--border-color)}.work-item-link{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.5em .75em .5em 1em;text-decoration:none;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:background-color .3s ease}.work-item-link:hover{background-color:color-mix(in srgb,var(--text-color) 5%,transparent)}.work-item-link svg{width:1.25em;height:1.25em}.work-item-link .hover-effect{width:600px}.work-item-meta{border-top:1px solid var(--border-color);padding:.75em 1em;color:var(--muted-color);font-size:88%;margin:0}.work-item-meta-row{display:flex;justify-content:space-between;gap:1em}.work-item-meta-row a:hover{color:var(--text-color)}.work-buttons{margin-top:clamp(3rem,5vw,4rem);justify-content:flex-end}.cta-wrapper{background-color:var(--box-color);border-radius:var(--border-radius);padding:var(--block-spacing)}.cta-title{margin-top:0}.cta-buttons{margin-top:clamp(2rem,4vw,3rem)}.about-content{position:relative;z-index:2;--background-color: var(--box-color);background-color:var(--background-color);border-radius:var(--border-radius);padding:var(--block-spacing);display:flex;align-items:flex-start;flex-direction:column;gap:2.4rem}.about-image{display:none}.contact-details{background-color:var(--box-color);border-radius:var(--border-radius);margin:0;padding:clamp(2.4rem,5vw,4rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,1fr));gap:clamp(2.4rem,5vw,4rem)}.contact-details-legend{display:inline-flex;align-items:center;gap:.5em;font-size:.8em;line-height:1.25;color:var(--muted-color)}.contact-details-legend svg{width:1.25em}.contact-details-value{margin:0;line-height:1}.contact-details-value a{font-size:1.25em;text-decoration:none}.contact-details-value a:hover{text-decoration:underline}.contact-body{margin-top:3rem}.footer{border-top:1px solid var(--border-color)}.footer-wrapper{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:3rem;padding-block:var(--block-spacing)}.footer-menu{display:flex;flex-direction:column}.callout{padding:1.25em 1.5em;border-radius:var(--border-radius);border:1px solid var(--border-color)}.callout svg{width:1.5em;height:auto;opacity:.25}@media (prefers-reduced-motion){:root{scroll-behavior:auto}}html.is-changing{scroll-behavior:auto}html.is-changing .transition-slide{content:"";display:block;width:100%;height:100%;position:fixed;left:0;top:0;background-color:transparent;transition:all .3s ease;z-index:99}html.is-animating .transition-slide{background-color:var(--background-color);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}@media (min-width: 48em){.header-email{display:inline-flex;margin-left:auto}.work-items{grid-template-columns:1fr 1fr}}@media (min-width: 60em){.columns{grid-template-columns:repeat(3,1fr);grid-gap:var(--grid-gap)}.column-wide{grid-column:1 / 3}.body-aside{padding-left:8rem}.body-navigation{display:flex;flex-direction:column;align-items:flex-start;position:sticky;gap:1rem;top:var(--block-spacing);color:var(--muted-color);font-size:.75em;line-height:1.2;padding-left:2rem;border-left:1px solid var(--border-color)}.body-navigation a{text-decoration:none}.body-navigation a:hover{color:var(--text-color);text-decoration:underline}.about-image{display:block;object-fit:cover;border-radius:var(--border-radius);filter:grayscale(100%);mix-blend-mode:luminosity;object-position:60% 50%;height:100%}.about-buttons{grid-column:2 / -1}}@media (min-width: 80em){.work-items{grid-template-columns:1fr 1fr 1fr}}