@import"https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";main#welcome{position:relative;margin:0 auto;z-index:1;width:100%}.forest{position:absolute;left:0;background:url(./assets/backgrounds/abstract-mountain.svg) bottom center no-repeat;background-size:contain;width:100%;height:100%;opacity:0;animation:forest-move-in 1s .5s forwards}@keyframes forest-move-in{0%{background-position-y:0}to{opacity:1;background-position-y:100%}}.silhouette{position:absolute;bottom:0;left:0;background:url(./assets/backgrounds/darkme.svg) bottom left no-repeat;background-size:contain;width:50%;height:50%;opacity:0;animation:silhouette-move-in 1s .8s forwards}@keyframes silhouette-move-in{0%{background-position-x:0}to{opacity:1;background-position-x:60%}}.moon{position:absolute;top:0;right:0;background:url(/assets/me-dotsblack-43315bad.svg) right 150% no-repeat;background-size:40% 45%;background-attachment:fixed;width:100%;height:100%;z-index:-1;opacity:0;animation:moon-move-in 1.2s 1s forwards}main#welcome .intro{width:-moz-fit-content;width:fit-content;max-width:45%;position:absolute;right:0;top:40%;opacity:0;transform:translateY(-40%);animation:text-fade-in 1s .8s forwards}main#welcome .intro h1{display:flex;flex-direction:column;gap:7px}main#welcome .intro .buttons{display:flex;gap:1rem;margin-top:1rem}main#welcome .intro .buttons a{width:100%;padding:1.2rem 1rem;border:2px solid var(--darkness);color:var(--darkness);text-align:center;text-transform:uppercase;font-size:1.1rem;transition:all ease .3s}main#welcome .intro .buttons a.cta{background:var(--mauve);border:2px solid transparent;color:#000;transition:all ease .3s}main#welcome .intro .buttons a:hover,main#welcome .intro .buttons a:active,main#welcome .intro .buttons a.cta:hover,main#welcome .intro .buttons a.cta:active{transform:translateY(-4px);box-shadow:0 10px 20px -7px var(--darkness);background:var(--darkness);color:#fff}main#welcome #huresource{color:var(--cedar);font-weight:700;letter-spacing:-1.2px;font-family:var(--inter)}main#welcome #definition{color:var(--mattegray)}main#welcome #noun{margin:0 0 3px}@media only screen and (max-width: 768px){main#welcome #noun{margin:2px 0 4px}main#welcome .intro{text-align:center;right:50%;top:25vh;width:85%;transform:translate(50%);animation:text-fade-in 1s .8s forwards}main#welcome .intro .buttons a,main#welcome .intro .buttons a:visited{padding:1rem .5rem;font-size:.9rem}@keyframes text-fade-in{0%{right:0}to{opacity:1;right:50%}}main#welcome{min-height:calc(100vh - 50px);clip-path:polygon(0% 0%,50% 0,100% 0,100% calc(100% - 50px),50% 100%,0% calc(100% - 50px));margin:0 auto -50px}.moon{background-size:25vh;animation:moon-move-in-mobile 1.2s 1s forwards}@keyframes moon-move-in-mobile{0%{opacity:0;background-position:50% 150%}to{opacity:1;background-position:50% 60vh}}}#nav-bar{width:100%;margin:auto}.dark #nav-bar{color:var(--mattegray)}.light #nav-bar{color:var(--blackish)}.dark #nav-bar .nav-item.active,.dark #nav-bar .nav-item:not(.active):hover{color:var(--linen);transition:color .5s}.light #nav-bar .nav-item.active,.light #nav-bar .nav-item:not(.active):hover{color:var(--mauve);transition:color .8s ease}#nav-bar.home{bottom:calc(30% - var(--text-bg))}#nav-bar.other{top:0}#nav-bar .nav-list{display:flex;width:100%;height:var(--text-bg)}#nav-bar.home .nav-list{width:80%;margin:auto;justify-content:space-between}#nav-bar.other .nav-list{height:var(--text-bg);margin:0;justify-content:space-around}#nav-bar .nav-link{width:auto;min-width:12%;overflow:hidden}#nav-bar.other .nav-item{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:100%;width:100%;height:100%;cursor:pointer;position:relative;transition-delay:.1s;outline-color:transparent;background-color:transparent;transition:color .5s ease}#nav-bar.other .nav-item:before,#nav-bar.other .nav-item:after{content:"";height:.5px;background-color:currentColor;transition:width 1.5s cubic-bezier(.22,.61,.36,1)}#nav-bar.other .nav-item:before,#nav-bar.other .nav-item:not(.active):hover:before,#nav-bar.other .nav-item.active:before{width:100%;transition:width .6s .3s cubic-bezier(.22,.61,.36,1)}#nav-bar.other .nav-item:after{position:absolute;left:0;width:0px;background-color:currentColor;transition:width 1.5s cubic-bezier(.22,.61,.36,1)}#nav-bar.other .nav-item:hover:after,#nav-bar.other .nav-item:focus-visible:after,#nav-bar.other .nav-item:active:after,#nav-bar.other .nav-item.active:after{width:100%;transition:width .6s .3s cubic-bezier(.22,.61,.36,1)}#nav-bar.home .nav-item{display:flex;align-items:center;gap:9px;width:auto;height:auto;cursor:pointer;position:relative;transition-delay:.1s;outline-color:transparent;background-color:transparent;transition:color .5s ease}#nav-bar.home .nav-item:before{content:"";height:9px;width:9px;margin:5px;background-color:currentColor;border:1px solid currentColor;transform:rotate(45deg);transition:transform .2s .1s}#nav-bar.home .nav-item:not(.active):hover:before{border-radius:0;transform:rotate(360deg) scale(1.3)}#nav-bar.home .nav-item.active:before{border-radius:0;transform:rotate(45deg) scale(1.3);background:transparent}#nav-bar.home .nav-item .nav-label-show{position:relative;font-family:var(--inter);font-size:2.5rem;font-weight:700;text-align:right;text-transform:uppercase;letter-spacing:.6px;margin:5px;line-height:1;flex:0 0 auto;transform:skew(0)}#nav-bar.list .nav-list{justify-content:space-between;flex-direction:column;gap:1.5rem;height:-moz-max-content;height:max-content}#nav-bar.list .nav-list .nav-link{width:100%;overflow:visible}#nav-bar.list .nav-item{display:flex;align-items:center;gap:9px;width:100%;height:auto;cursor:pointer;position:relative;transition-delay:.1s;outline-color:transparent;background-color:transparent;transition:color .5s ease}#nav-bar.list .nav-item:before{content:"";height:.9px;width:30%;background-color:currentColor;will-change:width;transition:width .6s .1s}#nav-bar.list .nav-item.active:before,#nav-bar.list .nav-item:not(.active):hover:before{width:45%;transition:width .4s .1s}#nav-bar.list .nav-item .nav-label-show{position:relative;font-family:var(--inter);font-size:.9rem;font-weight:500;text-align:right;text-transform:uppercase;letter-spacing:.6px;line-height:1;flex:0 0 auto;transform:skew(0)}#nav-bar.bg-active{background:transparent;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}#nav-bar .go-light{color:var(--cedar)}#nav-bar .go-dark{color:#fff}#nav-bar .brand{font-family:Nunito,sans-serif;font-size:1.9rem;color:#fff;cursor:default;letter-spacing:.6px;line-height:1;font-weight:700}#nav-bar .brand span{letter-spacing:1.6px;color:var(--mauve)}#nav-bar.bg-active .brand{color:var(--cream)}#nav-bar.bg-active .brand span{color:var(--skyblue)}#nav-bar .go-light .nav-item.active{color:var(--nudist);transition:color .5s}#nav-bar .go-dark .nav-item.active,#nav-bar .go-dark .nav-item:not(.active):hover{color:var(--mauve);transition:color .8s ease}#nav-bar .nav-sublist{width:-moz-fit-content;width:fit-content;margin-left:1rem;display:flex;text-transform:lowercase;font-size:14px;font-weight:200;letter-spacing:.6px;gap:1.8rem;color:var(--mauve);transition:color .4s,font-weight .5s}#nav-bar .nav-sublist .nav-subitem{position:relative;min-width:-moz-fit-content;min-width:fit-content;text-align:center;padding:4px 6px;line-height:1;transition:color .4s,font-weight .5s,border-bottom .25s 0ms,border-right .2s 50ms,border-top .15s .1s,border-left 50ms .15s}#nav-bar .nav-sublist .nav-subitem.active{color:var(--white);font-weight:500;transition:color 1.2s,font-weight .9s,border-bottom 1s .2s,border-right .8s .3s,border-top .6s .4s,border-left .4s .5s}#nav-bar .nav-sublist .nav-subitem:not(.active):hover{color:var(--white);font-weight:300;transition:color .4s,font-weight .5s}#nav-bar .nav-sublist .nav-subitem:before,#nav-bar .nav-sublist .nav-subitem:after{content:"";position:absolute;width:0%;height:1px;bottom:45%;color:currentColor}#nav-bar .nav-sublist .nav-subitem:before{left:0}#nav-bar .nav-sublist .nav-subitem:after{right:0;background:currentColor;transition:width .6s .2s cubic-bezier(.22,.61,.36,1)}#nav-bar .nav-sublist .nav-subitem:not(.active):not(:hover):before{background:currentColor;width:100%;transition:width 1.6s .2s cubic-bezier(.22,.61,.36,1)}#nav-bar .nav-sublist .nav-subitem:not(.active):not(:hover):after{background:transparent;width:100%;transition:0s}#nav-bar .nav-item .nav-label-show{position:relative;font-family:var(--inter);font-size:1rem;font-weight:300;text-transform:lowercase;font-style:italic;letter-spacing:.6px;flex:0 0 auto;transform:skew(0);transition:transform .5s}#nav-bar .nav-item.active .nav-label-show{transform:skew(-10deg);transition:transform .5s}@media only screen and (min-width: 769px){.menu-button{display:none}#nav-bar.bg-active{justify-content:center}#nav-bar.bg-active .brand{display:none}}@media only screen and (max-width: 768px){#nav-bar{align-items:center;padding:1.2rem 1.4rem 1.2rem .8rem}#nav-bar .nav-list{display:none}}@media only screen and (min-width: 769px){.menu-container{display:none}}@media only screen and (max-width: 768px){.menu-container.false>.overlay{display:none}.menu-container>.overlay,.menu-container.active>.overlay{position:absolute;right:0;height:calc(100vh - 120px);width:calc(100vw - 120px);background:#fafafa}@keyframes overlay-slide-in{0%{width:calc(100vw - 120px)}to{width:0}}@keyframes overlay-slide-out{0%{left:0;width:0}to{left:0;width:calc(100vw - 120px)}}.menu-container.active,.menu-container.deactive{position:fixed;height:100vh;width:100vw;background:var(--darkness);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.menu-container.false{display:none}.menu-container:not(.false):before,.menu-container:not(.false):after{content:"";position:absolute;top:0;width:100%;min-height:100vh;z-index:-1}.menu-container.active:before{background:url(../assets/backgrounds/simple-bg-mobile.png);background-attachment:fixed;background-size:cover}.menu-container.active:after{background:linear-gradient(180deg,rgb(from var(--darkness) r g b / .6),rgb(from var(--darkness) r g b / .6));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.menu-container.deactive{animation:fade-out .6s forwards}@keyframes fade-out{0%{opacity:1;z-index:999}50%{opacity:1;z-index:999}to{opacity:0;z-index:-1}}.menu-container.active{animation:fade-in .3s forwards}@keyframes fade-in{0%{opacity:0;z-index:-1}to{opacity:1;z-index:999}}.menu-container ul,.menu-container .social{margin-left:-80px;opacity:0;animation:slide-out .2s forwards}.menu-container ul{font-size:3rem}@keyframes slide-out{0%{opacity:1;margin-left:0}to{opacity:0;margin-left:-80px}}.menu-container.active ul,.menu-container.active .social{animation:slide-in .3s forwards .6s}@keyframes slide-in{0%{opacity:0;margin-left:-80px}to{opacity:1;margin-left:0}}.menu-container ul li{border-left:.2rem solid transparent;transition:border-left .2s}.menu-container ul li a{font-size:3rem;letter-spacing:1.5px}.menu-container ul li a:after{content:" »";font-size:2.5rem;color:transparent;transition:color .2s}.menu-container ul li a:hover:after{content:" »";color:var(--denim)}.social{padding:1rem 0 0 .5rem}.social a{font-size:1.5rem;padding:.2rem}.menu-container a,.menu-container a:visited{color:var(--seashell)}.menu-container a:hover,.menu-container a:active{color:var(--cedar)}.menu-container{border:none}.menu-container>.overlay,.menu-container.active>.overlay{height:100vh;width:100vw}.menu-container.active>.overlay{animation:overlay-slide-in .3s forwards .3s}@keyframes overlay-slide-in{0%{width:100vw}to{width:0}}.menu-container>.overlay{animation:overlay-slide-out .3s forwards}@keyframes overlay-slide-out{0%{left:0;width:0}to{left:0;width:100vw}}}.nav-links:after{content:"";display:block;width:0;height:3px;border-radius:5px;background:#eac492;margin:auto;transition:.5s}.nav-links:hover:after{width:80%}.word-space{word-spacing:-.6px}.text-balance{text-wrap:balance}.about,.huresource-def{width:100%;max-width:80%;margin:auto;position:absolute;bottom:12%;left:10%;opacity:0;animation:about-move-in 1.2s 1.2s forwards}@keyframes about-move-in{0%{left:-100%}to{opacity:1;left:10%}}.moon{position:absolute;top:0;right:0;background:url(/assets/me-dotsblack-43315bad.svg) right 150% no-repeat;background-size:40% 45%;background-attachment:fixed;width:100%;height:100%;z-index:-1;opacity:0;animation:moon-move-in 1.2s 1s forwards}@keyframes moon-move-in{0%{opacity:0;background-position:right 150%}to{opacity:1;background-position:right 45%}}.circles-rotate{position:fixed;right:2%;width:auto;height:40%;opacity:0;transition:transform .1s linear;animation:circle-move-in 1.2s 1s forwards}@keyframes circle-move-in{0%{opacity:0;top:90%}to{opacity:1;top:20%}}main#about .about-container{width:-moz-fit-content;width:fit-content;max-width:45%;position:absolute;right:0;top:40%;opacity:0;display:flex;flex-direction:column;gap:2rem;transform:translateY(-40%);animation:text-fade-in 1s .8s forwards}@keyframes text-fade-in{0%{right:0}to{opacity:1;right:50%}}section#about{scroll-margin-top:1rem}section#about .about-container{width:100%;opacity:1;display:flex;gap:1rem;position:relative;align-items:center;padding:3rem 2rem 0}.about-container .content{display:flex;align-items:center;width:100%;gap:2rem;flex:1}.about-container .ws{display:flex;flex-direction:column;justify-content:space-between;height:-webkit-fill-available;height:-moz-available;height:stretch;width:15vw}.about-list{display:flex;flex-direction:column;gap:2rem;width:100%}.about-list .item{display:flex;align-items:flex-start;gap:1rem 2rem;width:100%}.about-list .item .qs{display:flex;flex-direction:column;justify-content:space-between;gap:9px;height:-webkit-fill-available;height:-moz-available;height:stretch;width:15vw;position:relative}.about-list .item .qs p{font-size:14px;font-family:var(--inter);font-weight:400;text-transform:uppercase;line-height:1;color:#fff;text-wrap-mode:nowrap;position:relative;display:inline-flex;align-items:center;gap:9px}.about-list .item .qs p:after{content:"";width:100%;height:1px;position:relative}.about-list .item .qs:before{content:"";height:100%;width:1px;position:relative;order:2}.about-list .item .qs p:first-child{order:1}.about-list .item .qs p:last-child{order:3}.about-list .item .qs:before,.about-list .item .qs p:after{background-color:var(--antique)}.about-list .item .five-w{position:relative;text-wrap-mode:nowrap}.about-list .item .icon-image{display:inline-flex;align-items:center;justify-content:center;width:15vw;height:-webkit-fill-available;height:-moz-available;height:stretch;position:relative}.about-list .item .icon-image img,.about-list .item .icon-image svg{width:70%;height:auto;position:relative;filter:contrast(.3) grayscale(1)}.about-list .item .subitems{display:flex;flex-direction:column;flex:1;gap:1.5rem}.about-list .item .info{display:flex;flex-direction:column;gap:.4rem;height:-moz-fit-content;height:fit-content;flex:0 0 calc(100% - 15vw - 2rem)}.about-list .item .name{width:100%;line-height:1.1;color:var(--blackish);font-size:22px;letter-spacing:-.2px;font-weight:550;text-wrap-mode:nowrap}.about-list .item .description{position:relative;flex:1;color:var(--blackish);line-height:1.3;font-size:17px;font-weight:300;letter-spacing:.2px}.about-list .item .description span{font-weight:500}.about-list .item .icon{display:inline-flex;align-items:center;width:5vw;aspect-ratio:1 / 1;padding:1rem}.about-list .item .icon svg{width:100%;height:100%}.highlight{font-weight:500;font-family:var(--inter);color:var(--platinum)}.darken{color:var(--blackish);font-weight:580}i{letter-spacing:.3px}.def-huresource{font-family:var(--inter);color:var(--accent);font-size:1.6rem;font-weight:300;line-height:1.2;letter-spacing:0px;text-wrap-style:balance}.def-huresource .emph{font-weight:500;letter-spacing:-.6px}.about-container .details{display:flex;flex-direction:column;gap:1rem}#about blockquote{font-family:var(--inter);font-size:1.2rem;line-height:1.2;font-weight:200;padding:1rem;margin-top:2rem;background-color:rgb(from var(--platinum) r g b / .2)}.about-container .details p{color:var(--blackish);line-height:1.4}.accent-color{color:var(--blackish)}.image{width:100%;max-width:35%;height:-moz-fit-content;height:fit-content}.image .my-img{width:100%;height:auto}.quote-block{position:absolute;bottom:3px;align-self:end;display:none}.quote{align-items:center;position:relative;font-family:var(--inter);width:-moz-fit-content;width:fit-content;justify-self:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:1fr 1fr;-moz-column-gap:10px;column-gap:10px;color:var(--sand);font-size:1.2rem}.quote .mark{height:100%;width:auto;opacity:.5}.quote .mark.left{grid-column:1 / 2;grid-row:1 / 2}.quote .mark.right{grid-column:3 / 4;grid-row:2 / 3}.quote span{grid-column:2 / 3;line-height:1;letter-spacing:.3px}.quote .main{text-box-trim:trim-start}.quote .full{font-size:smaller;font-weight:150;color:var(--white);text-align:right;font-style:italic;text-box-trim:trim-end}.quote .author{grid-column:1 / -1;font-size:1rem;text-align:right;font-weight:200;margin-top:5px}@media only screen and (max-width: 768px){section#about{align-items:center}section#about .about-container{padding:2rem 1.5rem 0}.about-container .details{width:100%}.about-list .item{flex-direction:column;gap:.7rem}.about-list .item .qs{flex-direction:row;align-items:center;width:100%;height:-moz-fit-content;height:fit-content;border-bottom:1px solid var(--platinum);padding-bottom:.3rem}.about-list .item .qs p{gap:0;font-size:12px;font-weight:500}.about-list .item .qs:before{width:100%;height:1px;display:none}.about-list .item .name{font-size:18px}.about-list .item .description{font-size:15px;font-weight:450;letter-spacing:0px}.about-list .item .description span{font-weight:600}@keyframes text-fade-in{0%{right:0}to{opacity:1;right:50%}}.moon{background-size:25vh;animation:moon-move-in-mobile 1.2s 1s forwards}@keyframes moon-move-in-mobile{0%{opacity:0;background-position:50% 150%}to{opacity:1;background-position:50% 60vh}}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;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{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}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}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[10\]{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.-mt-\[1rem\]{margin-top:-1rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[50px\]{margin-top:50px}.block{display:block}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-4\/5{height:80%}.h-\[30px\]{height:30px}.h-\[50\%\]{height:50%}.h-\[50vh\]{height:50vh}.h-auto{height:auto}.h-full{height:100%}.min-h-\[80vh\]{min-height:80vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-4\/5{width:80%}.w-\[100\%\]{width:100%}.w-\[50\%\]{width:50%}.w-\[50px\]{width:50px}.w-full{width:100%}.min-w-\[170px\]{min-width:170px}.max-w-3xl{max-width:48rem}.flex-\[10\]{flex:10}.flex-\[2\]{flex:2}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-full{border-radius:9999px}.rounded-b-\[25px\]{border-bottom-right-radius:25px;border-bottom-left-radius:25px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.bg-desert{--tw-bg-opacity: 1;background-color:rgb(200 151 87 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pt-12{padding-top:3rem}.pt-\[98px\]{padding-top:98px}.text-center{text-align:center}.font-inter{font-family:Inter,sans-serif}.font-nunito{font-family:Nunito,sans-serif}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[2\.7rem\]{font-size:2.7rem}.text-\[20px\]{font-size:20px}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-extralight{font-weight:200}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[0px\]{line-height:0px}.leading-\[1\.2\]{line-height:1.2}.leading-\[28px\]{line-height:28px}.leading-\[30px\]{line-height:30px}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.3px\]{letter-spacing:.3px}.tracking-\[0\.5px\]{letter-spacing:.5px}.tracking-\[1px\]{letter-spacing:1px}.tracking-wider{letter-spacing:.05em}.text-bone{--tw-text-opacity: 1;color:rgb(249 244 237 / var(--tw-text-opacity, 1))}.text-darkness{--tw-text-opacity: 1;color:rgb(23 22 20 / var(--tw-text-opacity, 1))}.text-desert{--tw-text-opacity: 1;color:rgb(200 151 87 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-linen{--tw-text-opacity: 1;color:rgb(252 242 231 / var(--tw-text-opacity, 1))}.text-moon{--tw-text-opacity: 1;color:rgb(239 241 243 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-\[0\.2\]{opacity:.2}.opacity-\[0\.4\]{opacity:.4}.opacity-\[0\.82\]{opacity:.82}.shadow-card{--tw-shadow: #675c507d 0px 7px 40px -7px;--tw-shadow-colored: 0px 7px 40px -7px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-0{--tw-saturate: saturate(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.saturate-100{--tw-saturate: saturate(1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-\[0\.2s\]{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;color-scheme:dark}:root{--black: #000;--blackish: #0e0e0d;--darkness: #171614;--almostblack: #333333;--accent: #464646;--stone: #606060;--grayed: #838383;--mattegray: #94908D;--grayest: #aaaaaa;--rock: #bebebe;--realtaupe: #c2b2a0;--realnude: #d0bca6;--ashy: #d6c7b6;--fair: #d7c0b4;--taupe: #daccbb;--cedar: #dec09f;--cement: #cfcfcf;--nudist: #e9d2ba;--pale: #e9dccf;--skin: #ead7c2;--moon: #eff1f3;--sand: #f0e3d3;--cream: #f2dfcb;--bone: #f9f4ed;--linen: #fcf2e7;--antique: #FFEBD5;--seashell: #FFF7ED;--beige: #ffeedd;--platinum: #fffbf8;--white: #ffffff;--nunito-sans: "Nunito Sans", "sans-serif";--nunito: "Nunito", "sans-serif";--outfit: "Outfit", "sans-serif";--open-sans: "Open Sans", "sans-serif";--pt-sans: "PT Sans", "sans-serif";--dm-sans: "DM Sans", "sans-serif";--asap: "Asap", "sans-serif";--roboto: "Roboto", "sans-serif";--lato: "Lato", "sans-serif";--quicksand: "Quicksand", "sans-serif";--karla: "Karla", "sans-serif";--inter: "Inter", "sans-serif";--manrope: "Manrope", "sans-serif";--text-bg: 5rem}#root{display:flex;position:relative;overflow:hidden;height:100%}p{font-family:var(--dm-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--inter)}.section-title{display:flex;flex-direction:column}.section-header{display:none;font-family:var(--nunito);text-align:center;font-weight:900;font-size:60px;line-height:1}.section-subtext{font-family:var(--inter);text-align:end;text-transform:uppercase;letter-spacing:.6px;font-weight:100;font-size:40px;font-style:italic;opacity:0;width:100%;position:sticky;right:0%;top:0;z-index:-1;transition:opacity .3s}.iv .section-subtext{opacity:1;transition:opacity .3s}.section-header-light{color:var(--antique)}.section-subtext-light{color:rgb(from var(--platinum) r g b / .6)}.section-header-dark{color:var(--darkness)}.section-subtext-dark{color:var(--white)}.star-stone-bg{margin-top:4rem;height:100%;min-height:100vh;position:relative;clip-path:polygon(0 0,50% 5%,100% 0,100% 100%,0 100%);z-index:5;background:#0000002e url(/assets/Starsgold-2d8207c9.svg) bottom repeat;background-blend-mode:color-dodge;background-attachment:fixed}.full-bg{position:relative;width:100%;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;z-index:0}.full-bg:after{position:fixed;content:var(--currentSect, "");color:rgb(from var(--white) r g b / .1);font-family:var(--inter);font-weight:700;letter-spacing:-2px;bottom:0;right:0;transform:rotate(0);writing-mode:sideways-lr;line-height:1;z-index:0;text-transform:uppercase;font-size:var(--text-bg)}.full-bg.home:after{right:-100%;transition:right .5s}.full-bg.other:after{right:0vw;transition:right .5s}#open{position:fixed;height:100vh;background-color:var(--blackish)}.main-bg{position:relative;width:100%;overflow-x:hidden;overflow-y:scroll;display:flex;justify-content:space-between;align-items:flex-end;scrollbar-width:thin;z-index:0;background-image:linear-gradient(135deg,var(--ashy),var(--grayest),var(--grayest),var(--ashy))}main.section-container{position:relative;max-width:90%;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:6rem;margin:auto;padding-bottom:3rem;z-index:0}.main{width:90%;position:relative}.main.top{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;z-index:1}.main.section{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:2.5rem;padding:0rem 0rem 3rem;margin:0 auto;justify-content:flex-start;background-color:rgb(from var(--platinum) r g b / .1);filter:blur(0px);transition:background-color .3s,filter .3s}.main.section.iv{filter:blur(0px);background-color:rgb(from var(--platinum) r g b / .2);transition:background-color .5s,filter .8s}.separator{height:-moz-fit-content;height:fit-content;position:relative;display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 2rem;color:var(--mattegray)}.separator.iv{color:var(--platinum)}.separator #divider{content:"";width:100%;height:1px;opacity:1;background-color:currentColor;transition:color .3s;background-color:transparent;background-image:linear-gradient(to right,var(--cream),var(--cream) 50%,var(--mattegray) 50%);background-repeat:no-repeat;background-size:200% 100%;background-position:100% 100%;transition:background-position .5s ease-out}.separator.iv #divider{background-position:0% 100%;transition:background-position .4s cubic-bezier(.4,0,.2,1) .3s}.separator .name{color:currentColor;width:-moz-fit-content;width:fit-content;text-align:center;align-content:center;font-size:1.8vw;font-family:var(--inter);text-transform:uppercase;text-wrap-mode:nowrap;font-weight:200;letter-spacing:.5px;transform:skew(-10deg);transition:transform .3s,color .3s}.separator.iv .name{transform:skew(0);transition:transform .2s ease-out .9s,color .3s ease-out .9s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes borderFun{0%{border-top:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid transparent}20%{border-top-color:#fff;border-right-color:transparent}40%{border-right-color:#fff;border-bottom-color:transparent}60%{border-bottom-color:#fff;border-left-color:transparent}80%{border-left-color:#fff;border-top-color:transparent}}@keyframes linearFun{0%{-o-border-image:linear-gradient(0deg,var(--grayed),var(--ashy)) 1;border-image:linear-gradient(0deg,var(--grayed),var(--ashy)) 1}25%{-o-border-image:linear-gradient(90deg,var(--grayed),var(--ashy)) 1;border-image:linear-gradient(90deg,var(--grayed),var(--ashy)) 1}50%{-o-border-image:linear-gradient(180deg,var(--grayed),var(--ashy)) 1;border-image:linear-gradient(180deg,var(--grayed),var(--ashy)) 1}75%{-o-border-image:linear-gradient(270deg,var(--grayed),var(--ashy)) 1;border-image:linear-gradient(270deg,var(--grayed),var(--ashy)) 1}to{-o-border-image:linear-gradient(360deg,var(--grayed),var(--ashy)) 1;border-image:linear-gradient(360deg,var(--grayed),var(--ashy)) 1}}@keyframes bounceDown{0%{transform:translateY(0)}50%{transform:translateY(-6px);animation-timing-function:ease-out}to{transform:translateY(0);animation-timing-function:ease-in}}.see-more{cursor:pointer;position:fixed;bottom:2vh;right:45%;border:1px solid transparent;color:var(--blackish)}.see-more:hover span{color:var(--platinum);animation:bounceDown .4s 2}.see-more span{width:1.5rem;transition:color .3s}.see-more span svg{width:100%;height:auto}.see-more p{font-size:1rem;font-weight:400;letter-spacing:.3px}.see-more .box{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;position:relative;overflow:hidden}@keyframes moveLine{0%{height:2px;width:0%;right:50%;bottom:0;transition:all ease-in}5%{height:2px;width:50%;right:50%;bottom:0}10%{height:2px;width:2px;right:calc(100% - 2px);bottom:0}15%{height:100%;width:2px;right:calc(100% - 2px);bottom:0;top:unset}20%{height:2px;width:2px;left:0;top:0;bottom:100%}25%{height:2px;width:100%;left:0;top:0;bottom:100%}30%{height:2px;width:2px;right:0;left:calc(100% - 2px);bottom:100%}35%{height:100%;width:2px;right:0;left:calc(100% - 2px);bottom:100%;top:0}40%{height:2px;width:2px;right:0;left:calc(100% - 2px);bottom:0;top:calc(100% - 2px)}45%{height:2px;width:50%;right:0;left:calc(50% + -0px);bottom:0;top:calc(100% - 2px);transition:all ease-in}50%{height:2px;width:0%;right:50%;bottom:0;transition:all ease-in}}.bg-gradient{width:100%;height:100dvh;position:relative}.connect-links,footer{display:flex;align-items:center}.toggle-sidebar,footer a{display:flex;width:1.5rem;height:1.5rem}.toggle-sidebar,footer .platform-link{cursor:pointer;transition:color .5s}footer .platform-link:hover{color:var(--cream)}footer a svg{width:auto;height:100%}.toggle-sidebar svg{width:100%;height:100%}@media screen and (max-width: 768px){.main-bg{flex-direction:column}.main.top{height:calc(100dvh - 60px)}main.section-container{max-width:100%;gap:3rem;top:60px}.main.section{gap:.5rem;padding-bottom:2rem;background-color:rgb(from var(--platinum) r g b / .2)}.separator{padding:.5rem}.separator #divider{display:none}.separator.iv{color:var(--sand)}.separator .name{font-size:3.5vw;letter-spacing:.3px}.separator.iv .name{font-weight:300;transition:transform .2s ease-out .3s,color .3s ease-out .3s,font-weight .3s ease-out .3s}.main.section .content-container{padding:0rem 1.5rem}.back-to-top{display:flex;flex-direction:column;align-items:center;gap:3px;position:fixed;bottom:12px;right:12px;background-color:rgb(from var(--white) r g b / .2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:4px 6px;box-shadow:2px 2px 0 0 var(--mattegray);border:.5px solid var(--blackish);color:var(--blackish)}.back-to-top span{width:16px}.back-to-top span svg{width:100%;height:auto}.back-to-top p{font-size:13px;font-weight:400;letter-spacing:.3px;text-transform:uppercase}}#project-inactive:before{content:"";z-index:10;width:100%;height:100%;display:block;position:absolute;border-radius:25px;background:rgb(from var(--darkness) r g b / .3);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.project-container{display:flex;flex-wrap:wrap}#inactive-project-title h3{right:-70px;color:var(--cedar)}#active-project-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.services-list{width:85%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2fr auto;justify-content:space-evenly;align-content:space-between;gap:1.1rem}#service-active{grid-row:1 / 2;grid-column:1 / 3;display:flex;flex-direction:row-reverse;position:relative;border-radius:25px 25px 0 0;background-image:repeating-linear-gradient(45deg,#000000 0%,#00000094 3%);box-shadow:#000 4px 4px}.service-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:3rem 1.5rem;color:var(--cedar)}.service-content .active-title{border-bottom:1px solid var(--bluegray);width:88%;padding:0 0 4px}.service-content h2{color:currentColor;letter-spacing:.9px;text-transform:uppercase;font-weight:800;font-size:26px}.service-content p{color:currentColor;font-size:15px;font-weight:300;letter-spacing:.3px;text-align:center;max-width:90%;margin:0 auto}#service-inactive{position:relative;grid-row:2 / 3;background-image:repeating-linear-gradient(45deg,#000000 0%,#00000094 6%);box-shadow:#000 4px 4px;cursor:pointer}.service-hidden{height:100%;width:100%;padding:1.8rem;display:flex;align-items:center;justify-content:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgb(from var(--darkness) r g b / .5);transition:all .7s ease}.service-hidden .service-inactive-title{color:rgb(from var(--cedar) r g b / .4);font-weight:800;font-size:26px;line-height:1.3;margin-top:6px;transition:all .7s ease}.service-hidden p{color:rgb(from var(--cedar) r g b / .4);max-width:90%;font-weight:300;font-size:14px;letter-spacing:.3px;line-height:1.3;transition:all .7s ease}#service-inactive:hover .service-hidden .service-inactive-title,#service-inactive:hover .service-hidden p{color:rgb(from var(--denim) r g b / .7)}#service-inactive:hover .service-hidden{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:rgb(from var(--darkness) r g b / 0)}.collapsed-1,.collapsed-1 .service-hidden{border-radius:0 0 0 25px}.collapsed-2,.collapsed-2 .service-hidden{border-radius:0 0 25px}.service-icons{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%;padding:2rem 2% 2rem 0;row-gap:1.5rem;border-radius:25px 25px 0 0;border-bottom:none}.service-icons .service-icon-set{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:7px;min-width:18%;max-width:25%;width:-moz-min-content;width:min-content;color:rgb(from var(--denim) r g b / .5)}.skilltech-icon{display:flex;justify-content:center;align-items:center;background-color:rgb(from var(--darkness) r g b / .8);padding:12px 15px;border-radius:15px;transition:background-color .6s ease}.service-icon,.service-icon-set svg,.skill-tech-icon{height:33px;width:33px;fill:currentColor;transition:all .8s ease}.service-icon-set span{font-family:var(--nunito);font-size:10.5px;font-weight:600;letter-spacing:.4px;height:13px;text-transform:uppercase;color:currentColor;transition:all 0s ease-in .7s,all .7s;text-wrap-mode:nowrap}.service-icon-set:hover svg{fill:var(--denim);transform:rotate3d(0,1,1,360deg) scale(1.4)}.service-icon-set:hover span{letter-spacing:1.2px;font-weight:750;color:rgba(from var(--denim) r g b / 1);transition:all 0s ease-in .7s,all .7s}.service-icon-set:hover .skilltech-icon{background-color:rgb(from var(--black) r g b / 1)}.line{display:block}.color{color:#f8bb6d;font-weight:800}.tech-bg{background:#1b2232 url(/assets/Starsgold-2d8207c9.svg) repeat;background-blend-mode:luminosity;clip-path:polygon(0 0,80% 5%,100% 0,100% 100%,20% 95%,0 100%);min-height:100vh;padding:5rem 3rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.stars-bg{background-image:url(/assets/Starsgold-2d8207c9.svg)}.welcome-heading{font-family:Nunito,sans-serif;text-transform:uppercase;font-weight:700}.glassmorphism{background:#dec09fcc;box-shadow:0 6px 22px #dec09fb5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid #fcf2e79e}.card-shadow{box-shadow:#9491874d 0 2px 6px,#94918738 0 0 4px;border-radius:24px}.black-gradient{background:#000000;background:linear-gradient(to right,#434343,#000000)}.bw-gradient{background:rgb(10,10,10);background:linear-gradient(180deg,rgba(10,10,10,.8) 40%,rgba(153,153,161,0) 70%)}.card-gradient{background:rgb(244,244,246);background:linear-gradient(158deg,rgba(153,153,161,1) 25%,rgba(153,153,161,1) 100%)}.canvas-loader{font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.1s infinite ease;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0 -2.6em #fff,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #ffffff80,-1.8em -1.8em #ffffffb3}12.5%{box-shadow:0 -2.6em #ffffffb3,1.8em -1.8em #fff,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #ffffff80}25%{box-shadow:0 -2.6em #ffffff80,1.8em -1.8em #ffffffb3,2.5em 0 #fff,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}37.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #ffffff80,2.5em 0 #ffffffb3,1.75em 1.75em #fff,0 2.5em #fff3,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}50%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #ffffff80,1.75em 1.75em #ffffffb3,0 2.5em #fff,-1.8em 1.8em #fff3,-2.6em 0 #fff3,-1.8em -1.8em #fff3}62.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #ffffff80,0 2.5em #ffffffb3,-1.8em 1.8em #fff,-2.6em 0 #fff3,-1.8em -1.8em #fff3}75%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #ffffff80,-1.8em 1.8em #ffffffb3,-2.6em 0 #fff,-1.8em -1.8em #fff3}87.5%{box-shadow:0 -2.6em #fff3,1.8em -1.8em #fff3,2.5em 0 #fff3,1.75em 1.75em #fff3,0 2.5em #fff3,-1.8em 1.8em #ffffff80,-2.6em 0 #ffffffb3,-1.8em -1.8em #fff}}.front,.back{backface-visibility:hidden}.perspective-1000{perspective:1000px}.cloud{aspect-ratio:1.8;-webkit-mask:var(--g) 100% 100%/30% 60%,var(--g) 70% 0/50% 100%,var(--g) 0 100%/36% 68%,var(--g) 27% 18%/26% 40%,linear-gradient(#000 0 0) bottom/67% 58% no-repeat;mask:var(--g) 100% 100%/30% 60%,var(--g) 70% 0/50% 100%,var(--g) 0 100%/36% 68%,var(--g) 27% 18%/26% 40%,linear-gradient(#000 0 0) bottom/67% 58% no-repeat;background-color:#fff}.bubble{border:2px solid rgb(255,255,255);position:relative;padding:1.3rem 1rem 1rem;border-radius:20px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:transparent;box-shadow:0 -3px,0 3px}.bubble:after{content:"";position:absolute;width:98px;height:92px;bottom:-27%;left:-1%;border-radius:50%;box-shadow:2px 0,16px -6px #000,16px -6px 0 2px;clip-path:polygon(0% 42%,150% 43%,150% 100%,0% 93%)}.one,.one-noquote{grid-column:1 / 4;grid-row:1}.two{grid-column:1 / 4;grid-row:3;margin:4rem auto 1.5rem;max-width:60%}.three{grid-column:1 / 4;grid-row:2}.blockquote-wrapper{display:flex;padding:0 20px}.blockquote{position:relative;margin:0 auto;align-self:center}.blockquote h1{position:relative;margin:0;border:1px solid #454952;border-radius:20px;padding:19px 22px 15px;text-align:center}.blockquote h1:after{content:"";position:absolute;border:1px solid #454952;border-radius:0 34px 34px 0;width:60px;height:45px;top:-45px;right:50px;bottom:unset;left:unset;border-top:none;border-right:none;border-bottom:inherit;border-left:inherit;z-index:3}.blockquote h1:before{content:"";position:absolute;width:80px;border:6px solid #111827;top:-3px;right:50px;z-index:2}.blockquote h4{position:relative;padding-top:15px;z-index:1;margin:0 0 0 133px;padding-left:12px}.blockquote h4:first-letter{margin-left:-12px}@media only screen and (min-width: 768px){.one{grid-column:1 / 3;grid-row:1}.two{grid-column:3;grid-row:1;margin:0 auto;max-width:none}.blockquote h1:after{top:unset;right:unset;bottom:-45px;left:50px;border-bottom:none;border-left:none;border-top:inherit;border-right:inherit;border-radius:0 34px 34px 0}.blockquote h1:before{top:unset;right:unset;bottom:-3px;left:50px}}.hover\:bg-moon:hover{--tw-bg-opacity: 1;background-color:rgb(239 241 243 / var(--tw-bg-opacity, 1))}.hover\:bg-sand:hover{--tw-bg-opacity: 1;background-color:rgb(240 227 211 / var(--tw-bg-opacity, 1))}@media (min-width: 450px){.xs\:p-8{padding:2rem}.xs\:py-8{padding-top:2rem;padding-bottom:2rem}.xs\:pb-8{padding-bottom:2rem}.xs\:pt-8{padding-top:2rem}.xs\:text-\[20px\]{font-size:20px}.xs\:text-\[40px\]{font-size:40px}.xs\:text-\[50px\]{font-size:50px}}@media (min-width: 640px){.sm\:h-8{height:2rem}.sm\:h-auto{height:auto}.sm\:w-8{width:2rem}.sm\:w-\[250px\]{width:250px}.sm\:max-w-\[40\%\]{max-width:40%}.sm\:gap-3{gap:.75rem}.sm\:p-16{padding:4rem}.sm\:px-1{padding-left:.25rem;padding-right:.25rem}.sm\:px-16{padding-left:4rem;padding-right:4rem}.sm\:px-\[3rem\]{padding-left:3rem;padding-right:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pt-16{padding-top:4rem}.sm\:text-\[26px\]{font-size:26px}.sm\:text-\[48px\]{font-size:48px}.sm\:text-\[60px\]{font-size:60px}}@media (min-width: 768px){.md\:mt-0{margin-top:0}.md\:h-9{height:2.25rem}.md\:w-9{width:2.25rem}.md\:w-fit{width:-moz-fit-content;width:fit-content}.md\:flex-\[1\]{flex:1}.md\:flex-\[3\]{flex:3}.md\:items-center{align-items:center}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:text-\[1\.5rem\]{font-size:1.5rem}.md\:text-\[11px\]{font-size:11px}.md\:text-\[13px\]{font-size:13px}.md\:text-\[14px\]{font-size:14px}.md\:text-\[27px\]{font-size:27px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[4\.3rem\]{font-size:4.3rem}.md\:text-\[60px\]{font-size:60px}.md\:leading-\[21px\]{line-height:21px}.md\:backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}@media (min-width: 1025px){.lg\:absolute{position:absolute}.lg\:bottom-\[7rem\]{bottom:7rem}.lg\:min-h-\[30vh\]{min-height:30vh}.lg\:w-\[200px\]{width:200px}.lg\:w-\[80\%\]{width:80%}.lg\:origin-\[0\,0\]{transform-origin:0,0}.lg\:rotate-\[-90deg\]{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:flex-row{flex-direction:row}.lg\:pr-\[4\.5rem\]{padding-right:4.5rem}.lg\:text-\[30px\]{font-size:30px}.lg\:text-\[80px\]{font-size:80px}.lg\:leading-\[90px\]{line-height:90px}}.experience section{width:100%;display:flex;justify-content:space-between;position:relative}#work-experience{width:calc(100% - 4rem);display:flex;flex-direction:column;gap:2.5rem;margin:0 auto}.experience{display:flex;flex-direction:column;justify-content:space-between;gap:1rem 2rem}.experience:last-child{border:none;padding-bottom:0;width:-moz-fit-content;width:fit-content}.experience .type{width:100%;padding:0;position:relative;display:flex;align-items:center;gap:.5rem}.experience .type p{font-family:var(--dm-sans);color:var(--white);font-size:14px;text-transform:uppercase;letter-spacing:.3px;font-weight:400;text-wrap-mode:nowrap}.experience .content{display:flex;justify-content:space-between;gap:2rem}.experience .date{width:15vw;display:flex;justify-content:space-between;color:var(--white)}.experience .date p{font-family:var(--inter);font-size:14px;text-transform:uppercase;letter-spacing:.1px;font-weight:400;text-wrap-mode:nowrap}.experience .info{flex:1;height:100%;display:flex;flex-direction:column;gap:9px}.experience .details{display:flex;align-items:center;gap:9px;text-wrap-mode:nowrap;flex-wrap:wrap;font-family:var(--inter);font-size:20px;line-height:1;letter-spacing:-.2px;color:var(--blackish);font-weight:450}.experience .details .diamond-div{width:5px;height:5px;background-color:var(--antique);transform:rotate(45deg)}.experience .details .title{display:flex;align-items:center;color:var(--blackish);font-weight:550}.experience .work-type{font-weight:300}.experience .description{margin:2px 0 0}.experience .resume{display:flex;align-items:baseline;justify-content:flex-start;gap:9px;color:var(--white)}.experience .resume p{font-family:var(--inter);font-weight:500;font-size:16px;letter-spacing:.2px;text-transform:uppercase;line-height:1;color:currentColor;transition:all .5s}.experience .resume span{height:16px;border-bottom:1.3px solid currentColor}.experience .resume .download{width:100%;height:100%;color:currentColor}.experience .resume:hover .download{animation:download .8s 1 ease-out .3s}@media only screen and (max-width: 1169px){.timeline{margin-top:30px}.experience .resume button{margin-left:0}}@media only screen and (max-width: 768px){#work-experience{width:100%}.experience{gap:.8rem}.experience .content{flex-direction:column;gap:.3rem}.experience .date{width:100%}.experience .date p{font-size:12px;font-weight:500}.experience .info{gap:.3rem;border-top:1px solid var(--platinum);border-bottom:1px solid var(--platinum);padding:1rem 0}.experience .details{flex-wrap:wrap;font-size:18px;gap:3px 9px;line-height:1.3}.experience .details .company{font-weight:400}.experience .description{margin:0}.skills-used:before,.experience .type:before{display:none}.experience .resume{color:var(--blackish);justify-content:center}.experience .resume p{font-size:18px;font-weight:550;text-transform:none;letter-spacing:-.2px}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);transform:translate(0)}}#contact-form{width:calc(100% - 4rem);margin:0 auto}#contact-form .contact-inputs{display:flex;justify-content:space-between;gap:3rem}#contact-form .contact-inputs .input-field{flex:1}#contact-form .input-field{display:flex;flex-direction:column;position:relative}#contact-form .label{font-family:var(--inter);color:var(--platinum);font-size:1rem;font-weight:400;margin-bottom:3px;letter-spacing:.2px;text-transform:uppercase}#contact-form input,#contact-form textarea{font-family:var(--dm-sans);background-color:rgb(from var(--ashy) r g b / .1);border:.8px solid var(--platinum);padding:.8rem;font-size:16px;font-weight:400;letter-spacing:.2px;outline:none;color:var(--blackish);position:relative}#contact-form input[readonly],#contact-form textarea[readonly]{line-height:1.2;cursor:default}#contact-form input:-webkit-autofill:focus,#contact-form input:not([readonly]):focus-visible,#contact-form textarea:not([readonly]):focus-visible{background-color:rgb(from var(--moon) r g b / .2);border:1px solid var(--blackish)!important}#contact-form input:-webkit-autofill{border:1px solid var(--antique)!important;background-color:rgb(from var(--moon) r g b / .2)!important;-webkit-box-shadow:0 0 0px 1000px var(--cement) inset!important;-webkit-text-fill-color:var(--blackish)!important}#contact-form input:-internal-autofill-selected,#contact-form input:-webkit-autofill,#contact-form input:autofill{border:1px solid var(--antique)!important;background-color:rgb(from var(--moon) r g b / .2)!important;-webkit-box-shadow:0 0 0px 1000px var(--cement) inset!important;-webkit-text-fill-color:var(--blackish)!important}#contact-form input:not(:-moz-placeholder),#contact-form textarea:not(:-moz-placeholder){border:1px solid var(--antique)!important;background-color:rgb(from var(--moon) r g b / .2)!important;-webkit-text-fill-color:var(--blackish)!important}#contact-form input:not(:placeholder-shown),#contact-form textarea:not(:placeholder-shown){border:1px solid var(--antique)!important;background-color:rgb(from var(--moon) r g b / .2)!important;-webkit-text-fill-color:var(--blackish)!important}#contact-form input::-moz-placeholder,#contact-form textarea::-moz-placeholder{color:var(--platinum);font-weight:300;font-size:14px}#contact-form input::placeholder,#contact-form textarea::placeholder{color:var(--platinum);font-weight:300;font-size:14px}#contact-form .service-selection{display:flex;gap:1rem;margin-top:10px}#contact-form .service-selection .service{font-family:var(--inter);width:-moz-fit-content;width:fit-content;padding:8px;color:var(--platinum);border:.8px solid currentColor;font-size:14px;font-weight:400;letter-spacing:1px;text-transform:lowercase;line-height:1;cursor:pointer}#contact-form .service-selection .service.selected{color:var(--linen);background-color:var(--grayest);border-color:var(--grayest);font-style:italic}.contact-btn{width:100%;color:var(--antique);font-size:20px;background-color:var(--blackish)}.contact-btn span{font-family:var(--inter);text-align:center;font-weight:500;font-size:23px;line-height:1;text-transform:uppercase;letter-spacing:.2px;transform:skew(0);transition:transform .3s ease-out}.contact-btn svg{width:0px;will-change:width;transition:width .3s ease-out}.contact-btn:active,.contact-btn:hover{color:var(--platinum)}.contact-btn:active span,.contact-btn:hover span{transform:skew(-10deg);transition:transform .3s}.contact-btn:hover svg{width:16px;transition:width .3s}@media screen and (max-width: 768px){#contact-form{width:100%}#contact-form .contact-inputs{flex-direction:column;gap:1.5rem}#contact-form .label{color:var(--blackish);font-weight:500;font-size:14px}#contact-form .service-selection{gap:8px 1rem;flex-wrap:wrap}#contact-form .service-selection .service{font-size:12px;letter-spacing:.4px;background-color:rgb(from var(--beige) r g b / .3);color:var(--black);border-color:var(--grayest);border-width:.8px;font-weight:500}.contact-btn{font-size:20px}}.myprojects-section{width:100%;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:3rem;position:relative}.myproject-item{display:flex;flex-direction:column;width:100%;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;box-shadow:inset 0 0 11px -6px var(--cedar);border-radius:10px;background-color:var(--bluegray)}.myproject-item .section-overlay{position:absolute;content:"";height:calc(100% + 30px);width:calc(100% + 40px);top:-15px;left:-20px;background:rgb(from var(--seashell) r g b / 0);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:10px}.myproject-detail{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:1.2rem;height:100%;visibility:visible;opacity:1;transition:height .8s,visibility .5s,opacity .3s}.myproject-detail span{font-style:italic;letter-spacing:.6px;font-weight:300}.myproject-info{display:flex;flex-direction:column;gap:6px;color:var(--cedar)}.myproject-detail a,.myproject-detail button,.myproject-info a,.myproject-info button{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--nudist)}.myproject-detail h3,.myproject-info h3{font-size:1.9rem;font-weight:650;letter-spacing:.6px;line-height:1.2;text-transform:uppercase}.myproject-detail a .arrow-link,.myproject-detail button .arrow-link,.myproject-info a .arrow-link,.myproject-info button .arrow-link{font-family:var(--inter);border-radius:100%;height:22px;width:auto;transition:transform .6s}.myproject-detail a:hover .arrow-link,.myproject-detail button:hover .arrow-link,.myproject-info a:hover .arrow-link,.myproject-info button:hover .arrow-link{transform:translate(5px,-5px) scale(1.08);transition:transform .4s}.myproject-detail p,.myproject-info p{color:var(--seashell);font-size:16px;font-weight:200;letter-spacing:.2px;line-height:1.3;visibility:visible;height:-moz-fit-content;height:fit-content;opacity:1;transition:height .5s,visibility .3s,opacity .9s}.myproject-image{height:100%;width:100%;position:relative;border-radius:9px 9px 0 0;overflow:hidden}.image-only img{height:100%;width:100%;max-width:unset;justify-self:center}.myproject-image .myproject-demo,.image-only{height:auto;width:100%}.myproject-image .overlay{position:absolute;content:"";height:100%;width:400px;bottom:0;background-color:rgb(from var(--accent) r g b / .5);border-radius:8px;transition:height .4s}.myproject-image:hover .overlay{height:0;top:0;transition:height .6s}.cover-img{position:absolute;width:100%;height:100%;opacity:1;background-image:var(--img);background-size:100%;background-repeat:no-repeat;bottom:0}.myproject-item:hover .cover-img,.myproject-image:hover .cover-img{opacity:0;height:0;transition:opacity 1.5s ease .8s,height .5s ease}.myproject-tools{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:.5rem 1rem;visibility:visible;height:-moz-fit-content;height:fit-content;opacity:1;color:var(--nudist);transition:height .5s,visibility .3s,opacity .9s}.myproject-tools p:first-child{font-size:14px;width:100%;font-weight:200;box-shadow:none;padding:0;position:relative;display:flex;align-items:center;gap:10px;margin-bottom:6px;text-wrap-mode:nowrap;color:var(--cedar);font-style:italic}.myproject-tools p:first-child:before{content:"";height:.2px;width:100%;background-color:currentColor}.myproject-tools p{font-size:11px;color:currentColor;padding:3px 6px;box-shadow:0 0 0 .2px currentColor;border-radius:0;font-weight:150;letter-spacing:1px;text-transform:lowercase}@media only screen and (max-width:768px){.myprojects-section{width:100%}.myproject-item{flex-direction:column;gap:1.5rem}.myproject-image{width:100%;height:auto}.myproject-detail{text-align:center;gap:1rem}.myproject-info a,.myproject-info button{justify-content:center}.myproject-info h3{font-size:21px;line-height:1.2;max-width:75%;letter-spacing:0}.myproject-info p{font-size:13px;font-weight:400}.myproject-tools{justify-content:center;gap:.5rem}.myproject-tools p{font-size:10px;font-weight:400;padding:3px 8px}.myproject-item h4{font-size:15px;font-weight:400}.related-projects{flex-direction:column;gap:1.5rem}.myproject-content{flex:1 1 150px}}#navbar{position:fixed;z-index:9999;width:100%;padding:1.8rem;display:flex;justify-content:center}#navbar.bg-active{background:rgb(from var(--stone) r g b / .22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#navbar .nav-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}#navbar .brand{font-family:Nunito,sans-serif;font-size:1.9rem;color:#fff;cursor:default;letter-spacing:.6px;line-height:1;font-weight:700}#navbar .brand span{letter-spacing:1.6px;color:var(--darkness)}#navbar.bg-active .brand{color:var(--cream)}#navbar.bg-active .brand span{color:var(--skyblue)}.menu-items ul{display:flex;flex-direction:column;color:var(--seashell);gap:4rem;font-size:21px;font-weight:700;letter-spacing:.7px;text-transform:lowercase}#navbar.bg-active .menu-items ul{color:var(--cream)}.menu-items ul li{padding:0 5px;line-height:1;position:relative;transition:all .3s ease-out 0s}.menu-button{position:relative;height:22px;width:30px;outline:none}.menu-button span,.menu-button span:before,.menu-button span:after{position:absolute;content:"";width:30px;height:3px;background:currentColor;transition:50ms cubic-bezier(.77,0,.175,1)}.menu-button span{position:relative;display:block;top:50%;transform:translateY(-50%)}.menu-button span:before{top:-8px}.menu-button span:after{top:8px}.menu-button:hover>span,.menu-button:hover>span:before,.menu-button:hover>span:after{background:currentColor}.menu-button.active>span{background:transparent}.menu-button.active>span:before{transform:rotate(-225deg);top:0}.menu-button.active>span:after{transform:rotate(225deg);top:0}@media only screen and (max-width: 768px){#navbar{background:#35425914;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:.9rem 1.4rem}#navbar .nav-wrapper{padding:0}#navbar .brand{font-size:1.4rem}.menu-button{height:15px;width:30px}.menu-button span,.menu-button span:before,.menu-button span:after{width:30px;height:2px;border-radius:30px;top:50%}.menu-button span:before{top:-8px}.menu-button span:after{top:8px}}#menu-bar{width:100%;position:fixed;top:0;left:0;z-index:9999;padding:1.2rem 1.5rem 1rem;display:flex;justify-content:space-between;justify-self:anchor-center}#menu-bar.bg-active{background:rgb(from var(--mauve) r g b / .5);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}#menu-bar .go-light{color:var(--black)}#menu-bar .go-dark{color:#fff}#menu-bar .brand{font-family:Nunito,sans-serif;font-size:1.9rem;color:#fff;cursor:default;letter-spacing:.6px;line-height:1;font-weight:700}#menu-bar .brand span{letter-spacing:1.6px;color:var(--darkness)}#menu-bar.bg-active .brand{color:var(--cream)}#menu-bar.bg-active .brand span{color:var(--skyblue)}#menu-bar .nav-list{display:flex;gap:5vh}#menu-bar .nav-item{display:flex;align-items:center;gap:9px;width:auto;height:auto;cursor:pointer;position:relative;transition-delay:.1s;outline-color:transparent;background-color:transparent;transition:color .8s ease}#menu-bar .go-light .nav-item.current,#menu-bar .go-light .nav-item:not(.current):hover{color:var(--white);transition:color .8s ease}#menu-bar .go-dark .nav-item.current,#menu-bar .go-dark .nav-item:not(.current):hover{color:var(--mauve);transition:color .8s ease}#menu-bar .nav-item:before{content:"";height:8px;width:8px;background-color:currentColor;border:1px solid currentColor;transform:rotate(45deg);transition:transform .2s .1s}#menu-bar .nav-item:not(.current):hover:before{transform:rotate(360deg) scale(1.3)}#menu-bar .nav-item.current:before{transform:rotate(0) scale(1.6);background:transparent}#menu-bar .nav-sublist{width:-moz-fit-content;width:fit-content;margin-left:1rem;display:flex;text-transform:lowercase;font-size:14px;font-weight:200;letter-spacing:.6px;gap:1.8rem;color:var(--mauve);transition:color .4s,font-weight .5s}#menu-bar .nav-sublist .nav-subitem{position:relative;min-width:-moz-fit-content;min-width:fit-content;text-align:center;padding:4px 6px;line-height:1;transition:color .4s,font-weight .5s,border-bottom .25s 0ms,border-right .2s 50ms,border-top .15s .1s,border-left 50ms .15s}#menu-bar .nav-sublist .nav-subitem.current{color:var(--white);font-weight:500;transition:color 1.2s,font-weight .9s,border-bottom 1s .2s,border-right .8s .3s,border-top .6s .4s,border-left .4s .5s}#menu-bar .nav-sublist .nav-subitem:not(.current):hover{color:var(--white);font-weight:300;transition:color .4s,font-weight .5s}#menu-bar .nav-sublist .nav-subitem:before,#menu-bar .nav-sublist .nav-subitem:after{content:"";position:absolute;width:0%;height:1px;bottom:45%;color:currentColor}#menu-bar .nav-sublist .nav-subitem:before{left:0}#menu-bar .nav-sublist .nav-subitem:after{right:0;background:currentColor;transition:width .6s .2s cubic-bezier(.22,.61,.36,1)}#menu-bar .nav-sublist .nav-subitem:not(.current):not(:hover):before{background:currentColor;width:100%;transition:width 1.6s .2s cubic-bezier(.22,.61,.36,1)}#menu-bar .nav-sublist .nav-subitem:not(.current):not(:hover):after{background:transparent;width:100%;transition:0s}#menu-bar .nav-item .nav-label-show{position:relative;font-family:var(--inter);font-size:1rem;font-weight:500;text-transform:lowercase;letter-spacing:.5px;transition:font-weight .7s,letter-spacing .7s}#menu-bar .nav-item.current .nav-label-show{letter-spacing:.9px;transition:letter-spacing .4s}#menu-bar .nav-item:not(.current) .nav-label-show:hover{letter-spacing:.8px;font-weight:300;transition:font-weight .7s,letter-spacing .7s}@media only screen and (min-width: 769px){.menu-button{display:none}#menu-bar.bg-active{justify-content:center}#menu-bar.bg-active .brand{display:none}}@media only screen and (max-width: 768px){#menu-bar{align-items:center;padding:1.2rem 1.4rem 1.2rem .8rem}#menu-bar .nav-list{display:none}}.workplay-section{width:100%;margin:auto;display:flex;flex-direction:column;gap:1rem;position:relative}.project-item{position:relative;display:flex;flex-wrap:wrap;gap:0rem 2rem;width:100%;height:auto;padding:1.7rem 2rem 1.2rem;background-color:rgb(from var(--mattegray) r g b / 0);opacity:1;transition:background-color .4s,opacity .6s}@media screen and (min-width: 769px){.project-item:not(.dim):hover{transition:background-color .6s,opacity .3s}.project-item.dim{opacity:.6}}.project-detail{flex:1;display:flex;flex-direction:column;justify-content:space-around}.project-info{position:relative;flex:1;display:flex;flex-direction:column;gap:.8rem;padding:0 0 1.3rem}.project-info a,.project-info button{display:flex;align-items:stretch;gap:6px;position:relative}.project-info h3{position:relative;font-size:22px;font-weight:550;letter-spacing:-.2px;line-height:.8;color:var(--blackish);order:1;transform:skew(0);transition:transform .4s,background-position .5s ease-in-out}@keyframes redirect{0%{transform:translate(0)}25%{transform:translate(5px,-5px)}50%{transform:translate(1px,-1px)}75%{transform:translate(3px,-3px)}to{transform:translate(0)}}.project-info a .demo-link{height:18px;width:auto;order:3;color:var(--beige);transition:border-right-color .9s .2s,border-top-color .7s .4s}.project-info a .arrow-link,.project-info button .arrow-link{height:100%;width:100%;transition:transform .6s,color .3s}.project-info a:hover .arrow-link,.project-info button:hover .arrow-link{color:var(--platinum);transform:translate(5px,-5px) scale(1.08);transition:transform .4s,color .4s}.experience .description,.project-info p.description{color:var(--blackish);font-size:17px;font-weight:300;letter-spacing:.2px;line-height:1.3}.project-image{height:-moz-fit-content;height:fit-content;width:15vw;position:relative}.project-image.n-vid{cursor:pointer}.project-image .image-only img{height:100%;width:100%;max-width:unset;justify-self:center;border-radius:4px;box-shadow:inset 0 0 7px 2px var(--mattegray);padding:2px;transition:box-shadow .6s}.project-item:hover .image-only img{box-shadow:inset 0 0 7px 2px var(--platinum);transition:box-shadow .6s}.project-image dialog{place-self:anchor-center;border-radius:8px;outline-color:#000;position:relative}dialog[open] .x-out{position:fixed;top:5vh;right:5vw;height:auto;width:2.5rem}.project-image dialog::backdrop{background-color:#000000c1;z-index:1000}.project-image .project-demo{height:100%;width:100%;border-radius:4px}.about-list .item .five-w,.skills-used,.project-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;width:100%;gap:.5rem 1rem;color:var(--white)}.about-list .item .five-w p,.project-cat p,.skills-used .tool,.project-tools p{font-family:var(--inter);font-size:12px;color:currentColor;padding:3px 6px;border:.5px solid currentColor;border-radius:0;font-weight:400;letter-spacing:1px;text-transform:lowercase;text-wrap-mode:nowrap}.project-cat{width:100%;padding:0;position:relative;display:flex;align-items:center;gap:.5rem}.project-cat p{font-weight:400;font-size:14px;text-transform:uppercase;letter-spacing:.3px;box-shadow:none}.about-list .item .five-w:before,.experience .type:before,.skills-used:before,.project-tools:before,.project-cat:after{content:"";height:.2px;width:100%;flex:1 0 calc(15vw + 1rem);background-color:var(--antique)}@media screen and (max-width:768px){.workplay-section{width:100%;gap:3rem}.project-item{flex-direction:column;align-items:center;gap:.9rem;padding:0}.project-image{width:100%;height:auto;order:2}.project-image dialog:focus{outline:none!important}.project-info{padding:0;order:1}.project-detail{gap:1rem}.project-info a,.project-info button{justify-content:space-between;border-bottom:1px solid var(--platinum);padding-bottom:12px}.project-info a .demo-link{width:19px;height:19px}.project-info h3{font-size:20px}.experience .description,.project-info p.description{font-size:15px;font-weight:450;letter-spacing:0px}.project-tools,.skills-used{gap:.5rem}.project-tools{justify-content:space-evenly;order:3}.skills-used{justify-content:flex-start}.skills-used .tool,.project-tools p{letter-spacing:.4px;background-color:rgb(from var(--beige) r g b / .3);color:var(--black);border-color:var(--grayest);border-width:.8px;font-weight:500;font-size:11px}.project-tools:before,.project-cat:after{display:none}.project-item h4{font-size:15px;font-weight:400}.related-projects{flex-direction:column;gap:1.5rem}.project-content{flex:1 1 150px}}@keyframes stars-move-in{0%{background-position-y:-100px}to{opacity:1;background-position-y:0}}.homepage{display:flex;flex-direction:column;gap:10px;line-height:1;font-family:var(--dm-sans)}.homepage .intro{display:flex;flex-direction:column;font-size:6vw}.homepage .header,.homepage .aka{letter-spacing:-1px;font-weight:550;text-wrap-mode:nowrap}.homepage .emph{font-weight:700;background-image:linear-gradient(180deg,var(--stone),var(--blackish));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes flicker{0%{filter:drop-shadow(0px 0px 0px var(--platinum));transition:ease-in}40%{filter:drop-shadow(0px 0px 2px var(--platinum));transition:ease-out}50%{filter:drop-shadow(0px 0px 1px var(--platinum));transition:ease-in}60%{filter:drop-shadow(0px 0px 2px var(--platinum));transition:ease-out}to{filter:drop-shadow(0px 0px 0px var(--platinum));transition:ease-in}}@keyframes slowFade{0%{opacity:.25}10%{opacity:1}20%{opacity:.25}80%{opacity:1}90%{opacity:.25}to{opacity:1}}.sparkles{position:relative;display:inline}.sparkle{position:absolute;aspect-ratio:1 / 1.5}.sparkle:nth-of-type(2n){fill:var(--beige);animation:flicker 6s infinite alternate}.sparkle:nth-of-type(odd):first-child{fill:var(--cream);animation:flicker 10s infinite alternate}.sparkle:nth-of-type(odd):last-child{fill:var(--antique);animation:flicker 4s infinite alternate}.homepage .intro .hello{font-weight:250;letter-spacing:0px;color:var(--blackish)}.homepage .hero{display:flex;align-items:flex-end;justify-content:space-between;position:relative;border-bottom:2px solid;-o-border-image:linear-gradient(45deg,var(--stone),var(--ashy) 55%,var(--white) 75%) 1;border-image:linear-gradient(45deg,var(--stone),var(--ashy) 55%,var(--white) 75%) 1}.homepage .hero .me{height:auto;max-width:18vw;width:auto;aspect-ratio:1 / 1;position:absolute;right:0;bottom:0;z-index:-1}.homepage .hero .me .my-img{height:100%;width:auto;justify-self:center;filter:drop-shadow(1px -1px 5px gray)}.homepage p{font-family:var(--inter);color:var(--platinum);font-size:2.2vw;line-height:1.2}@keyframes intro-fade-in{0%{right:0}to{opacity:1;right:70%}}@keyframes intro-slide-in{0%{translate:100vw}to{opacity:1;translate:10vw}}@keyframes intro-slide-in-split{0%{translate:100vw}to{opacity:1;translate:0vw}}@media only screen and (max-width: 768px){.homepage{width:100%}.homepage .intro{font-size:11vw}.homepage .header{display:flex;flex-wrap:wrap;text-wrap-mode:wrap}.homepage .header span:first-of-type{flex:1 0 100%}.homepage .header .emph{margin-left:9px}.homepage .hero .me{max-width:unset;height:40vw;aspect-ratio:unset;right:4vw}.homepage .hero .me .my-img{mask-image:linear-gradient(black,transparent);-webkit-mask-image:linear-gradient(black 65%,transparent 90%);-webkit-mask-size:contain;mask-size:contain}.homepage p{font-size:4.2vw;font-weight:550;color:var(--white)}}#experience section{width:100%;display:flex;justify-content:space-between;position:relative}#work-history{width:75%;display:flex;flex-direction:column}#skills{display:flex;flex-direction:column;position:sticky;top:50px;gap:1rem;height:-moz-fit-content;height:fit-content}.skill-category{display:flex;flex-direction:column;gap:5px}.skill-category h5{font-size:14px;font-weight:700;font-family:var(--inter);border-bottom:1px solid var(--rock);color:var(--darkness);letter-spacing:.4px}.skills-list{display:flex;flex-direction:column;color:var(--stone);gap:4px}.skill{font-size:12px;letter-spacing:.1px}.resume-work{display:flex;justify-content:space-between;padding:2rem 0;border-bottom:1px solid var(--seashell)}.resume-work:last-child{border:none;padding-bottom:0}.resume-work:first-child{padding-top:0}.work-header{display:flex;align-items:baseline;gap:9px}.work-header span{font-weight:100;color:var(--seashell)}#experience .work-company{font-family:var(--inter);color:var(--almostblack);text-transform:capitalize;line-height:1;letter-spacing:-.2px;font-weight:650;font-size:22px}#experience .work-title{font-family:var(--dm-sans);color:var(--seashell);font-size:16px;text-transform:lowercase;letter-spacing:.6px;font-weight:250;font-style:italic}#experience .work-description{font-family:var(--dm-sans);color:var(--almostblack);line-height:1.4;letter-spacing:.15px;font-size:14px;margin:2px 0 0}#experience .work-date{font-family:var(--dm-sans);color:var(--seashell);font-size:13px;text-transform:uppercase;letter-spacing:-.1px;font-weight:600;width:25%;text-align:right}.bullets{position:relative;display:flex;flex-direction:column;gap:10px}.bullet-item{display:flex;align-items:baseline;gap:12px}.bullet-item:before{display:block;content:"";padding:3.3px;background-color:currentColor;border:none;transform:rotate(45deg)}.work-content,.download-resume{height:100%;display:flex;flex-direction:column;gap:1rem}.download-resume{width:100%}#experience .download-resume button{display:flex;align-items:baseline;justify-content:center;gap:9px;transition:all .3s ease}@keyframes wiggle{0%{transform:skew(0)}25%{transform:skew(-5deg)}50%{transform:skew(5deg)}75%{transform:skew(-5deg)}to{transform:skew(0)}}@keyframes download{0%{transform:translateY(0);animation-timing-function:ease-out}30%{transform:translateY(-6px);animation-timing-function:ease-out}60%{transform:translateY(0);animation-timing-function:ease}80%{transform:translateY(-3px);animation-timing-function:ease}to{transform:translateY(0);animation-timing-function:ease}}#experience .download-resume:hover button{color:var(--darkness)}#experience .download-resume:hover .resume-download{color:var(--darkness);animation:download .8s 1 ease-out}@media only screen and (max-width: 1169px){.timeline{margin-top:30px}#experience .download-resume button{margin-left:0}}:root{--headers: var(--cream);--base: var(--grayest);--hover: var(--platinum);--accents: var(--ashy)}#stacked-logo{overflow:hidden;width:-webkit-fill-available;width:-moz-available;width:stretch;display:flex;justify-content:space-evenly;align-items:center}#stacked-logo h2{font-size:24px;text-box-trim:trim-both;text-transform:uppercase;letter-spacing:-.3px;place-self:self-start;color:var(--headers)}.logo-svg{width:100%}#side-nav-bar .nav-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;width:1.5rem;height:1.5rem;transition:color .5s,justify-content .8s}#side-nav-bar.collapsed .nav-icon .icon{cursor:pointer;width:1.5rem;height:1.5rem;transition:color .5s,transform .8s ease-out}#side-nav-bar.collapsed .nav-icon .icon-label{font-family:var(--inter);font-weight:500;font-size:12px;letter-spacing:.3px;text-transform:uppercase;font-style:italic;display:inline-flex}#side-nav-bar.collapsed .nav-icon .icon-label span{transform:translate(-20vw);transition:transform .2s}#side-nav-bar.collapsed .nav-icon .icon:hover+.icon-label span{transform:translate(0);transition:opacity .8s,transform .4s ease-out}#side-nav-bar .nav-icon svg{width:100%;height:100%}#side-nav-bar.list .nav-icon:not(.active) .icon:hover,#side-nav-bar.list .nav-icon:not(.active) .icon:hover+.icon-label,#side-nav-bar.list .nav-icon.active{color:var(--headers)}.line-ext,footer.ext{position:relative}@keyframes lineDown{0%{height:0px}to{height:100%}}#side-nav-bar.list.collapsed .nav-list.loaded:after{position:relative;content:"";width:1px;background-color:var(--base);animation:lineDown .6s ease-out forwards}#side-nav-bar.collapsed{gap:1.5rem;align-items:center;width:calc(40px + 3rem);overflow:hidden;transition:gap .3s ease-out,align-items .3s ease-out,width .3s ease-out}#side-nav-bar.list.collapsed .nav-list{flex:1;height:unset;align-items:center;justify-content:flex-start;overflow:unset}#side-nav-bar{display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;padding:1.5rem;height:100vh;background-color:var(--blackish);color:var(--base);gap:6rem;width:20%;transition:gap .5s ease-out,align-items .5s ease-out,width .5s ease-out;will-change:width,overflow,gap}#side-nav-bar.list .nav-list{display:flex;justify-content:space-between;flex-direction:column;gap:1.5rem;height:-moz-max-content;height:max-content;position:relative;overflow:hidden}#side-nav-bar.list .nav-list .nav-link{width:100%}#side-nav-bar.list .nav-item{display:flex;align-items:center;gap:9px;width:100%;height:auto;cursor:pointer;position:relative;transition:color .5s ease}#side-nav-bar.list .nav-item .diamond{order:1;width:7px;height:7px;border:.2px solid currentColor;background-color:transparent;padding:2px;margin:0 0 2px 2px;flex:0 0 auto;transform:rotate(45deg);transition:transform .2s .1s,background-color .2s .1s,border .2s .1s}#side-nav-bar.list .nav-item:before{order:2;content:"";height:.2px;width:20%;background-color:currentColor;will-change:width;transition:width .6s .1s}#side-nav-bar.list .nav-item.active:before,#side-nav-bar.list .nav-item:not(.active):hover:before{width:30%;transition:width .4s .1s}#side-nav-bar.list .nav-item.active .diamond,#side-nav-bar.list .nav-item:not(.active):hover .diamond{border:1px solid currentColor;transform:rotate(360deg) scale(1.1);animation:.4s linear 1 rotate .1s;transition:transform .4s linear .1s}@keyframes rotate{0%{transform:rotate(45deg) scale(1)}to{transform:rotate(360deg) scale(1.1)}}#side-nav-bar.list .nav-item .nav-label-show{position:relative;order:3;font-family:var(--inter);font-size:.9rem;font-weight:500;text-align:right;text-transform:uppercase;letter-spacing:.6px;line-height:1;flex:0 0 auto;transform:skew(-10deg) translate(0)}#side-nav-bar.list .nav-item.active{color:var(--hover);transition:color .5s}#side-nav-bar.list .nav-item.active .nav-label-show{transform:skew(0);transition:transform .5s}#side-nav-bar .nav-definition{font-size:14px;line-height:1.3;letter-spacing:.9px;font-weight:200;text-wrap-style:balance;color:transparent;background-image:linear-gradient(315deg,var(--platinum),var(--antique),var(--grayest));-webkit-background-clip:text;background-clip:text}#side-nav-bar.expanded .connect-links,#side-nav-bar.expanded footer{justify-content:center;flex-direction:row-reverse;gap:2rem;color:var(--headers)}#side-nav-bar.collapsed .connect-links,#side-nav-bar.collapsed footer{flex-direction:column;justify-content:flex-end;gap:1.5rem;color:currentColor}#side-nav-bar.collapsed #stacked-logo,#side-nav-bar.collapsed #stacked-logo h2{display:none}@keyframes expand{0%{transform:translate(0);animation-timing-function:ease-out}50%{transform:translate(5px);animation-timing-function:ease-out}to{transform:translate(0);animation-timing-function:ease-in}}.toggle-sidebar:hover{animation:expand .6s 2}.toggle-sidebar:hover,#side-nav-bar footer .platform-link:hover{color:var(--headers);transition:color .5s}@media screen and (max-width: 768px){#side-nav-bar{min-width:100dvw;width:100dvw;height:8dvh;flex-direction:row;gap:1.5rem;align-items:center;z-index:100;top:0;position:fixed;padding:0 1.2rem;background-color:var(--blackish)}#stacked-logo{width:-moz-fit-content;width:fit-content;overflow:visible}#stacked-logo h2{font-size:1.3rem;color:var(--accents);line-height:1;text-box-trim:unset}#side-nav-bar.list .nav-list{flex-direction:row;align-items:center;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;gap:0;color:var(--rock)}#side-nav-bar.list .nav-item{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}#side-nav-bar.list .nav-item:after{position:absolute;content:"";height:1px;width:100%;bottom:-5px;left:0;background-color:transparent;will-change:width;transition:width .6s .1s}#side-nav-bar.list .nav-item:before{position:absolute;bottom:-5px;right:0;width:0px;height:1px;background-color:var(--accents)}#side-nav-bar.list .nav-item:not(.active):hover:before,#side-nav-bar.list .nav-item.active:before{left:0;width:100%;transition:width .4s .6s}#side-nav-bar.list .nav-item.active:after{right:0;width:0px}#side-nav-bar.list .nav-item .diamond{display:none}#side-nav-bar.list .nav-item .nav-label-show{font-size:14px}#side-nav-bar .nav-definition{display:none}}