body{font-family:"Syne",sans-serif;border:0;margin:0;padding:0;max-width:100vw;overflow-x:hidden}.logo{width:150px !important;height:150px !important;transform:scale(0.4);transition:.3s;cursor:pointer;fill:#fff}.logo:hover{transform:scale(0.35);fill:#ffff0f}.menu-active{transform:translateX(0)}menu{transform:translateX(-100vw);transition:.3s;z-index:9999;border:0;margin:0;padding:0;position:fixed;display:flex;width:100vw;height:100vh}menu section-left{width:30%;background-image:url("../assets/Menu/menu-bg.jpg");background-size:cover}menu section-right{padding-top:5vh;width:70%;background:#000}menu section-right ul li{padding-right:5%;padding-left:5%;list-style:none;color:#fff;width:90%;min-height:10vh;display:flex;justify-content:end}menu section-right ul li .exit-menu{background:none;color:inherit;border:#fff 2px solid;border-radius:50%;padding:0;outline:inherit;width:80px;height:80px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.2s}menu section-right ul li .exit-menu span{content:" ";width:40px;height:40px}menu section-right ul li .exit-menu span::before{content:" ";width:3px;height:40px;transform:rotate(45deg);background:#ffff0f;display:inline-block;position:absolute}menu section-right ul li .exit-menu span::after{content:" ";width:3px;height:40px;transform:rotate(-45deg);background:#ffff0f;display:inline-block;position:absolute}menu section-right ul li .exit-menu:hover{transform:scale(0.8);border-color:#ffff0f;background:#7a7a7a}menu section-right ul li a{font-size:7rem;font-weight:bold;text-decoration:none;color:#fff;transition:.2s}menu section-right ul li a:hover{color:#ffff0f;padding-right:2.5rem}header{width:100vw;height:20vh;position:fixed;z-index:100;display:flex}header section-left{width:50%}header section-right{width:50%;display:flex;justify-content:flex-end}header section-right .menu-button{background:none;color:inherit;border:none;padding:0;outline:inherit;width:150px;height:150px;cursor:pointer;padding-right:2vw;padding-top:3vh;transition:.3s}header section-right .menu-button div:nth-child(1){width:40px;height:3px;background:#fff;content:" ";color:#fff;border:none;transition:.3s}header section-right .menu-button div:nth-child(2){width:40px;height:3px;background:#ffff0f;content:" ";color:#fff;margin-top:10px;border:none;transition:.3s}header section-right .menu-button div:nth-child(3){width:40px;height:3px;background:#fff;content:" ";color:#fff;margin-top:10px;border:none;transition:.3s}header section-right .menu-button:hover{transform:rotate(90deg) translate(50px, 40px)}header section-right .menu-button:hover div:nth-child(1){height:6px;border-top:1px #000;border-left:1px #000;border-right:1px #000}header section-right .menu-button:hover div:nth-child(2){height:12px;margin-top:0;border-left:1px #000;border-right:1px #000}header section-right .menu-button:hover div:nth-child(3){height:6px;margin-top:0;border-bottom:1px #000;border-left:1px #000;border-right:1px #000}.header-dark section-left .header-logo{fill:#000}.header-dark section-right .menu-button div:nth-child(1),.header-dark section-right .menu-button div:nth-child(3){background:#000;color:#000}section#home{background:#000;width:100vw;height:100vh;display:flex;color:#fff}section#home section-left{width:60%;height:100vh;display:flex;align-items:flex-end}section#home section-left .hero-content{z-index:2;margin-bottom:5vh;margin-left:3vw}section#home section-left .hero-content .hero-title{margin-bottom:.1vh;font-size:7em;text-transform:uppercase;line-height:.85em}section#home section-left .hero-content .hero-title .indent{color:#ffff0f}section#home section-left .hero-content .hero-sub{color:#ffff0f;font-weight:400}section#home section-left .home-hero{z-index:1;padding-left:2vw;float:right;width:30vw;margin-bottom:3vh}section#home section-right{z-index:0;width:40%;height:100vh;background:url("../assets/Home/home-bg.jpg");background-size:cover}section#break-marquee{width:100vw;height:15vh;display:flex;justify-content:center;align-items:center;border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;background-color:#000}section#break-marquee marquee{color:#fff;height:auto;font-size:3em;font-weight:bold}section#works{width:100vw;min-height:120vh}section#works .work-title{width:100%;margin-top:15vh;margin-bottom:15vh;text-align:center;font-size:4em;text-transform:uppercase}section#works #portfolio li{list-style:none}section#works #portfolio .portfolio-item{width:100%;min-height:80vh;display:flex;justify-content:center;align-items:center;margin-bottom:5vh}section#works #portfolio .portfolio-item .portfolio-content-container{width:40%}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-title{font-size:3.2em;margin-bottom:.1em}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-sub{font-size:1em;text-transform:uppercase;font-weight:400}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-cta{display:block;width:20vw;text-align:center;color:#000;text-decoration:none;transition:.25s}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-cta .portfolio-item-cta-label{transition:.25s;width:auto;border:1px solid #000;padding:15px}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-cta:hover{color:#fff;background:#000}section#works #portfolio .portfolio-item .portfolio-content-container .portfolio-item-cta:hover .portfolio-item-cta-label{border:#fff 1px solid}section#works #portfolio .portfolio-item .portfolio-preview-container{width:60%;display:flex}section#works #portfolio .portfolio-item .portfolio-preview-container .portfolio-preview-image-container{width:50vw}section#works #portfolio .portfolio-item .portfolio-preview-container .portfolio-preview-image-container img{width:100%;height:auto;transition:.2s}section#works #portfolio .portfolio-item .portfolio-preview-container .portfolio-preview-image-container:hover img{transform:scale(1.025)}section#works #portfolio .portfolio-item .portfolio-preview-container.portfolio-image-left{justify-content:start}section#works #portfolio .portfolio-item .portfolio-preview-container.portfolio-image-right{justify-content:flex-end;margin:3vw}section#works #portfolio #bdi{padding-top:10vh}section#works #portfolio li ul .portfolio-item-half{width:50vw;display:flex;align-items:center}section#works #portfolio li ul .portfolio-item-half .portfolio-preview-image-container{width:40vw}section#works #portfolio li ul .portfolio-item-half .portfolio-preview-image-container img{width:100%;height:auto;transition:.2s}section#works #portfolio li ul .portfolio-item-half .portfolio-preview-image-container:hover img{transform:scale(1.025)}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container{width:100%}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-title{font-size:3.1em;margin-bottom:.1em}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-sub{font-size:1em;text-transform:uppercase;font-weight:400}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-cta{display:block;width:20vw;text-align:center;color:#000;text-decoration:none;transition:.25s}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-cta .portfolio-item-cta-label{transition:.25s;width:auto;border:1px solid #000;padding:15px}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-cta:hover{color:#fff;background:#000}section#works #portfolio li ul .portfolio-item-half .portfolio-title-container .portfolio-item-cta:hover .portfolio-item-cta-label{border:#fff 1px solid}section#page-break{width:100vw;height:80vh;background:url("../assets/Home/image-page-break.jpg");display:flex;align-items:center}section#page-break h3{padding-top:20vh;padding-left:3vw;padding-right:3vw;color:#fff;font-size:4em}section#about{display:flex;max-width:100vw;min-height:100vh;align-items:center;justify-content:center}section#about section-left{width:40%}section#about section-left .about-content-container{padding-left:4vw;padding-right:4vw}section#about section-left .about-content-container h3{font-size:4em;text-transform:uppercase;margin-bottom:.25em}section#about section-left .about-content-container p{font-size:1.2em;line-height:1.5em}section#about section-right{width:60%;display:flex;align-items:center;justify-content:center;flex-direction:column}section#about section-right h3{text-align:left;width:100%;text-transform:uppercase;letter-spacing:9px}section#about section-right .about-logos-container{margin-top:2.5vh}section#about section-right .about-logos-container img{width:85%}footer{width:100vw;min-height:100vh;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000}footer::after{content:" ";position:absolute;width:100vw;height:100vh;background:url("../assets/Home/contact-hero.jpg") no-repeat center;filter:brightness(0.5);opacity:.4;background-size:auto;z-index:0}footer h4{z-index:1;font-size:8em;text-transform:uppercase;margin-bottom:1vh;line-height:.8em}footer .sub-title{z-index:1;width:90vw;font-size:.9em;margin-top:1vh;text-transform:uppercase;letter-spacing:1vw}footer .contact-item{z-index:1;width:90vw;display:flex;flex-direction:row;justify-content:flex-end}footer .contact-item div{min-width:15vw}footer .contact-item div h5{font-size:.9em;margin-top:1vh;text-transform:uppercase;letter-spacing:.5vw}footer .contact-item div p{line-height:1.7em}.padding-sides{padding-left:4vw;padding-right:4vw}.green-text{color:#ffff0f}section#brand-hero{width:100vw;height:100vh;background-color:#000;background-repeat:no-repeat}section#about-brand{width:92vw;padding-left:4vw;padding-right:4vw;color:#fff;background:#000;display:flex;flex-direction:row;align-items:center;min-height:50vh}section#about-brand section-left{width:50%}section#about-brand section-left .about-content-container h3{font-size:4em;text-transform:uppercase;margin-bottom:1vh}section#about-brand section-left .about-content-container p{font-size:1.4em;text-transform:uppercase}section#about-brand section-right{width:50%}section#about-brand section-right p{font-size:1.3em;line-height:1.5em}section#portfolio .full-portfolio-item{width:100vw;height:auto;-o-object-fit:contain;object-fit:contain}section#portfolio .portfolio-grid{width:100%;display:grid}section#portfolio .portfolio-grid .grid-portfolio-item-30{grid-row:1/3}section#portfolio .portfolio-grid .grid-portfolio-item-70{grid-row:2/3}section#portfolio .portfolio-grid .grid-portfolio-item-50{grid-row:1/2}brand-footer#contact{width:100vw;min-height:40vh;display:flex;flex-direction:row;align-items:center}brand-footer#contact section-left{width:70%}brand-footer#contact section-left h4{font-size:4.3em;text-transform:uppercase;margin-bottom:1vh}brand-footer#contact section-left .sub-title{font-size:1.5em;margin-top:1vh;text-transform:uppercase;letter-spacing:1em}brand-footer#contact section-right{width:30%;display:flex;flex-direction:row}brand-footer#contact section-right div{min-width:40%}brand-footer#contact section-right div h5{text-transform:uppercase;letter-spacing:.6em}@media only screen and (max-width: 768px){body{max-width:100%;overflow-x:hidden}menu section-left{background:#000}menu section-right ul li a{font-size:2.5rem}menu section-right ul li:nth-child(2){padding-top:5vh}section{max-width:100vw;overflow-x:hidden}footer{max-width:100vw;overflow-x:hidden}footer h4{font-size:2.3em;width:100%;text-align:center}footer .contact-item{width:auto;flex-direction:column;width:90%}header section-right .menu-button{padding-top:5vh;padding-right:0;width:100px;height:100px}section#home section-left .hero-content .hero-title{font-size:4em}section#home section-left .home-hero{width:50vw;right:5vw;top:20vh;position:absolute}section#home section-right{z-index:0;position:absolute;width:100%}section#works .work-title{margin-top:5vh;margin-bottom:5vh;font-size:3em}section#works ul#portfolio{padding:1em;margin:0}section#works ul#portfolio .portfolio-item{flex-direction:column}section#works ul#portfolio .portfolio-item .portfolio-content-container{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}section#works ul#portfolio .portfolio-item .portfolio-content-container .portfolio-item-cta{width:-webkit-max-content;width:-moz-max-content;width:max-content}section#works ul#portfolio .portfolio-item .portfolio-preview-container{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}section#works ul#portfolio .portfolio-item .portfolio-preview-container .portfolio-preview-image-container{width:100%}section#works ul#portfolio #lot-designs,section#works ul#portfolio #nip-fab{flex-direction:column-reverse}section#works ul#portfolio li ul{flex-direction:column;padding:0;margin:0}section#works ul#portfolio li ul li.portfolio-item-half{width:100%}section#works ul#portfolio li ul li.portfolio-item-half .portfolio-title-container{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}section#works ul#portfolio li ul li.portfolio-item-half .portfolio-title-container .portfolio-item-cta{width:-webkit-max-content;width:-moz-max-content;width:max-content}section#works ul#portfolio li ul li.portfolio-item-half .portfolio-preview-image-container{width:100%}section#page-break{min-height:40vh;height:auto}section#page-break h3{font-size:2.5em;padding-top:10vh;padding-bottom:10vh}section#about{flex-direction:column}section#about section-left{width:100%}section#about section-right{width:100%;padding-bottom:5vh}section#about section-right h3{width:100%;text-align:center}section#about section-right .about-logos-container{display:flex;justify-content:center;align-items:center}section#brand-hero{width:100%;padding-top:25vh;background-position:bottom !important;height:20vh;background-repeat:no-repeat !important}section#about-brand{width:94%;overflow-x:hidden;flex-direction:column;padding:3%;margin:0}section#about-brand section-left{width:100%}section#about-brand section-left .about-content-container h3{font-size:2.5em}section#about-brand section-right{width:100%}section#portfolio{width:100%;overflow-x:hidden}brand-footer#contact{flex-direction:column;padding:0;margin:0}brand-footer#contact section-left{width:94%}brand-footer#contact section-left .padding-sides{padding:3%}brand-footer#contact section-left h4{font-size:2.1em !important}brand-footer#contact section-left .sub-title{letter-spacing:.3em}brand-footer#contact section-right{width:auto;flex-direction:column;width:90%}}