@font-face{font-family:moderna-sans;font-style:normal;font-weight:400;src:url(/fonts/ModernaSans/ModernaSans-RegularExt.woff2) format("woff2")}@font-face{font-family:moderna-sans;font-style:normal;font-weight:700;src:url(/fonts/ModernaSans/ModernaSans-MediumExt.woff2) format("woff2")}@font-face{font-family:moderna-sans;font-style:normal;font-weight:300;src:url(/fonts/ModernaSans/ModernaSans-LightExt.woff2) format("woff2")}:root{--font-base: "moderna-sans", system-ui, sans-serif;--font-heading: "moderna-sans", system-ui, sans-serif;--font-heading-2: "moderna-sans", system-ui, sans-serif;--nav-height: 62px;--clr-primary: #ddeabb;--clr-secondary: #a3bc61;--background: radial-gradient(ellipse at top, var(--clr-primary), white), radial-gradient(ellipse at left, var(--clr-primary), white), radial-gradient(ellipse at right, var(--clr-primary), white), radial-gradient(ellipse at bottom, var(--clr-primary), white);--radius: var(--space-xs);--shadow: 0 0 10px 1px rgba(0, 0, 0, .1);--step--2: clamp(.7813rem, .7663rem + .075vi, .8rem);--step--1: clamp(.9375rem, .8875rem + .25vi, 1rem);--step-0: clamp(1.125rem, 1.025rem + .5vi, 1.25rem);--step-1: clamp(1.35rem, 1.18rem + .85vi, 1.5625rem);--step-2: clamp(1.62rem, 1.3535rem + 1.3325vi, 1.9531rem);--step-3: clamp(1.944rem, 1.5461rem + 1.9896vi, 2.4414rem);--step-4: clamp(2.3328rem, 1.7576rem + 2.8758vi, 3.0518rem);--step-5: clamp(2.7994rem, 1.9871rem + 4.0613vi, 3.8147rem);--space-3xs: clamp(.3125rem, .3125rem + 0vi, .3125rem);--space-2xs: clamp(.5625rem, .5125rem + .25vi, .625rem);--space-xs: clamp(.875rem, .825rem + .25vi, .9375rem);--space-s: clamp(1.125rem, 1.025rem + .5vi, 1.25rem);--space-m: clamp(1.6875rem, 1.5375rem + .75vi, 1.875rem);--space-l: clamp(2.25rem, 2.05rem + 1vi, 2.5rem);--space-xl: clamp(3.375rem, 3.075rem + 1.5vi, 3.75rem);--space-2xl: clamp(4.5rem, 4.1rem + 2vi, 5rem);--space-3xl: clamp(6.75rem, 6.15rem + 3vi, 7.5rem);--space-s-l: clamp(1.125rem, .025rem + 5.5vi, 2.5rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:light}body{position:relative;min-height:100svh;overflow-y:scroll;overflow-x:hidden;font-family:var(--font-base);font-size:var(--step-0);line-height:1.5;color:#000;font-weight:300;background-color:#fff;text-rendering:optimizeSpeed}body.has-open-navigation{overflow:hidden}a{color:inherit;text-decoration:none;text-decoration-skip-ink:auto}a:not([class]){position:relative;text-decoration-skip-ink:auto}a:not([class]):after{content:"";position:absolute;z-index:0;top:66%;left:-.1em;right:-.1em;bottom:0;transition:top .2s cubic-bezier(0,.8,.13,1);background-color:var(--clr-secondary);opacity:.5}a:not([class]):hover:after{top:0}img,picture,svg,video,iframe{display:block}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}ul[class],ol[class]{list-style:none}ul:not([class]),ol:not([class]){padding-inline-start:1rem}button{display:inline-flex;align-items:center;padding:0;font-size:1rem;font-family:inherit;font-weight:700;text-decoration:none;background:transparent;border:0;border-radius:0;outline:0;cursor:pointer}button:focus{outline:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-2);letter-spacing:2px;line-height:1;font-weight:700;text-wrap:balance}h1{font-family:var(--font-heading);font-size:var(--step-3)}h2{font-size:var(--step-2);--flow-space: var(--space-2xl)}h2+h3{--flow-space: var(--space-m)}h3{font-size:var(--step-1);--flow-space: var(--space-l)}p{text-wrap:pretty}p,li{max-width:52ch}li>ul{list-style:none;padding:0}strong{font-weight:700}em{font-style:italic}blockquote{font-size:var(--step-0)}blockquote>.author{display:block;margin-top:var(--space-s);font-size:var(--step--1);font-weight:300;font-style:italic}main{scroll-snap-type:y mandatory}section{position:relative;padding:var(--space-3xl) 0}.flow>*+*,blockquote>*+*{margin-top:var(--flow-space, .75em);-webkit-hyphens:auto;hyphens:auto}.app-nav,.app-header,.section-intro,.section-services,.about-person,.about-quote,.about-cv,.section-contact{--padding-inline: var(--space-xs);--full-bleed-max-width: 120rem;--site-max-width: 65rem;--breakout-max-width: 55rem;--content-max-width: 45rem;--site-size: calc((var(--site-max-width) - var(--breakout-max-width)) / 2);--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;max-width:var(--full-bleed-max-width);margin-inline:auto;grid-template-columns:[fullwidth-start] minmax(var(--padding-inline),1fr) [site-start] minmax(0,var(--site-size)) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(0,var(--site-size)) [site-end] minmax(var(--padding-inline),1fr) [fullwidth-end]}.app-nav>*,.app-header>*,.section-intro>*,.section-services>*,.about-person>*,.about-quote>*,.about-cv>*,.section-contact>*{grid-column:content}@keyframes bg-animation{0%{background-position:left}to{background-position:right}}@media only screen and (max-width:749px){section{padding:var(--space-xl) 0}}@media(prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}.app-nav{position:fixed;top:0;left:0;right:0;z-index:3;width:100%;height:var(--nav-height);background-color:#fff;transform:translateZ(0);box-shadow:0 0 1px 1px #0000001a}.app-nav>.content{grid-column:site;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-weight:700;font-size:var(--step-0)}.app-nav .brand{display:block}.app-nav .toggle{display:none}.app-nav .items{display:flex}.app-nav .item{padding:var(--step--1)}.app-nav .link{position:relative}.app-nav .link:after{content:"";position:absolute;z-index:-1;top:100%;left:-.1em;right:-.1em;bottom:0;transition:top .2s cubic-bezier(0,.8,.13,1);background-color:var(--clr-primary)}.app-nav .link.-active:after,.app-nav .link:hover:after{top:66%}.button-hamburger{--button-width: 30px;--button-height: 20px;--color: black;padding:1rem}.button-hamburger>.inner{display:block;width:var(--button-width);height:var(--button-height);position:relative;transform:rotate(0);cursor:pointer}.button-hamburger>.inner>span{display:block;position:absolute;height:2px;width:100%;background:var(--color);border-radius:20px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.button-hamburger>.inner>span:nth-child(1){top:0}.button-hamburger>.inner>span:nth-child(2),.button-hamburger>.inner>span:nth-child(3){top:calc(50% - 1px)}.button-hamburger>.inner>span:nth-child(4){bottom:0}.button-hamburger.-open>.inner>span:nth-child(1),.button-hamburger.-open>.inner>span:nth-child(4){width:0;left:50%;transition-duration:0s}.button-hamburger.-open>.inner>span:nth-child(2){transform:rotate(45deg)}.button-hamburger.-open>.inner>span:nth-child(3){transform:rotate(-45deg)}.button-primary{background-color:#000;color:#fff;padding:.5rem 1rem;font-weight:700;width:max-content;justify-self:center;font-size:var(--step-0);font-family:var(--font-heading);transition:transform .25s ease}.button-primary.-invert{background-color:#fff;color:#000}.button-primary:hover{transform:scale(1.1)}@media only screen and (max-width:749px){.app-nav>.content>.toggle,.app-nav>.content>.brand{display:block;z-index:4}.app-nav>.content>.items{display:block;position:absolute;top:0;left:0;height:0;clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%,100% 100%);transition:clip-path .35s ease}.app-nav.-open>.content>.brand,.app-nav.-open>.content>.toggle{--color: black;color:#fff}.app-nav.-open>.content>.items{height:100svh;color:#000;background-color:#fff;z-index:3;display:grid;justify-items:center;align-content:center;padding-top:var(--nav-height);width:100%;clip-path:polygon(0% 0%,100% 0%,100% 100%,100% 100%,0% 100%)}}.blob{position:absolute;z-index:0;aspect-ratio:1;opacity:.9;pointer-events:none}.blob>.shape{width:100%;height:100%}.app-header{padding:var(--nav-height) 0 var(--space-xl);position:relative;min-height:100svh;grid-template-rows:50% 50%;background-image:var(--background);background-position:top;background-size:400%;animation:bg-animation 4s infinite alternate}.app-header>.content{z-index:1;grid-column:fullwidth;display:grid;place-items:center;position:relative}.app-header>.content>.title{z-index:2;text-align:center}.app-header>.content>.title>.main,.app-header>.content>.title>.sub{display:block}.app-header>.content>.title>.main{letter-spacing:.1rem;font-size:var(--step-3)}.app-header>.content>.title>.sub{margin-top:var(--flow-space, .75em);font-weight:300;font-size:var(--step-2)}.app-header>.content>.blob{top:0;right:0;width:20%}.app-header>.quote{position:relative;grid-column:site;font-size:var(--step-1);font-weight:300;z-index:2;padding-top:var(--step-4);display:grid;justify-items:end}.app-header>.quote>.content{z-index:2;text-align:right;max-width:20ch}.app-header>.quote>.blob{bottom:0;left:-20%;width:60%}@media only screen and (max-width:749px){.app-header .title>.main{font-size:var(--step-2)}.app-header .title>.sub{font-size:var(--step-1)}.app-header>.content>.blob{width:50%}.app-header>.quote>.blob{width:80%}}.section-intro>.content{grid-column:content}.section-services{background-image:var(--background);background-position:top;background-size:400%;animation:bg-animation 4s infinite alternate}.section-services>.content{grid-column:content}.section-about{padding:0}.about-person,.about-quote,.about-cv{position:relative;padding-block:var(--space-2xl)}.about-person{grid-template-rows:var(--space-xl) max-content}.about-person>.image{grid-column:fullwidth;width:40%}.about-person>.image>img{object-fit:cover;width:100%}.about-person>.text{grid-column:site;justify-self:end;width:70%;padding:var(--space-m);background-color:#fff}.about-quote{background-image:var(--background);background-position:top;background-size:400%;animation:bg-animation 4s infinite alternate}.about-quote>.text{grid-column:breakout;width:45%;z-index:2}.about-quote>.blob{top:0;right:0;width:40%;z-index:1}.about-cv>.text{grid-column:site;justify-self:end;width:70%;padding:var(--space-m);background-color:#fff}@media only screen and (max-width:749px){.about-person,.about-quote,.about-cv{padding-block:var(--space-xl)}.about-person{grid-template-rows:max-content var(--space-l) max-content;margin-top:0}.about-person>.image,.about-person>.text{width:100%}.about-person>.image{grid-row:1 / span 2}.about-person>.text{grid-row:2 / span 2}.about-quote>.blob{display:none}.about-quote>.text{width:100%}.about-cv>.text{width:100%}}.section-contact{background-image:var(--background);background-position:top;background-size:400%;animation:bg-animation 4s infinite alternate}.section-contact>.title{grid-column:site}.section-contact>.content{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-item-size, 24rem),1fr));gap:var(--gutter, var(--space-s));grid-column:site;margin-top:var(--space-xl)}@media only screen and (max-width:749px){.section-contact>.content{--grid-min-item-size: 18rem;--gutter: var(--space-xl)}}
