.hero-container{width:100%;height:100vh;position:relative;overflow:hidden}.img-container{z-index:1;width:100%;height:100%;transition:transform 1s,opacity 1s;position:absolute;top:0;left:0}.img-container img{object-fit:cover;object-position:center;width:100%;height:100vh}.txt{z-index:2;transition:transform 1s,opacity 1s;position:absolute;bottom:40%;left:45%}.txt img{width:400px}.explain-btn{color:#fff;letter-spacing:.075em;cursor:pointer;z-index:2;background-color:#ef3466;border:none;width:220px;height:50px;font-size:12px;font-weight:600;line-height:1;transition:transform 1s,opacity 1s;position:absolute;bottom:25%;left:45%;overflow:hidden}.explain-btn:before{content:"";z-index:1;background:#0dcaf0;width:100%;height:0;transition:height .5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0}.explain-btn:hover:before{height:100%}.explain-btn:hover{color:#fff}.explain-btn span{z-index:2;position:relative}.img-container.slide-up{opacity:0;transform:translateY(-100%)}.img-container.slide-up~.txt,.img-container.slide-up~.explain-btn{opacity:0;transform:translateY(-10px)}.video-wrapper{z-index:0;background:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-wrapper video{object-fit:cover;width:100%;height:100%}.mobile-bg{display:none}@media (max-width:720px){.desktop-bg{display:none}.mobile-bg{display:block}}
.banner{background-color:#fff;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:90px 0;display:flex;position:relative}.banner h1{color:#e73e3f;letter-spacing:.01em;text-align:center;font-family:Bodoni Moda,serif;font-size:60px;font-weight:400;line-height:1.32}.mobile{display:none}.desktop{width:60%}.cyan{color:#1f1e1c}.arrow-icon{color:#ef3466;width:50px;height:50px}@media (max-width:720px){.banner{flex-direction:column;padding:90px 0}.banner h1{font-size:35px}.arrow-icon{width:40px;height:52px;position:absolute;bottom:29%;right:50%}.desktop{display:none}.mobile{width:70%;height:100%;display:block}}@media (max-width:600px){.arrow-icon{right:44%}}@media (max-width:576px){.arrow-icon{bottom:30%;right:38%}.banner h1{font-size:30px}}@media (max-width:482px){.arrow-icon{right:29%}.banner{padding:54px 0}}@media (max-width:435px){.arrow-icon{right:-15%}}@media (max-width:412px){.arrow-icon{bottom:28%;right:52%}}
.services{background-color:#fff;flex-direction:column;align-items:center;width:100%;min-height:100%;padding-bottom:90px;display:flex;position:relative;overflow:hidden}.services-carousel{width:100%;position:absolute;top:-12%}.scroll-track{width:max-content;animation:20s linear infinite scroll-left;display:flex}.scroll-track h1{color:#f3f3f3;flex-shrink:0;margin:35px;padding-right:100px;font-size:200px}.service-options{z-index:19;justify-content:space-between;width:90%;display:flex}.service-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:25%;display:flex}.service-icon{width:200px}.content p{letter-spacing:.004em;text-transform:none;color:#5c5c5c;white-space:pre-line;padding-bottom:20px;font-weight:400;line-height:1.65}.content hr{border:none;border-top:2px solid #e73e3f;width:10%}.content h2{letter-spacing:.01em;font-weight:700;line-height:1.45}.content{flex-direction:column;align-items:center;display:flex}@keyframes scroll-left{0%{transform:translate(0%)}to{transform:translate(-50%)}}@media (max-width:720px){.scroll-track h1{font-size:170px}.service-options{flex-direction:column;align-items:center;gap:50px}.service-card{width:70%}}@media (max-width:520px){.service-icon{width:150px}.content p{font-size:14px}}@media (max-width:480px){.service-card{width:85%}.scroll-track h1{margin:93px 0;font-size:140px}}
.portfolio{width:100%;height:100%}.grid-container{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:0;width:100%;display:grid}.grid-item{aspect-ratio:1;position:relative;overflow:hidden}.tall{aspect-ratio:unset;grid-row:span 2}.wide{aspect-ratio:unset;grid-column:span 2}.hover-wrapper{width:100%;height:100%;position:relative}.hover-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.overlay{opacity:0;background-color:#e73e3f;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.hover-content{text-align:center;color:#fff;opacity:0;transition:all .8s;transform:scale(.95)}.hover-content p{cursor:pointer}.hover-content a{color:#fff;text-decoration:none}.grid-item:hover .overlay{opacity:.9}.grid-item:hover img{transform:scale(1.05)}.grid-item:hover .hover-content{opacity:1;transform:scale(1)}@media (max-width:720px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.grid-container{grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row}.grid-container .tall,.grid-container .wide{grid-area:span 1/span 1}}
.brands{background-color:#fff;justify-content:flex-start;width:100%;padding:100px 0;display:flex;position:relative;overflow:hidden}.brands-carousel{will-change:transform;width:fit-content;animation:30s linear infinite brandScroll;display:flex}.carousel-content{flex-shrink:0;align-items:center;gap:80px;padding-right:80px;display:flex}.carousel-content img{object-fit:contain;flex-shrink:0;width:auto;height:120px;display:block}@keyframes brandScroll{0%{transform:translate(0)}to{transform:translateX(calc(-1*var(--scroll-width,50%)))}}@media (max-width:550px){.carousel-content img{height:100px}}
@font-face{font-family:MySecondFont;src:url("/fonts/GOLDLINE REGULAR.ttf")format("opentype");font-weight:400;font-style:normal}.contact{z-index:2;background-color:#f3f3f3;justify-content:center;width:100%;height:100%;padding-bottom:50px;display:flex;position:relative}.contact-wrapper{flex-direction:column;align-items:center;width:80%;height:100%;display:flex}.title{text-align:center;letter-spacing:.01em;margin-top:30px;margin-bottom:0;font-family:MySecondFont;font-size:39px;font-weight:700;line-height:1.25}.description{letter-spacing:.004em;text-transform:none;color:#5c5c5c;text-align:center;width:65%;padding-top:16px;font-size:18px;font-weight:400;line-height:1.65}.form-section{width:100%}.form-section form{flex-direction:column;align-items:center;gap:30px;display:flex}.form-row{justify-content:center;width:100%;display:flex;position:relative}.form-row label{position:absolute;top:32%;left:22%}.form-row input,.form-row textarea{border:2px solid #0000;border-radius:8px;outline:none;width:60%;height:55px;padding-left:52px;line-height:55px}.form-section{padding-top:40px}.submit-btn{color:#fff;letter-spacing:.075em;cursor:pointer;background-color:#e73e3f;border:none;border-radius:10px;width:220px;height:50px;margin-top:30px;font-size:12px;font-weight:600;line-height:1;position:relative}.submit-btn:before{content:"";z-index:2;background:#1f1e1c;border-radius:10px;width:100%;height:0;transition:height .5s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:0}.submit-btn:hover:before{height:100%}.submit-btn span{z-index:2;position:relative}.form-row input:focus,.form-row textarea:focus{border:2px solid #ef3466;outline:none;transition:all 1s}@media (max-width:720px){.contact-wrapper{width:100%}.description{width:80%;font-size:15px}}@media (max-width:500px){.title{font-size:40px}.description{width:92%;font-size:13px}.form-row label{font-size:13px}.submit-btn{width:190px;font-size:11px}.form-row input,.form-row textarea{height:45px}.form-row textarea{overflow:hidden}}