@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";:root{--space-base: 4px;--space-1x: var(--space-base);--space-2x: calc(var(--space-base) * 2);--space-3x: calc(var(--space-base) * 3);--space-4x: calc(var(--space-base) * 4);--space-6x: calc(var(--space-base) * 6);--space-8x: calc(var(--space-base) * 8);--space-10x: calc(var(--space-base) * 10);--space-16x: calc(var(--space-base) * 16);--space-20x: calc(var(--space-base) * 20);--space-32x: calc(var(--space-base) * 32);--space-48x: calc(var(--space-base) * 48);--space-64x: calc(var(--space-base) * 64);--max-width: 984px}@keyframes opacityEffect{0%{opacity:0}to{opacity:1}}@keyframes blockReveal{0%{transform:translateY(20vh);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes widthFromLeft{0%{width:0}to{width:100%}}:root{font-size:20px}:root body{padding:0;margin:0;line-height:1.33;font-weight:400;font-family:var(--font-primary);color-scheme:light dark;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;overflow:hidden auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root body.hidden{overflow:hidden clip}*{box-sizing:border-box}h1{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.8rem;line-height:1.15;margin-bottom:var(--space-2x);font-weight:600}h2{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.4rem;line-height:1.15;font-weight:600;color:var(--primary-1)}h3{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2rem;font-weight:400;line-height:1.2}h4{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-weight:600;font-size:1.6rem;line-height:1.25}hr{background-color:var(--neutral-3);height:1px;border:0}h5{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:1.2rem;line-height:1.25;font-weight:600}strong{font-weight:700}p{margin:0;font-family:var(--font-primary);line-height:1.5rem}b{font-weight:600}figure{margin:0}.App{min-width:425px;background:var(--background-color);width:100%}.App__contact{background:var(--accent-6)}.Homepage{position:relative}.Homepage__top{display:flex;align-items:center;background:url("data:image/svg+xml,%3csvg%20width='1440'%20height='931'%20viewBox='0%200%201440%20931'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_640_3346)'%3e%3crect%20width='1440'%20height='931'%20fill='%23EDE9E9'/%3e%3cg%20filter='url(%23filter0_f_640_3346)'%3e%3crect%20x='668.232'%20y='146'%20width='284.361'%20height='284.361'%20transform='rotate(30.0124%20668.232%20146)'%20fill='%23CFC2BE'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_640_3346)'%3e%3ccircle%20cx='1158.85'%20cy='396.64'%20r='201.5'%20fill='%23F6DADA'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_f_640_3346)'%3e%3cpath%20d='M828.851%20272.14L894.521%20474.253H1107.03L935.108%20599.165L1000.78%20801.278L828.851%20676.365L656.924%20801.278L722.594%20599.165L550.667%20474.253H763.18L828.851%20272.14Z'%20fill='%23F0B59D'/%3e%3c/g%3e%3cg%20filter='url(%23filter3_f_640_3346)'%3e%3cpath%20d='M1255.55%20479.845L1238.72%20861.155L916.915%20655.925L1255.55%20479.845Z'%20fill='%23E58B6A'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_640_3346'%20x='125.999'%20y='-254'%20width='1188.47'%20height='1188.47'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='200'%20result='effect1_foregroundBlur_640_3346'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_640_3346'%20x='557.351'%20y='-204.86'%20width='1203'%20height='1203'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='200'%20result='effect1_foregroundBlur_640_3346'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_640_3346'%20x='150.667'%20y='-127.86'%20width='1356.37'%20height='1329.14'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='200'%20result='effect1_foregroundBlur_640_3346'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_640_3346'%20x='516.915'%20y='79.8451'%20width='1138.64'%20height='1181.31'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='200'%20result='effect1_foregroundBlur_640_3346'/%3e%3c/filter%3e%3cclipPath%20id='clip0_640_3346'%3e%3crect%20width='1440'%20height='931'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:cover;height:100vh;width:100%;position:relative;overflow:hidden}.Homepage__orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}.Homepage__orb--1{width:500px;height:500px;background:radial-gradient(circle,#9a6757,#9a67571a 70%);animation:float-orb-1 20s ease infinite}.Homepage__orb--2{width:450px;height:450px;background:radial-gradient(circle,#e58b6a99,#e58b6a00 70%);animation:float-orb-2 20s ease infinite}.Homepage__orb--3{width:380px;height:380px;background:radial-gradient(circle,#f0b59d99,#f0b59d00 70%);animation:float-orb-3 20s ease infinite}.Homepage__headline{max-width:800px;z-index:1}.Homepage__Section{background:var(--neutral-2);padding-top:0;z-index:3;display:flex;flex-direction:column;gap:120px;margin-bottom:80px}.Homepage__Skills{margin-top:80px}.Homepage__About,.Homepage__Experiences{max-width:var(--max-width)}@keyframes float-orb-1{0%,to{transform:translateY(calc(50vh - 100%)) translate(calc(50vw - 100%))}25%{transform:translateY(calc(10vh - 100%)) translate(calc(80vw - 100%))}50%{transform:translateY(calc(30vh - 100%)) translate(calc(70vw - 100%))}75%{transform:translateY(calc(75vh - 100%)) translate(calc(45vw - 100%))}}@keyframes float-orb-2{0%,to{transform:translateY(calc(80vh - 100%)) translate(calc(40vw - 100%))}30%{transform:translateY(calc(70vh - 100%)) translate(calc(65vw - 100%))}60%{transform:translateY(calc(80vh - 100%)) translate(calc(10vw - 100%))}85%{transform:translateY(calc(10vh - 100%)) translate(calc(20vw - 100%))}}@keyframes float-orb-3{0%,to{transform:translateY(calc(50vh - 100%)) translate(calc(40vw - 100%))}35%{transform:translateY(calc(70vh - 100%)) translate(calc(50vw - 100%))}55%{transform:translateY(calc(20vh - 100%)) translate(calc(10vw - 100%))}80%{transform:translateY(calc(90vh - 100%)) translate(calc(45vw - 100%))}}.RichText h1{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.8rem;line-height:1.15;margin-bottom:var(--space-2x);font-weight:600}.RichText h2{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.4rem;line-height:1.15;font-weight:600;color:var(--primary-1);margin-bottom:var(--space-6x)}.RichText h3{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2rem;font-weight:400;line-height:1.2;margin-bottom:var(--space-6x)}.RichText h4{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-weight:600;font-size:1.6rem;line-height:1.25}.RichText a{color:var(--text-color);font-size:1em;position:relative;display:inline;transition:color .3s ease}.RichText a:hover,.RichText a::selection{color:var(--accent-3)}.RichText p{margin:0;font-family:var(--font-primary);line-height:1.5rem}.RichText strong{font-weight:700}.RichText img,.RichText video{width:100%}.RichText figure figcaption{color:var(--neutral-5);font-family:var(--font-primary);font-size:.9rem;line-height:1.33rem;font-style:italic;text-align:center}.RichText blockquote{display:block;width:100%;font-size:1.77rem;font-style:italic;margin:0}.RichText blockquote p{line-height:normal;font-weight:300}.RichText ul p{margin-bottom:0}.Media{position:relative}.Media.Media--loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.Media__loadingMessage{position:absolute}.CaseStudies__title{text-align:center;margin-bottom:var(--space-10x)}.CaseStudies__list--vertical{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:var(--space-6x)}@media screen and (max-width: 768px){.CaseStudies__list--vertical{grid-template-columns:1fr;gap:var(--space-10x)}}.Link{color:var(--text-color);font-size:1em;display:inline;transition:color .3s ease;width:fit-content;display:inline-flex;position:relative;gap:var(--space-2x);cursor:pointer;align-items:center}.Link:hover,.Link::selection{color:var(--accent-3)}.Link .Link__icon{display:flex;align-items:center;width:.8em;height:0}.Link .Link__icon svg,.Link .Link__icon path{transition:all .3s ease}.Link:hover .Link__icon svg,.Link:hover .Link__icon path{fill:var(--accent-2)}.Link--button{text-decoration:none}.Link--reverseIcon{flex-direction:row-reverse}.Link--animated .Link__children{position:relative}.Link--animated .Link__children:after{content:"";display:block;width:0;height:1px;background:var(--accent-2);position:absolute;bottom:0}.Link--animated .Link__children:hover:after{animation:widthFromLeft;animation-duration:.5s;animation-fill-mode:forwards}.CaseStudiesItem{cursor:pointer}.CaseStudiesItem .title{transition:all .3s ease}.CaseStudiesItem:hover .title{font-weight:600}.CaseStudiesItem__asset{flex:1;overflow:hidden;border-radius:8px;aspect-ratio:1010/629}.CaseStudiesItem__asset>*{width:100%;object-fit:cover;height:100%}.CaseStudiesItem__link:hover{color:#000}.CaseStudiesItem__description{display:flex;flex-direction:column;margin:var(--space-4x) 0}.BlockReveal{animation:blockReveal;animation-fill-mode:both;animation-duration:var(--longAnimation);animation-delay:0;animation-play-state:paused}.BlockReveal--revealed{animation-play-state:running}.Page{margin-top:-100px}:root{--neutral-1: #000000;--neutral-2: #FFFFFF;--neutral-3: #EDE9E9;--neutral-4: #B0B0B0;--neutral-5: #8A8A8A;--neutral-6: #464646;--accent-1: #300A03;--accent-2: #562720;--accent-3: #813C32;--accent-4: #9D5E4E;--accent-5: #C9AA9C;--accent-6: #F5F1EF;--primary-1: #222B2A;--primary-2: #384746;--primary-4: #5A726F;--primary-6: #9BB0AE;--primary-7: #B8C7C5;--primary-8: #D4DDDC;--text-color: #000000;--background-color: var(--neutral-2)}.Section{position:relative}.Section--fullHeight{min-height:100dvh}.Section--noPadding{padding:0}.Section--withPadding{padding:120px var(--space-16x) 120px var(--space-16x)}@media screen and (max-width: 768px){.Section--withPadding{padding:80px var(--space-4x) 80px}}.Section--sticky{position:sticky;top:0}.Section--centered>*{max-width:var(--max-width);width:100%;margin:0 auto}.RoundedBorder{width:100%;overflow:hidden}.About{display:flex;gap:var(--space-8x);flex-direction:column}.About__image{align-self:center;width:156px;border-radius:78px}.ExperienceList__title{margin-bottom:var(--space-10x)}.ExperienceList__item{border-bottom:1px solid var(--neutral-3);margin-bottom:var(--space-6x);padding:0 0 var(--space-6x)}@media screen and (max-width: 768px){.ExperienceList__item{padding:0 0 var(--space-6x)}}.ExperienceList__item:last-child{border-bottom:none}.ExperienceItem{display:grid;grid-template-columns:1fr 2fr;grid-gap:var(--space-8x)}.ExperienceItem__client{color:var(--accent-4)}.ExperienceItem__position.Text,.ExperienceItem__date.Text{font-family:var(--font-primary);font-size:.9rem;font-weight:400;line-height:1.3}.ExperienceItem__info{display:flex;flex-direction:column;gap:var(--space-2x)}.Text{font-family:var(--font-primary);font-size:1rem}.SkillList{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--space-6x)}@media screen and (max-width: 768px){.SkillList{grid-template-columns:1fr}}.SkillItem{display:flex;flex-direction:column;padding:var(--space-6x);min-height:269px;position:relative}.SkillItem:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--space-4x);border:1.5px solid var(--accent-5);transition:all var(--longAnimation) ease}.SkillItem__img{width:64px;height:64px;margin-bottom:auto}.SkillItem__description{margin-top:var(--space-2x);color:var(--neutral-5);font-family:var(--font-primary);font-size:.9rem;line-height:1.33rem}.SkillItem:hover:after{transform:rotate(-4deg)}:root{--shortAnimation: .3s;--longAnimation: .7s}.CaseStudy{z-index:2;position:relative}.CaseStudy__header{padding-bottom:var(--space-10x)}@media screen and (max-width: 768px){.CaseStudy__header{margin-top:var(--space-8x)}}.CaseStudy__title{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.8rem;line-height:1.15;font-weight:600;margin-top:var(--space-2x);margin-bottom:var(--space-2x)}.CaseStudy__subtitle{font-size:1.2rem;line-height:1.33;font-weight:300;margin-bottom:var(--space-8x)}.CaseStudy__wrapper{border-top:1px solid var(--neutral-3);display:grid;grid-template-columns:1fr 2fr;padding-top:var(--space-10x);padding-bottom:var(--space-10x);grid-gap:var(--space-8x)}@media screen and (max-width: 768px){.CaseStudy__wrapper{display:block;padding-top:var(--space-8x)}}.CaseStudy__info{display:flex;flex-direction:column;gap:var(--space-2x)}.CaseStudy__info__item{font-family:var(--font-primary);font-size:.8rem;line-height:1.5}.CaseStudy__info__item__label{font-weight:700}@media screen and (max-width: 768px){.CaseStudy__overview{margin-top:var(--space-8x);border-top:1px solid var(--neutral-3);padding-top:var(--space-8x)}}.CaseStudy__overview__text p{font-weight:300}.CaseStudy__quote{border-radius:8px;background:var(--accent-2);padding:var(--space-8x) var(--space-8x);display:flex;flex-direction:column;justify-content:center;gap:var(--space-2x);font-family:var(--font-primary);font-size:.8rem;line-height:1.5}.CaseStudy__quote__wrapper{display:flex;gap:var(--space-2x);align-items:center}.CaseStudy__quote__warning{width:16px;height:16px}.CaseStudy__quote__title{color:var(--neutral-2);font-family:var(--font-primary);font-size:.8rem;line-height:1.5}.CaseStudy__quote__text{flex:1}.CaseStudy__quote__text p{font-family:var(--font-primary);font-size:.8rem;line-height:1.5;color:var(--accent-6);margin-bottom:0}.CaseStudy__content{padding-top:0}.CaseStudy__completeText{display:flex;flex-direction:column;gap:var(--space-2x);padding-bottom:var(--space-32x)}.CaseStudy__completeText>*:not(figure){width:100%}.CaseStudy__completeText img,.CaseStudy__completeText video{border-radius:8px}.CaseStudy__completeText h2{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-weight:600;font-size:1.6rem;line-height:1.25}.CaseStudy__completeText>p{margin-bottom:var(--space-6x)}.CaseStudy__completeText blockquote{border:1px solid var(--accent-4);border-radius:8px;text-align:center;padding:var(--space-10x)}.CaseStudy__completeText blockquote p{line-height:1.5}.CaseStudy__completeText blockquote:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='56'%20height='39'%20viewBox='0%200%2056%2039'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M42.9112%2039C36.0695%2039%2030.4553%2033.7063%2029.8803%2026.9689C29.8157%2026.7023%2029.7636%2026.429%2029.7378%2026.1624L29.686%2025.6225C29.376%2022.4295%2029.6861%2019.1907%2030.5971%2016.1928C31.5015%2013.1883%2032.9874%2010.4308%2034.9062%208.08968C38.7308%203.3878%2044.3584%200.493885%2049.9855%200.0126419C51.8977%20-0.149773%2053.571%201.27478%2053.7325%203.19316C53.8745%204.85788%2052.8212%206.3532%2051.2966%206.82141L51.1868%206.85443C47.8985%207.86897%2045.2046%2010.0216%2043.5313%2012.6814C50.4699%2013.0066%2056%2018.7555%2056%2025.8245C55.9999%2033.1015%2050.1403%2038.9999%2042.9112%2039Z'%20fill='%23813C32'/%3e%3cpath%20d='M13.3411%2039C6.49944%2038.9999%200.885227%2033.7063%200.310249%2026.9689C0.245647%2026.7023%200.194134%2026.429%200.168293%2026.1624L0.116558%2025.6225C-0.193516%2022.4295%200.11668%2019.1907%201.02759%2016.1928C1.93207%2013.1883%203.41798%2010.4308%205.3367%208.08968C9.16132%203.38789%2014.7884%200.493889%2020.4154%200.0126419C22.3278%20-0.14994%2024.0009%201.27469%2024.1624%203.19316C24.3044%204.85782%2023.2516%206.35313%2021.7271%206.82141L21.6173%206.85443C18.3289%207.86895%2015.6345%2010.0215%2013.9612%2012.6814C20.8998%2013.0065%2026.4299%2018.7554%2026.4299%2025.8245C26.4298%2033.1016%2020.5703%2039%2013.3411%2039Z'%20fill='%23813C32'/%3e%3c/svg%3e") no-repeat center;width:56px;height:56px;display:block;margin:auto}.MenuPanel{background:var(--neutral-3);height:100%;width:100%;position:fixed;overflow:hidden;transform:translateY(-100%);transition:transform .3s ease;pointer-events:none;z-index:3;display:flex;align-items:center}.MenuPanel--open{transform:translateY(0);pointer-events:auto}.MenuPanel ol{list-style:none;display:flex;flex-direction:column;gap:var(--space-6x);padding:0 var(--space-4x)}.MenuPanel li{margin-top:0;margin-bottom:0;font-family:var(--font-secondary);font-size:2.4rem;line-height:1.15;font-weight:600;color:var(--primary-1)}.Menu{padding:var(--space-4x) var(--space-16x);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;height:100px}@media screen and (max-width: 768px){.Menu{padding:0 var(--space-4x);height:80px}}.Menu__name{display:flex;font-family:var(--font-secondary);font-size:1.2rem;font-weight:400;line-height:1.3;align-items:center;color:var(--text-color)}.Menu__name .Link__icon{width:1.2em;animation:rotating 12s linear infinite}.Menu__name .Link__icon svg path{fill:var(--neutral-1)}.Menu__navigation{display:flex;gap:var(--space-8x);align-items:center;list-style-type:none}@media screen and (max-width: 768px){.Menu__navigation{display:none}}.Menu__trigger{display:none;padding:var(--space-3x)}@media screen and (max-width: 768px){.Menu__trigger{display:block}}:root{--font-primary: "Roboto Condensed", sans-serif;--font-secondary: "Bricolage Grotesque", sans-serif}.Footer{padding:var(--space-10x) var(--space-16x);display:flex;justify-content:space-between}.Footer__links{display:flex;gap:var(--space-6x)}.Footer__credits{font-family:var(--font-secondary);font-size:.7rem;font-weight:400;line-height:1.2;color:var(--neutral-6);text-align:right}.Footer__credits p{line-height:1.25}@media screen and (max-width: 768px){.Footer{padding:var(--space-10x) var(--space-4x);flex-direction:column}.Footer .Footer__links{flex-direction:column;padding-bottom:var(--space-8x);margin-bottom:var(--space-8x);border-bottom:1px solid var(--neutral-4)}.Footer .Footer__credits{text-align:left}}