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