:where([data-astro-image]){object-fit:var(--fit);object-position:var(--pos);height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}html{height:100%;--color-foreground-main-rgb: 32, 24, 22;--color-foreground-secondary-transparency: .6;--color-foreground-tertiary-transparency: .1;--color-foreground-main: rgb(var(--color-foreground-main-rgb));--color-foreground-secondary: rgba( var(--color-foreground-main-rgb), var(--color-foreground-secondary-transparency) );--color-foreground-tertiary: rgba( var(--color-foreground-main-rgb), var(--color-foreground-tertiary-transparency) );--color-background-main-rgb: 251, 245, 243;--color-background-main: rgb(var(--color-background-main-rgb));--color-accent-rgb: 195, 65, 27;--color-selection-rgb: 130, 115, 110}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-foreground-main);color:var(--color-background-main);padding:.5rem 1rem;text-decoration:none;z-index:100;border-radius:0 0 .25rem}.skip-link:focus{top:0}@media(prefers-color-scheme:dark){html{--color-foreground-main-rgb: 251, 245, 243;--color-foreground-secondary-transparency: .6;--color-foreground-tertiary-transparency: .2;--color-background-main-rgb: 32, 24, 22}}body{min-height:100%;margin:0;background:var(--color-background-main);font-family:forma-djr-text,sans-serif;color:var(--color-foreground-main);font-size:16px;line-height:1.5;position:relative}main{scroll-margin-top:1rem}*{box-sizing:border-box}::selection{background:rgba(var(--color-selection-rgb),.25);color:var(--color-foreground-main)}h1{font-size:2.441em;line-height:1.12;margin:0}h2{font-size:1.563rem;line-height:1.12}h3{font-size:1.25rem}h4{font-size:1rem}h3 small,h4 small{font-size:80%;color:var(--color-foreground-secondary)}.heading--secondary{color:var(--color-foreground-secondary);text-align:center;font-weight:400}p{max-width:600px}@media only screen and (max-width:600px){h3 small,h4 small{display:block}}@media only screen and (min-width:601px){h1{font-size:3.052rem}}a{color:var(--color-foreground-main);text-decoration-color:var(--color-foreground-tertiary);text-decoration-thickness:.125rem;text-underline-offset:.2rem;transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--color-foreground-main)}a:focus-visible{outline:2px solid var(--color-accent-rgb);outline-offset:2px;border-radius:2px}.list--no-count{list-style:none;margin:0;padding:0}.list li{margin-bottom:1rem}.list h3,.list h4,.list p{margin:0}.list h4{font-weight:400}.list p{color:var(--color-foreground-secondary)}.list--long-text p{margin-top:.75rem}.list--long-text li{margin-bottom:1.5rem}.list li ul{margin:.75rem 0 0;padding:0;list-style:square}.list li ul li{color:var(--color-foreground-secondary);margin:.375rem 0 0 1rem}.button{color:var(--color-foreground-secondary);display:inline-block;transition:color .2s,text-decoration-color .2s;position:relative;padding-right:1rem;text-decoration:none}.button:after{display:inline-block;content:"";height:1.5em;width:1em;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%205.52'%3e%3cdefs%3e%3cstyle%3e%20.cls-1{fill:rgb(32,%2024,%2022);}%20%3c/style%3e%3c/defs%3e%3ctitle%3ebutton-arrow-right%3c/title%3e%3cg%20id='Laag_2'%20data-name='Laag%202'%3e%3cg%20id='Laag_1-2'%20data-name='Laag%201'%3e%3cpath%20class='cls-1'%20d='M16,2.64,13.36,0a.2.2,0,0,0-.23,0l-.58.58a.2.2,0,0,0,0,.23L13.9,2.19H0V3.33H13.9L12.55,4.68a.18.18,0,0,0,0,.22l.58.58a.17.17,0,0,0,.23,0L16,2.88a.2.2,0,0,0,0-.24Z'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;background-position:right .5em center;background-size:1em auto;opacity:var(--color-foreground-secondary-transparency);vertical-align:middle;transition:opacity .2s,background-position .2s;position:absolute;bottom:0;right:-.5em}@media(prefers-color-scheme:dark){.button:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%205.52'%3e%3cdefs%3e%3cstyle%3e%20.cls-1{fill:rgb(251,%20245,%20243);}%20%3c/style%3e%3c/defs%3e%3ctitle%3ebutton-arrow-right%3c/title%3e%3cg%20id='Laag_2'%20data-name='Laag%202'%3e%3cg%20id='Laag_1-2'%20data-name='Laag%201'%3e%3cpath%20class='cls-1'%20d='M16,2.64,13.36,0a.2.2,0,0,0-.23,0l-.58.58a.2.2,0,0,0,0,.23L13.9,2.19H0V3.33H13.9L12.55,4.68a.18.18,0,0,0,0,.22l.58.58a.17.17,0,0,0,.23,0L16,2.88a.2.2,0,0,0,0-.24Z'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}}.button:hover,a:hover .button{color:var(--color-foreground-main)}.button:hover:after,a:hover .button:after{opacity:1;background-position:right 0 center;transition-delay:0s,.2s}.button:focus-visible,a:focus-visible .button{outline:2px solid var(--color-accent-rgb);outline-offset:2px;border-radius:2px}.button--large{font-size:1.25rem}.button--space-above{margin-top:1rem}.timestamp{letter-spacing:.2rem;text-transform:uppercase;font-size:.8rem;color:var(--color-foreground-secondary);font-family:forma-djr-micro,sans-serif;font-weight:500}.section{width:100%;max-width:1000px;margin:0 auto;padding:1rem}.section__title{margin:0 0 1rem}.section__title h2{margin:0 0 2px}.section__sidebar{list-style:none;padding:0;margin:0 0 2rem}.section__sidebar>li{margin-bottom:1rem}.section__sidebar h3{letter-spacing:.2rem;text-transform:uppercase;font-size:.8rem;color:var(--color-foreground-secondary);font-family:forma-djr-micro,sans-serif;font-weight:500;margin:0}.section__sidebar ul{margin:0;padding:0;list-style:none}.section__item p:first-child{margin-top:0}.section__item p:last-child{margin-bottom:0}.section--home h1,.section--home h2{color:var(--color-foreground-secondary)}.section--home h1 b{color:var(--color-foreground-main)}.section--404 h2{color:var(--color-foreground-secondary);margin-top:0}.section--work{max-width:1200px}.section--work header h2{margin:4rem 0 2rem;color:var(--color-foreground-secondary)}.section--project{padding-bottom:2rem}.section--project h2{font-weight:400;margin:0 0 1rem;color:var(--color-foreground-secondary)}.section.section--image{display:flex;justify-content:center;position:relative;padding:1rem;max-width:73rem}.section--image img,.section--image__video{display:block;max-width:968px;width:100%}.section--image figure{width:100%;position:relative}.section--image__background{position:absolute;top:2.5rem;bottom:2.5rem;left:0;right:0;background:rgba(var(--color-project-primary),.5);z-index:-1}.section--image__background--extra-spacing{top:4rem;bottom:4rem}@media only screen and (min-width:73rem){.section--image__background{border-radius:.5rem}}.section--sosumi{color:var(--color-foreground-secondary)}.section--sosumi h2{font-size:1rem;margin:0 auto;max-width:600px}.section--sosumi p{margin:.5rem auto}.text--intro{font-size:1.25rem}@media only screen and (max-width:600px){.section--home .about-me__photo{display:none}}@media only screen and (min-width:601px){.section{padding:2rem 1rem}.section--list{display:flex}.section__title{flex:0 33%;text-align:right;padding:24px 2rem 0 0}.section__title--no-offset{padding-top:0}.section__item{flex:0 66%}.section__sidebar{flex:0 33%;padding:0 2rem 0 0;margin:0;text-align:right}.section--project h1{text-align:center}.section--text{display:flex}.section--text+.section--text{margin-top:-3rem}}@media only screen and (min-width:901px){.section{padding:4rem 1rem}.section__sidebar,.section__title{padding-right:4rem}.section__item{flex:0 50%}.section--project{padding-bottom:2rem}.section--text+.section--text{margin-top:-6rem}.section--image{margin-top:2rem;margin-bottom:2rem}.section--image__background{top:4rem;bottom:4rem}}.menu{max-width:1000px;padding:1rem .5rem;margin:0 auto;display:flex;justify-content:space-between}.menu a{text-decoration:none;font-size:1rem;line-height:1rem;padding:1rem .5rem;display:block;transition:color .15s}.menu__logo{margin:0;font-weight:700}.menu__menu{margin-left:auto}.menu__menu ul{margin:0;padding:0;list-style:none;display:flex}.menu__menu a{color:var(--color-foreground-secondary)}.menu__menu a:hover,.menu__menu a:focus,.menu__menu a:active{color:var(--color-foreground-main)}.menu__menu a:focus-visible{outline:2px solid var(--color-accent-rgb);outline-offset:2px;border-radius:2px}.menu__contact{text-align:right}.menu__contact h2{letter-spacing:.2rem;text-transform:uppercase;font-size:.8rem;color:var(--color-foreground-secondary);font-family:forma-djr-micro,sans-serif;font-weight:500;margin:1rem 1rem .5rem 0}.menu__contact p{margin:0}.menu__contact a{padding:0 1rem .5rem 0}.menu__social{margin:0 .5rem 0 0;padding:0;list-style:none;display:flex;justify-content:flex-end}.menu__social li{margin:0}.menu__social a{padding:.5rem;display:block;opacity:var(--color-foreground-secondary-transparency);transition:opacity .15s}.menu__social a:hover,.menu__social a:focus,.menu__social a:active{opacity:1}.menu__social a:focus-visible{outline:2px solid var(--color-accent-rgb);outline-offset:2px;border-radius:2px}.menu__social img{width:1rem}.work{--color-project-primary: var(--color-foreground-main-rgb);margin-bottom:1rem;background-color:rgba(var(--color-project-primary),.5);position:relative;text-decoration:none;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border:1px solid rgb(var(--color-project-primary))}@media(prefers-color-scheme:dark){.work{background-color:rgba(var(--color-project-primary),.2)}}.work h2{font-size:1.75rem;margin:0}.work__title{display:flex;flex-direction:column;justify-content:flex-end;height:100%;width:100%;max-width:1000px;padding:1rem;border-top:1px solid rgb(var(--color-project-primary))}.work a:focus-visible{outline:2px solid var(--color-accent-rgb);outline-offset:2px}.work__meta{margin:.5rem 0 0;padding:0;list-style:none;color:var(--color-foreground-secondary)}.work__meta-item--client{color:var(--color-foreground-main)}.work--color-ah{--color-project-primary: 0, 160, 226}.work--color-ckc{--color-project-primary: 255, 235, 0}.work--color-cid{--color-project-primary: 80, 161, 90}.work__image{border-radius:7px 7px 0 0;flex:1}@media only screen and (min-width:601px){.work{min-height:15rem;align-items:center}.work__title{border-top:0;position:relative;z-index:2}.work__image{position:absolute;top:0;right:0;bottom:0;height:100%;border-radius:0 7px 7px 0;max-width:50%;object-fit:cover;object-position:left center}}@media only screen and (min-width:940px){.work{margin-bottom:2rem;min-height:20rem}.work h2{font-size:2.5rem}.work__meta{display:flex;gap:1rem}}.embed{position:relative;padding-top:56.25%}.embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem}.photos__item{flex:50%;margin:0 0 2rem;position:relative}.photos__item img{display:block;border:.5rem var(--color-foreground-tertiary) solid;margin:0 .5rem;width:calc(100% - 1rem)}.photos__item:after{content:"";display:block;width:2rem;height:2rem;background:url("data:image/svg+xml,%3csvg%20id='Laag_1'%20data-name='Laag%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23999;}%3c/style%3e%3c/defs%3e%3ctitle%3eclip%3c/title%3e%3cpath%20class='cls-1'%20d='M11.42,12V6.84a4.57,4.57,0,1,1,9.13,0l.05,20a2.85,2.85,0,0,1-5.7,0V10.32h0a1.14,1.14,0,0,1,2.28,0v8a1.14,1.14,0,0,0,2.28,0v-8a3.43,3.43,0,0,0-6.85,0h0V26.87a5.14,5.14,0,0,0,10.27,0l-.05-20a6.85,6.85,0,0,0-13.69,0V12Z'/%3e%3c/svg%3e") no-repeat center center;position:absolute;top:-12px;left:1rem;z-index:5}.photos__item figcaption{color:var(--color-foreground-secondary);font-size:.8rem;font-family:forma-djr-micro,sans-serif;font-weight:500;padding:1rem}@media only screen and (min-width:601px){.photos__item{flex:25%}}.about-me{display:flex;align-items:center;flex-wrap:wrap}.about-me__text{flex:100%;order:2}.about-me__text h2{font-weight:400;line-height:2rem}.about-me__text h2 b{font-weight:400;color:var(--color-foreground-main)}.about-me__text-newline{display:block}.about-me__photo{flex:100%;transform:rotate(1deg)}.about-me__photo img{width:50%}@media only screen and (min-width:601px){.about-me__text{flex:70%;order:1;padding-right:6rem}.about-me__text-newline{margin-top:0}.about-me__photo{flex:30%;order:2}.about-me__photo img{width:100%}}@media only screen and (min-width:901px){.about-me__text{padding-right:9rem}}.util__name{font-feature-settings:"salt"}@media only screen and (max-width:600px){.util__hide-small{display:none!important}}@media only screen and (min-width:601px){.util__hide-large{display:none!important}}