@font-face{font-family:Neue Machina;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/PPNeueMachina-PlainUltrabold.woff2) format("woff2")}@font-face{font-family:Telegraf;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/PPTelegraf-Regular.woff2) format("woff2")}@font-face{font-family:Telegraf;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/PPTelegraf-RegularSlanted.woff2) format("woff2")}@font-face{font-family:Telegraf;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PPTelegraf-Bold.woff2) format("woff2")}:root{--c-heading: var(--c-body-text);--ff-accent: "Neue Machina", sans-serif;--ff-main: "Telegraf", sans-serif;--ff-body: var(--ff-main);--fs-body: 1rem;--fv-slant: 0;--main-border-rad: .75rem;--page-padding: 1rem;--shadow-medium: .3px .5px .7px var(--c-shadow-color), .8px 1.6px 2px -.8px var(--c-shadow-color), 2.1px 4.1px 5.2px -1.7px var(--c-shadow-color), 5px 10px 12.6px -2.5px var(--c-shadow-color);--shadow-elevation-high: -.5px .5px .8px var(--c-shadow-color), -2.5px 2.7px 4.1px -.4px var(--c-shadow-color), -4.7px 5px 7.7px -.7px var(--c-shadow-color), -7.7px 8.2px 12.7px -1.1px var(--c-shadow-color), -12.3px 13.1px 20.2px -1.4px var(--c-shadow-color), -19.1px 20.4px 31.4px -1.8px var(--c-shadow-color), -29.1px 31px 47.8px -2.1px var(--c-shadow-color), -42.8px 45.6px 70.4px -2.5px var(--c-shadow-color)}:root,:root[data-color-mode=light]{--c-primary-oklch: 46.3% .32 264.052;--c-primary: oklch(46.3% .32 264.052);--c-secondary: oklch(46.3% .21 354.052);--c-body-bg-hsl: 81 66% 95%;--c-body-bg: hsl(var(--c-body-bg-hsl));--c-body-text: hsl(81 16% 12%);--c-site-footer: hsl(81 16% 12%);--c-shadow-color: hsl(80 24% 58% / .36);--c-bg1: hsl(128 21% 79%);--c-bg2: hsl(81 66% 98%)}:root[data-color-mode=dark]{--c-primary-oklch: 56.3% .24 264.052;--c-primary: oklch(56.3% .24 264.052);--c-body-bg-hsl: 81 16% 12%;--c-body-bg: hsl(var(--c-body-bg-hsl));--c-body-text: hsl(81 66% 97%);--c-site-footer: hsl(81 16% 10%);--c-shadow-color-: hsl(80 24% 2% / .42);--c-bg1: hsl(128 21% 7%);--c-bg2: hsl(81 23% 16%)}*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html,body{height:100%}html{color-scheme:light dark;font-size:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:hsl(81 66% 95%);background:var(--c-body-bg);color:#20231a;color:var(--c-body-text);font-family:Telegraf,sans-serif;font-family:var(--ff-body);font-size:1rem;font-size:var(--fs-body);font-weight:400;line-height:1.5}.hide{display:none}.no-scroll{overflow:hidden}.site-wrapper{overflow-x:hidden}.page-container{position:relative;max-width:110rem;margin-inline:auto;padding-inline:1rem;padding-inline:var(--page-padding)}.section-content{padding-block-start:3rem;padding-block-end:4rem}.grid{display:grid;grid-template-columns:repeat(10,[col-start] 1fr);grid-gap:1.5rem;gap:1.5rem}.h1,.h2,.h3,.h4,.h5,.h6,.heading{color:#20231a;color:var(--c-heading);font-family:Neue Machina,sans-serif;font-family:var(--ff-accent);font-weight:800;line-height:1.2;text-wrap:balance}.h1,.h2,.h3,.heading{margin-block-end:1rem}.h4,.h5,.h6{margin-block-end:.5rem}.h2{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1.25rem}p{margin-block-end:1rem}p:last-of-type{margin-block-end:2.5rem}p+h2,ul+h2,.details-wrapper+h2{margin-block-start:5rem}p+h3,ul+h3{margin-block-start:3rem}.fl:first-letter{color:oklch(46.3% .32 264.052);color:var(--c-primary);float:left;font-size:7.75em;font-weight:700;margin-block-start:.35rem;margin-inline-end:.5rem}@supports (initial-letter: 4){.fl:first-letter{float:none;-webkit-initial-letter:4;initial-letter:4;margin-block-start:0}}.intro{font-size:1.25em}.text{max-width:50ch}.bg0{background-color:#f5fbea;background-color:var(--c-body-bg)}.bg1{background-color:#bed5c1;background-color:var(--c-bg1)}.bg2{background-color:#fbfdf7;background-color:var(--c-bg2)}.c-primary{color:oklch(46.3% .32 264.052);color:var(--c-primary)}.m-auto{margin-inline:auto}.sr-only{position:absolute;height:0;width:0;clip:rect(1px,1px,1px,1px);overflow:hidden;white-space:nowrap}.btn{position:relative;background-clip:padding-box;background-color:oklch(46.3% .32 264.052);background-color:var(--c-primary);border:3px solid oklch(46.3% .32 264.052 / .3);border:3px solid oklch(var(--c-primary-oklch) / .3);border-radius:.75rem;border-radius:var(--main-border-rad);color:#fff;cursor:pointer;display:inline-flex;align-items:center;font-family:Telegraf,sans-serif;font-family:var(--ff-main);font-size:1rem;font-size:var(--fs-body);line-height:1.2;outline-offset:3px;overflow:hidden;padding:.8125rem 1rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.btn.--outline{background:none;border-color:currentColor}.btn>span{position:relative}.btn-icon{position:relative;width:1.5rem;height:1.5rem;fill:none;margin-inline-end:.75rem;stroke:currentColor}@keyframes gradient-rotate{0%{--gradient-angle: 240deg}to{--gradient-angle: 600deg}}.btn-pointer{position:absolute;width:1.5rem;height:1.5rem;background-color:color-mix(in hsl,oklch(46.3% .32 264.052),black 25%);border-radius:.375rem;opacity:0;pointer-events:none;scale:0;transform-origin:center;transition:opacity .3s cubic-bezier(.075,1,.2,.975),scale .3s cubic-bezier(.075,1,.2,.975),transform .2s;animation:rotateItem 2s linear paused infinite forwards}@supports (color: color-mix(in lch,red,blue)) and (top: var(--f)){.btn-pointer{background-color:color-mix(in hsl,var(--c-primary),black 25%)}}.btn:hover:focus .btn-pointer,.btn:hover .btn-pointer{left:0;top:0;opacity:1;scale:1}.btn:focus-visible .btn-pointer{left:-.25rem;top:calc(50% - .55rem);opacity:1;rotate:-18deg;scale:1}.btn.--outline .btn-pointer{background-color:#fff3}@keyframes btnActive{0%{scale:1}to{scale:10}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.details-wrapper{border:1px solid oklch(46.3% .32 264.052);border:1px solid var(--c-primary);border-radius:1.125rem;border-radius:calc(var(--main-border-rad) * 1.5)}details{position:relative}details+details:before{position:absolute;top:0;right:-1px;bottom:0;left:-1px;height:1.125rem;height:calc(var(--main-border-rad) * 1.5);border:1px solid oklch(46.3% .32 264.052);border:1px solid var(--c-primary);border-block-end:none;border-start-end-radius:1.125rem;border-start-end-radius:calc(var(--main-border-rad) * 1.5);border-start-start-radius:1.125rem;border-start-start-radius:calc(var(--main-border-rad) * 1.5);content:""}details summary.h4{display:flex;align-items:center;justify-content:space-between;margin-block-end:0;padding:1rem;cursor:pointer}details summary.h4:after{width:.75em;height:.75em;border-top:2px solid oklch(46.3% .32 264.052);border-top:2px solid var(--c-primary);border-right:2px solid oklch(46.3% .32 264.052);border-right:2px solid var(--c-primary);border-top-right-radius:.15rem;content:"";display:inline-block;rotate:45deg;transform-origin:75% 25%;translate:0 25%}details[open] summary.h4:after{rotate:135deg}details summary.h4::marker{content:""}details .details-content{display:grid;padding-block-end:1rem;padding-inline:1rem}details .details-content>div{overflow:hidden}details .text{margin-block-end:0}@keyframes details-open{0%{grid-template-rows:0fr}to{grid-template-rows:1fr}}.site-footer{--footer-border-rad: calc(var(--main-border-rad) * 2);position:relative;background-color:#20231a;background-color:var(--c-site-footer);border-start-end-radius:1.5rem;border-start-end-radius:var(--footer-border-rad);border-start-start-radius:1.5rem;border-start-start-radius:var(--footer-border-rad);padding:4rem 0;z-index:1}.site-footer h2{color:#f9fcf2;margin-block-end:2rem}.site-footer .content{color:#f9fcf2;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4rem 2rem}.site-footer .btns{display:flex;flex-wrap:wrap;gap:2rem}.site-header{position:absolute;width:100%;z-index:10}.site-header>div{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:110rem;min-width:0;padding:1rem .5rem 1rem 1rem;padding:1rem calc(var(--page-padding) - .5rem) 1rem var(--page-padding)}.site-header .logo{height:48px}.site-header .logo>a{color:currentColor}.site-header .logo svg{width:auto;height:100%}.site-header .logo svg rect{fill:oklch(46.3% .32 264.052);fill:var(--c-primary)}.site-header .logo svg path{fill:currentColor}.site-header-right{display:flex;min-width:0}.skiplink{background-color:#fff;border-radius:.75rem;border-radius:var(--main-border-rad);box-shadow:.3px .5px .7px #9cae7a5c,.8px 1.6px 2px -.8px #9cae7a5c,2.1px 4.1px 5.2px -1.7px #9cae7a5c,5px 10px 12.6px -2.5px #9cae7a5c;box-shadow:var(--shadow-medium);color:#333;font-weight:500;padding:1rem 2rem}.skiplink:focus-visible{left:16px;top:1rem;height:auto;width:auto;clip:auto;outline:0;overflow:auto;white-space:normal;z-index:1000}#main-content{opacity:1;transition:opacity .2s ease-in}#main-content.menu-open{opacity:.5}.main-nav{flex:0 0 auto;display:flex;min-width:0}.main-nav .menu-toggle-wrapper{position:fixed;top:1rem;right:1rem;display:none;opacity:0;scale:0}.main-nav .menu-toggle-wrapper.visible{display:flex;animation:toggleBtnIn .12s cubic-bezier(.18,.65,.35,1) forwards}.main-nav .menu-toggle-wrapper.hiding{display:flex;animation:toggleBtnOut .12s cubic-bezier(.18,.65,.35,1) forwards}.main-nav #menuToggle{position:relative;background:none;border:none;cursor:pointer;padding:0;z-index:100}.main-nav #mainMenu{position:fixed;top:0;right:0;width:100%;max-width:32rem;height:100%;max-height:48rem;min-width:0;display:flex;justify-content:center;flex-direction:column;pointer-events:none;translate:100% 0}.main-nav #mainMenu.open{translate:none}.main-nav #mainMenu.open ul li{opacity:1;translate:none}.main-nav ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:clamp(4rem,7vw,6rem);pointer-events:auto}.main-nav ul li{opacity:0;translate:3em 0}.main-nav ul li:nth-of-type(2){--main-menu-item-delay: .1s}.main-nav ul li:nth-of-type(3){--main-menu-item-delay: .2s}.main-nav ul li a{position:relative;color:inherit;display:block;font-size:clamp(3rem,7vw,4.5rem);line-height:1.25;padding:.5rem;text-decoration:none}.main-nav ul li a:before{position:absolute;top:calc(50% - .15em);left:-.75em;width:.3em;height:.3em;animation:rotateItem 2s linear paused infinite forwards;background-color:oklch(46.3% .32 264.052);background-color:var(--c-primary);border-radius:.11em;content:"";opacity:0;rotate:-18deg;scale:0;transition:opacity .3s ease-in,rotate 1.5s ease-out,scale .3s ease-in}.main-nav ul li a.--active:before,.main-nav ul li a:hover:before,.main-nav ul li a:focus-visible:before{opacity:1;scale:1}.main-nav.--inline{width:-moz-max-content;width:max-content}.main-nav.--inline #mainMenu{position:relative;width:-moz-max-content;width:max-content;translate:0 0;transition-duration:0s}.main-nav.--inline ul{flex-direction:row;min-width:0;padding:0}.main-nav.--inline ul li{display:flex;align-items:center;min-width:0;opacity:1;translate:none}.main-nav.--inline ul li a{display:block;font-size:1.25rem;line-height:1;margin-block-start:.1em}.main-nav.--inline ul li a:before{position:absolute;top:calc(100% - .17rem);left:calc(50% - .17em);width:.34em;height:.34em}@keyframes rotateItem{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toggleBtnIn{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes toggleBtnOut{0%{opacity:1;scale:1}to{opacity:0;scale:0}}.menu-toggle-bg{position:absolute;top:50%;right:50%;translate:50% -50%;width:3.25rem;aspect-ratio:1/1;background-color:oklch(46.3% .32 264.052);background-color:var(--c-primary);border-radius:.75rem;border-radius:var(--main-border-rad);transform:rotate(-18deg) scale(1) translate(0);transition:background-color .2s ease .05s,transform .3s ease .05s}#menuToggle[aria-expanded=true]~.menu-toggle-bg{background-color:#f5fbea;background-color:var(--c-body-bg);transform:rotate(87deg) scale(25) translate(.25rem,-.25rem);transition-delay:0s}.menu-toggle-icon{position:relative;width:3.5rem;height:auto;fill:none;stroke:#fff;stroke-width:2;transition:stroke .2s cubic-bezier(.215,.61,.355,1)}.menu-toggle-icon #bottom{stroke-dasharray:26 176.476;stroke-dashoffset:26.5}.menu-toggle-icon #middle{transform-origin:center}.menu-toggle-icon #top{stroke-dasharray:26 132.945;stroke-dashoffset:26.5}#menuToggle[aria-expanded=true] .menu-toggle-icon{stroke:#20231a;stroke:var(--c-body-text)}#menuToggle[aria-expanded=true] .menu-toggle-icon #bottom{stroke-dashoffset:202.476}#menuToggle[aria-expanded=true] .menu-toggle-icon #middle{scale:0 1;transition-delay:0s}#menuToggle[aria-expanded=true] .menu-toggle-icon #top{stroke-dashoffset:158.945}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in hsl,oklch(46.3% .32 264.052),transparent 90%);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);display:none;opacity:0;z-index:5}@supports (color: color-mix(in lch,red,blue)) and (top: var(--f)){#overlay{background:color-mix(in hsl,var(--c-primary),transparent 90%)}}#overlay.visible{animation:inOpacityAnim .2s ease-in forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:block}#overlay.fadeout{animation:outOpacityAnim .2s ease-in forwards;display:block}.scheme-toggle{flex:0 0 auto;margin-inline-end:5.5rem}.scheme-toggle>button{width:100%;height:100%;background:transparent;border:none;border-radius:.75rem;border-radius:var(--main-border-rad);color:var(--os-body-text);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:400;opacity:.75;padding:0;transition:background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out}.scheme-toggle>button:focus,.scheme-toggle>button:hover{background-color:var(--os-menu-hover-bg);opacity:1}.scheme-toggle>button svg{width:auto;height:3rem;flex:0 0 auto;fill:none;stroke:currentColor}.scheme-toggle div{display:flex;align-items:center}.scheme-toggle :is(#moon,#sun){animation-fill-mode:both;transform-origin:1.5rem 4rem}.scheme-toggle :is(#moon,#sun) .inner{animation-fill-mode:both;transform-origin:center}.scheme-toggle .moonIn #moon{animation-name:inRotateAnim,inOpacityAnim}.scheme-toggle .moonIn #moon .inner{animation-name:inInnerRotateAnim}.scheme-toggle .moonIn #sun{animation-name:outRotateAnim,outOpacityAnim;animation-delay:0,.16s}.scheme-toggle .moonIn #sun .inner{animation-name:outInnerRotateAnim}.scheme-toggle .sunIn #moon{animation-name:outRotateAnim,outOpacityAnim;animation-delay:0s,.16s}.scheme-toggle .sunIn #moon .inner{animation-name:outInnerRotateAnim}.scheme-toggle .sunIn #sun{animation-name:inRotateAnim,inOpacityAnim}.scheme-toggle .sunIn #sun .inner{animation-name:inInnerRotateAnim}.scheme-toggle span{white-space:nowrap}html[data-color-mode=dark] .scheme-toggle button:not(.animate) #sun,html[data-color-mode=light] .scheme-toggle button:not(.animate) #moon{opacity:1}html[data-color-mode=dark] .scheme-toggle button:not(.animate) #moon,html[data-color-mode=light] .scheme-toggle button:not(.animate) #sun{opacity:0}@keyframes inRotateAnim{0%{rotate:60deg}to{rotate:0deg}}@keyframes outRotateAnim{0%{rotate:0deg}to{rotate:-60deg}}@keyframes inOpacityAnim{0%{opacity:0}to{opacity:1}}@keyframes outOpacityAnim{0%{opacity:1}to{opacity:0}}@keyframes inInnerRotateAnim{0%{rotate:-60deg}to{rotate:0deg}}@keyframes outInnerRotateAnim{0%{rotate:0deg}to{rotate:60deg}}.masthead{position:relative;display:flex;align-items:center;padding:10rem 0 6rem}.masthead.--home{min-height:100dvh;padding-block-start:8rem}.masthead.--home .heading{font-size:clamp(3rem,8vw,11rem);min-height:6em;text-wrap:initial}.masthead.--home .line-bg{bottom:5rem}.masthead .heading{font-size:clamp(3rem,7vw,7.5rem);isolation:isolate;max-width:12em}.masthead .heading .small{font-size:.75em}.masthead .line-bg{position:absolute;top:-2rem;right:-5rem;bottom:0;left:-1.25rem;border:1px solid oklch(46.3% .32 264.052);border:1px solid var(--c-primary);border-radius:0 0 max(5rem,10vw) max(5rem,10vw);rotate:-3deg;margin:0 auto;max-width:150rem;transform-origin:20% 60%}.masthead #mastheadText:after{content:"|"}.masthead #mastheadText:not(.typing,.typing-done):after{animation:blink .5s linear infinite alternate forwards}.masthead #mastheadText.typing-done:after{display:inline-block;scale:1 .012;transform:scaleX(0);transform-origin:50% 42%;transition:scale .2s ease .5s,transform .1s ease .85s}@keyframes blink{0%,45%{opacity:1}55%,to{opacity:0}}.scroll-indicator{--translate-duration: 0s;position:absolute;bottom:.5rem;width:100%;font-size:.9375rem;padding-block-start:2.5rem;text-align:center;translate:0 150%;transition:opacity .3s cubic-bezier(.39,.575,.565,1) .1s,translate 0s cubic-bezier(.39,.575,.565,1);transition:opacity .3s cubic-bezier(.39,.575,.565,1) .1s,translate var(--translate-duration) cubic-bezier(.39,.575,.565,1)}.scroll-indicator.show{opacity:1;translate:0 0}.scroll-indicator .icon{position:absolute;top:0;left:calc(50% - .75rem);width:1.5rem;height:2.25rem;background-color:#f5fbea;background-color:var(--c-body-bg);border:2px solid hsl(81 16% 12%);border:2px solid var(--c-body-text);content:""}.scroll-indicator .pointer{position:absolute;left:calc(50% - .175rem);width:.35rem;height:.35rem;background-color:#20231a;background-color:var(--c-body-text);border-radius:.175rem;content:""}@keyframes scroll-down{0%{opacity:0}8%{opacity:1}40%,to{opacity:0;translate:0 .75rem}}@keyframes swipe-up{0%{opacity:0}8%{opacity:1}40%,to{opacity:0;translate:0 -.75rem}}.about{position:relative;padding-block-start:10rem;padding-block-end:8rem}.about>.inner{position:relative;grid-column:col-start 1 / span 10;max-width:55ch}.about>.inner:before{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background-color:#f5fbeaa6;background-color:hsla(var(--c-body-bg-hsl) / 65%);border-radius:1.125rem;border-radius:calc(var(--main-border-rad) * 1.5);content:"";filter:blur(4px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1}.about .square{position:absolute;aspect-ratio:1/1;border:1px solid oklch(46.3% .32 264.052);border:1px solid var(--c-primary);border-radius:23%;z-index:-2}.about .square1{top:30%;left:-60px;width:clamp(75px,10vw,125px);transform:rotate(58deg)}.about .square2{bottom:10%;right:-5rem;width:clamp(160px,15vw,240px);transform:rotate(18deg)}.about .square3{bottom:-30%;right:42%;width:clamp(200px,19vw,360px);filter:blur(3px);transform:rotate(-4deg);translate:50% 0;z-index:1}.work{position:relative;padding-block:8rem}.work .btn,.work .h2{grid-column:col-start 1 / span 10}.work .btn{margin-inline-end:auto}.work .h2{grid-row:1}.project{position:relative;padding-bottom:3rem}.project a{--item-rotate: -2deg;opacity:1}#project1.project{grid-column:col-start 1 / span 10;grid-row:2;z-index:3}#project1.project.project-anim-in a{animation-play-state:running}#project2.project{grid-column:col-start 1 /span 10;grid-row:3;z-index:2}#project2.project.project-anim-in a{animation-play-state:running}#project3.project{grid-column:col-start 1 / span 10;grid-row:4}#project3.project.project-anim-in a{animation-play-state:running}.project a{--c-shadow-color: hsl(80 24% 15% / .2);--shadow-elevation-high: -.5px .5px .8px var(--c-shadow-color), -2.5px 2.7px 4.1px -.4px var(--c-shadow-color), -4.7px 5px 7.7px -.7px var(--c-shadow-color), -7.7px 8.2px 12.7px -1.1px var(--c-shadow-color), -12.3px 13.1px 20.2px -1.4px var(--c-shadow-color), -19.1px 20.4px 31.4px -1.8px var(--c-shadow-color), -29.1px 31px 47.8px -2.1px var(--c-shadow-color), -42.8px 45.6px 70.4px -2.5px var(--c-shadow-color);aspect-ratio:4/3;border-radius:10%/13.3334%;box-shadow:-.5px .5px .8px #292f1d33,-2.5px 2.7px 4.1px -.4px #292f1d33,-4.7px 5px 7.7px -.7px #292f1d33,-7.7px 8.2px 12.7px -1.1px #292f1d33,-12.3px 13.1px 20.2px -1.4px #292f1d33,-19.1px 20.4px 31.4px -1.8px #292f1d33,-29.1px 31px 47.8px -2.1px #292f1d33,-42.8px 45.6px 70.4px -2.5px #292f1d33;box-shadow:var(--shadow-elevation-high);container-type:inline-size;display:block;overflow:hidden;rotate:0deg;rotate:var(--item-rotate, 0deg);text-decoration:none;transition:rotate 1s cubic-bezier(.645,.045,.355,1);translate:0 0;translate:0 var(--item-y-offset, 0)}.project .content{height:100%;display:grid;grid-template-rows:1fr minmax(min-content,50%);grid-template-columns:1fr minmax(10rem,70%);align-items:center;rotate:calc(var(--item-rotate) * -1)}.project .content img{grid-column:1 / 3;grid-row:1 / 3;height:100%;filter:grayscale(1);-o-object-fit:cover;object-fit:cover;scale:1.2}.project .content .title-wrapper{grid-column:2;grid-row:2;position:relative;color:#fff;font-size:clamp(1.25rem,5cqi,2rem);line-height:1;padding-inline:clamp(1.875rem,7.5cqi,3rem);padding-block:clamp(1.25rem,5cqi,2rem);text-wrap:balance}.project .content .title-wrapper .title-bg{position:absolute;top:-1em;left:0;width:130%;aspect-ratio:4/3;background-color:oklch(46.3% .32 264.052);background-color:var(--c-primary);border-start-start-radius:8cqi;border-end-start-radius:8cqi;rotate:4deg}.project .content .title-wrapper .title-bg:first-of-type{mix-blend-mode:multiply}.project .content .title-wrapper .title-bg:last-of-type{opacity:.6}.project .content .title-wrapper .title{position:relative;display:block}@keyframes project{0%{opacity:0;rotate:0;translate:0 100%;translate:var(--item-x-offset, 0) 100%}to{opacity:1;rotate:0;rotate:var(--item-rotate, 0);translate:0 0;translate:0 var(--item-y-offset, 0)}}@keyframes project-xl{0%{rotate:0;translate:0 100%;translate:var(--item-x-offset, 0) 100%}to{rotate:0;rotate:var(--item-rotate, 0);translate:0 0;translate:0 var(--item-y-offset, 0)}}.about-me .inner{grid-column:col-start 1 / span 10}.work-overview ul{list-style:none;padding:0}.work-item{position:relative;display:flex;flex-direction:column;max-width:72rem;margin-inline:auto;padding:3rem 0}.work-item>h2{position:absolute;top:-1.5rem}.work-item>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.work-item__img{flex:0 0 auto;aspect-ratio:16/9;background-color:#bed5c1;background-color:var(--c-bg1);border-radius:1.875rem;border-radius:calc(var(--main-border-rad) * 2.5);box-shadow:.3px .5px .7px #9cae7a5c,.8px 1.6px 2px -.8px #9cae7a5c,2.1px 4.1px 5.2px -1.7px #9cae7a5c,5px 10px 12.6px -2.5px #9cae7a5c;box-shadow:var(--shadow-medium);overflow:hidden;rotate:-3deg;transition:rotate .5s ease-in-out;z-index:1}.work-item__img>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;rotate:3deg;scale:1.1;transition:rotate .5s ease-in-out,scale .5s ease-in-out}.work-item__content{flex:1 1 auto;border-bottom:1px solid oklch(46.3% .32 264.052);border-bottom:1px solid var(--c-primary);display:flex;flex-direction:column;justify-content:flex-end;padding-block-start:1.5rem;padding-block-end:2rem}.work-item__content>h2{margin-block-end:1.25rem}.work-item__content>a{color:#20231a;color:var(--c-body-text);font-size:2rem;line-height:1;margin-block-start:1.5rem;margin-block-end:.5rem;text-decoration:none}.work-item-wrapper{padding:3.5rem 1rem 2rem;padding:calc((var(--page-padding) * 2) + 1.5rem) var(--page-padding) calc(var(--page-padding) * 2)}.work-img-wrapper{--img-border-rad: calc(var(--main-border-rad) * 2);display:flex;flex-direction:column}.work-img{flex:1;min-height:min(40dvw,66dvh);border-start-end-radius:var(--img-border-rad);border-start-start-radius:var(--img-border-rad);display:grid;place-content:center;margin-top:calc(var(--img-border-rad) * -1);padding:4rem 2rem;padding:calc(var(--page-padding) * 4) calc(var(--page-padding) * 2)}.work-img-wrapper:nth-last-child(2) .work-img{border-end-end-radius:var(--img-border-rad);border-end-start-radius:var(--img-border-rad)}.work-img-wrapper:not(:nth-last-child(2)) .work-img{padding-bottom:calc(1rem * 4 + var(--img-border-rad));padding-bottom:calc(var(--page-padding) * 4 + var(--img-border-rad))}.work-img-anim{position:relative}.work-img-inner{position:absolute;top:2.63819%;left:2.05%;right:2.09%;background-color:#050505;overflow:hidden}.work-img-inner>picture{animation:carousel 12s infinite;translate:100%}.work-img-inner>picture:first-child{animation-delay:-.6s}.work-img-inner>picture:nth-child(2){position:absolute;top:0;animation-delay:3.4s}.work-img-inner>picture:nth-child(3){position:absolute;top:0;animation-delay:7.4s}@keyframes carousel{0%{translate:100%;animation-timing-function:cubic-bezier(.43,.05,.165,.955)}5%,33.33333%{translate:0;animation-timing-function:cubic-bezier(.43,.05,.165,.955)}38.33333%,95%{translate:-100%;animation-timing-function:step-end}to{translate:100%}}.bg-lm-dark{background-color:#1f2429}.bg-lm-light{background-color:#fff}@media (min-width: 24.001em){.masthead.--home .heading{min-height:4.8em}}@media (min-width: 32.001em){.masthead.--home .heading{min-height:3.6em}}@media (min-width: 40.001em){:root{--page-padding: 1.25rem}.section-content{padding-block-start:5rem;padding-block-end:7rem}.site-header{padding-block:1.25rem}.main-nav #menuToggle{padding:.25rem}.main-nav #mainMenu{max-width:34rem}.menu-toggle-bg{border-radius:.9375rem;border-radius:calc(var(--main-border-rad) * 1.25);width:4rem}.scheme-toggle{margin-inline-end:1rem}.masthead:not(.--home){padding-block-start:11rem}.masthead .line-bg{left:-1.75rem}.scroll-indicator{bottom:.75rem}.about{padding-block-start:12rem}.about>.inner{grid-column:col-start 2 / span 8}.about>.inner:before{top:-1.25rem;right:-1.25rem;bottom:-1.25rem;left:-1.25rem}.about .square1{left:-1rem}.work .btn,.work .h2{grid-column:col-start 2 / span 8}#project1.project{grid-column:col-start 1 / span 6;grid-row:2 / span 3;padding-bottom:0}#project1.project a{--item-rotate: -4deg;--item-x-offset: 25%}#project2.project{grid-column:col-start 5 /span 6;grid-row:4 / span 3;padding-bottom:0}#project2.project a{--item-rotate: 4deg;--item-x-offset: -25%}#project3.project{grid-column:col-start 2 / span 6;grid-row:6 / span 3;padding-bottom:2rem}#project3.project a{--item-rotate: -3deg;--item-x-offset: 20%}.work-item{align-items:flex-end;flex-direction:row}.work-overview .work-item:nth-child(1){padding-inline-end:7.5rem}.work-overview .work-item:nth-child(2){padding-inline-start:1.5rem;padding-inline-end:6rem}.work-overview .work-item:nth-child(3){padding-inline-start:3rem;padding-inline-end:4.5rem}.work-overview .work-item:nth-child(4){padding-inline-start:4.5rem;padding-inline-end:3rem}.work-overview .work-item:nth-child(5){padding-inline-start:6rem;padding-inline-end:1.5rem}.work-overview .work-item:nth-child(6){padding-inline-start:7.5rem}.work-item__img{width:15rem;aspect-ratio:4/3;rotate:-12deg}.work-item__img>img{width:15rem;rotate:12deg;scale:1.2}.work-item__content{margin-inline-start:2.5rem;padding-block-start:0}.work-item__content>a{margin-block-start:0;margin-block-end:1.25rem}}@media (min-width: 60.001em){:root{--fs-body: 1.125rem;--page-padding: 1.5rem}.fl:first-letter{margin-block-start:.4rem;margin-inline-end:.75rem}@supports (initial-letter: 4){.fl:first-letter{margin-block-start:0}}details summary.h4{padding-inline:1.5rem}details .details-content{padding-block-end:1.5rem;padding-inline:1.5rem}.site-footer{--footer-border-rad: calc(var(--main-border-rad) * 3);padding:5rem 0}.site-header .logo{height:52px}.main-nav #menuToggle{padding:.5rem}.main-nav #mainMenu{max-width:36rem}.menu-toggle-bg{border-radius:1.125rem;border-radius:calc(var(--main-border-rad) * 1.5);width:4.5rem}.masthead:not(.--home){padding-block-start:12rem}.masthead.--home .line-bg{bottom:3rem;left:-4vw}.masthead .line-bg{left:-4vw}.scroll-indicator{bottom:1rem}.about{padding-block-start:16rem}.about>.inner{grid-column:col-start 3 / span 6}.about>.inner:before{top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem}.about .square1{left:1rem}.work .btn,.work .h2{grid-column:col-start 3 / span 6}.about-me .inner{grid-column:col-start 2 / span 8}.work-img-wrapper{--img-border-rad: calc(var(--main-border-rad) * 3);flex-direction:row}.work-img:first-child:not(:last-child){border-start-end-radius:0}.work-img:last-child:not(:first-child){border-start-start-radius:0}}@media (min-width: 70.001em){#project1.project{grid-column:col-start 1/span 4;grid-row:2;padding-bottom:10vh}#project1.project a{--item-rotate: -4deg;--item-x-offset: 75%;--item-y-offset: 5vh;animation-name:project-xl}#project2.project{grid-column:col-start 4 /span 4;grid-row:2}#project2.project a{--item-rotate: -1deg;animation-delay:.15s;animation-name:project-xl}#project3.project{grid-column:col-start 7 / span 4;grid-row:2;padding-bottom:10vh}#project3.project a{--item-rotate: 6deg;--item-x-offset: -75%;--item-y-offset: 6vh;animation-delay:.3s;animation-name:project-xl}}@media (min-width: 80.001em){:root{--fs-body: 1.25rem;--page-padding: 2rem}.section-content{padding-block-start:6rem;padding-block-end:8rem}.site-footer{--footer-border-rad: calc(var(--main-border-rad) * 4);padding:6rem 0}.site-header .logo{height:56px}.masthead.--home .line-bg{bottom:1.5rem}.about-me .inner{grid-column:col-start 3 / span 6}.work-img-wrapper{--img-border-rad: calc(var(--main-border-rad) * 4)}}@media (min-width: 100.001em){:root{--page-padding: 3rem}}@media (pointer: coarse){.scroll-indicator .icon{border-radius:.3125rem}.scroll-indicator .pointer{bottom:.4rem;animation:swipe-up 3s infinite ease-in-out}.scroll{display:none}}@media (pointer: fine){.scroll-indicator .icon{border-radius:.75rem}.scroll-indicator .pointer{top:.4rem;animation:scroll-down 3s infinite ease-in-out}.swipe{display:none}}@media (prefers-reduced-motion: no-preference){.btn:hover:focus .btn-pointer,.btn:hover .btn-pointer{animation-play-state:running}.btn:focus-visible .btn-pointer{animation-play-state:running}.btn:hover:focus:active .btn-pointer{animation:btnActive .3s cubic-bezier(.075,1,.2,.975),fadeOut .2s linear .1s}details summary.h4:after{transition:rotate .2s}details[open] .details-content{animation:details-open .3s ease-in}.main-nav #mainMenu.close,.main-nav #mainMenu.open{transition:translate .3s cubic-bezier(.18,.65,.35,1)}.main-nav #mainMenu.close ul li,.main-nav #mainMenu.open ul li{transition:opacity .3s cubic-bezier(.18,.65,.35,1) 0,translate .3s cubic-bezier(.18,.65,.35,1) 0;transition:opacity .3s cubic-bezier(.18,.65,.35,1) var(--main-menu-item-delay, 0),translate .3s cubic-bezier(.18,.65,.35,1) var(--main-menu-item-delay, 0)}.main-nav ul li a:hover:before,.main-nav ul li a:focus-visible:before{rotate:-220deg;animation-play-state:running}.menu-toggle-icon path,.menu-toggle-icon line{transition:scale .2s cubic-bezier(.215,.61,.355,1) .1s,stroke-dashoffset .4s cubic-bezier(.215,.61,.355,1)}.scheme-toggle :is(#moon,#sun){animation-duration:.4s,.24s;animation-timing-function:cubic-bezier(.32,.04,.13,.935),linear}.scheme-toggle :is(#moon,#sun) .inner{animation-duration:.4s;animation-timing-function:cubic-bezier(.32,.04,.13,.935)}.scroll-indicator{--translate-duration: .4s}.project a{animation:project .7s cubic-bezier(.15,.66,.25,1) .15s backwards paused}.project a:hover,.project a:focus-visible{rotate:0deg}.project a:hover .content,.project a:focus-visible .content{rotate:0deg}.project a:hover .content .title-wrapper .title-bg,.project a:focus-visible .content .title-wrapper .title-bg{opacity:0;rotate:-2deg;translate:5% 20%}.project a:hover .content .title-wrapper .title,.project a:focus-visible .content .title-wrapper .title{opacity:0;translate:5% 100%;transition-delay:0s}.project a:hover img,.project a:focus-visible img{filter:grayscale(0);scale:1}.project .content{transition:rotate 1s cubic-bezier(.645,.045,.355,1)}.project .content img{transition:filter 1s cubic-bezier(.645,.045,.355,1),scale 1s cubic-bezier(.645,.045,.355,1)}.project .content .title-wrapper .title-bg{transition:opacity .6s cubic-bezier(.645,.045,.355,1) .1s,rotate .6s cubic-bezier(.645,.045,.355,1) .1s,translate .6s cubic-bezier(.645,.045,.355,1) .1s}.project .content .title-wrapper .title{transition:opacity .6s cubic-bezier(.645,.045,.355,1) .2s,translate .6s cubic-bezier(.645,.045,.355,1) .2s}.work-item:hover .work-item__img,.work-item:focus-within .work-item__img{rotate:0deg}.work-item:hover .work-item__img>img,.work-item:focus-within .work-item__img>img{rotate:0deg;scale:1}}@media (prefers-reduced-motion: reduce){.btn-pointer{transition-duration:.3s 0s .3s}.main-nav ul li a:before{transition-duration:.3s 0s .3s}}