.gsap-line{display:block}.gsap-line-wrapper{overflow:hidden}.gsap-line-inner{display:inline-block;transform:translateY(100%);opacity:0}.fade-flag{opacity:0;transition:opacity 1s ease-in-out;transition-delay:1s}.fade-in{opacity:1}.is-loaded{opacity:1!important}:root{--light:#F9F8F6;--light-transparent:#f9f8f620;--dark:#0f1314;--animation-speed:0.6s;--bar-width:40px;--bar-height:2px;--hamburger-gap:8px;--hamburger-height:calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2);--side-padding:1rem;--top-padding:1rem;--hero:clamp(1.78rem, 1.21rem + 2.5333vw, 4.25rem);--body:clamp(1rem, 0.8702rem + 0.5769vw, 1.5625rem)}*{padding:0;margin:0;box-sizing:border-box}html{font-size:16px}a{text-decoration:none;color:var(--light)}body{overflow-x:hidden;background:var(--dark)}.dm-sans{font-family:"DM Sans",sans-serif;font-optical-sizing:auto;font-style:normal}.header-font{font-size:var(--hero);font-weight:600;line-height:1}.button-font{font-size:var(--hero);font-weight:400}.body-font{font-size:var(--body);font-weight:400}.button{width:max-content;height:auto;padding:.75rem 2.5rem;cursor:pointer;display:inline-flex;gap:1rem;justify-content:center;align-items:center;font-weight:400!important;line-height:1;transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out}.button svg{height:1rem;width:auto}.button svg path{transition:stroke .3s ease-in-out}.button span{display:block}.btn-main{color:var(--dark);background-color:var(--light);border:solid 2px var(--light)}.btn-main:hover{border:solid 2px var(--dark);background-color:var(--dark);color:var(--light)}.btn-main:hover svg path{stroke:var(--light)}.btn-secondary{color:var(--light);border:solid 2px var(--light)}.btn-secondary:hover{background-color:var(--dark);color:var(--light);border:solid 2px var(--dark)}.btn-secondary:hover svg path{stroke:var(--light)}#backToTop{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1rem;font-size:1.25rem;border:none;border-radius:999px;cursor:pointer;background:var(--light);color:var(--dark)}#backToTop.show{opacity:1;pointer-events:auto}.mobileNav__options{position:absolute}body:has(#hamburger-checkbox:checked){overflow-y:hidden}.hamburger-menu{animation:slideUpAndFade 5s forwards;padding-top:var(--top-padding);padding-left:var(--side-padding);pointer-events:all;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--hamburger-gap);position:fixed;z-index:999;left:0;width:max-content;--hypotenuse:calc(var(--hamburger-height) * 1.41421356)}.hamburger-checkbox,.hamburger-menu::after,.hamburger-menu::before{width:var(--bar-width);height:var(--bar-height);content:"";background-color:var(--light);transition:opacity var(--animation-speed),width var(--animation-speed),rotate var(--animation-speed),translate var(--animation-speed),background-color .2s;transform-origin:left center}.hamburger-menu.dark .hamburger-checkbox,.hamburger-menu.dark::after,.hamburger-menu.dark::before{background-color:var(--light)}.hamburger-checkbox{width:calc(var(--bar-width) * (2/3))}.hamburger-checkbox{appearance:none;border:none;padding:0;margin:0;outline:0;pointer-events:none}.hamburger-checkbox:checked{opacity:0;width:0}.hamburger-menu:has(input:checked)::before{rotate:45deg;width:var(--hypotenuse);translate:0 calc(var(--bar-height)/ -2)}.hamburger-menu:has(input:checked)::after{rotate:-45deg;width:var(--hypotenuse);translate:0 calc(var(--bar-height)/ 2)}.hamburger-menu:has(input:checked)+.canvas-menu{transform:translate(0,0)}.hamburger-menu:has(input:checked)+.canvas-menu .canvas-menu__nav-links{opacity:1}.hamburger-menu:has(input:checked)+.canvas-menu .canvas-menu__inquire-wrapper{display:block}.canvas-menu{padding:3rem 5rem;box-sizing:border-box;display:flex;align-items:center;position:fixed;width:100vw;height:100vh;z-index:998;background-color:var(--dark);transform:translate(0,-100%);transition:transform var(--animation-speed);pointer-events:auto}.canvas__flex-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#canvas-logo{position:absolute;left:15px;top:15px;width:15%}.canvas-menu__nav-links{padding-right:2rem;gap:2rem;position:absolute;text-align:center;list-style-type:none;display:flex;flex-direction:column}#canvas-menu__image{position:absolute;width:25%}.canvas-menu__inquire-wrapper{padding-left:2rem;width:max-content;position:absolute;display:none}.section-padding{padding:var(--side-padding) var(--top-padding)}.light{color:var(--light)}.dark{color:var(--dark)}.text-align-center{text-align:center}.bot-mg-small{margin-bottom:1rem}.bot-mg-med{margin-bottom:2rem}.bot-mg-lg{margin-bottom:4rem}.top-mg-lg{margin-top:4rem}@media (min-width:768px){.bot-mg-small{margin-bottom:2rem}.bot-mg-med{margin-bottom:4rem}.bot-mg-lg{margin-bottom:8rem}.top-mg-lg{margin-top:8rem}}.hero{height:100dvh;width:100%;background-image:url('assets/images/Mobile-bg.webp');background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;transition:opacity 3s ease-out}.hero__main{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#logo{width:45%;max-width:500px}@media (min-width:500px){.hero{background-image:url('assets/images/tablet-bg.webp')}}@media (min-width:768px){.hero{background-image:url('assets/images/desktop-bg.webp')}#logo{width:15%}}.about__main{display:flex;justify-content:center;align-items:center;flex-direction:column}.about__flex-container{display:flex;flex-direction:column-reverse;gap:2rem}.about__img-container{display:flex;align-items:center;justify-content:center}.about__text{line-height:2}#chris{width:100%;height:auto;opacity:0;transition:opacity 3s ease-out}@media (min-width:768px){.about__flex-container{flex-direction:row;align-items:center}.about__text{width:50%}.about__flex-container{align-items:flex-start}.about__img-container{justify-content:center;width:50%}#chris{width:66%}}.portfolio__container{display:grid;grid-template-columns:1fr;gap:2rem;grid-auto-flow:dense}.portfolio-img{display:block;width:100%;break-inside:avoid}@media (min-width:768px){.portfolio__container{display:block;columns:2;column-gap:2rem}.portfolio-img{break-inside:avoid;margin-bottom:2rem}}.contact__main{height:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center}#logo-overlay{position:absolute;z-index:-1;width:75%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.15}form{position:relative;display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center}.form-item{display:flex;flex-direction:column;width:100%}.form-item-name{display:flex;flex-direction:column;width:100%}.form-line{display:flex;width:80%;gap:2rem;flex-direction:column}input,textarea{background-color:var(--light-transparent);border:solid 1px var(--light);padding:.25rem}button{margin-top:2rem}textarea{resize:vertical}@media (min-width:768px){form{width:50%}.form-line{flex-direction:row}.form-item-name{width:50%}}