#hero{background-color:#9b8888;padding-top:5rem;min-height:650px;position:relative}#hero .bg-image{z-index:1;object-fit:cover}#hero #hero-gradient,#hero .bg-image{position:absolute;left:0;top:0;height:100%;width:100%}#hero #hero-gradient{background:radial-gradient(rgba(217,217,217,0),#000000);z-index:2}#hero .hero-wrapper{position:relative;z-index:3;padding:5rem 10px;margin:auto;min-height:inherit;display:flex;align-items:flex-end;justify-content:flex-start}#hero .hero-wrapper .text-container{display:flex;flex-direction:column;row-gap:2.5rem}#hero .hero-wrapper .text-container h1{font-size:3.5rem;color:#fff;font-weight:300}#hero .hero-wrapper .text-container h1 span{font-weight:100px;font-style:italic}#intro{padding:10rem 0 5rem;background-color:#000}#intro .section-container{position:relative;height:750px}#intro .section-container .bg-image{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover}#intro .section-container .main-text{background-color:#000;position:absolute;height:-moz-fit-content;height:fit-content;top:50%;transform:translateY(-50%);z-index:2;margin:auto;padding:2rem;justify-content:center;text-align:center}#detail .detail-part-one{position:relative;padding:5rem 20px 15rem;background-color:#000}#detail .detail-part-one h2{text-align:center;color:#fff}#detail .detail-part-one .image{position:absolute;bottom:-50%;left:50%;transform:translateX(-50%);margin:auto;width:100%;padding:0 20px;height:400px;object-fit:cover}#detail .detail-part-two{padding:17rem 20px 5rem}#detail .detail-part-two .text-container{width:100%;margin:auto;display:flex;flex-direction:column;row-gap:3rem}#detail .detail-part-two .text-container .detail-text{text-align:center}#detail .detail-part-two .text-container .detail-text h3{margin-bottom:2rem}#features .section-content{padding:5rem 0}#features .section-content .main-text{margin-bottom:3rem;padding:0 20px}#features .section-content .feature-container{display:flex;column-gap:2rem;overflow-y:hidden;overflow-x:scroll;white-space:nowrap;padding-left:20px;padding-right:20px;padding-bottom:1.5rem}#features .section-content .feature-container .feature{position:relative;flex-shrink:0;width:300px;height:500px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end}#features .section-content .feature-container .feature__bg-image{position:absolute;object-fit:cover;z-index:1;height:100%;width:100%;left:0;top:0}#features .section-content .feature-container .feature__bg-mask{position:absolute;z-index:2;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.3)}#features .section-content .feature-container .feature__text{position:relative;z-index:3;color:#fff}#features .section-content .feature-container .feature__text .description{text-wrap:auto;font-size:1.5rem;font-family:Marcellus,Arial,Helvetica,sans-serif}#features .section-content .feature-container .feature__text .name{font-size:2.5rem;border-top:4px solid #fff;margin-top:24px;padding-top:36px}#features .section-content .feature-container::-webkit-scrollbar{height:6px}#features .section-content .feature-container::-webkit-scrollbar-thumb{background:#000;border-radius:6px}#features .section-content .feature-container::-webkit-scrollbar-thumb:hover{cursor:pointer}#features .section-content .feature-container::-webkit-scrollbar-track{margin:0 20px;background:#bbb}#sustain{position:relative}#sustain .black-bg-box{background-color:#000;height:180px;width:100%;position:absolute;bottom:0}#sustain .section-content{position:relative;z-index:2;padding:5rem 20px 7.5rem}#sustain .section-content .image-container{margin-top:3rem;display:grid;grid-template-columns:50% 50%}#sustain .section-content .image-container .left-col .image{height:240px;width:90%}#sustain .section-content .image-container .right-col .image{margin-top:116px;height:240px;width:90%}#sustain .section-content .main-text.desktop-only{display:none}#middle-cta{background-color:#000;position:relative;height:600px}#middle-cta .bg-image{object-fit:cover;z-index:1}#middle-cta .bg-image,#middle-cta .bg-mask{width:100%;height:100%;position:absolute;top:0;left:0}#middle-cta .bg-mask{z-index:2}#middle-cta .main-text{width:100%;text-align:center;color:#fff;align-items:center;position:absolute;z-index:3;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}#hallmarks{background-color:#000;padding:5rem 20px;display:flex;flex-direction:column;row-gap:3rem}#hallmarks .main-text{color:#fff;order:1}#hallmarks .hallmark-container{order:2;position:relative}#hallmarks .hallmark-container .hallmark{height:75px;margin-bottom:1rem;background-color:#000;position:relative}#hallmarks .hallmark-container .hallmark .name{font-family:Marcellus,Arial,Helvetica,sans-serif;position:relative;z-index:2;padding:1rem 0 0 1rem;color:#fff}#hallmarks .hallmark-container .hallmark .name.animate{animation:fade 1s}#hallmarks .hallmark-container .hallmark .image{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;object-fit:cover}#hallmarks .hallmark-container .hallmark .image.animate{animation:fade 1s}@keyframes fade{0%{opacity:1}50%{opacity:0}to{opacity:1}}#hallmarks .hallmark-container .hallmark#hallmark-one{width:85%}#hallmarks .hallmark-container .hallmark#hallmark-two{width:85%;margin-left:15%}#hallmarks .hallmark-container .hallmark#hallmark-three{width:85%}#hallmarks .hallmark-container .hallmark#hallmark-four{width:85%;margin-left:15%}#hallmarks .hallmark-container .hallmark#hallmark-five{width:85%}#quote{padding:5rem 0;position:relative}#quote .black-box{background-color:#000;height:50%;width:100%;position:absolute;top:0;left:0}#quote .quote-container{position:relative;z-index:2;height:600px}#quote .quote-container .quote{width:80%;font-family:Marcellus,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#fff;position:absolute;z-index:2;top:2rem;left:2rem}#quote .quote-container .image{position:absolute;z-index:1;width:100%;height:100%;object-fit:cover}#perception{padding:5rem 0;display:flex;flex-direction:column;row-gap:3rem}#perception .main-text{order:1;padding:0 20px}#perception .image{order:2}#approach{padding:5rem 0;position:relative}#approach .black-box{background-color:#000;position:absolute;z-index:1;width:100%;height:50%;bottom:0}#approach h2{text-align:center;margin-bottom:3rem}#approach .approach-container{position:relative;z-index:2;display:flex;flex-direction:column}#approach .approach-container .approach-column{height:300px;width:100%;overflow:hidden;position:relative;transition:all .75s}#approach .approach-container .approach-column .image{position:absolute;z-index:1;object-fit:cover;height:100%;width:100%;filter:grayscale(100%)}#approach .approach-container .approach-column.selected .text{transition:bottom .5s,left .5s}#approach .approach-container .approach-column.selected .text .detail{max-height:-moz-fit-content;max-height:fit-content;opacity:1}#approach .approach-container .approach-column.selected .image{filter:grayscale(0)}#approach .approach-container .approach-column .mask{position:absolute;z-index:2;height:50%;width:100%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(0,0,0));bottom:0}#approach .approach-container .approach-column .text{color:#fff;position:absolute;z-index:3;bottom:2rem;padding-left:2rem;padding-right:2rem;transition:bottom .5s,left .5s}#approach .approach-container .approach-column .text .meaning{font-family:Marcellus,Arial,Helvetica,sans-serif;font-size:4rem}#approach .approach-container .approach-column .text .meaning span{font-size:2rem}#approach .approach-container .approach-column .text .detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}#approach .approach-container .approach-column:hover{cursor:pointer}#applications{padding:5rem 0;position:relative}#applications .black-box{position:absolute;z-index:1;background-color:#000;top:0;height:50%;width:100%}#applications .content-container{position:relative;z-index:2;min-height:700px;display:flex;flex-direction:column}#applications .content-container #application-container{flex:1 1;position:relative;overflow-x:hidden;min-height:300px}#applications .content-container #application-container #timer-track{position:absolute;background-color:#fff;height:2px;z-index:3;left:2rem;bottom:2rem;width:calc(100% - 4rem)}#applications .content-container #application-container #timer-track #current-time{height:100%;background-color:#bbb}#applications .content-container #application-container #timer-track #current-time.animate{animation:grow 7s ease-in-out .1s infinite}@keyframes grow{0%{width:0}to{width:100%}}#applications .content-container #application-container .application{height:100%;width:100%;position:absolute;z-index:2;top:0;transition:left 1.5s ease-in-out}@keyframes slideIn{0%{left:100%}to{left:0}}#applications .content-container #application-container .application .name{color:#fff;position:absolute;z-index:3;bottom:3rem;left:2rem;font-size:3rem;font-family:Marcellus,Arial,Helvetica,sans-serif}#applications .content-container #application-container .application picture{height:inherit;width:inherit}#applications .content-container #application-container .application picture img{object-fit:cover;width:inherit;height:inherit}#applications .content-container .text-container{flex:1 1;background-color:#7b7b7b;padding:20px}#applications .content-container .text-container .main-text{color:#fff}#contact{padding:5rem 20px}#contact .form-col{margin-bottom:3rem}#contact .form-col .container{width:100%}#contact .form-col .main-text{margin-bottom:3rem;text-align:left}#contact .form-col #contact-form{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.5rem}#contact .form-col #contact-form #error,#contact .form-col #contact-form #success{display:none}#contact .form-col #contact-form input[type=email],#contact .form-col #contact-form input[type=text]{padding:12px;border:none;border-bottom:1px solid #000;width:100%}#contact .form-col #contact-form input[type=submit]{padding:14px 36px;width:-moz-fit-content;width:fit-content;display:inline-block;background-color:unset;color:#000;border:1px solid #000;position:relative;overflow:hidden;transition:color .3s ease;transition:background-color .2s ease-in}#contact .form-col #contact-form input[type=submit]:hover{background-color:#f1f1f1;cursor:pointer}#contact .form-col #contact-form .g-captcha{font-size:.75rem}#contact .logo-col{display:none;justify-content:center;align-items:center}#contact .logo-col img{height:200px}@media screen and (min-width:768px){#hero{height:100dvh;padding-top:80px}#hero .hero-wrapper{padding:6rem 4rem;position:absolute;bottom:0}#intro{padding:10rem 0 5rem}#intro .section-container{position:relative;height:750px}#intro .section-container .bg-image{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover}#intro .section-container .main-text{left:50%;transform:translateX(-50%) translateY(-50%);width:40%;height:100%}#features .section-content{display:grid;grid-template-columns:35% 65%}#features .section-content .main-text{display:flex;flex:content;justify-content:center;padding-left:4rem}#features .section-content .feature-container{margin-left:4rem;padding-left:0}#features .section-content .feature-container .feature{width:350px;height:800px}#features .section-content .feature-container::-webkit-scrollbar-track{margin:0}#detail .detail-part-one .image{padding:0 4rem}#detail .detail-part-two{padding:15rem 4rem 5rem}#detail .detail-part-two .text-container{flex-direction:row;justify-content:center;column-gap:2rem}#sustain{position:relative}#sustain .black-bg-box{background-color:#000;height:350px;width:100%;position:absolute;bottom:0}#sustain .section-content{position:relative;z-index:2;padding:6rem 4rem 12rem}#sustain .section-content .image-container{margin-top:3rem;display:grid;grid-template-columns:50% 50%}#sustain .section-content .image-container .left-col{padding-right:2rem}#sustain .section-content .image-container .left-col .image{width:80%;height:550px;margin:auto 0 auto auto;object-fit:cover}#sustain .section-content .image-container .right-col{padding-left:2rem}#sustain .section-content .image-container .right-col .image{margin:100px auto auto 0;width:80%;height:550px;object-fit:cover}#sustain .section-content .main-text{width:100%}#sustain .section-content .main-text.desktop-only{display:flex}#hallmarks{padding:6rem 4rem;display:grid;grid-template-columns:50% 50%;grid-column-gap:2rem;column-gap:2rem}#hallmarks .main-text{order:2;justify-content:center;width:65%;margin:auto}#hallmarks .hallmark-container{order:1}#hallmarks .hallmark-container .hallmark{height:125px}#quote{padding:6rem 0}#quote .quote-container{height:700px;width:80%}#quote .quote-container .quote{top:3rem;left:3rem;font-size:3rem}#perception{padding:6rem 0;display:grid;grid-template-columns:50% 50%}#perception .main-text{order:2;justify-content:center;object-fit:cover;margin:auto;padding:0 4rem}#perception .image{order:1;width:100%;height:700px;object-fit:cover}#approach{padding:6rem 0}#approach .approach-container{display:flex;flex-direction:row}#approach .approach-container .approach-column{width:25%;height:700px;position:relative}#approach .approach-container .approach-column.selected .text{bottom:4rem}#approach .approach-container .approach-column.selected .text .meaning{font-size:10rem}#approach .approach-container .approach-column.selected .text .meaning span{font-size:4rem}#approach .approach-container .approach-column.selected .text .detail{width:550px}#approach .approach-container .approach-column .text .meaning{font-size:6rem;transition:font-size .75s}#approach .approach-container .approach-column .text .meaning span{font-size:1.5rem;transition:font-size .75s}#approach .approach-container .approach-column .text .detail{font-size:1.25rem}#applications{padding:6rem 0}#applications .content-container{flex-direction:row;padding:0 4rem;margin:auto}#applications .content-container .text-container{display:flex;justify-content:center;align-items:center}#applications .content-container .text-container .main-text{text-align:center;width:75%}#contact{padding:6rem 4rem;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:4rem;column-gap:4rem}#contact .form-col{display:flex;flex-direction:column;justify-content:center;align-items:center}#contact .logo-col{display:flex}}