nav{background:transparent;height:100%;left:0;padding:1.5rem 0;position:fixed;top:0;width:var(--side-nav-width);z-index:10000}nav ul{display:flex;flex-direction:column;gap:1.25rem;left:50%;list-style-type:none;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}nav ul,nav ul li{margin:0}.nav-link{align-items:center;border-radius:999px;color:#606060;display:inline-flex;height:3rem;justify-content:center;text-decoration:none;transition:.3s;width:3rem}.nav-link:hover{background-color:hsla(0,0%,100%,.06);color:#4db6ac;transition:.3s}.nav-icon{font-size:18pt}.active-link{color:#4db6ac}@media(min-width:3840px){.nav-icon{font-size:2rem}}@media(max-width:1600px){.nav-icon{font-size:1.5rem}}@media(max-width:720px){nav{background:hsla(0,0%,9%,.96);bottom:0;height:auto;left:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));top:auto;width:100%}nav ul{align-items:center;flex-direction:row;gap:.75rem;justify-content:center;position:static;text-align:center;transform:none;width:100%}nav ul li{display:block}.nav-icon{font-size:1.5rem}}@media(max-width:600px){nav{padding-left:.75rem;padding-right:.75rem}nav ul{gap:.5rem}.nav-link{height:2.75rem;width:2.75rem}.nav-icon{font-size:1.25rem}}@media(max-width:420px){nav ul{justify-content:space-between}}@media(max-width:320px){.nav-link{height:2.5rem;width:2.5rem}.nav-icon{font-size:1rem}}#home{background:url(/10e9d25ece52624b3c36.jpg) no-repeat;background-position:50%;background-size:cover;min-height:100vh;min-height:100svh;width:100%}.chevron-container{bottom:50px;height:24px;left:48%;position:absolute;width:24px}.chevron{animation:move 3s ease-out infinite;height:8px;opacity:0;position:absolute;transform:scale3d(.5,.5,.5);width:28px}.chevron:first-child{animation:move 3s ease-out 1s infinite}.chevron:nth-child(2){animation:move 3s ease-out 2s infinite}.chevron:after,.chevron:before{background:#4db6ac;content:" ";height:100%;position:absolute;top:0;width:51%}.chevron:before{left:0;transform:skew(0deg,30deg)}.chevron:after{right:0;transform:skew(0deg,-30deg);width:50%}@keyframes move{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}@keyframes pulse{to{opacity:1}}#about{align-items:center;background:url(/492882cfd7933b5d6db6.jpg) no-repeat;background-position:50%;background-size:cover;display:flex;min-height:100vh;min-height:100svh;width:100%}#about-skills{margin-left:0;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,5vw,5rem) clamp(2.5rem,5vw,4rem) calc(var(--side-nav-width) + clamp(1.5rem,4vw,4rem));width:min(100%,48rem)}#about-skills>div{max-width:42rem}#about-skills>div span{color:#4db6ac;display:inline-block;font-size:clamp(2rem,3vw,3.5rem);margin-bottom:1rem}#about-skills>div p{color:#fff;font-size:clamp(1rem,1.1vw,1.2rem);line-height:1.7;margin:0 0 1.25rem}#about-skills ul{color:#fff;margin:0 0 1.5rem 1.25rem}#about-skills li{font-size:clamp(1rem,1vw,1.1rem);line-height:1.7}#about-skills a{color:#4db6ac;text-decoration:none}@media(min-width:1920px){#about-skills{width:min(100%,56rem)}}@media(max-width:720px){#about{align-items:flex-start}#about-skills{padding:4.5rem 1.5rem 3rem;width:100%}}@media(max-width:425px){#about-skills{padding:3rem 1rem 2rem}}@media(max-width:325px){#about-skills>div span{margin-bottom:.75rem}}.tooltip-container{display:inline-block;position:relative}.tooltip-container .tooltip-text-top{background-color:#000;border-radius:6px;bottom:100%;color:#fff;left:50%;margin-left:-60px;padding:5px 0;position:absolute;text-align:center;width:120px;z-index:9999}.tooltip-container .tooltip-text-top:after{border:5px solid transparent;border-top-color:#000;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip-container .tooltip-text-bottom{background-color:#000;border-radius:6px;color:#fff;left:50%;margin-left:-60px;padding:5px 0;position:absolute;text-align:center;top:100%;width:120px;z-index:9999}.tooltip-container .tooltip-text-bottom:after{border:5px solid transparent;border-bottom-color:#000;bottom:100%;content:"";left:50%;margin-left:-5px;position:absolute}.tooltip-container .tooltip-text-right{background-color:#000;border-radius:6px;color:#fff;left:100%;padding:5px 0;position:absolute;text-align:center;top:0;width:120px;z-index:9999}.tooltip-container .tooltip-text-right:after{border:5px solid transparent;border-right-color:#000;content:"";margin-top:-5px;position:absolute;right:100%;top:50%}.tooltip-container .tooltip-text-left{background-color:#000;border-radius:6px;color:#fff;padding:5px 0;position:absolute;right:100%;text-align:center;top:0;width:120px;z-index:9999}.tooltip-container .tooltip-text-left:after{border:5px solid transparent;border-left-color:#000;content:"";left:100%;margin-top:-5px;position:absolute;top:50%}@media(max-width:768px){.tooltip-container .tooltip-text-left{bottom:auto;right:50%;top:calc(100% + .5rem);transform:translateX(50%)}.tooltip-container .tooltip-text-left:after{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-5px;margin-top:0;top:auto}}#modal-overlay{align-items:center;background-color:rgba(0,0,0,.9);display:flex;inset:0;justify-content:center;left:0;overflow-y:auto;padding:clamp(.75rem,2vw,1.5rem);position:fixed;top:0;z-index:100000}#modal-window{animation:zoom-in-animation .2s ease-in-out;background-color:#222;border-radius:1rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,.45);color:#fff;max-height:min(92vh,56rem);overflow:hidden;width:min(100%,72rem)}#modal-window-top{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:1rem;min-height:5.5rem;padding:1rem 1.25rem}#modal-close-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;height:2.75rem;justify-content:center;margin-left:auto;padding:0;width:2.75rem}#modal-back-btn:focus-visible,#modal-close-btn:focus-visible,.modal-primary-action:focus-visible,.modal-secondary-action:focus-visible,.project-carousel-control:focus-visible,.project-live-action-btn:focus-visible{outline:2px solid #7dd8cf;outline-offset:3px}#modal-back-btn,.modal-primary-action,.modal-secondary-action,.project-live-action-btn{align-items:center;border-radius:0;cursor:pointer;display:inline-flex;font-size:.95rem;justify-content:center;line-height:1;min-height:2.75rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out}#modal-back-btn,.modal-secondary-action{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);color:#fff}.modal-primary-action,.project-live-action-btn{background:#1e90ff;border:0;color:#fff}.modal-secondary-action:hover{background:hsla(0,0%,100%,.12)}.modal-primary-action:hover,.project-live-action-btn:hover{background:#4169e1}#title{font-size:clamp(1.5rem,2vw,2.75rem);line-height:1.2;margin:0;word-break:break-word}#project-img{flex-shrink:0;max-height:4.5rem;-o-object-fit:contain;object-fit:contain;width:clamp(3rem,6vw,4.5rem)}#project-live-btn-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}#project-live-btn-container .project-live-action-btn,#project-live-btn-container a{align-items:center;background-color:#1e90ff;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;min-height:3rem;min-width:3rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .1s ease-in-out}#project-live-btn-container .project-live-action-btn.disabled,#project-live-btn-container a.disabled{background-color:gray;cursor:not-allowed}#project-live-btn-container .project-live-action-btn.disabled:hover,#project-live-btn-container a.disabled:hover{background-color:silver}#project-live-btn-container .project-live-action-btn:hover,#project-live-btn-container a:hover{background-color:#4169e1;transition:.3s}#project-status{padding-left:30px}#modal-window-content{display:grid;gap:1.5rem;max-height:calc(min(92vh,56rem) - 5.5rem);overflow-y:auto;padding:1.25rem}#modal-preview-view{display:grid;gap:1rem;min-height:100%}#modal-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}#modal-preview-note{color:hsla(0,0%,100%,.78);font-size:.95rem;line-height:1.5;margin:0}#modal-preview-frame-container{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;min-height:min(60vh,42rem);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-color:#888 hsla(0,0%,100%,.08);scrollbar-width:thin}#modal-preview-frame-container::-webkit-scrollbar{height:10px}#modal-preview-frame-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.08)}#modal-preview-frame-container::-webkit-scrollbar-thumb{background:#888;border-radius:999px}#modal-preview-frame-container::-webkit-scrollbar-thumb:hover{background:#555}#modal-preview-frame{background:#fff;border:0;display:block;height:min(60vh,42rem);min-width:960px;width:max(100%,1280px)}#carousel1{margin:0;width:100%}.project-carousel{background:hsla(0,0%,100%,.04);border-radius:.75rem;overflow:hidden;position:relative}.project-carousel-inner,.project-carousel-item{position:relative}.project-carousel-image{aspect-ratio:16/9;display:block;width:100%}.project-carousel-control{align-items:center;background-color:rgba(0,0,0,.55);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:background-color .2s ease-in-out;width:48px;z-index:2}.project-carousel-control:hover{background-color:rgba(0,0,0,.75)}.project-carousel-control-prev{left:16px}.project-carousel-control-next{right:16px}.project-carousel-control-icon{font-size:28px;line-height:1}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.carousel-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#modal-window-project-sm-description{padding:20px;vertical-align:top}#modal-window-project-sm-description>#description{font-size:10pt}#modal-window-contant-description{font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.7;margin:0}#modal-window-contant-description p:first-child,#modal-window-contant-description ul:first-child{margin-top:0}#modal-window-contant-description p:last-child,#modal-window-contant-description ul:last-child{margin-bottom:0}@keyframes zoom-in-animation{0%{opacity:0}to{opacity:1}}@media(min-width:3840px){#title{font-size:3rem}}@media(max-width:2560px){#modal-window{width:min(100%,68rem)}}@media(max-width:1600px){#project-live-btn-container a{min-width:3.25rem}}@media(max-width:768px){#modal-overlay{padding:0}#modal-window{border-radius:0;max-height:100vh;width:100%}#modal-window-top{gap:.75rem;min-height:auto;padding:.875rem 1rem}#modal-window-content{gap:1rem;max-height:calc(100vh - 4.75rem);padding:1rem}#project-live-btn-container{justify-content:flex-start}.project-carousel-control{height:2.5rem;width:2.5rem}.project-carousel-control-prev{left:.75rem}.project-carousel-control-next{right:.75rem}}@media(max-width:520px){#modal-window-top{align-items:flex-start;flex-wrap:wrap}#title{font-size:1.375rem;width:calc(100% - 4rem)}#modal-close-btn{font-size:1.25rem;height:2.5rem;width:2.5rem}#project-live-btn-container{gap:.5rem}#project-live-btn-container .tooltip-container{flex:1 1 0}#project-live-btn-container .project-live-action-btn,#project-live-btn-container a{width:100%}#modal-preview-actions{align-items:stretch;flex-direction:column}#modal-preview-frame-container{min-height:55vh}#modal-preview-frame{height:55vh;min-width:820px;width:max(100%,1024px)}.project-carousel-image{aspect-ratio:4/3}}@media(max-height:820px){#modal-window{max-height:100vh}#modal-window-content{max-height:calc(100vh - 5.5rem)}}#projects{background-color:#222;padding:clamp(3rem,5vw,5rem) clamp(1rem,3vw,2rem) clamp(4rem,6vw,6rem);width:100%}#project-miniatures{align-items:stretch;display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));padding-left:calc(var(--side-nav-width) + clamp(1rem,2vw,2rem))}#portfolio-title{color:#fff;font-size:clamp(2rem,4vw,3.5rem);grid-column:1/-1;margin:0 0 .75rem;text-align:left}.project-miniature{aspect-ratio:4/3;background-color:#fff;border:0;border-radius:.75rem;box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.22);cursor:pointer;overflow:hidden;padding:0;position:relative;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.project-miniature:focus-visible,.project-miniature:hover{box-shadow:0 1.5rem 3rem rgba(0,0,0,.28);transform:translateY(-.25rem)}.project-miniature>#project-miniature-image{display:block;filter:blur(0);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:.1s ease-in-out;width:100%}.project-miniature:focus-visible>#project-miniature-image,.project-miniature:hover>#project-miniature-image{filter:blur(5px);transition:.1s ease-in-out}.project-miniature>p{align-items:center;background:rgba(0,0,0,.35);color:#fff;display:flex;flex-direction:column;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:700;gap:.75rem;inset:0;justify-content:center;margin:0;opacity:0;padding:1.5rem;pointer-events:none;position:absolute;text-align:center;transition:opacity .1s ease-in-out,visibility .1s ease-in-out;visibility:hidden;z-index:1000}.project-miniature:focus-visible>p,.project-miniature:hover>p{opacity:1;visibility:visible}.project-miniature:focus-visible>p i,.project-miniature:hover>p i{font-size:clamp(2rem,3vw,2.75rem)}@media(min-width:1920px){#project-miniatures{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){#project-miniatures{padding-left:calc(var(--side-nav-width) + 1.25rem)}}@media(max-width:720px){#projects{padding:3rem .75rem 2.5rem}#project-miniatures{padding-left:0}#portfolio-title{margin-bottom:0;text-align:center}.project-miniature{aspect-ratio:16/10}.project-miniature:hover>p i{font-size:2rem}}@media(max-width:420px){.project-miniature{aspect-ratio:5/4}}@media(max-width:320px){.project-miniature{aspect-ratio:1/1}}#contact{background-color:#0d0d0d;color:#fff;margin:0 auto;min-height:100vh;min-height:100svh;padding:clamp(3rem,5vw,5rem) clamp(1rem,3vw,2rem) clamp(4rem,6vw,6rem);text-align:center;width:100%}#contact-form-container{display:flex;justify-content:center}#contact-form{margin:0 auto;padding-top:clamp(1.75rem,3vw,2.5rem);width:min(100%,48rem)}.contact-form-group{margin-bottom:1rem}.contact-form-control{background-color:#111;border:1px solid #3a3a3a;border-radius:.25rem;box-sizing:border-box;color:#fff;display:block;font-size:1rem;line-height:1.5;padding:.75rem 1rem;width:100%}.contact-form-control::-moz-placeholder{color:#9ca3af}.contact-form-control::placeholder{color:#9ca3af}.contact-form-control:disabled{cursor:not-allowed;opacity:1}#contact-form textarea{min-height:12rem;resize:none}.contact-submit-button{background-color:#4db6ac;border:1px solid #4db6ac;border-radius:.25rem;color:#0d0d0d;float:right;font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.contact-submit-button:disabled{cursor:not-allowed;opacity:1}#contact-title{font-size:clamp(2rem,4vw,3.5rem);margin:0}#contact-description{font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.6;margin:0}.honeypot{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-1}@media(min-width:1920px){#contact-description{margin:0 auto;max-width:48rem}}@media(min-width:1600px){#contact-form textarea{min-height:16rem}#contact-form input[type=email],#contact-form input[type=text]{min-height:3.75rem}#contact-form input[type=email],#contact-form input[type=text],#contact-form textarea{font-size:1.05rem}.contact-submit-button{font-size:1rem;min-height:3.75rem;min-width:12.5rem}}@media(max-width:768px){#contact{padding-left:1rem;padding-right:1rem}#contact-form,.contact-submit-button{width:100%}}:root{--side-nav-width:5.5rem;--mobile-nav-height:5rem;--surface-dark:hsla(0,0%,5%,.92)}body,html{font-family:Helvetica;margin:0;min-height:100%;scroll-behavior:smooth}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}#main-container{height:100%;width:100%}main{min-height:100vh;padding-left:0}main section{scroll-margin-top:1rem}.clear{clear:both}#scroll-to-top-button{background-color:transparent;border:0;border-radius:999px;bottom:max(1rem,env(safe-area-inset-bottom));box-shadow:none;color:#4db6ac;cursor:pointer;display:none;height:3.25rem;padding:0;position:fixed;right:1rem;text-align:center;width:3.25rem;z-index:10001}#scroll-to-top-button>i{color:inherit;font-size:1.5rem;line-height:3.25rem}#scroll-to-top-button:hover{color:#7dd8cf}#footer-social>a:focus-visible,#scroll-to-top-button:focus-visible{outline:2px solid #7dd8cf;outline-offset:3px}.line-style1{background-image:-o-linear-gradient(left,#f0f0f0,#8c8b8b,#f0f0f0);border:0;height:1px;margin-bottom:15px;margin-top:15px}a.custom-link{color:#4db6ac;font-weight:700;text-decoration:none}footer{background-image:linear-gradient(#0d0d0d,#000d1a);display:flex;flex-direction:column;min-height:20rem;padding:3rem 1.5rem}#footer-social>a,footer{align-items:center;color:#fff;justify-content:center}#footer-social>a{display:inline-flex;font-size:20pt;margin-left:10px;text-decoration:none}@media(min-width:1600px){#scroll-to-top-button{right:2rem}#scroll-to-top-button>i{font-size:2rem}#footer-social>a{font-size:30pt}footer span{font-size:18pt}}@media(max-width:720px){main{padding-left:0}#scroll-to-top-button{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + .75rem);right:1rem}#scroll-to-top-button>i{font-size:1.5rem}footer{padding-bottom:calc(2.5rem + var(--mobile-nav-height) + env(safe-area-inset-bottom))}}@media(max-width:600px){#scroll-to-top-button>i{font-size:1.25rem}}@media(max-width:425px){footer{min-height:16rem;padding:2.5rem 1rem}}@media(max-width:320px){#scroll-to-top-button{right:.75rem}#scroll-to-top-button>i{font-size:1rem}}