@import url("https://p.typekit.net/p.css?s=1&k=nyf2duc&ht=tk&f=28422.28431.28433.28450.28452.28462&a=3020188&app=typekit&e=css");*,:after,:before{box-sizing:border-box;background-color:inherit;font-family:inherit;line-height:1.4;color:inherit;overflow-wrap:break-word;margin:0;padding:0;border:0 solid}img,video{width:100%}:root{--color-dark: #1a1a1a;--color-light: #e8e8e8;--color-grey: #666;--color-primary: #5e879f;--color-secondary: #97a92a;--color-tertiary: #c7713b;color:var(--color-dark);background-color:var(--color-light)}.color-dark{fill:var(--color-dark)}.color-light{fill:var(--color-light)}.color-primary{fill:var(--color-primary)}.color-secondary{fill:var(--color-secondary)}.color-tertiary{fill:var(--color-tertiary)}.stroke-light{stroke:var(--color-light);stroke-width:1px}.stroke-dark{stroke:var(--color-dark);stroke-width:1px}@font-face{font-family:'mr-eaves-xl-modern';src:url("https://use.typekit.net/af/f64800/00000000000000007735b303/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/f64800/00000000000000007735b303/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/f64800/00000000000000007735b303/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:800}@font-face{font-family:'mr-eaves-xl-modern';src:url("https://use.typekit.net/af/e35fa0/00000000000000007735b327/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e35fa0/00000000000000007735b327/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e35fa0/00000000000000007735b327/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:'mr-eaves-xl-modern';src:url("https://use.typekit.net/af/abe747/00000000000000007735b32e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/abe747/00000000000000007735b32e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/abe747/00000000000000007735b32e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:300}@font-face{font-family:'mr-eaves-xl-sans';src:url("https://use.typekit.net/af/37dc55/00000000000000007735b304/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/37dc55/00000000000000007735b304/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/37dc55/00000000000000007735b304/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:'mr-eaves-xl-sans';src:url("https://use.typekit.net/af/82d493/00000000000000007735b30b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/82d493/00000000000000007735b30b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/82d493/00000000000000007735b30b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:'mr-eaves-xl-sans';src:url("https://use.typekit.net/af/2b8e86/00000000000000007735b332/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/2b8e86/00000000000000007735b332/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/2b8e86/00000000000000007735b332/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display:swap;font-style:italic;font-weight:400}.tk-mr-eaves-xl-modern{font-family:'mr-eaves-xl-modern', sans-serif}.tk-mr-eaves-xl-sans{font-family:'mr-eaves-xl-sans', sans-serif}:root{--font-heading: 'mr-eaves-xl-modern', sans-serif;--font-body: 'mr-eaves-xl-sans', serif;--measure: 1.4rem;font-size:calc(0.33vw + 1em);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading)}h1{font-size:3rem;font-weight:800}h2{font-size:3rem;font-weight:700}h3{font-size:2rem;font-weight:700}p+p{margin-top:var(--measure)}.svg-text-header{font-size:36px;font-family:var(--font-heading);font-weight:800}.svg-text-footer{font-size:16px;font-family:var(--font-heading);font-weight:300}.homepage{display:grid}.homepage>section{padding:2vw}.homepage>h2{scroll-margin-top:3rem;max-width:100vw;text-align:center;color:var(--color-light)}.homepage>h2:not(:first-child){margin-top:2rem}.homepage #about{background-color:var(--color-primary)}.homepage #services{background-color:var(--color-secondary)}.homepage #past-work{background-color:var(--color-tertiary)}.homepage #contact{background-color:var(--color-primary)}@media only screen and (min-width: 650px){.homepage{grid-template-columns:6vw 1fr}.homepage>h2{line-height:6vw;font-size:4vw;text-align:right;padding-bottom:10vh;border-left:2px dotted var(--color-light);writing-mode:vertical-lr;transform:rotate(180deg)}.homepage>h2:not(:first-child){margin-top:0}.flexbox:first-child{border-top:2px dotted var(--color-grey)}.contact{border-top:2px dotted var(--color-grey)}}header{padding:1ch 2vw;z-index:1;height:fit-content;position:sticky;top:0;background-color:var(--color-dark);color:var(--color-light);display:flex}header>a{display:grid;width:1.8rem;margin-right:1rem;opacity:0.6;transition:280ms all 120ms ease-out}header>a:hover,header>a:focus{opacity:1}header>a svg{width:100%}header nav{height:fit-content;display:flex;align-items:center;margin-left:auto}header nav a{text-decoration:none}header nav ul{list-style:none;display:grid}header nav>ul{grid-auto-flow:column;column-gap:1rem}header nav>ul>li{padding:0.2rem 0;border-top:1px solid transparent;opacity:0.6;transition:280ms all 120ms ease-out}header nav>ul>li:hover,header nav>ul>li:focus{border-top:1px solid var(--color-light);opacity:1}.hero{height:calc(100vh - 3rem);background-color:var(--color-dark);color:var(--color-light);display:flex;flex-direction:column;align-items:center}.hero>svg{margin-top:auto;padding-bottom:4vh;width:Min(80%, 70vh)}.hero a{margin-bottom:auto;width:3rem;opacity:0.6;padding-bottom:4vh}.hero a:hover{opacity:1}.flexbox{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:flex-start}.flexbox>div{flex:2 1 50ch;max-width:65ch;margin:5%}.flexbox img,.flexbox video,.flexbox svg{flex:1 1 30ch;max-width:30ch;margin:auto}.flexbox+.flexbox{margin-top:1.5rem;border-top:2px dotted var(--color-grey)}.flexbox{padding:2rem}.about{min-height:calc(100vh - 3rem)}.about img{box-shadow:1px 2px 5px var(--color-dark);border-radius:50%}.service{flex-wrap:wrap-reverse}.service>div h3{text-align:center}.service>div h3::after{content:'service';color:var(--color-light);font-family:var(--font-body);font-size:0.7rem;background-color:var(--color-secondary);padding:0.3rem;border-radius:999px;margin-left:0.5rem;position:relative;top:-0.8rem}.service>div>div{display:flex;border:1px solid var(--color-dark);border-radius:1rem;background-color:transparent;overflow:hidden}.service>div>div h4{background-color:var(--color-grey);color:var(--color-light);text-align:center;writing-mode:vertical-lr;transform:rotate(180deg);padding:0.5rem}.service>div ul{padding:0.5rem 0;list-style-type:circle;margin:auto 0.5rem auto 1.5rem}.service>div ul li+li{margin-top:0.5rem}.service div>*+*{margin-top:1.5rem}.work{flex-wrap:wrap-reverse;flex-direction:row-reverse}.work>div{display:flex;flex-direction:column}.work>div p{margin-top:1.5rem}.work>div img{margin:1.5rem auto 0 auto;max-height:3rem;width:auto}.work h3{text-align:center}.work h3::after{content:'past work';white-space:nowrap;color:var(--color-light);font-family:var(--font-body);font-size:0.7rem;line-height:normal;background-color:var(--color-tertiary);padding:0.3rem;border-radius:999px;margin-left:0.5rem;position:relative;top:-0.8rem}.work>video{border-radius:1rem;align-self:center}.contact{min-height:calc(100vh - 3rem);justify-self:center;max-width:90vw;display:flex;flex-direction:column}.contact>*{max-width:100%;margin-left:auto;margin-right:auto;margin-top:1.4rem}.contact p:first-child{margin-top:3rem}.contact form{width:100%;display:grid;row-gap:1rem}.contact fieldset{display:grid;grid-template-columns:8ch 1fr;align-items:center;justify-items:center;padding:0.3rem;border-radius:0.3rem;background-color:var(--color-dark)}.contact fieldset label{color:var(--color-light)}.contact fieldset input{padding:0.2rem;border-radius:0.2rem;font-size:1em;width:100%;background-color:var(--color-light)}.contact textarea{background-color:var(--color-light);border:2px solid var(--color-dark);padding:0.5rem;border-radius:0.3rem;font-size:1em;resize:none}.contact button{font-size:1em;padding:0.5rem;border-radius:1rem;width:max-content;background-color:var(--color-dark);color:var(--color-light)}.contact button:hover,.contact button:focus{background-color:var(--color-primary);filter:drop-shadow(0 0 2px var(--color-dark))}.contact button:hover{cursor:pointer}footer{margin-top:auto;background-color:var(--color-dark);color:var(--color-light);text-align:center}.blogpost,.bloglist{padding:1.4rem;align-self:center;max-width:90ch;min-height:100vh}.blogpost .blog-heading,.bloglist .blog-heading{max-width:65ch;margin-bottom:1.4rem;padding:0.5rem;border-bottom:1px dotted var(--color-grey);display:flex;flex-wrap:wrap}.blogpost .blog-heading h1,.bloglist .blog-heading h1{line-height:normal;padding-bottom:1.4rem;width:100%}.blogpost .blog-heading h4,.bloglist .blog-heading h4{margin-right:1.4rem}.blogpost p,.bloglist p{max-width:65ch}.blogpost article>*,.bloglist article>*{margin-left:auto;margin-right:auto}.blogpost svg{max-width:50%;padding:0.5rem;float:right}html{scroll-behavior:smooth}.wrapper{min-height:100vh;max-width:100vw;display:flex;flex-direction:column}.wrapper>*{width:100%}.thankyou{text-align:center;margin-top:1.5rem}.thankyou a{display:inline-block;margin-top:1.5rem}body{background-color:var(--color-primary)}main{background-color:var(--color-light)}.paused *{-webkit-animation-play-state:paused !important;-moz-animation-play-state:paused !important;-o-animation-play-state:paused !important;animation-play-state:paused !important}