/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root,[popover]:root{--app-height:100%;interpolate-size:allow-keywords;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-ms:.75rem;--spacing-md:1rem;--spacing-ml:1.25rem;--spacing-lg:2rem;--spacing-xl:3rem;--p-h:285;--p-s:96%;--p-l:65%;--p-a:1;--primary:hsla(var(--p-h),var(--p-s),var(--p-l),var(--p-a));--primary-80:hsla(var(--p-h),var(--p-s),var(--p-l),.8);--primary-70:hsla(var(--p-h),var(--p-s),var(--p-l),.7);--primary-60:hsla(var(--p-h),var(--p-s),var(--p-l),.6);--primary-40:hsla(var(--p-h),var(--p-s),var(--p-l),.4);--primary-30:hsla(var(--p-h),var(--p-s),var(--p-l),.3);--primary-0:hsla(var(--p-h),var(--p-s),var(--p-l),0);--primary-hex:#c550fc;--primary-dark:hsla(var(--p-h),var(--p-s),20%,var(--p-a));--primary-dark-99:hsla(var(--p-h),var(--p-s),20%,.99);--primary-dark-98:hsla(var(--p-h),var(--p-s),20%,.98);--primary-dark-95:hsla(var(--p-h),var(--p-s),20%,.95);--primary-dark-90:hsla(var(--p-h),var(--p-s),20%,.9);--primary-dark-80:hsla(var(--p-h),var(--p-s),20%,.8);--primary-dark-70:hsla(var(--p-h),var(--p-s),20%,.7);--primary-dark-60:hsla(var(--p-h),var(--p-s),20%,.6);--primary-dark-50:hsla(var(--p-h),var(--p-s),20%,.5);--primary-dark-40:hsla(var(--p-h),var(--p-s),20%,.4);--primary-dark-30:hsla(var(--p-h),var(--p-s),20%,.3);--primary-dark-20:hsla(var(--p-h),var(--p-s),20%,.2);--primary-dark-10:hsla(var(--p-h),var(--p-s),20%,.1);--primary-dark-0:hsla(var(--p-h),var(--p-s),20%,0);--primary-darker:hsla(var(--p-h),var(--p-s),5%,var(--p-a));--primary-darker-99:hsla(var(--p-h),var(--p-s),5%,.99);--primary-darker-98:hsla(var(--p-h),var(--p-s),5%,.98);--primary-darker-95:hsla(var(--p-h),var(--p-s),5%,.95);--primary-darker-90:hsla(var(--p-h),var(--p-s),5%,.9);--primary-darker-80:hsla(var(--p-h),var(--p-s),5%,.8);--primary-darker-70:hsla(var(--p-h),var(--p-s),5%,.7);--primary-darker-40:hsla(var(--p-h),var(--p-s),5%,.4);--primary-darker-30:hsla(var(--p-h),var(--p-s),5%,.3);--primary-darker-20:hsla(var(--p-h),var(--p-s),5%,.2);--primary-darker-10:hsla(var(--p-h),var(--p-s),5%,.1);--primary-darker-05:hsla(var(--p-h),var(--p-s),5%,.05);--primary-darker-0:hsla(var(--p-h),var(--p-s),5%,0);--primary-light:hsla(var(--p-h),var(--p-s),80%,var(--p-a));--primary-light-90:hsla(var(--p-h),var(--p-s),80%,.9);--primary-light-80:hsla(var(--p-h),var(--p-s),80%,.8);--primary-light-70:hsla(var(--p-h),var(--p-s),80%,.7);--primary-light-60:hsla(var(--p-h),var(--p-s),80%,.6);--primary-light-50:hsla(var(--p-h),var(--p-s),80%,.5);--primary-light-40:hsla(var(--p-h),var(--p-s),80%,.4);--primary-light-30:hsla(var(--p-h),var(--p-s),80%,.3);--primary-light-20:hsla(var(--p-h),var(--p-s),80%,.2);--primary-light-10:hsla(var(--p-h),var(--p-s),80%,.1);--primary-light-05:hsla(var(--p-h),var(--p-s),80%,.05);--pop-nav-icon-color:red;--accent:#e49bfd;--white:#fff;--black:#000;--body-font-family:"Exo 2",Arial,sans-serif;--heading-font-family:"jaapokki",Arial,sans-serif;--font-size:16px;--line-height:1.6rem;--h2-font-size-xs:1rem;--h2-font-size-md:1.25rem;--h2-font-size-lg:1.5rem;--h2-font-size-xl:1.875rem}*,:after,:before{box-sizing:border-box}[popover]::-webkit-backdrop{background:transparent;border:none;padding:0}[popover],[popover]::backdrop,dialog{background:transparent;border:none;padding:0}.content-container .icon,.content-container .logo-container,.content-container [popover],.content-container [popover] .bg-overlay,.content-container [popover] .oversnap-scroller,.content-container [popover] .star-bg,.content-container [popover]::backdrop,.flicker-fix,.nav-main .nav-tabs .nav-item,.nav-main .nav-tabs .nav-item .nav-link,.nav-main .nav-tabs .nav-item .nav-link span,.nav-main .nav-tabs .nav-item:before,.tab-panes .tab-pane .thumbnails .thumbnail a,.tab-panes .tab-pane .thumbnails .thumbnail a .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail a h4,.tab-panes .tab-pane .thumbnails .thumbnail button,.tab-panes .tab-pane .thumbnails .thumbnail button .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button h4,figure picture,figure picture img,figure picture:before,figure:first-child .project-content,figure:first-child ::details-content,figure:first-child summary:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}img,picture{pointer-events:none}.ripple.wrapper{border-radius:inherit;height:calc(100% + 2px);inset:-1px;overflow:hidden;position:absolute;width:calc(100% + 2px);z-index:0}.ripple.wrapper+*{pointer-events:none;z-index:20}@supports(interpolate-size:allow-keywords){.project-pop figure:first-child [open]::details-content{content-visibility:visible;height:auto;opacity:1;transform:translateY(0)}}figure:first-child summary::marker{content:"";display:none}figure:first-child .project-content{contain:layout;opacity:0!important;transition:opacity;transition-delay:.1s;transition-duration:.8s;will-change:opacity}[popover]:popover-open figure:first-child .project-content{opacity:1!important}@starting-style{[popover]:popover-open figure:first-child .project-content{opacity:0!important}}figure:first-child summary{border-radius:inherit;line-height:1.125rem;position:relative}figure:first-child summary span{pointer-events:none;position:relative;z-index:1}figure:first-child summary:after{background:transparent url(/images/icons/caret-right.svg) no-repeat 50%;background-size:contain;content:"";height:14px;inset:0 0 0 auto;pointer-events:none;position:absolute;transform:rotate(0deg);transition:transform;transition-delay:0s;transition-duration:.8s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);width:14px;will-change:transform;z-index:2}figure:first-child details[open] summary:after{transform:rotate(90deg)}figure:first-child ::details-content{content-visibility:hidden;height:0;opacity:0;overflow:hidden;transform:translateY(-2.5dvh);transition:transform,opacity,height,content-visibility allow-discrete;transition-delay:.1s;transition-duration:.8s;transition-timing-function:cubic-bezier(.445,.05,.55,.95);will-change:transform,opacity,height,content-visibility}@starting-style{::details-content{content-visibility:hidden;height:0;opacity:0;transform:translateY(-2.5dvh)}}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary,.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption h3,.heading-base,.nav-main .nav-tabs .nav-item,.tab-panes .tab-pane#contact-tab .content-wrapper .btn,.tab-panes .tab-pane.content .contact-options,h2,label{font-family:var(--heading-font-family);text-transform:uppercase}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes logo-move-right{0%{transform:translateX(0)}to{transform:translateX(23.7125%)}}@keyframes logo-move-left{0%{transform:translateX(0)}to{transform:translateX(-23.7125%)}}@keyframes logo-intro-title{0%{opacity:0}to{opacity:1}}@keyframes logo-intro-scale{0%{transform:scale(1)}to{transform:scale(1.9)}}@keyframes logo-color{0%{fill:var(--white)}to{fill:var(--primary)}}body,html{height:var(--app-height);margin:0;max-width:100%;padding:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@property --panel-shell-left{syntax:"<length>";inherits:false;initial-value:0}@property --panel-shell-top{syntax:"<length>";inherits:false;initial-value:0}@property --panel-shell-width{syntax:"<length>";inherits:false;initial-value:0}@property --panel-shell-height{syntax:"<length>";inherits:false;initial-value:0}@property --panel-shell-opacity{syntax:"<number>";inherits:false;initial-value:0}.logo-container,.spacer,.stage,.tab-pane-container:not(#work),nav{touch-action:pan-x pan-y}[popover],body{color:var(--white);font-family:var(--body-font-family);font-weight:300;text-rendering:optimizeLegibility}html{cursor:url(/images/cursor-default.svg) 5 1,default}a,button,label{cursor:url(/images/cursor-pointer.svg) 5 5,pointer!important}a:active,button:active,label:active{cursor:url(/images/cursor-pointer-down.svg) 6 6,pointer!important}body .bg-container{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}::-moz-selection{background-color:#de9bfd;color:#fff}::selection{background-color:#de9bfd;color:#fff}.content-container{align-items:center;container-name:content;container-type:inline-size;flex-direction:column;height:var(--app-height);justify-content:space-between;max-width:100%;max-width:100dvw;overflow:hidden;position:relative;width:100%;--panel-shell-radius:1rem;--panel-resize-duration:760ms;--panel-resize-easing:cubic-bezier(0.87,0,0.13,1);--panel-fade-duration:880ms;--panel-fade-delay:72ms;--panel-fade-easing:cubic-bezier(0.87,0,0.13,1);--panel-shell-left:0px;--panel-shell-top:0px;--panel-shell-width:0px;--panel-shell-height:0px;--panel-shell-opacity:0;contain:strict;contain-intrinsic-size:100% 100dvh;content-visibility:auto}.content-container .logo-container{display:flex;flex:0 0 auto;opacity:0;overflow:hidden;position:relative;transition:opacity 1s ease-in-out;width:100%;will-change:opacity;z-index:1}.content-container:has(nav input:is(#nav-home,#nav-work,#nav-about,#nav-contact)) .logo-container{opacity:0}.content-container:has(nav input:is(#nav-work,#nav-about,#nav-contact):checked) .logo-container{opacity:1}.content-container:has(nav input#nav-home:checked) .logo-container{opacity:0}.content-container .icon{aspect-ratio:1/1;display:inline-flex;pointer-events:none;transform:perspective(12dvh) rotateY(0deg) scale(1);transform-style:preserve-3d;width:24px}@container (min-width: 0){.content-container .icon{margin-bottom:var(--spacing-xs);width:20px}}@container (min-width: 576px){.content-container .icon{margin-bottom:0}}@container (min-width: 768px){.content-container .icon{width:32px}}.content-container .icon:is(button,a){pointer-events:auto}.content-container .icon.globe{background-image:url(/images/icons/earth-europe.svg)}.content-container .icon.rocket{background-image:url(/images/icons/rocket.svg)}.content-container .icon.astronaut{background-image:url(/images/icons/user-astronaut.svg)}.content-container .icon.spock{background-image:url(/images/icons/hand-spock.svg)}.content-container .icon.sattelite{background-image:url(/images/icons/sattelite.svg)}.content-container .icon.linkedin{background-image:url(/images/icons/linkedin.svg)}.content-container .icon{background:no-repeat 50%/contain}.content-container span.icon{margin:0;max-width:24px;width:100%}.content-container .nav-main .nav-tabs .nav-item span.icon,.content-container h2 span.icon,.nav-main .nav-tabs .content-container .nav-item span.icon{max-width:32px;width:100%}.content-container nav{display:flex;flex-shrink:0;margin:0;padding:0;width:100%;z-index:1}.content-container nav .nav-tabs{display:flex;list-style:none;margin:0;padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding-bottom:env(safe-area-inset-bottom,24px);width:100%}@container (min-width: 992px){.content-container nav .nav-tabs{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}}@media screen and (orientation:portrait)and (max-height:50vh){.content-container nav:has(input#nav-home:checked){display:none}.content-container nav:has(input#nav-home:not(:checked)){display:flex}}.content-container .stage{height:104%;inset:-2%;overflow:hidden;position:fixed;width:104%}.content-container .stage .bg-container,.content-container .stage .fg-container,.content-container .stage .mbg-container,.content-container .stage .mg-container{height:100%;inset:0;position:absolute}.content-container .stage .bg-container>*,.content-container .stage .fg-container>*,.content-container .stage .mbg-container>*,.content-container .stage .mg-container>*{height:100%}.content-container .tab-panes{flex-flow:column nowrap;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.content-container .tab-panes .tab-pane-container{align-items:center;contain:strict;contain-intrinsic-size:100% 100dvh;content-visibility:auto;flex-flow:column nowrap;inset:0;justify-content:center;overflow:hidden;position:absolute;z-index:1}.content-container .tab-panes .panel-route-stage{inset:0;pointer-events:none;position:absolute;z-index:25}.content-container .tab-panes .panel-route-shell{height:var(--panel-shell-height);isolation:isolate;left:var(--panel-shell-left);margin:0!important;max-height:none;opacity:var(--panel-shell-opacity);pointer-events:auto;position:absolute;top:var(--panel-shell-top);transition:--panel-shell-left var(--panel-resize-duration) var(--panel-resize-easing),--panel-shell-top var(--panel-resize-duration) var(--panel-resize-easing),--panel-shell-width var(--panel-resize-duration) var(--panel-resize-easing),--panel-shell-height var(--panel-resize-duration) var(--panel-resize-easing),--panel-shell-opacity var(--panel-resize-duration) var(--panel-resize-easing);width:var(--panel-shell-width);will-change:--panel-shell-left,--panel-shell-top,--panel-shell-width,--panel-shell-height,--panel-shell-opacity}.content-container .tab-panes .panel-route-shell.is-sizing-immediate{transition:none!important}.content-container .tab-panes .panel-route-shell.is-collapsed{pointer-events:none}.content-container .tab-panes .panel-route-scroller{height:100%;max-height:100%;overflow:hidden;scroll-behavior:auto;scroll-snap-type:none}.content-container .tab-panes .panel-scroll:is(.is-resetting-scroll,.is-priming-scroll){scroll-behavior:auto!important;scroll-snap-type:none!important}.content-container .tab-panes .panel-swap{height:100%;isolation:isolate;overflow:hidden;position:relative}.content-container .tab-panes .panel-overlay{inset:0;isolation:isolate;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.content-container .tab-panes .panel-overlay:empty{display:none}.content-container .tab-panes .panel-scroll{height:100%;max-height:100%;opacity:1;overflow-anchor:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;z-index:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.content-container .tab-panes .panel-scroll::-webkit-scrollbar{display:none}.content-container .tab-panes .panel-route-scroller .panel-swap{height:100%}.content-container .tab-panes .panel-swap.is-transitioning .panel-scroll{opacity:0;pointer-events:none}.content-container .tab-panes .panel-body{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;position:relative}.content-container .tab-panes .panel-body.is-centered-flow{justify-content:center}.content-container .tab-panes .panel-content{contain:layout paint style;content-visibility:visible;margin-inline:auto;opacity:0;position:relative;transition:opacity var(--panel-fade-duration) var(--panel-fade-easing);will-change:opacity}.content-container .tab-panes .panel-content.is-current{margin-block:0;z-index:1}.content-container .tab-panes .panel-content.is-visible{opacity:1}.content-container .tab-panes .panel-content.is-entering{transition-delay:var(--panel-fade-delay);z-index:1}.content-container .tab-panes .panel-content.is-exiting{z-index:2}.content-container .tab-panes .panel-overlay .panel-content{left:50%;max-width:none;pointer-events:none;position:absolute;top:var(--panel-layer-top,0);transform:translateX(-50%)}.content-container .tab-panes .panel-overlay .panel-content.is-centered-layout{top:50%;transform:translate(-50%,-50%)}.content-container .tab-panes .panel-home-overlay-host{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:3}.content-container .tab-panes .panel-home-overlay{opacity:0;pointer-events:none;position:absolute;transition:opacity var(--panel-fade-duration) var(--panel-fade-easing);will-change:opacity}.content-container .tab-panes .panel-home-overlay.is-visible{opacity:1}.content-container .tab-panes .panel-home-overlay *,.content-container .tab-panes .panel-home-overlay>*{animation:none!important;transition:none!important}.content-container .tab-panes .panel-home-overlay .diesign-logo{opacity:1!important;transition:opacity var(--panel-resize-duration) var(--panel-resize-easing)!important;will-change:opacity}.content-container .tab-panes .panel-home-overlay:not(.is-visible) .diesign-logo{opacity:0!important}.content-container .tab-panes .spacer{margin:calc(var(--spacing-md) - 11px);margin-top:calc(var(--spacing-lg) - 11px);max-height:100%;overflow:hidden;padding:11px;position:relative}@container (min-width: 768px){.content-container .tab-panes .spacer{margin:calc(var(--spacing-lg) - 11px);margin-top:calc(var(--spacing-xl) - 11px)}}@container (min-width: 992px){.content-container .tab-panes .spacer{margin:calc(var(--spacing-xl) - 11px)}}@media (max-height:375px){.content-container .tab-panes .spacer{margin-block:calc(var(--spacing-ms) - 11px);margin-inline:calc(var(--spacing-md) - 11px)}}.content-container .tab-panes .content-bg{display:flex;height:auto;inset:0;margin:0;position:absolute;width:auto}.content-container .tab-panes .content-bg:after,.content-container .tab-panes .content-bg:before{content:"";inset:10px;position:absolute}.content-container .tab-panes .content-bg:after{pointer-events:none;z-index:2;z-index:20}.content-container .tab-panes .content-scroller{height:auto;margin:0;max-height:100%;max-width:100%;position:relative;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;width:auto;z-index:15;-ms-scroll-chaining:none;border-radius:1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.content-container .tab-panes .content-scroller::-webkit-scrollbar{height:0;width:0}.content-container .tab-panes .content-scroller.panel-route-scroller{height:100%;max-height:100%;overflow:hidden;scroll-behavior:auto;scroll-snap-type:none;width:100%}.content-container .tab-panes .content-scroller.panel-route-scroller .panel-scroll,.content-container .tab-panes .content-scroller.panel-route-scroller .panel-swap{height:100%;max-height:100%}.content-container .tab-panes .content-scroller .tab-pane{align-items:center;display:flex;flex-flow:column nowrap;height:100%;justify-content:center;margin:0;position:relative}@container (min-width: 0){.content-container .tab-panes .content-scroller .tab-pane{padding:0 var(--spacing-md)}}@container (min-width: 768px){.content-container .tab-panes .content-scroller .tab-pane{padding:0 var(--spacing-lg)}}@container (min-width: 992px){.content-container .tab-panes .content-scroller .tab-pane{padding:0 var(--spacing-xl)}}.content-container .tab-panes .content-scroller .tab-pane .content-wrapper{scroll-snap-align:start}@container (min-width: 0){.content-container .tab-panes .content-scroller .tab-pane .content-wrapper{margin:var(--spacing-lg) 0;scroll-margin:var(--spacing-md) 0}}@container (min-width: 768px){.content-container .tab-panes .content-scroller .tab-pane .content-wrapper{margin:var(--spacing-xl) 0;scroll-margin:var(--spacing-lg) 0}}.content-container .tab-panes .content-scroller .tab-pane#work-tab{max-width:1280px}@container (min-width: 992px){.content-container .tab-panes .content-scroller .tab-pane#work-tab{padding:0 var(--spacing-lg)}.content-container .tab-panes .content-scroller .tab-pane#work-tab .content-wrapper{margin:var(--spacing-xl) 0;scroll-margin:var(--spacing-lg) 0}}@container (min-width: 0){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container{margin:32px 0;max-width:220px}}@container (min-width: 576px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container{max-width:280px}}@container (min-width: 768px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container{margin:0 0 94px;max-width:300px}}@container (min-width: 992px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container{max-width:360px}}@container (min-width: 1200px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container{max-width:388px}}.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-weight:300}@container (min-width: 0){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-size:.98rem}}@container (min-width: 576px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-size:1.24rem}}@container (min-width: 768px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-size:1.33rem}}@container (min-width: 992px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-size:1.59rem}}@container (min-width: 1200px){.content-container .tab-panes .content-scroller .tab-pane#home-tab .intro-container h3{font-size:1.72rem}}@container (min-width: 0){.content-container .tab-panes .content-scroller .tab-pane#contact-tab{padding:0}.content-container .tab-panes .content-scroller .tab-pane#contact-tab .content-wrapper{margin:0;scroll-margin:var(--spacing-md) 0}}@container (min-width: 768px){.content-container .tab-panes .content-scroller .tab-pane#contact-tab .content-wrapper{margin:0;scroll-margin:var(--spacing-md) 0}}@container (min-width: 0){.content-container .tab-panes #home.tab-pane-container{justify-content:flex-start}}@container (min-width: 1200px){.content-container .tab-panes #home.tab-pane-container{justify-content:center}}@media screen and (pointer:coarse){.content-container #contact:has(input:focus,textarea:focus){padding-bottom:32dvh}.content-container #contact:has(input[type=tel]:focus){padding-bottom:26.25dvh}}.content-container:has(nav input#nav-about) .tab-panes #about,.content-container:has(nav input#nav-contact) .tab-panes #contact,.content-container:has(nav input#nav-home) .tab-panes #home,.content-container:has(nav input#nav-work) .tab-panes #work{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;opacity:0;transform:perspective(95dvh) rotateX(-5deg) translateY(8px) scale(.95);transform-style:preserve-3d;transition:transform,opacity,display allow-discrete;transition-duration:1s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);will-change:transform,opacity,display;z-index:1}.content-container:has(nav input#nav-about:checked) .tab-panes #about,.content-container:has(nav input#nav-contact:checked) .tab-panes #contact,.content-container:has(nav input#nav-home:checked) .tab-panes #home,.content-container:has(nav input#nav-work:checked) .tab-panes #work{display:flex!important;opacity:1;transform:perspective(95dvh) rotateX(0deg) translate(0) scale(1);z-index:1}@starting-style{.content-container:has(nav input#nav-about:checked) .tab-panes #about,.content-container:has(nav input#nav-contact:checked) .tab-panes #contact,.content-container:has(nav input#nav-home:checked) .tab-panes #home,.content-container:has(nav input#nav-work:checked) .tab-panes #work{display:none;opacity:0;transform:perspective(95dvh) rotateX(-5deg) translateY(8px) scale(.95);z-index:2}}.content-container.is-panel-shell-ready .tab-panes #about,.content-container.is-panel-shell-ready .tab-panes #contact,.content-container.is-panel-shell-ready .tab-panes #work{display:flex!important;opacity:0!important;pointer-events:none!important;transform:none!important;transition:none!important;visibility:hidden!important}.content-container.is-panel-shell-ready:not(:has(nav input#nav-home:checked)) .tab-panes #home{opacity:0;pointer-events:none;transform:none;transition:none;visibility:hidden}.content-container .pop-btn{background-color:transparent;border:none;margin:0;padding:0}.content-container .project-pop{align-items:center;contain:strict;contain-intrinsic-size:100% 100dvh;content-visibility:auto;display:none;flex-flow:column wrap;height:100dvh;inset:0;overflow:visible}.content-container .project-pop,.content-container .project-pop:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;width:100dvw}.content-container .project-pop:after{background:linear-gradient(0deg,var(--primary-dark) 0,var(--primary-dark-0) 100%);content:"";height:calc(5dvh + 46px);inset:auto 0 0 0;-webkit-mask-image:linear-gradient(0deg,#fff,#000);mask-image:linear-gradient(0deg,#fff,#000);mask-mode:luminance;pointer-events:none}.content-container .project-pop .pop-nav{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(0deg,var(--primary-dark) 0,var(--primary-dark-70) 100%);border:1px solid var(--primary-light);border-radius:48%;box-shadow:0 0 10px 0 var(--primary),inset 0 3px 10px 1px var(--primary);display:flex;inset:auto auto env(safe-area-inset-bottom,24px) auto;list-style:none;margin:0;opacity:0;overflow:visible;padding:var(--spacing-xs) var(--spacing-md);position:fixed;transform:perspective(20dvh) rotateX(120deg) translateY(50%) scale(.7);transition:transform,opacity;transition-delay:.2s;transition-duration:1.2s;transition-timing-function:ease-in-out;will-change:transform,opacity;z-index:10}@container (min-width: 992px){.content-container .project-pop .pop-nav{inset:auto auto 2.5dvh auto}}.content-container .project-pop .pop-nav li{align-items:center;display:flex;margin:auto;padding:0}.content-container .project-pop .pop-nav li button.icon{aspect-ratio:1/1;background:transparent;background:no-repeat 50%/50% auto;border:none;border-radius:50%;color:var(--white);display:flex;-webkit-filter:drop-shadow(0 0 6px var(--primary),0 0 0 hsla(0,0%,100%,0));filter:drop-shadow(0 0 6px var(--primary),0 0 0 rgba(255,255,255,0));font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:500;margin:0 2px;padding:0;transform-style:preserve-3d;transition:transform,-webkit-filter;transition:transform,filter;transition:transform,filter,-webkit-filter;width:36px}.content-container .project-pop .pop-nav li button.icon.next,.content-container .project-pop .pop-nav li button.icon.prev{transition:opacity .3s ease-in-out;will-change:opacity}.content-container .project-pop .pop-nav li button.icon.next:is([disabled]),.content-container .project-pop .pop-nav li button.icon.prev:is([disabled]){opacity:.35}.content-container .project-pop .pop-nav li button.icon.prev{aspect-ratio:4/3;background-image:url(/images/icons/arrow-left-long.svg);width:40px}.content-container .project-pop .pop-nav li button.icon.close{background-image:url(/images/icons/xmark.svg)}.content-container .project-pop .pop-nav li button.icon.next{aspect-ratio:4/3;background-image:url(/images/icons/arrow-right-long.svg);width:40px}.content-container [popover] .oversnap-scroller{overscroll-behavior-x:auto;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;cursor:-webkit-grab;cursor:grab;height:100dvh;overflow-x:scroll;overflow-y:hidden;position:relative;touch-action:auto!important;width:100dvw}.content-container [popover] .oversnap-scroller::-webkit-scrollbar{-webkit-appearance:none;background:transparent;border-radius:0;display:none;height:0;visibility:hidden;width:0}.content-container [popover] .oversnap-scroller.dragging,.content-container [popover] .oversnap-scroller.dragging figure,.content-container [popover] .oversnap-scroller.dragging img,.content-container [popover] .oversnap-scroller.dragging picture,.content-container [popover] .oversnap-scroller.dragging video{cursor:-webkit-grabbing!important;cursor:grabbing!important;touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.content-container [popover] .oversnap-scroller .oversnap-body{align-items:center;display:inline-flex;flex-flow:row nowrap;height:100dvh;padding:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-container [popover] .oversnap-scroller .oversnap-body figure{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;scrollbar-width:none;-ms-overflow-style:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-height:100dvh;overflow-x:hidden;overflow-y:auto;padding:2.5dvh 0 calc(5dvh + 46px);pointer-events:all!important;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;touch-action:auto!important;width:100vw}.content-container [popover] .oversnap-scroller .oversnap-body figure::-webkit-scrollbar{height:0;width:0}.content-container [popover] .oversnap-scroller .oversnap-body figure.vertically-dragging{scroll-behavior:auto!important}.content-container [popover] .oversnap-scroller .oversnap-body figure:not(.vertically-dragging){scroll-behavior:smooth!important}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure{padding:2.5dvh 2.5dvh calc(5dvh + 46px);width:100vw}}@media(pointer:fine){.content-container [popover] .oversnap-scroller .oversnap-body figure{-ms-scroll-snap-type:none;scroll-snap-type:none}}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child{margin-left:2.5dvh;padding:2.5dvh 2.5dvh calc(5dvh + 46px);scroll-margin-left:0}}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child picture.thumb:before{-webkit-animation:none!important;animation:none!important;background:none;content:none;display:none!important;will-change:unset}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content{display:block;margin:auto;padding-top:2.5dvh;scroll-margin-bottom:calc(5dvh + 46px);scroll-snap-align:start;width:100%}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption.content-bg:before{background:radial-gradient(at 50% 65%,var(--primary-darker-95) 15%,var(--primary-dark-90) 65%,var(--primary-60) 100%);border-radius:1rem;content:"";inset:0;position:absolute;z-index:0}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption.content-bg:after,.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption.content-bg:before{inset:0}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption.content-bg:after{border:1px solid var(--primary-light);border-radius:1rem;box-shadow:0 0 10px 0 var(--primary),inset 0 0 10px 0 var(--primary);content:"";inset:0;position:absolute;z-index:20}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption{margin:auto;max-width:700px;position:relative;width:100%}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details{border-radius:1rem;contain:content;padding:0;width:100%;z-index:1}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary{background-image:linear-gradient(to top,var(--primary-light-20) 0,var(--primary-dark-20) 1px,var(--primary-light-05) 2px,var(--primary-0) 50%);cursor:pointer!important;margin:0}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary{height:calc(14px + 5dvh);padding:2.5dvh}}@container (min-width: 576px){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary{height:calc(14px + 6.5dvh);padding:3.25dvh 3.75dvh}}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary:after{margin:2.5dvh}}@container (min-width: 576px){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details summary:after{margin:3.25dvh 3.75dvh}}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content{-moz-column-gap:2.5dvh;column-gap:2.5dvh;display:grid;grid-template-rows:repeat(10,auto);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:160%;overflow-wrap:break-word;position:relative;text-align:left;text-align:justify}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content{grid-template-columns:repeat(1,1fr);padding:2.5dvh}}@container (min-width: 576px){.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content{grid-template-columns:repeat(1,131px 1fr);padding:3.25dvh 3.75dvh}}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content ul{list-style:"✦";padding:0;-webkit-margin-before:0;list-style-position:outside;margin-block-start:0;-webkit-margin-after:var(--spacing-ml);margin-block-end:var(--spacing-ml)}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content ul li{margin-left:.625rem;padding-left:.25rem}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content ul li::marker{font-size:.75rem;margin-right:8px}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content .subcategory ul{-moz-column-gap:.75rem;column-gap:.75rem;display:flex;flex-flow:row wrap;font-size:.875rem;list-style:none;margin-top:.5rem;row-gap:.5rem}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption details .content .subcategory li{border-left:1px solid var(--primary-light-60);border-radius:14px;font-weight:500;line-height:1.25rem;margin:0;padding-block:.5rem;padding-inline:.625rem 0}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption h3{font-size:.875rem;line-height:130%;margin:0;padding-top:6px;text-align:left;z-index:1}.content-container [popover] .oversnap-scroller .oversnap-body figure:first-child .project-content figcaption p{margin-block:0;margin-bottom:var(--spacing-ml);z-index:1}@container (min-width: 0){.content-container [popover] .oversnap-scroller .oversnap-body figure:last-child{margin-right:2.5dvh;padding:2.5dvh 2.5dvh calc(5dvh + 46px);scroll-margin-right:0}}.content-container [popover] .oversnap-scroller .oversnap-body figure picture{display:flex;height:auto;margin:auto;max-width:1600px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-container [popover] .oversnap-scroller .oversnap-body figure picture.mob,.content-container [popover] .oversnap-scroller .oversnap-body figure picture.mobile{max-width:367px}.content-container [popover] .oversnap-scroller .oversnap-body figure picture.thumb{max-width:700px}.content-container [popover] .oversnap-scroller .oversnap-body figure picture img{height:auto;margin:auto;max-width:100%;position:relative;scroll-margin:2.5dvh 0 calc(5dvh + 46px) 0;scroll-snap-align:start}.content-container [popover] .oversnap-scroller .oversnap-body figure video{display:flex;height:auto;margin:auto;max-height:calc(92.5dvh - 46px);max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.content-container [popover]::-webkit-backdrop{display:none;opacity:0;-webkit-transition:transform,opacity,overlay allow-discrete,display allow-discrete;transition:transform,opacity,overlay allow-discrete,display allow-discrete;transition-delay:.2s;transition-duration:12.5s,1.2s,1.2s,1.2s;will-change:transform,opacity,overlay,display}.content-container [popover],.content-container [popover]::backdrop{display:none;opacity:0;transition:transform,opacity,overlay allow-discrete,display allow-discrete;transition-delay:.2s;transition-duration:12.5s,1.2s,1.2s,1.2s;will-change:transform,opacity,overlay,display}.content-container [popover]::-webkit-backdrop{background:-webkit-image-set("/images/sky.avif" type("image/avif"),"/images/sky.webp" type("image/webp"),"/images/sky.jpg" type("image/jpg")) top/cover!important;background:image-set("/images/sky.avif" type("image/avif"),"/images/sky.webp" type("image/webp"),"/images/sky.jpg" type("image/jpg")) top/cover!important;inset:0;transform:scale(3);transition-timing-function:cubic-bezier(.075,.82,.165,1)}.content-container [popover]::backdrop{background:-webkit-image-set("/images/sky.avif" type("image/avif"),"/images/sky.webp" type("image/webp"),"/images/sky.jpg" type("image/jpg")) top/cover!important;background:image-set("/images/sky.avif" type("image/avif"),"/images/sky.webp" type("image/webp"),"/images/sky.jpg" type("image/jpg")) top/cover!important;inset:0;transform:scale(3);transition-timing-function:cubic-bezier(.075,.82,.165,1)}.content-container [popover]{transition-timing-function:cubic-bezier(.075,.82,.165,1)}.content-container [popover] .star-bg{background:radial-gradient(circle farthest-corner at 50% 50%,var(--white) .5%,var(--primary-light) 6%,var(--primary-80) 15%,var(--primary-40) 25%,var(--primary-0) 45%,var(--primary-darker-40) 60%,var(--primary-darker) 100%);inset:0;pointer-events:none;position:absolute;transform:scale(5);transition:transform 12.5s cubic-bezier(.075,.82,.165,1) .2s;will-change:transform}.content-container [popover] .bg-overlay{background:linear-gradient(0deg,var(--primary-dark) 0,var(--primary-darker-0) 49.75%,var(--primary-darker-0) 50.25%,var(--primary-dark) 100%);inset:0;position:absolute}.content-container [popover] .oversnap-scroller{opacity:0;transform:perspective(95dvh) rotateX(-90deg) translateY(25dvh) scale(0);transform-style:preserve-3d;transition:transform,opacity;transition-delay:.25s;transition-duration:1.15s;transition-timing-function:cubic-bezier(.23,1,.32,1);will-change:transform,opacity}.content-container [popover]:popover-open::-webkit-backdrop{display:flex!important;opacity:1}.content-container [popover]:popover-open,.content-container [popover]:popover-open::backdrop{display:flex!important;opacity:1;visibility:visible!important}.content-container [popover]:popover-open::-webkit-backdrop{transform:scale(1)}.content-container [popover]:popover-open .star-bg,.content-container [popover]:popover-open::backdrop{transform:scale(1)}.content-container [popover]:popover-open{visibility:visible!important}.content-container [popover]:popover-open .oversnap-scroller{opacity:1;transform:perspective(95dvh) rotateX(0) translate(0) scale(1)}.content-container [popover]:popover-open .pop-nav{opacity:1;transform:perspective(20dvh) rotateX(0deg) translate(0) scale(1)}@starting-style{.content-container [popover]:popover-open::-webkit-backdrop{display:none;opacity:0}.content-container [popover]:popover-open,.content-container [popover]:popover-open::backdrop{display:none;opacity:0}.content-container [popover]:popover-open::-webkit-backdrop{transform:scale(3)}.content-container [popover]:popover-open::backdrop{transform:scale(3)}.content-container [popover]:popover-open .star-bg{transform:scale(5)}.content-container [popover]:popover-open .oversnap-scroller{opacity:0;transform:perspective(95dvh) rotateX(-90deg) translateY(25dvh) scale(0)}.content-container [popover]:popover-open .pop-nav{opacity:0;transform:perspective(20dvh) rotateX(120deg) translateY(50%) scale(.7)}}@layer demo.support{.content-container [popover]::-webkit-backdrop{transform:scale(3)}.content-container [popover]::backdrop{transform:scale(3)}}.nav-main .nav-tabs .nav-item,h2{font-size:var(--h2-font-size-xs);font-weight:400;letter-spacing:.5px}@container (min-width: 768px){.nav-main .nav-tabs .nav-item,h2{font-size:var(--h2-font-size-md)}}@container (min-width: 992px){.nav-main .nav-tabs .nav-item,h2{font-size:var(--h2-font-size-lg);letter-spacing:1px}}@container (min-width: 1200px){.nav-main .nav-tabs .nav-item,h2{font-size:var(--h2-font-size-xl);letter-spacing:1px}}h3{display:block;margin:0 -2px;text-align:center}h3,h4{text-shadow:0 0 16px var(--primary-darker-10),0 0 12px var(--primary-darker-10),0 0 8px var(--primary-darker-10),0 0 4px var(--primary-darker-10),0 0 1px var(--primary-darker)}h4{margin-block:0}.logo-container{padding-top:var(--spacing-lg)}@container (min-width: 576px){.logo-container{padding-top:var(--spacing-lg)}}@container (min-width: 768px){.logo-container{padding-top:var(--spacing-xl)}}@media (max-height:375px){.logo-container{padding-top:var(--spacing-ms)!important}}.logo-container #logo-svg,.logo-container .intro-container svg{margin:0 auto auto;max-width:160px!important;width:100%;fill:var(--white)}@container (min-width: 576px){.logo-container #logo-svg,.logo-container .intro-container svg{max-width:200px}}@container (min-width: 768px){.logo-container #logo-svg,.logo-container .intro-container svg{max-width:250px!important}}@media screen and (max-height:481px)and (max-height:586px){.logo-container #logo-svg,.logo-container .intro-container svg{max-width:200px!important}}@media screen and (min-height:376px)and (max-height:480px){.logo-container #logo-svg,.logo-container .intro-container svg{max-width:160px!important}}@media (max-height:375px){.logo-container #logo-svg,.logo-container .intro-container svg{max-width:100px!important}}.content-container #fg{background:url(/images/layer1.png);background:-webkit-image-set("/images/layer1.avif" type("image/avif"),"/images/layer1.webp" type("image/webp"),"/images/layer1.png" type("image/png"));background:image-set("/images/layer1.avif" type("image/avif"),"/images/layer1.webp" type("image/webp"),"/images/layer1.png" type("image/png"));background-repeat:no-repeat;background-size:cover;padding:1rem;transform:translateZ(0);transition:background-position 1s ease-in-out}@container (min-width: 0){.content-container #fg{background-size:auto 112.5%}}@container (min-width: 768px){.content-container #fg{background-size:cover}}@container (min-width: 0){.content-container #fg{background-position:left 20% bottom 8px}}@container (min-width: 576px){.content-container #fg{background-position:left 5% bottom}}@container (min-width: 768px){.content-container #fg{background-position:left 5vw bottom}}@container (min-width: 992px){.content-container #fg{background-position:left 10vw bottom}}@container (min-width: 1200px){.content-container #fg{background-position:left -5vw bottom}}@container (min-width: 0){.content-container:has(nav input#nav-home:checked) #fg{background-position:left 20% bottom 8px}}@container (min-width: 576px){.content-container:has(nav input#nav-home:checked) #fg{background-position:left 5% bottom}}@container (min-width: 768px){.content-container:has(nav input#nav-home:checked) #fg{background-position:left 5vw bottom}}@container (min-width: 992px){.content-container:has(nav input#nav-home:checked) #fg{background-position:left 10vw bottom}}@container (min-width: 1200px){.content-container:has(nav input#nav-home:checked) #fg{background-position:left -5vw bottom}}@container (min-width: 0){.content-container:has(nav input#nav-work:checked) #fg{background-position:left 20% bottom 8px}}@container (min-width: 576px){.content-container:has(nav input#nav-work:checked) #fg{background-position:left 5% bottom}}@container (min-width: 768px){.content-container:has(nav input#nav-work:checked) #fg{background-position:left 5vw bottom}}@container (min-width: 992px){.content-container:has(nav input#nav-work:checked) #fg{background-position:left 10vw bottom}}@container (min-width: 1200px){.content-container:has(nav input#nav-work:checked) #fg{background-position:left -20vw bottom}}@container (min-width: 0){.content-container:has(nav input#nav-about:checked) #fg{background-position:left 20% bottom 8px}}@container (min-width: 576px){.content-container:has(nav input#nav-about:checked) #fg{background-position:left 5% bottom}}@container (min-width: 768px){.content-container:has(nav input#nav-about:checked) #fg{background-position:left 5vw bottom}}@container (min-width: 992px){.content-container:has(nav input#nav-about:checked) #fg{background-position:left -10vw bottom}}@container (min-width: 1200px){.content-container:has(nav input#nav-about:checked) #fg{background-position:left -18vw bottom}}@container (min-width: 0){.content-container:has(nav input#nav-contact:checked) #fg{background-position:left 20% bottom 8px}}@container (min-width: 576px){.content-container:has(nav input#nav-contact:checked) #fg{background-position:left -30vw bottom}}@container (min-width: 768px){.content-container:has(nav input#nav-contact:checked) #fg{background-position:left -25vw bottom}}@container (min-width: 992px){.content-container:has(nav input#nav-contact:checked) #fg{background-position:left -20vw bottom}}@container (min-width: 1200px){.content-container:has(nav input#nav-contact:checked) #fg{background-position:left -10vw bottom}}.content-container #mg{background:url(/images/layer2.png);background:-webkit-image-set("/images/layer2.avif" type("image/avif"),"/images/layer2.webp" type("image/webp"),"/images/layer2.png" type("image/png"));background:image-set("/images/layer2.avif" type("image/avif"),"/images/layer2.webp" type("image/webp"),"/images/layer2.png" type("image/png"));background-position:100% 100%;background-repeat:no-repeat;background-size:cover}@container (min-width: 0){.content-container #mg{background-position:right bottom 8dvh}}@container (min-width: 768px){.content-container #mg{background-position:100% 100%}}.content-container #mbg{background:url(/images/layer3.png);background:-webkit-image-set("/images/layer3.avif" type("image/avif"),"/images/layer3.webp" type("image/webp"),"/images/layer3.png" type("image/png"));background:image-set("/images/layer3.avif" type("image/avif"),"/images/layer3.webp" type("image/webp"),"/images/layer3.png" type("image/png"));background-repeat:no-repeat;background-size:cover}@container (min-width: 0){.content-container #mbg{background-position:right bottom 7dvh}}@container (min-width: 768px){.content-container #mbg{background-position:100% 100%}}.content-container #bg{background:url(/images/layer4.jpg);background:-webkit-image-set("/images/layer4.avif" type("image/avif"),"/images/layer4.webp" type("image/webp"),"/images/layer4.jpg" type("image/jpg"));background:image-set("/images/layer4.avif" type("image/avif"),"/images/layer4.webp" type("image/webp"),"/images/layer4.jpg" type("image/jpg"));background-position:100% 100%;background-repeat:no-repeat;background-size:cover}@container (min-width: 0){.content-container #bg{background-position:right bottom 4dvh}}@container (min-width: 768px){.content-container #bg{background-position:100% 100%}}.content-container #stars{inset:0;isolation:isolate;mix-blend-mode:plus-lighter;position:absolute}.content-container #stars .starfield{height:auto!important;inset:0;opacity:0;position:absolute;transition:opacity .9s linear;transition-delay:.1s;width:100%!important;will-change:opacity}.tab-panes .content-bg:before{background:radial-gradient(ellipse farthest-corner at 50% 65%,var(--primary-darker-95) 15%,var(--primary-dark-90) 65%,var(--primary-60) 100%);border-radius:16px}.tab-panes .content-bg:after{border:1px solid var(--primary-light);border-radius:16px;box-shadow:0 0 10px 0 var(--primary),inset 0 0 10px 0 var(--primary)}.tab-panes .tab-pane{max-width:1090px;overflow:visible}.tab-panes .tab-pane#home-tab{overflow-y:visible}.tab-panes .tab-pane#home-tab .intro-container{overflow-x:hidden;overflow-y:visible;padding-block:var(--spacing-lg)}.tab-panes .tab-pane#home-tab .intro-container h3{animation:logo-intro-title 1s ease-in-out 2s 1 forwards;inset:0 1px 0 1px;opacity:0;position:relative;will-change:opacity,transform}@container (min-width: 0){.tab-panes .tab-pane#home-tab .intro-container h3{margin-top:var(--spacing-ms)}}@container (min-width: 768px){.tab-panes .tab-pane#home-tab .intro-container h3{margin-top:var(--spacing-ml)}}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo{animation:logo-intro-scale 1.8s 1.4s 1 forwards;animation-timing-function:cubic-bezier(.785,.135,.15,.86);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));transform-origin:50% 50%;will-change:transform}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo>*{fill:var(--white);animation-timing-function:cubic-bezier(.785,.135,.15,.86)}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-05-e,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-06-n,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-07-d,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-08-e{-webkit-animation:fade-out .7s 1s 1 forwards;animation:fade-out .7s 1s 1 forwards;will-change:opacity}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-01-d,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-02-i,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-03-e,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-04-s{-webkit-animation:logo-move-right 1s 1.4s 1 forwards;animation:logo-move-right 1s 1.4s 1 forwards;transform:translateX(0);transform-origin:100% 50%;will-change:transform}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-09-s,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-10-i,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-11-g,.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-12-n{-webkit-animation:logo-move-left 1s 1.4s 1 forwards;animation:logo-move-left 1s 1.4s 1 forwards;transform:translateX(0);will-change:transform}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-04-s{animation:logo-move-right 1s 1.4s 1 forwards,logo-color 1.6s 1.8s 1 forwards;transform:translateX(0);will-change:transform}.tab-panes .tab-pane#home-tab .intro-container svg.diesign-logo .logo-letter-09-s{animation:logo-move-left 1s 1.4s 1 forwards,logo-color 1.6s 1.8s 1 forwards,fade-out 2s 3s 1 forwards;transform:translateX(0);will-change:transform}.tab-panes .tab-pane.content{max-width:1090px;-moz-text-align-last:center;text-align-last:center}.nav-main .nav-tabs .tab-panes .tab-pane.content .nav-item,.tab-panes .tab-pane.content .nav-main .nav-tabs .nav-item,.tab-panes .tab-pane.content h2{line-height:125%;margin:var(--spacing-ms) 0 var(--spacing-ms) 0;text-align:center;text-shadow:0 0 16px var(--primary-darker-10),0 0 12px var(--primary-darker-10),0 0 8px var(--primary-darker-10),0 0 4px var(--primary-darker-10),0 0 1px var(--primary-darker)}.tab-panes .tab-pane.content p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;line-height:1.5;margin:var(--spacing-ms) 0 var(--spacing-ms) 0;overflow-wrap:break-word;text-align:justify}@container (min-width: 0){.tab-panes .tab-pane.content p{font-size:.875rem}}@container (min-width: 576px){.tab-panes .tab-pane.content p{font-size:.875rem}}@container (min-width: 768px){.tab-panes .tab-pane.content p{font-size:1rem;margin:var(--spacing-md) 0 var(--spacing-md) 0}}@container (min-width: 1200px){.tab-panes .tab-pane.content p{font-size:1.125rem;line-height:1.4125}}.tab-panes .tab-pane.content p:last-child{margin-bottom:0}.tab-panes .tab-pane.content .profile-pic{background:transparent url(/images/profilepic.jpg) no-repeat 50%/cover;background:transparent -webkit-image-set("/images/profilepic.avif" type("image/avif"),"/images/profilepic.webp" type("image/webp"),"/images/profilepic.jpg" type("image/jpeg")) no-repeat 50%/cover;background:transparent image-set("/images/profilepic.avif" type("image/avif"),"/images/profilepic.webp" type("image/webp"),"/images/profilepic.jpg" type("image/jpeg")) no-repeat 50%/cover;border-radius:50%;box-shadow:inset 0 0 40px 2px rgba(0,0,0,.8);height:180px;margin:0 auto;margin-bottom:var(--spacing-ml);position:relative;width:180px}@container (min-width: 768px){.tab-panes .tab-pane.content .profile-pic{margin-bottom:var(--spacing-lg)}}.tab-panes .tab-pane.content .profile-pic:after,.tab-panes .tab-pane.content .profile-pic:before{border-radius:50%;content:"";inset:0;position:absolute}.tab-panes .tab-pane.content .profile-pic:before{background:var(--primary-dark-20) url(/images/icons/loading-min.svg) no-repeat center center/40px 40px;z-index:-1}.tab-panes .tab-pane.content .profile-pic:after{border:1.1px solid var(--primary-light);box-shadow:0 0 10px 0 var(--primary),inset 0 0 10px 0 var(--primary)}.tab-panes .tab-pane.content .contact-options{box-shadow:0 0 20px 0 var(--primary);display:flex;max-width:calc(100vw - 2rem);min-width:auto;position:relative;width:450px}.tab-panes .tab-pane.content .contact-options .contact-option{align-items:center;border-bottom:1px solid var(--primary-light);border-right:1px solid var(--primary-light);box-shadow:inset 0 0 20px 0 var(--primary);color:var(--primary-light);display:flex;flex-flow:column nowrap;justify-content:flex-start;max-width:100%;padding:var(--spacing-md) var(--spacing-sm);position:relative;text-decoration:none;text-shadow:0 0 5px var(--primary);transition:all .3s ease-in-out;width:33.3333333333%}.tab-panes .tab-pane.content .contact-options .contact-option:last-child{border-right:none}.tab-panes .tab-pane.content .contact-options .contact-option span{display:block;line-height:1;margin:0;pointer-events:none;text-align:center;z-index:1}@container (min-width: 0){.tab-panes .tab-pane.content .contact-options .contact-option span{font-size:.75rem}}@container (min-width: 992px){.tab-panes .tab-pane.content .contact-options .contact-option span{font-size:.875rem}}.tab-panes .tab-pane.content .contact-options .contact-option span.icon{margin-bottom:var(--spacing-ms);max-width:2.5rem}@container (min-width: 0){.tab-panes .tab-pane.content .contact-options .contact-option span.icon{margin-bottom:var(--spacing-sm)}}@container (min-width: 992px){.tab-panes .tab-pane.content .contact-options .contact-option span.icon{margin-bottom:var(--spacing-ms)}}.tab-panes .tab-pane.content .contact-options .contact-option span.ripple.wrapper{pointer-events:auto;z-index:0}.tab-panes .tab-pane.content .contact-options .contact-option:hover{background:var(--primary-40)!important;color:var(--white);text-shadow:0 0 5px #fff}.tab-panes .tab-pane .thumbnails{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);max-height:100%;overflow:visible;width:100%}@container (min-width: 576px){.tab-panes .tab-pane .thumbnails{gap:var(--spacing-md)}}@container (min-width: 768px){.tab-panes .tab-pane .thumbnails{grid-template-columns:repeat(3,1fr)}}@container (min-width: 992px){.tab-panes .tab-pane .thumbnails{grid-template-columns:repeat(4,1fr)}}.tab-panes .tab-pane .thumbnails .thumbnail a,.tab-panes .tab-pane .thumbnails .thumbnail button{aspect-ratio:100/66;cursor:pointer;display:block;-o-object-fit:cover;object-fit:cover;overflow:visible;position:relative;transform:perspective(15vh) rotateX(0deg) scale(1);transition:transform;transition-duration:.9s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);width:100%;will-change:transform}.tab-panes .tab-pane .thumbnails .thumbnail a:focus,.tab-panes .tab-pane .thumbnails .thumbnail button:focus{outline:none}.tab-panes .tab-pane .thumbnails .thumbnail a:active,.tab-panes .tab-pane .thumbnails .thumbnail a:focus,.tab-panes .tab-pane .thumbnails .thumbnail a:hover,.tab-panes .tab-pane .thumbnails .thumbnail button:active,.tab-panes .tab-pane .thumbnails .thumbnail button:focus,.tab-panes .tab-pane .thumbnails .thumbnail button:hover{transform:perspective(15vh) rotateX(-1deg) scale(1.025)}.tab-panes .tab-pane .thumbnails .thumbnail a:active .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail a:focus .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail a:hover .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button:active .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button:focus .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button:hover .hoverBox{background-position:left 15px top 15px,right 15px top 15px,50%;background-size:auto calc(100% - 30px),auto calc(100% - 30px),cover;box-shadow:inset 0 0 15px 0 var(--primary),0 0 10px 2px var(--primary);opacity:1;z-index:10}.tab-panes .tab-pane .thumbnails .thumbnail a:active h4,.tab-panes .tab-pane .thumbnails .thumbnail a:focus h4,.tab-panes .tab-pane .thumbnails .thumbnail a:hover h4,.tab-panes .tab-pane .thumbnails .thumbnail button:active h4,.tab-panes .tab-pane .thumbnails .thumbnail button:focus h4,.tab-panes .tab-pane .thumbnails .thumbnail button:hover h4{opacity:1;text-shadow:0 0 5px #fff}.tab-panes .tab-pane .thumbnails .thumbnail a:active .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail a:focus .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button:active .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button:focus .hoverBox{background-color:var(--primary-40)}.tab-panes .tab-pane .thumbnails .thumbnail a img,.tab-panes .tab-pane .thumbnails .thumbnail a picture,.tab-panes .tab-pane .thumbnails .thumbnail button img,.tab-panes .tab-pane .thumbnails .thumbnail button picture{aspect-ratio:100/66;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.tab-panes .tab-pane .thumbnails .thumbnail a picture:before,.tab-panes .tab-pane .thumbnails .thumbnail button picture:before{background-size:40px 40px}.tab-panes .tab-pane .thumbnails .thumbnail a .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail a h4,.tab-panes .tab-pane .thumbnails .thumbnail button .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button h4{background-blend-mode:luminosity;background-color:var(--primary-0);bottom:0;box-shadow:inset 0 0 0 0 var(--primary),0 0 0 0 var(--primary);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity,transform,box-shadow,background-color;transition-duration:.5s;transition-timing-function:cubic-bezier(.785,.135,.15,.86);will-change:opacity,transform,box-shadow,background-color;z-index:10}.tab-panes .tab-pane .thumbnails .thumbnail a .hoverBox .ripple,.tab-panes .tab-pane .thumbnails .thumbnail a h4 .ripple,.tab-panes .tab-pane .thumbnails .thumbnail button .hoverBox .ripple,.tab-panes .tab-pane .thumbnails .thumbnail button h4 .ripple{z-index:11}.tab-panes .tab-pane .thumbnails .thumbnail a h4,.tab-panes .tab-pane .thumbnails .thumbnail button h4{color:#fff;font-size:.875rem;font-weight:400;letter-spacing:.5px;margin:0;padding:30px;text-align:center;top:auto}.tab-panes .tab-pane .thumbnails .thumbnail a i,.tab-panes .tab-pane .thumbnails .thumbnail button i{color:#fff;opacity:.9;position:absolute;text-shadow:0 0 4px #fff}.tab-panes .tab-pane .thumbnails .thumbnail a .hoverBox,.tab-panes .tab-pane .thumbnails .thumbnail button .hoverBox{align-items:center;aspect-ratio:100/66;border:1px solid var(--primary-light);display:flex;justify-content:center;transform-style:preserve-3d}.tab-panes .tab-pane#contact-tab{height:auto;min-height:0}.tab-panes .tab-pane#contact-tab .content-wrapper{height:auto}.tab-panes .tab-pane#contact-tab .content-wrapper .btn,.tab-panes .tab-pane#contact-tab .content-wrapper .contact-option,.tab-panes .tab-pane#contact-tab .content-wrapper .contact-options{opacity:0;transform:translateY(12px);transition:opacity .62s cubic-bezier(.87,0,.13,1),transform .62s cubic-bezier(.87,0,.13,1);will-change:opacity,transform}.tab-panes .tab-pane#contact-tab .content-wrapper .contact-options{transition-delay:.18s}.tab-panes .tab-pane#contact-tab .content-wrapper .contact-option{pointer-events:none}.tab-panes .tab-pane#contact-tab .content-wrapper .contact-option:first-child{transition-delay:.26s}.tab-panes .tab-pane#contact-tab .content-wrapper .contact-option:nth-child(2){transition-delay:.32s}.tab-panes .tab-pane#contact-tab .content-wrapper .contact-option:nth-child(3){transition-delay:.38s}.tab-panes .tab-pane#contact-tab .content-wrapper .btn{pointer-events:none;transition-delay:.46s}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset{display:flex;flex-flow:column nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);position:relative;row-gap:var(--spacing-ms);width:100%}.nav-main .nav-tabs .tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .nav-item,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .nav-main .nav-tabs .nav-item,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset h2{align-items:center;display:block;justify-content:center;line-height:auto;margin:auto;width:100%}.nav-main .nav-tabs .tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .nav-item span,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .nav-main .nav-tabs .nav-item span,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset h2 span{margin:auto auto -4px}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container{display:block;margin:auto;position:relative;transition:all .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container:has(input,textarea):has(:placeholder-shown):not(:focus) label{color:var(--white);margin:auto 0 -20px;transform:translateY(0) scale(1)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container:has(input,textarea):has(:focus):not(:placeholder-shown) label,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container:has(input,textarea):has(:focus,:not(:focus),:placeholder-shown) label{color:var(--primary-light);margin:0;transform:translateY(0) scale(.75)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container label{display:block;font-size:.875rem;height:20px;line-height:25px;padding:0;pointer-events:none;transition:all .3s ease-in-out;width:auto}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea{background:var(--primary-dark-0);border:none;border-bottom:1px solid var(--primary-light-60);border-radius:24px 24px 24px 24px/12px 12px 12px 12px;color:var(--white);font-size:1rem;line-height:1.25rem;text-align:center;field-sizing:content;margin:auto;max-width:364px;min-width:156px;padding:0 16px 12px;transition:all .3s ease-in-out;width:100%}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus{border-bottom:1px solid var(--primary-light);outline:0 solid hsla(0,0%,100%,0)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::-webkit-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::-webkit-input-placeholder{color:hsla(0,0%,100%,.8)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus:-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::-moz-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::-o-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::-webkit-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-control:focus::placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus:-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::-moz-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::-o-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::-webkit-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea:focus::placeholder{color:hsla(0,0%,100%,.8)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container input.form-controlinput.form-control:-webkit-autofill,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textareainput.form-control:-webkit-autofill{background:var(--primary-dark-80)!important}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea{max-height:160px;overflow-y:scroll;resize:none;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset .input-container textarea::-webkit-scrollbar{-webkit-appearance:none;background:transparent;border-radius:0;display:none;height:0;visibility:hidden;width:0}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-webkit-input-placeholder{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-moz-placeholder{-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset :-ms-input-placeholder{-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-ms-input-placeholder{-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::placeholder{transition:all .3s ease-in-out}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-webkit-input-placeholder{color:hsla(0,0%,100%,0)}.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset :-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-moz-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-ms-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-o-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::-webkit-input-placeholder,.tab-panes .tab-pane#contact-tab .content-wrapper form .fieldset ::placeholder{color:hsla(0,0%,100%,0)}.tab-panes .tab-pane#contact-tab .content-wrapper .btn{background:var(--primary-dark-30);border:none;border-radius:0;border-top:1px solid var(--primary-light);box-shadow:inset 0 0 40px 0 var(--primary),0 0 10px 0 var(--primary);color:var(--primary-light);cursor:pointer;display:block;position:relative;text-shadow:0 0 5px var(--primary);transition:all .3s ease-in-out;width:100%}@container (min-width: 0){.tab-panes .tab-pane#contact-tab .content-wrapper .btn{padding:var(--spacing-md)}}.tab-panes .tab-pane#contact-tab .content-wrapper .btn:hover{background:var(--primary-30)!important;box-shadow:inset 0 0 50px 0 var(--primary),0 0 20px 0 var(--primary);color:var(--white);text-shadow:0 0 5px #fff}.tab-panes .panel-content[data-view=contact].is-settled #contact-tab .content-wrapper .btn,.tab-panes .panel-content[data-view=contact].is-settled #contact-tab .content-wrapper .contact-option,.tab-panes .panel-content[data-view=contact].is-settled #contact-tab .content-wrapper .contact-options{opacity:1;transform:translateY(0)}.tab-panes .panel-content[data-view=contact].is-settled #contact-tab .content-wrapper .btn,.tab-panes .panel-content[data-view=contact].is-settled #contact-tab .content-wrapper .contact-option{pointer-events:auto}figure picture{display:block;position:relative}figure picture:before{transition:opacity,display allow-discrete;transition-duration:.8s;transition-timing-function:cubic-bezier(.785,.135,.15,.86);transition-timing-function:cubi;will-change:opacity,display}figure picture img{transition:opacity .8s cubic-bezier(.445,.05,.55,.95) .2s;will-change:opacity}figure picture:before{background:var(--primary-40) url(/images/icons/loading-min.svg) no-repeat center center/50px 50px;content:"";display:block;height:100%;inset:0;opacity:1;position:absolute;width:100%;z-index:10}@container (min-width: 768px){figure picture:before{background-size:70px 70px}}figure picture img{opacity:0}figure picture img.d-loaded{opacity:1}figure picture:has(img.d-loaded):before{display:none;opacity:0!important;transition-delay:.2s;transition-duration:.6s}figure picture.portrait:before{background-position:center calc(50vh - 20px - var(--spacing-md))}.nav-main .nav-tabs{background:linear-gradient(0deg,var(--primary-dark) var(--spacing-md),var(--primary-darker-0) 100%);border-bottom:none}.nav-main .nav-tabs .nav-item{align-items:center;background:var(--primary-darker-90);background:linear-gradient(0deg,var(--primary-darker) 0,var(--primary-dark-90) 100%);box-shadow:0 0 10px 0 var(--primary);justify-content:center;position:relative;width:25%}.nav-main .nav-tabs .nav-item input{display:none}.nav-main .nav-tabs .nav-item:first-child{border-radius:16px 0 0 16px/16px 0 0 16px}.nav-main .nav-tabs .nav-item:first-child:after{border-left:1px solid var(--primary-light)}.nav-main .nav-tabs .nav-item:first-child .nav-link,.nav-main .nav-tabs .nav-item:first-child:after,.nav-main .nav-tabs .nav-item:first-child:before{border-radius:14px 0 0 14px/14px 0 0 14px}.nav-main .nav-tabs .nav-item:last-child{border-radius:0 16px 16px 0/0 16px 16px 0}.nav-main .nav-tabs .nav-item:last-child .nav-link,.nav-main .nav-tabs .nav-item:last-child:after,.nav-main .nav-tabs .nav-item:last-child:before{border-radius:0 14px 14px 0/0 14px 14px 0}.nav-main .nav-tabs .nav-item:last-child:after{border-right:1px solid var(--primary-light)}.nav-main .nav-tabs .nav-item:before{border-right:none;box-shadow:0 0 20px 1px var(--primary),inset 0 0 20px 0 var(--primary);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity;will-change:opacity;z-index:0}.nav-main .nav-tabs .nav-item:after{border-block:1px solid var(--primary-light);border-inline:.5px solid var(--primary-light);content:"";inset:0;pointer-events:none;position:absolute;z-index:10}.nav-main .nav-tabs .nav-item:has(.nav-link:hover):before{opacity:1}.nav-main .nav-tabs .nav-item:has(input:checked):before{opacity:1}.nav-main .nav-tabs .nav-item .nav-link{align-items:center;background-color:var(--primary-0);border:none;box-shadow:inset 0 0 15px 0 var(--primary);contain:content;display:flex;flex-flow:column nowrap;font-weight:400;height:100%;justify-content:space-between;line-height:1;outline:none;padding:var(--spacing-ms) var(--spacing-ms);position:relative;text-align:center;text-decoration:none;width:100%}@container (min-width: 576px){.nav-main .nav-tabs .nav-item .nav-link{flex-direction:row}}@container (min-width: 768px){.nav-main .nav-tabs .nav-item .nav-link{padding:var(--spacing-md) var(--spacing-md)}}.nav-main .nav-tabs .nav-item .nav-link:before{background-color:var(--primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity;will-change:opacity}.nav-main .nav-tabs .nav-item .nav-link span{align-self:center;color:var(--white);display:flex;filter:drop-shadow(0 0 0 var(--white));flex-flow:column nowrap;flex-grow:1;font-size:.75rem;letter-spacing:.5px;padding-top:4px;pointer-events:none;text-transform:uppercase;transform:scale(1);transition:transform;will-change:transform}@container (min-width: 576px){.nav-main .nav-tabs .nav-item .nav-link span{letter-spacing:2px}}@container (min-width: 768px){.nav-main .nav-tabs .nav-item .nav-link span{font-size:1rem}}.nav-main .nav-tabs .nav-item .nav-link span:before{content:attr(title);font-weight:100;inset:4px 0 -4px 0;opacity:0;position:absolute;text-shadow:0 0 5px var(--white);transition:opacity,transform;will-change:opacity,transform;z-index:-1}.nav-main .nav-tabs .nav-item .nav-link .icon{position:relative;transform:perspective(12dvh) rotateY(0deg) scale(1);transition:transform;will-change:transform}.nav-main .nav-tabs .nav-item .nav-link .icon:before{content:"";-webkit-filter:drop-shadow(0 0 5px var(--white)) brightness(3.7);filter:drop-shadow(0 0 5px var(--white)) brightness(3.7);height:inherit;inset:0 auto;opacity:0;position:absolute;transition:opacity;width:inherit;will-change:opacity}.nav-main .nav-tabs .nav-item .nav-link .icon.globe:before{background:url(/images/icons/earth-europe.svg)}.nav-main .nav-tabs .nav-item .nav-link .icon.rocket:before{background:url(/images/icons/rocket.svg)}.nav-main .nav-tabs .nav-item .nav-link .icon.astronaut:before{background:url(/images/icons/user-astronaut.svg)}.nav-main .nav-tabs .nav-item .nav-link .icon.spock:before{background:url(/images/icons/hand-spock.svg)}.nav-main .nav-tabs .nav-item .nav-link .icon:before{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important}.nav-main .nav-tabs .nav-item .nav-link:active:before,.nav-main .nav-tabs .nav-item .nav-link:focus:before,.nav-main .nav-tabs .nav-item .nav-link:hover:before{opacity:.5}.nav-main .nav-tabs .nav-item .nav-link:active span,.nav-main .nav-tabs .nav-item .nav-link:focus span,.nav-main .nav-tabs .nav-item .nav-link:hover span{transform:scale(1.05)}.nav-main .nav-tabs .nav-item .nav-link:active span:before,.nav-main .nav-tabs .nav-item .nav-link:focus span:before,.nav-main .nav-tabs .nav-item .nav-link:hover span:before{opacity:1}.nav-main .nav-tabs .nav-item .nav-link:active .icon,.nav-main .nav-tabs .nav-item .nav-link:focus .icon,.nav-main .nav-tabs .nav-item .nav-link:hover .icon{transform:perspective(12dvh) rotateY(1turn) scale(1.1)}.nav-main .nav-tabs .nav-item .nav-link:active .icon:before,.nav-main .nav-tabs .nav-item .nav-link:focus .icon:before,.nav-main .nav-tabs .nav-item .nav-link:hover .icon:before{opacity:1}.nav-main .nav-tabs .nav-item .nav-link:focus-within:before{opacity:.7}.nav-main .nav-tabs .nav-item .nav-link .icon,.nav-main .nav-tabs .nav-item .nav-link .icon:before,.nav-main .nav-tabs .nav-item .nav-link span,.nav-main .nav-tabs .nav-item .nav-link span:before,.nav-main .nav-tabs .nav-item .nav-link:before,.nav-main .nav-tabs .nav-item:before{transition-duration:1s;transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.nav-main .nav-tabs .nav-item input:checked+.nav-link:before{opacity:.5}.nav-main .nav-tabs .nav-item input:checked+.nav-link:hover:before{opacity:.7}.nav-main .nav-tabs .nav-item input:checked+.nav-link span{color:var(--white);transform:scale(1.05)}.nav-main .nav-tabs .nav-item input:checked+.nav-link span:before{opacity:1}.nav-main .nav-tabs .nav-item input:checked+.nav-link .icon{transform:perspective(12dvh) rotateY(1turn) scale(1.1)}.nav-main .nav-tabs .nav-item input:checked+.nav-link .icon:before{opacity:1}@font-face{font-display:swap;font-family:jaapokki;font-style:normal;font-weight:400;src:url(/fonts/jaapokkisubtract-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:100;src:url(/fonts/exo-2-v24-latin-100.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:200;src:url(/fonts/exo-2-v24-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Exo\ 2;font-style:normal;font-weight:300;src:url(/fonts/exo-2-v24-latin-300.woff2) format("woff2")}