@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);html{scroll-behavior:smooth;scroll-padding-top:100px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;padding-top:0;text-align:center}.hero-section{align-items:center;background-color:#000;display:flex;height:100dvh;justify-content:center;min-height:600px;overflow:hidden;position:relative;width:100%}.dither-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.hero-content{color:#fff;height:100%;left:5vw;padding:2rem;position:relative;text-align:left;top:60vh;width:100%;z-index:1}.hero-content h1{font-size:8rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 4px 20px #0000004d}.hero-section .hero-content p{color:#fff;font-size:2rem;margin:0 0 2rem;opacity:.95;text-shadow:0 2px 10px #0003}.hero-cta-button{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#6366f1;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.hero-cta-button:hover{background:#f8f9fa;box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}.content-heading-dark h2{color:#242424;font-size:2.5rem;margin-bottom:40px}.content-heading-light h2{color:#e6e6e6;font-size:2.5rem;margin-bottom:40px}.about-section{grid-gap:80px;align-items:center;background-color:#fff;display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:50px 15vw 100px}#james-photo{font-size:2rem;max-width:450px;position:relative;width:100%;z-index:100}#james-photo .photo-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform .3s ease-out,opacity .3s ease-out;width:100%;will-change:transform,opacity;z-index:99}#james-photo .photo-layer img{filter:grayscale(100%);height:100%;object-fit:cover;width:100%}#james-photo .photo-layer-1{left:-30px;opacity:.5;top:100px;z-index:98}#james-photo .photo-layer-2{left:-60px;opacity:.1;top:180px;z-index:97}#james-photo>img{display:block;height:auto;object-fit:cover;position:relative;width:100%;z-index:99}.about-section h2{font-size:4rem;font-weight:700;margin-bottom:30px;text-align:left}.about-section p{color:#242424;font-size:1.1rem;line-height:1.8;margin-bottom:20px;text-align:left}.about-section p:last-of-type{font-weight:600;margin-bottom:0;margin-top:30px}.services-section{align-items:center;background-color:#2a2a2a;color:#e6e6e6;display:flex;min-height:100vh;padding:50px 5vw;position:relative}.services-content{width:100%}.services-section h2{color:#e6e6e6;font-size:4rem;font-weight:700;margin-top:0;padding:0 15vw 100px;text-align:center;text-transform:lowercase}.services-list{display:flex;flex-direction:column;gap:60px;margin:0 auto;max-width:1200px}.service-item{border-bottom:1px solid #e6e6e633;display:flex;gap:40px;padding-bottom:60px}.service-item:last-child{border-bottom:none;padding-bottom:0}.service-number{color:#e6e6e6;font-size:1.5rem;font-weight:400;min-width:50px;text-align:left}.service-details{flex:1 1;text-align:left}.service-name{color:#e6e6e6;font-size:3.5rem;font-weight:300;line-height:1.2;margin:0 0 15px;text-transform:lowercase}.service-subcategories{color:#e6e6e6;font-size:1.2rem;font-weight:300;line-height:1.8;margin:0;opacity:.9}.projects-section{background-color:#d8d4ce;color:#242424;min-height:100vh;padding:120px 10vw}.projects-content{margin:0 auto;max-width:1400px;width:100%}.projects-section h2{color:#242424;font-size:4rem;font-weight:700;margin-bottom:80px;margin-top:0;text-align:center;text-transform:lowercase}.project-item{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:100px}.project-item:last-child{margin-bottom:0}.project-item-reverse .project-image-box{order:2}.project-item-reverse .project-text{order:1}.project-image-box{aspect-ratio:16/10;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.project-image-box,.shl-carousel-wrapper{position:relative;transition:transform .1s ease-out;width:100%;will-change:transform}.shl-carousel-track{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);width:100%}.shl-photo-card{aspect-ratio:1/1;border-radius:8px;box-shadow:0 8px 24px #00000026;box-sizing:border-box;cursor:pointer;object-fit:cover;pointer-events:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:100%}.shl-photo-card:hover{box-shadow:0 15px 45px #00000040;transform:scale(1.05) translateY(-5px);z-index:10}.shl-photo-card.logo{background:#fff;object-fit:contain;padding:15px}.shl-mobile-only{display:none}.lightbox-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:0 10vw;position:fixed;top:0;width:100vw;z-index:10000}.lightbox-overlay.browser-mode-overlay{gap:5vw;justify-content:flex-start}@keyframes overlayFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:1}}.lightbox-content{align-items:center;animation:contentScaleIn .35s cubic-bezier(.34,1.56,.64,1);background:#1a1a1a;border-radius:12px;box-shadow:0 20px 60px #00000080;box-sizing:border-box;display:flex;height:60vh;justify-content:center;max-height:800px;max-width:1000px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:60vw}.lightbox-content.browser-mode{flex-shrink:0;max-width:none;width:60%}.lightbox-floating-details{animation:detailsFadeIn .5s ease-out .2s both;color:#fff;left:auto;pointer-events:none;position:relative;text-align:left;top:auto;transform:none;width:35%;z-index:10003}@keyframes detailsFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.lightbox-floating-details h3{color:#fff;font-size:3.5rem;font-weight:700;line-height:1;margin:0 0 10px;text-transform:lowercase}.details-floating-subheading{color:#ffffff80;display:block;font-size:.9rem;font-weight:600;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.details-floating-text{color:#fffc;font-size:1.15rem;line-height:1.6;margin:0}@media (max-width:1400px){.lightbox-floating-details{width:30%}}@media (max-width:1100px){.lightbox-floating-details{display:none}}@keyframes contentScaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lightbox-image-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lightbox-image-container img{border-radius:0;height:100%;object-fit:cover;width:100%}.lightbox-image-fade{animation:premiumFade .6s cubic-bezier(.25,.46,.45,.94)}@keyframes premiumFade{0%{filter:blur(8px);opacity:.8;transform:scale(1.05)}to{filter:blur(0);opacity:1;transform:scale(1)}}.lightbox-image-container img.lightbox-logo{background:#fff;object-fit:contain;padding:60px}.lightbox-browser-frame{background:#1a1a1a;display:flex;flex-direction:column;height:100%;width:100%}.lightbox-browser-content{background:#fff;flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-color:#4a4a4a #1a1a1a;scrollbar-width:thin;width:100%}.lightbox-browser-content::-webkit-scrollbar{width:10px}.lightbox-browser-content::-webkit-scrollbar-track{background:#1a1a1a}.lightbox-browser-content::-webkit-scrollbar-thumb{background:#4a4a4a;border:2px solid #1a1a1a;border-radius:5px}.lightbox-browser-content img{border-radius:0!important;display:block;height:auto;object-fit:cover;width:100%}.lightbox-browser-image{opacity:1}.lightbox-close{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:50px;justify-content:center;line-height:1;position:absolute;right:30px;top:30px;transition:all .2s cubic-bezier(.4,0,.2,1);width:50px;z-index:10002}.lightbox-close:hover{background:#ffffffe6;box-shadow:0 4px 15px #0006;color:#000}.lightbox-next,.lightbox-prev{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:60px;z-index:10001}.lightbox-next:hover,.lightbox-prev:hover{background:#ffffffe6;box-shadow:0 4px 15px #0006;color:#000}.lightbox-prev{left:5vw}.lightbox-next{right:5vw}.browser-chrome{background:#1a1a1a;border-bottom:1px solid #3a3a3a;gap:12px;padding:12px 16px}.browser-chrome,.browser-dots{align-items:center;display:flex}.browser-dots{gap:8px}.dot{border-radius:50%;display:block;height:12px;width:12px}.dot-red{background-color:#ff5f56}.dot-yellow{background-color:#ffbd2e}.dot-green{background-color:#27c93f}.browser-address-bar{align-items:center;background-color:#2a2a2a;border-radius:6px;display:flex;flex:1 1;padding:6px 14px}.address-text{color:#999;font-family:Poppins,sans-serif;font-size:.85rem}.browser-content{background-color:#000;height:calc(100% - 50px);overflow-x:hidden;overflow-y:auto;scrollbar-color:#ffffff4d #0000001a;scrollbar-width:thin;width:100%}.browser-content::-webkit-scrollbar{width:8px}.browser-content::-webkit-scrollbar-track{background:#0000001a}.browser-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.browser-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.project-screenshot{display:block;height:auto;object-fit:cover;object-position:top left;width:100%}.project-text{padding:20px}.project-text h3{color:#242424;font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 10px;text-align:left;text-transform:lowercase}.project-text .project-subheading{color:#4a4a4a;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.project-text p{color:#242424;font-size:1.1rem;font-weight:400;line-height:1.8;margin:0;text-align:left}.contact-section{grid-gap:80px;align-items:center;background-color:#f5f5f5;display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:120px 15vw}.contact-content{text-align:left}.contact-content h2{color:#242424;font-size:4rem;font-weight:700;margin-bottom:30px;margin-top:0;text-align:left;text-transform:lowercase}.contact-content p{color:#242424;font-size:1.2rem;line-height:1.8;margin-bottom:40px;text-align:left}.contact-buttons{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.contact-button{background-color:#6a7bf5;border:none;border-radius:8px;box-shadow:0 2px 8px #6a7bf54d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:15px 35px;text-decoration:none;text-transform:lowercase;transition:all .3s ease}.contact-button:hover{background-color:#5a6be5;box-shadow:0 4px 12px #6a7bf566;transform:translateY(-2px)}.contact-form-container{background-color:#e8e8e8;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:50px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-input{background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#242424;font-family:Poppins,sans-serif;font-size:1rem;padding:18px 20px;transition:all .3s ease}.form-input::placeholder{color:#999;text-transform:lowercase}.form-input:focus{box-shadow:0 2px 8px #6a7bf533;outline:none}.form-textarea{font-family:Poppins,sans-serif;min-height:120px;resize:none}.form-submit-button{align-self:flex-start;background-color:#6a7bf5;border:none;border-radius:8px;box-shadow:0 2px 8px #6a7bf54d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:18px 35px;text-transform:lowercase;transition:all .3s ease}.form-submit-button:hover:not(:disabled){background-color:#5a6be5;box-shadow:0 4px 12px #6a7bf566;transform:translateY(-2px)}.form-submit-button:disabled{cursor:not-allowed;opacity:.6}.form-status{animation:slideIn .3s ease-out;border-radius:8px;font-size:.95rem;font-weight:500;padding:15px 20px;text-align:left}.form-status-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-status-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.App-footer{background-color:#333;color:#fff;margin-top:auto;padding:30px 20px}.App-footer p{font-size:1rem;margin:0}@media (max-width:1024px){.hero-content{left:0;top:50vh}.services-section{padding:50px 5vw}.projects-section{min-height:0}.project-image-box{aspect-ratio:10/10}.shl-carousel-track{grid-template-columns:repeat(2,1fr)}.contact-section{gap:50px;padding:120px 10vw}.contact-form-container{padding:20px}}@media (max-width:640px){.project-image-box{transition:none;will-change:auto}.hero-content{height:50%;top:15vh}.hero-content h1{font-size:5rem;line-height:1;padding-bottom:30px}.hero-section .hero-content p{font-size:1.5rem}.hero-cta-button{font-size:1rem;padding:.875rem 2rem}.App-header h1{font-size:2rem}.App-header p{font-size:1.2rem}.hero-section{height:100dvh;margin-bottom:0}.services-section h2{font-size:3rem;line-height:1;margin-bottom:-50px}.services-list{gap:40px}.service-item{gap:20px;padding-bottom:40px}.contact-section{box-sizing:border-box;gap:40px;grid-template-columns:1fr;padding:50px 20px}.contact-form-container{box-sizing:border-box;max-width:100%;padding:30px 20px;width:100%}.contact-form,.form-input{box-sizing:border-box}.form-input{width:100%}.form-submit-button{box-sizing:border-box;max-width:100%}.contact-content h2{font-size:3rem;line-height:1;text-align:center}.about-section{gap:0;grid-template-columns:1fr}.about-section,.services-section{padding:50px 5vw}.about-section h2{font-size:3rem;line-height:1}#james-photo{margin:0 auto;max-width:300px}.projects-section{padding:50px 5vw}.projects-section h2{font-size:3rem;line-height:1}.project-item,.project-item-reverse{gap:30px;grid-template-columns:1fr;margin-bottom:40px}.project-item-reverse .project-image-box{order:-1}.project-item-reverse .project-text{order:0}.project-image-box,.shl-photo-card{cursor:default!important}.shl-photo-card{pointer-events:none!important}.shl-carousel-wrapper{-ms-overflow-style:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow-x:auto;pointer-events:auto!important;scrollbar-width:none}.shl-carousel-wrapper::-webkit-scrollbar{display:none}.shl-carousel-track{display:flex;gap:15px;padding-bottom:25px;padding-top:10px;width:-webkit-max-content;width:max-content}.shl-photo-card{flex-shrink:0;height:260px;width:260px}.shl-mobile-only{display:block}.project-text h3{font-size:2rem}.project-text .project-subheading{font-size:.85rem;margin-bottom:15px}.project-text p{font-size:1rem}}.dither-background{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}.dither-background canvas{image-rendering:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (max-width:640px){.dither-background{transform:none;will-change:auto}.dither-background canvas{image-rendering:pixelated}}.dither-container{height:100%;position:relative;width:100%}.glass-header{background:#0000;left:0;position:fixed;right:0;top:0;transition:background .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease;z-index:150}.glass-header--dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff80;box-shadow:0 1px 10px #00000014}@media (max-width:767px){.glass-header--dark.menu-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none}}.glass-header__inner{align-items:center;display:flex;height:68px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem;position:relative}.glass-header__logo{color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;letter-spacing:.03em;outline:none;text-transform:lowercase;transition:color .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.glass-header__logo:focus-visible{text-decoration:underline}.glass-header--dark .glass-header__logo{color:#1a1a1a}.glass-header__nav{align-items:center;display:none;left:50%;position:absolute;transform:translateX(-50%)}@media (min-width:768px){.glass-header__inner{height:102px;max-width:100%;padding:0 3rem}.glass-header__nav{display:flex}}@media (min-width:768px) and (max-width:1023px){.glass-header__inner{padding:0 1.25rem}}.glass-header__nav-link{color:#fff;font-size:1rem;font-weight:500;letter-spacing:.02em;padding:.3rem 1.1rem;text-decoration:none;text-transform:lowercase;transition:color .25s ease;white-space:nowrap}.glass-header__nav-link--divider{border-right:2px solid #ffffff8c}.glass-header__nav-link--dark{color:#1a1a1a}.glass-header__nav-link--dark.glass-header__nav-link--divider{border-right-color:#0003}.glass-header__nav-link:hover{color:#bdbdbd}.glass-header__nav-link--dark:hover{color:#e0e0e0}.glass-header__hamburger{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.3rem;transition:color .3s ease,background .2s ease}.glass-header__hamburger--dark{color:#1a1a1a}.glass-header__hamburger:hover{background:#80808026}@media (min-width:768px){.glass-header__hamburger{display:none}}.glass-mobile-backdrop{background:#0003;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:130}.glass-mobile-backdrop--visible{opacity:1;pointer-events:all}@media (min-width:768px){.glass-mobile-backdrop{display:none!important}}.glass-mobile-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff80;border-bottom:1px solid #ffffff40;box-shadow:0 8px 32px #0000001f;left:0;padding-top:68px;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-110%);transition:transform .38s cubic-bezier(.4,0,.2,1);z-index:140}.glass-mobile-menu--open{pointer-events:all;transform:translateY(0)}@media (min-width:768px){.glass-mobile-menu{display:none!important}}.glass-mobile-menu__nav{display:flex;flex-direction:column;padding:1.25rem 2rem 2rem}.glass-mobile-menu__link{-webkit-tap-highlight-color:transparent;border-bottom:1px solid #00000012;color:#1a1a1a;font-size:1.85rem;font-weight:500;outline:none;padding:.8rem 0;text-decoration:none;text-transform:lowercase;transition:color .2s ease,padding-left .2s ease}.glass-mobile-menu__link:last-child{border-bottom:none}.glass-mobile-menu__link:active,.glass-mobile-menu__link:hover{color:#e0e0e0;padding-left:.4rem}
/*# sourceMappingURL=main.3ccc77d3.css.map*/