:root{--size_1:5px;--size_2:10px;--size_3:15px;--size_4:20px;--size_5:25px;--size_6:30px;--size_7:40px;--size_8:50px;--size_9:60px;--size_10:80px;--size_11:100px;--size_12:120px;--size_13:150px;--size_14:180px;--size_15:220px;--letter_1:0.025rem;--letter_2:0.12rem;--letter_3:0.18rem;--letter_4:0.4rem;--font_1:2rem;--font_2:0.85rem;--font_3:0.75rem;--font_4:0.65rem;--font_5:0.55rem;--font_6:0.50rem;--font_7:0.40rem;--font_8:0.35rem;--line_1:1px;--line_2:2px;--radius_1:0px;--radius_2:5px;--radius_3:10px;--radius_4:15px;--radius_5:20px;--radius_6:30px;--radius_7:40px;--dark_grey:#151515;--medium_grey:#9e9191;--light_grey:#e5e3df;--white:#fff;--black:#000}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Helvetica Neue,sans-serif;margin:0}@font-face{font-family:Mona Sans SE Light;src:url(/static/media/MonaSans_SemiExpanded-Light.e87b09a998c7d63c18e1.ttf) format("truetype")}@font-face{font-family:Mona Sans SE Medium;src:url(/static/media/MonaSans_SemiExpanded-Medium.0208c6dd69d787fbd666.ttf) format("truetype")}h1{font-family:Mona Sans SE Medium;font-size:2rem;font-size:var(--font_1);letter-spacing:.4rem;letter-spacing:var(--letter_4);text-transform:uppercase}h1,h2{color:#000;color:var(--black);margin:0;padding:0}h2,p,span{font-family:Mona Sans SE Light;font-size:.85rem;font-size:var(--font_2)}p,span{color:#000;color:var(--black);letter-spacing:.025rem;letter-spacing:var(--letter_1);line-height:1.5rem;margin:0;padding:0}a{color:#151515;color:var(--dark_grey);text-decoration:none}button{cursor:pointer}button,input{border:none}button,input,textarea{background-color:initial;margin:0;padding:0}.icon-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.icon-button .icon-button-icon{color:#000;color:var(--black);display:block;height:auto;object-fit:contain;width:100%}.icon-button.theme-light .icon-button-icon,.icon-button:hover .icon-button-icon{color:#9e9191;color:var(--medium_grey)}.icon-button.theme-light:hover .icon-button-icon{color:#fff;color:var(--white)}.main-container{background-color:#e5e3df;background-color:var(--light_grey);box-sizing:border-box;display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.home-background{background-image:url(/static/media/eric_port_background_desktop.e9fcf7af6e898f4a942c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;position:absolute;width:100%;z-index:0}.home-container{align-items:center;display:flex;flex:1 1;gap:30px;gap:var(--size_6);padding:80px;padding:var(--size_10);z-index:1}.home-left-section{align-items:flex-start;background-color:initial;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:40px;gap:var(--size_7);height:100%;justify-content:flex-end}.home-info-container{display:flex;flex-direction:column;gap:40px;gap:var(--size_7)}.home-left-logo{display:block;height:auto;margin-bottom:10px;margin-bottom:var(--size_2);width:270px}.home-left-services{color:#151515;color:var(--dark_grey);font-family:Mona Sans SE Medium;font-size:.65rem;font-size:var(--font_4);letter-spacing:.18rem;letter-spacing:var(--letter_3);line-height:1.2rem;text-transform:uppercase;white-space:pre-line}.eric-container{align-items:flex-start;display:flex;flex-direction:column}.home-left-head{display:block;height:auto;margin-bottom:5px;margin-bottom:var(--size_1);object-fit:contain;width:50px}.home-left-contact{color:#151515;color:var(--dark_grey);font-family:Mona Sans SE Medium;font-size:.55rem;font-size:var(--font_5);letter-spacing:.18rem;letter-spacing:var(--letter_3);line-height:1.1rem;text-transform:uppercase;white-space:pre-line}.home-left-email:hover{color:#9e9191;color:var(--medium_grey)}.home-main-section{background-color:initial;display:flex;flex:2 1;height:100%}.home-main-scroll{display:flex;flex:1 1;flex-direction:column;gap:15px;gap:var(--size_3);height:100%;min-width:calc(100% + 25px);min-width:calc(100% + var(--size_5));overflow-y:auto;padding-right:25px;padding-right:var(--size_5)}.home-main-error,.home-main-loading{color:#9e9191;color:var(--medium_grey);font-size:.55rem;font-size:var(--font_5)}.home-main-card,.home-main-error,.home-main-loading{align-items:center;display:flex;justify-content:center}.home-main-card{background-color:#000;background-color:var(--black);border-radius:10px;border-radius:var(--radius_3);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:700px;overflow:hidden;position:relative;width:100%}.home-main-card-media{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.home-main-card-cover-desktop{display:block;height:100%;object-fit:cover;width:100%}.home-main-card-cover-mob{display:none;height:100%;object-fit:cover;width:100%}.home-main-card-content{align-items:center;display:flex;flex-direction:column;gap:25px;gap:var(--size_5);height:100%;justify-content:center;position:absolute;width:100%;z-index:1}.home-main-card-logo-container{align-items:center;display:flex;justify-content:center;margin-top:20px;margin-top:var(--size_4)}.home-main-card-logo{display:block;height:auto;max-height:120px;max-width:280px;object-fit:contain}.project-details-error,.project-details-loading{align-items:center;color:#9e9191;color:var(--medium_grey);display:flex;font-size:.55rem;font-size:var(--font_5);justify-content:center}.project-details-container{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;gap:30px;gap:var(--size_6);padding:80px;padding:var(--size_10);position:relative}.project-details-background-desktop{display:block;height:100%;object-fit:cover;position:absolute;width:100%}.project-details-background-mobile{display:none;height:100%;object-fit:cover;position:absolute;width:100%}.details-left-section{box-sizing:border-box;flex:1 1;height:100%;justify-content:space-between}.details-left-section,.left-section-content,.left-section-top{display:flex;flex-direction:column}.left-section-content{gap:20px;gap:var(--size_4);padding-right:30px;padding-right:var(--size_6)}.left-section-content.theme-light h1,.left-section-content.theme-light p,.left-section-content.theme-light span{color:#fff;color:var(--white)}.project-details-title-row{align-items:flex-start;display:flex;gap:20px;gap:var(--size_4)}.project-details-title-link{align-items:center;color:#000;color:var(--black);display:flex}.project-details-title-link:hover{color:#9e9191;color:var(--medium_grey)}.project-details-title-link svg{height:20px;height:var(--size_4);margin-top:7px;margin-top:calc(2px + var(--size_1));width:20px;width:var(--size_4)}.left-section-content.theme-light .project-details-title-link{color:#9e9191;color:var(--medium_grey)}.left-section-content.theme-light .project-details-title-link:hover{color:#fff;color:var(--white)}.project-details-description{color:#151515;color:var(--dark_grey)}.left-section-content.theme-light .project-details-description,.project-details-description{font-size:.75rem;font-size:var(--font_3);letter-spacing:.05rem;letter-spacing:calc(var(--letter_1) + var(--letter_1))}.left-section-content.theme-light .project-details-description{color:#9e9191;color:var(--medium_grey)}.project-details-details{color:#151515;color:var(--dark_grey)}.left-section-content.theme-light .project-details-details,.project-details-details{font-family:Mona Sans SE Medium;font-size:.65rem;font-size:var(--font_4);letter-spacing:.12rem;letter-spacing:var(--letter_2);text-transform:uppercase}.left-section-content.theme-light .project-details-details{color:#9e9191;color:var(--medium_grey)}.back-button-container{cursor:pointer;margin-bottom:15px;margin-bottom:var(--size_3);margin-left:-5px;padding:10px 0;padding:var(--size_2) 0;width:60px}.back-button-container:hover .icon-button-icon{color:#9e9191;color:var(--medium_grey)}.back-button-container:hover .icon-button.theme-light .icon-button-icon{color:#fff;color:var(--white)}.details-left-logo{display:block;height:auto;width:120px}.details-overlay{background-color:initial;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.details-main-section{display:flex;flex:4 1;height:100%;position:relative}.circle-medium-button{align-items:center;border:1px solid #000;border:var(--line_1) solid var(--black);border-radius:40px;border-radius:var(--radius_7);box-sizing:border-box;display:none;height:35px;justify-content:center;left:23px;position:absolute;top:130px;top:calc(10px + var(--size_12));transform:translateY(-50%);width:35px;z-index:2}.circle-medium-button-text{color:#000;color:var(--black);font-family:Mona Sans SE Medium;font-size:.5rem;font-size:var(--font_6);letter-spacing:.055rem;margin-left:2px;margin-top:1px;text-transform:uppercase}.circle-medium-button-icon{color:#000;color:var(--black);height:15px;height:var(--size_3);width:15px;width:var(--size_3)}.circle-medium-button.theme-light{border:1px solid #fff;border:var(--line_1) solid var(--white)}.circle-medium-button.theme-light .circle-medium-button-icon,.circle-medium-button.theme-light .circle-medium-button-text{color:#fff;color:var(--white)}.details-main-scroll{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:15px;gap:var(--size_3);height:100%;min-width:calc(100% + 25px);min-width:calc(100% + var(--size_5));overflow-y:auto;padding-right:25px;padding-right:var(--size_5)}.details-scroll-indicator-up{align-items:center;cursor:pointer;display:flex;height:20px;height:var(--size_4);justify-content:center;padding:10px 0;padding:var(--size_2) 0;position:absolute;right:0;top:-40px;width:100%;z-index:1}.details-scroll-indicator-up:hover .icon-button-icon{color:#9e9191;color:var(--medium_grey)}.details-scroll-indicator-up.theme-light:hover .icon-button-icon{color:#fff;color:var(--white)}.details-scroll-indicator-down{align-items:center;border-bottom:2px solid #0000;bottom:-40px;cursor:pointer;display:flex;height:20px;height:var(--size_4);justify-content:center;padding:10px 0;padding:var(--size_2) 0;position:absolute;right:0;width:100%;z-index:1}.details-scroll-indicator-down:hover .icon-button-icon{color:#9e9191;color:var(--medium_grey)}.details-scroll-indicator-down.theme-light:hover .icon-button-icon{color:#fff;color:var(--white)}.details-main-card{align-items:center;border-radius:10px;border-radius:var(--radius_3);display:flex;flex-shrink:0;height:auto;justify-content:center;overflow:hidden;width:100%}.details-media-card-image{display:block;height:82vh;object-fit:cover;width:100%}.details-media-card-video{background-color:#000;background-color:var(--black);display:block;height:82vh;object-fit:contain;width:100%}.details-media-card-logo{align-items:center;display:flex;gap:25px;gap:var(--size_5);height:82vh;justify-content:center;position:relative;width:100%}.details-media-center-left,.details-media-center-right{height:50px;height:var(--size_8);object-fit:contain;width:auto}@media (max-width:1500px){h1{font-size:1.7rem}p,span{font-size:.75rem;font-size:var(--font_3);line-height:1.4rem}}@media (max-width:1380px){h1{font-size:1.7rem}p,span{font-size:.75rem;font-size:var(--font_3);line-height:1.4rem}.home-background{background-image:url(/static/media/eric_port_background_mobile.973bd240737199be9924.jpg)}.home-container{display:block;padding:30px;padding:var(--size_6)}.home-left-section{align-items:flex-start;gap:40px;gap:var(--size_7);height:20vh;margin-bottom:30px;margin-bottom:var(--size_6);min-height:150px;width:100%}.home-left-logo{width:250px}.home-info-container{align-items:flex-end;flex-direction:row;gap:80px;gap:var(--size_10)}.home-left-services{font-size:.55rem;font-size:var(--font_5);line-height:1.5rem}.home-left-head{width:35px}.home-left-contact{font-size:.5rem;font-size:var(--font_6);line-height:1.1rem}.home-main-scroll{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;gap:var(--size_3);height:69vh;min-height:510px;min-width:calc(100% + 20px);min-width:calc(100% + var(--size_4));overflow-y:auto;padding-right:20px;padding-right:var(--size_4)}.home-main-card{height:500px}.project-details-container{gap:15px;gap:var(--size_3);padding:0}.details-left-section{height:100%;left:0;padding:40px 0;padding:var(--size_7) 0;pointer-events:none;position:absolute;top:0;width:auto;z-index:2}.left-section-top{pointer-events:none}.back-button-container{margin-left:20px;margin-left:var(--size_4);pointer-events:auto}.left-section-content{background-color:#e5e3df;background-color:var(--light_grey);border-radius:0 5px 5px 0;border-radius:0 var(--radius_2) var(--radius_2) 0;box-sizing:border-box;display:none;gap:30px;gap:var(--size_6);height:100%;max-height:580px;overflow-y:hidden;padding:40px 25px;padding:var(--size_7) var(--size_5);padding-right:30px;padding-right:var(--size_6);padding-top:100px;padding-top:var(--size_11);pointer-events:auto;width:350px}.left-section-content.theme-light{background-color:#151515;background-color:var(--dark_grey)}.details-left-section.show-content .left-section-content{display:flex;margin-bottom:25px;margin-bottom:var(--size_5)}.details-left-logo{margin-left:25px;margin-left:var(--size_5);width:80px;z-index:2}.details-overlay{display:block;z-index:1}.details-main-section{flex:1 1}.circle-medium-button{display:flex}.details-main-scroll{padding-bottom:80px;padding-bottom:var(--size_10);padding-right:0}.details-scroll-indicator-up{right:0;top:40px;top:var(--size_7)}.details-scroll-indicator-down,.details-scroll-indicator-up{align-items:center;display:flex;justify-content:center;position:absolute;width:100%;z-index:1}.details-scroll-indicator-down{bottom:25px;bottom:var(--size_5)}.details-main-card{border-radius:0}.details-media-card-image,.details-media-card-video{height:auto}.details-media-card-logo{height:100vh}}@media (max-width:500px){h1{font-size:1.2rem;letter-spacing:.4rem;letter-spacing:var(--letter_4)}p,span{font-size:.6rem;line-height:1.05rem}.home-container{padding:20px;padding:var(--size_4)}.home-left-section{align-items:flex-start;gap:15px;gap:var(--size_3);height:15vh;margin-bottom:20px;margin-bottom:var(--size_4);min-height:110px;width:100%}.home-left-logo{width:130px}.home-info-container{gap:30px;gap:var(--size_6)}.home-left-services{font-size:.4rem;font-size:var(--font_7);letter-spacing:.12rem;letter-spacing:var(--letter_2);line-height:1.1rem}.home-left-head{width:25px}.home-left-contact{font-size:.35rem;font-size:var(--font_8);letter-spacing:.12rem;letter-spacing:var(--letter_2);line-height:.8rem}.home-main-scroll{display:flex;flex-direction:column;gap:15px;gap:var(--size_3);height:75vh;min-height:210px;min-width:calc(100% + 15px);min-width:calc(100% + var(--size_3));overflow-y:auto;padding-right:15px;padding-right:var(--size_3)}.home-main-card{height:400px}.home-main-card-cover-desktop{display:none}.home-main-card-cover-mob{display:block}.home-main-card-logo{max-height:auto;max-width:180px}.project-details-background-desktop{display:none}.project-details-background-mobile{display:block}.details-left-section{padding:25px 0;padding:var(--size_5) 0}.back-button-container{margin-left:15px;margin-left:var(--size_3);margin-top:15px;margin-top:var(--size_3);width:35px}.left-section-content{gap:20px;gap:var(--size_4);max-height:470px;padding:30px 20px;padding:var(--size_6) var(--size_4);padding-right:25px;padding-right:var(--size_5);padding-top:60px;padding-top:var(--size_9);width:250px}.project-details-title-row{gap:15px;gap:var(--size_3)}.project-details-title-link svg{height:15px;height:var(--size_3);margin-top:5px;margin-top:var(--size_1);width:15px;width:var(--size_3)}.project-details-description{color:#151515;color:var(--dark_grey)}.left-section-content.theme-light .project-details-description,.project-details-description{font-size:.65rem;font-size:var(--font_4);letter-spacing:.05rem;letter-spacing:calc(var(--letter_1) + var(--letter_1))}.left-section-content.theme-light .project-details-description{color:#9e9191;color:var(--medium_grey)}.left-section-content.theme-light .project-details-details,.project-details-details{font-size:.4rem;font-size:var(--font_7)}.details-left-logo{margin-bottom:15px;margin-bottom:var(--size_3);margin-left:20px;margin-left:var(--size_4);width:70px}.circle-medium-button{height:24px;left:18px;left:calc(3px + var(--size_3));position:absolute;top:130px;top:calc(var(--size_2) + var(--size_12));width:24px}.circle-medium-button-text{font-size:.35rem;font-size:var(--font_8);margin-left:1px}.circle-medium-button-icon{height:10px;height:var(--size_2);width:10px;width:var(--size_2)}.details-scroll-indicator-up{top:40px;top:var(--size_7)}.details-scroll-indicator-down,.details-scroll-indicator-up{height:10px;height:var(--size_2);right:20px;right:var(--size_4);width:20px;width:var(--size_4)}.details-scroll-indicator-down{bottom:30px;bottom:var(--size_6)}.details-media-card-logo{gap:15px;gap:var(--size_3);margin-right:28px}.details-media-center-left,.details-media-center-right{height:30px;height:var(--size_6);object-fit:contain;width:auto}}
/*# sourceMappingURL=main.d1b1ea5f.css.map*/