body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,code,html{font-family:Manrope,sans-serif}body,html{height:100%;margin:0;padding:0}nav ul{display:flex;gap:10px;list-style:none}nav a{color:#000;font-weight:700;text-decoration:none}.hero{align-items:center;background-image:url(/static/media/fitness.9cd784c85fd131da84ae.png);background-position:50%;background-size:cover;color:#fff;display:flex;height:70vh;justify-content:center;margin-top:80px;position:relative;text-align:center}.corner-text{background-color:#fff;border-radius:2.5rem;bottom:0;color:#000;font-family:Manrope,sans-serif;font-size:22px;line-height:1.2;max-width:40%;padding:1rem 1rem 1.5rem 1.5rem;position:absolute;right:0;text-align:justify;transition:background-color .5s;z-index:10}.footer{background-color:#f1f1f1;padding:10px;text-align:center}.footer a{color:inherit;text-decoration:none;transition:color .3s}.footer a:hover{color:#555}.navbar{background-color:#fff;font-family:Manrope,sans-serif;font-size:13px;font-weight:300;justify-content:center;left:50%;line-height:100%;padding:.25rem 1.5rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:10}.navbar-main,.navbar-other{position:absolute}.logo{margin-right:1rem}.menu{display:flex;gap:1.5rem;justify-content:center;margin:0;padding:0}.menu li a{border-radius:8px;color:#333;font-family:Manrope,sans-serif;font-size:18px;padding:.25rem .5rem}.menu li a:hover{color:#555}.portfolio{padding:0 50px 50px}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:700px}.portfolio-item{border-radius:10px;height:100%;overflow:hidden;position:relative}.portfolio-item.large{grid-column:1/3;grid-row:1/2}.portfolio-item.exterior{grid-column:4;grid-row:1}.portfolio-item.interior{grid-column:3;grid-row:2}.portfolio-item img{border-radius:30px;height:100%;object-fit:cover;width:100%}.portfolio-item.ex{grid-column:1;grid-row:2}.portfolio-heading{font-size:50px;font-weight:700;margin-bottom:40px;text-align:center}.exterior-design-card{color:#000;grid-column:3;grid-row:1;margin-top:8%;padding:40px;text-align:justify}.interior-design-card{grid-column:4}.architecture-card,.interior-design-card{color:#000;grid-row:2;margin-top:10%;padding:40px;text-align:justify}.architecture-card{grid-column:2}.large-heading{font-size:28px;text-align:center}.logo-image{display:block;height:70px;width:auto}.description{background-color:#f9f9f9;padding:50px}.description-container{display:flex;flex-wrap:wrap;gap:20px}.description-left{align-items:center;display:flex;flex:1 1;font-size:24px;font-weight:700;justify-content:center;min-width:300px;text-transform:uppercase}.description-right{flex:2 1;font-size:19px;line-height:1.5;min-width:300px;text-align:justify}.latest{background-color:#f0f0f0;padding:50px}.latest-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}@media (max-width:780px) and (min-width:481px){.latest-container{grid-template-columns:repeat(3,1fr)}.latest-item:nth-child(3),.latest-item:nth-child(6){display:none}}@media screen and (max-width:480px){.latest-container{grid-template-columns:repeat(2,1fr)}.latest-item:nth-child(3),.latest-item:nth-child(5),.latest-item:nth-child(6),.latest-item:nth-child(8){display:none}}.latest-item{flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease}.latest-item img{border-radius:40px;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.latest-item:hover img{transform:scale(1.05)}.hero-overlay{animation:slideInFromLeft 1s ease-out forwards;background-color:#0000004d;height:100%;left:0;position:absolute;top:0;width:50%;z-index:5}.latest-item:hover .overlay{opacity:1}.latest-heading{font-size:50px;font-weight:700;margin-bottom:20px;text-align:center}.latest-description{color:#555;font-size:19px;line-height:1.5;margin-bottom:30px;text-align:center}@media screen and (max-width:481px){.desktop-only{display:none}.latest-description{font-size:16px;line-height:1.4;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:90%}}.contact{background-color:#f9f9f9;padding:50px}.contact-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.contact-left,.contact-menu,.contact-right{box-sizing:border-box;width:100%}.contact-menu{grid-column:1/-1}.contact-left,.contact-menu,.contact-right{font-size:19px;line-height:1.5}.contact-menu ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);list-style:none;padding:0}.contact-menu li{margin-bottom:10px}.contact-menu a{color:#333;text-decoration:none;transition:color .3s}.contact-menu a:hover{color:#555}.contact-heading{font-size:40px;font-weight:700;margin-bottom:20px;text-align:center}.company-name{animation:slideInFromLeft 1s ease-out forwards;color:#fff;font-size:3.5em;font-weight:700;left:10%;position:absolute;text-align:left;top:50%;transform:translateY(-50%);z-index:20}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.large-heading{font-size:24px;font-weight:700}@media screen and (max-width:481px){.contact-container{flex-direction:column;gap:20px}.contact-left,.contact-menu,.contact-right{min-width:100%;width:100%}}.about-us{align-items:center;align-self:center;border-radius:10px;display:flex;flex-direction:column;margin:60px auto 100px;padding:20px;width:70%}.about-heading,.team-heading{font-family:Manrope,sans-serif;font-size:45px;font-weight:700;text-align:center}.about-description,.ceo-description,.team-description{font-family:Manrope,sans-serif;font-size:23px;line-height:1.5;text-align:justify}.ceo{align-items:center;display:flex;justify-content:center;margin-top:20px}.ceo-image{border-radius:10%;height:400px;margin-left:60px;margin-right:60px;object-fit:cover;width:400px}.ceo-name,.ceo-title{font-weight:700}.ceo-name{font-size:35px}.services-content{align-items:center;display:flex;justify-content:center}.services-image{border-radius:30px;height:650px;margin:30px 50px 50px 10px;object-fit:cover;width:650px}.services{margin:60px auto;padding:20px;text-align:left;width:70%}.services-heading{font-family:Manrope,sans-serif;font-size:45px;font-weight:700;margin-bottom:20px}.services-description{text-align:justify}.contact-us,.services-description{font-family:Manrope,sans-serif;font-size:25px;line-height:1.5;margin-bottom:20px}.services-list{font-size:60px;list-style:none;padding:0}.service-item{align-items:center;animation:slide-in .5s forwards;display:flex;font-family:Manrope,sans-serif;font-size:30px;font-weight:700;line-height:1.5;margin-bottom:10px;opacity:0}.service-item-number{font-size:50px;margin-right:10px}.service-item:first-child{animation-delay:0s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.4s}.service-item:nth-child(4){animation-delay:.6s}.service-item:nth-child(5){animation-delay:.8s}.service-item:nth-child(6){animation-delay:1s}.service-item:nth-child(7){animation-delay:1.2s}@keyframes slide-in{0%{transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.contact-us-button{background-color:#000;border:none;border-radius:5px;color:#fff;display:block;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;margin:20px auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.contact-us-button:hover{background-color:#0c3316}.confidential-policy{font-family:Manrope,sans-serif;font-size:19px;line-height:1.5;margin:0 auto;max-width:70%;padding:100px;text-align:justify}.projects{font-family:Manrope,sans-serif;font-size:28px;margin:60px auto;max-width:1200px;padding:20px;text-align:center}h1{font-size:45px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;margin-top:50px}.project-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative}.project-image-container{overflow:hidden;position:relative}.project-image{display:block;height:386px;object-fit:cover;transition:transform .3s ease;width:386px}.project-image-container:hover .project-image{transform:scale(1.05)}.project-name{color:#333}.project-name,.project-name-button{font-size:16px;font-weight:700;margin-bottom:10px}.project-name-button{background-color:#000;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.project-name-button:hover{background-color:#333}.overlay{align-items:center;background-color:#00000080;border-radius:10px;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-image-container:hover .overlay{opacity:1}.view-project-text{color:#fff;font-size:16px;font-weight:700}.project-detail{margin:0 auto}.project-detail-item img{height:auto;width:100%}.project-popup-content{background-color:#fff;border-radius:10px;padding:20px}.nav-button{background-color:#fffc;border-radius:50%;color:#333;font-size:18px}.nav-button.left{left:10px}.nav-button.right{right:10px}.experience{align-items:center;display:flex;gap:140px;justify-content:center;margin:50px 0}.experience-item{text-align:center}.experience-number{color:#333;font-size:100px;font-weight:700}.experience-text{color:#333232;font-size:40px}.cookie-consent{align-items:center;color:#020202;display:flex;justify-content:center;left:0;padding:10px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.cookie-consent p{flex:1 1;font-size:12px;margin:0;padding:0 10px}.cookie-consent button{background-color:#024e80;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;margin-right:100px;padding:10px 20px}.cookie-consent button:hover{background-color:#056fb6}.project-detail{margin-top:60px;max-width:1200px;padding:50px;text-align:center}.project-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:50px}.project-detail-item img{border-radius:10px;cursor:pointer;height:386px;object-fit:cover;transition:transform .3s ease;width:386px}.project-popup{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.project-popup,.project-popup-content{align-items:center;display:flex;justify-content:center}.project-popup-content{position:relative}.project-popup-content img{max-height:70vh;width:auto}.close-button{background-color:red;border:none;border-radius:5px;padding:5px 10px;right:10px;top:10px}.close-button,.nav-button{color:#fff;cursor:pointer;position:absolute}.nav-button{background-color:#00000080;border:none;padding:10px;top:50%;transform:translateY(-50%);z-index:10}.nav-button.left{left:-50px}.nav-button.right{right:-50px}.project-popup img{height:auto;max-width:100%}.back-button{background-color:#050505;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:10px 20px}.back-button:hover{background-color:#2e3032}.back-button-end{margin-top:40px}.navbar{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.hamburger-icon{background-color:#fff;display:block;height:3px;position:relative;width:25px}.hamburger-icon:after,.hamburger-icon:before{background-color:#fff;content:"";display:block;height:3px;position:absolute;transition:all .3s;width:25px}.hamburger-icon:before{top:-8px}.hamburger-icon:after{top:8px}.navbar .hamburger{background-color:#333;border:2px solid #333;border-radius:5px;cursor:pointer;display:none;padding:15px 10px}@media (max-width:780px){.menu{background-color:#fff;border:1px solid #ccc;display:none;flex-direction:column;padding:10px;position:absolute;right:0;top:90px;width:100vw}.menu.menu-open{display:flex}.navbar{justify-content:space-between}.navbar .hamburger{display:block;margin:10px}}.menu li{margin:0 10px;transition:background-color .3s}.menu li:hover{background-color:#f0f0f0}.menu li a{color:inherit;display:block;padding:10px;text-decoration:none;transition:background-color .3s}.menu li a:hover{background-color:#e0e0e0}@media (max-width:780px){.hero{align-items:center;background-image:url(/static/media/fitness.9cd784c85fd131da84ae.png);background-position:50%;background-size:cover;color:#fff;display:flex;height:40vh;justify-content:center;margin-top:90px;position:relative;text-align:center}.company-name{animation:slideInFromLeft 1s ease-out forwards;color:#fff;font-size:2em;font-weight:700;left:10%;position:absolute;text-align:left;top:50%;transform:translateY(-50%);z-index:20}}@media (max-width:1425px) and (min-width:781px){.portfolio-grid{height:auto}}@media (max-width:1200px) and (min-width:781px){.portfolio{padding:50px}.portfolio-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr .2fr 1fr;height:auto}.portfolio-item.large{display:none}.portfolio-item.exterior{grid-column:1;grid-row:1}.portfolio-item.interior{grid-column:2;grid-row:1}.portfolio-item img{border-radius:20px;height:90%;margin:30px;object-fit:cover;width:90%}.portfolio-item.ex{grid-column:1;grid-row:3}.exterior-design-card{grid-column:1}.exterior-design-card,.interior-design-card{color:#000;grid-row:2;margin:30px;padding:0;text-align:justify;z-index:10}.interior-design-card{grid-column:2}.architecture-card{color:#000;grid-column:2;grid-row:3;margin:30px;padding:60px 0 0;text-align:justify}.exterior-design-card,.interior-design-card{height:150px;overflow:hidden}}@media (max-width:780px){.portfolio{padding:0 30px 30px}.portfolio-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;grid-template-rows:1fr .2fr 1fr .2fr 1fr .2fr;height:auto}.portfolio-heading{font-size:30px;font-weight:700;margin-bottom:30px;text-align:center}.portfolio-item.large{display:none}.portfolio-item.exterior{grid-column:1;grid-row:1}.portfolio-item.interior{grid-column:1;grid-row:3}.portfolio-item img{border-radius:20px;height:100%;object-fit:cover;width:100%}.portfolio-item.ex{grid-column:1;grid-row:5}.exterior-design-card{grid-row:2}.exterior-design-card,.interior-design-card{color:#000;grid-column:1;margin:0 30px 10px;padding:0;text-align:justify;z-index:10}.interior-design-card{grid-row:4}.architecture-card{color:#000;grid-column:1;grid-row:6;margin:0 30px;padding:0;text-align:justify}.description{background-color:#f9f9f9;padding:10px 30px 30px}.description-container{display:flex;flex-wrap:wrap;gap:5px}.description-left{align-items:center;display:flex;flex:1 1;font-size:18px;font-weight:700;justify-content:center;min-width:300px;text-transform:uppercase}.description-right{flex:2 1;font-size:14px;line-height:1.5;min-width:300px;text-align:justify}}@media (max-width:1000px) and (min-width:781px){.experience{align-items:center;display:flex;gap:100px;justify-content:center;margin:50px 0;width:auto}.experience-item{text-align:center}.experience-number{color:#333;font-size:70px;font-weight:700}.experience-text{color:#333232;font-size:30px}}@media (max-width:780px) and (min-width:435px){.experience{align-items:center;display:flex;gap:50px;justify-content:center;margin:30px 0;width:auto}.experience-item{text-align:center}.experience-number{color:#333;font-size:60px;font-weight:700}.experience-text{color:#333232;font-size:20px}}@media (max-width:435px){.experience{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;margin:30px 0;width:auto}.experience-item{text-align:center;width:100%}.experience-number{color:#333;font-size:60px;font-weight:700}.experience-text{color:#333232;font-size:20px}}@media (max-width:780px) and (min-width:481px){.latest{background-color:#f0f0f0;padding:50px}.latest-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.latest-item{flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease}.latest-item img{border-radius:10px;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.latest-item:hover img{transform:scale(1.05)}.latest-item:hover .overlay{opacity:1}.latest-heading{font-size:30px;font-weight:700}.latest-description,.latest-heading{margin-bottom:20px;text-align:center}.latest-description{color:#555;font-size:14px;line-height:1.5}}@media (max-width:480px){.latest{background-color:#f0f0f0;padding:30px}.latest-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.latest-item{flex:1 1;overflow:hidden;position:relative;transition:transform .3s ease}.latest-item img{border-radius:10px;display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.latest-item:hover img{transform:scale(1.05)}.latest-item:hover .overlay{opacity:1}.latest-heading{font-size:20px;font-weight:700;margin-bottom:5px;text-align:center}.latest-description{color:#555;font-size:12px;line-height:1.5;margin-bottom:20px;text-align:justify}.contact{background-color:#f9f9f9;padding:30px}.contact-container{display:flex;flex-wrap:wrap;gap:10px}.contact-left,.contact-menu,.contact-right{box-sizing:border-box;flex:1 1;font-size:15px;line-height:1.5;min-width:auto}.contact-menu ul{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr;list-style:none;padding:0}.contact-menu li{margin-bottom:5px}.contact-menu a{color:#333;text-decoration:none;transition:color .3s}.contact-menu a:hover{color:#555}.contact-heading{font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}}@media (max-width:780px) and (min-width:481px){.contact-heading{font-size:30px;font-weight:700;margin-bottom:10px;text-align:center}.contact-left,.contact-menu,.contact-right{font-size:16px;line-height:1.5}}@media (max-width:480px){.footer{font-size:13px;padding:10px}.projects{font-family:Manrope,sans-serif;font-size:15px;margin:60px auto;max-width:auto;padding:20px;text-align:center}h1{font-size:30px}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;justify-content:center;margin-top:30px}.project-image{display:block;height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.project-name-button{background-color:#000;border-radius:5px;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-bottom:15px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}}@media (max-width:900px) and (min-width:481px){.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;justify-content:center;margin-top:30px}}@media (max-width:1250px) and (min-width:901px){.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-content:center;margin-top:30px}}@media (max-width:480px){.about-us{align-items:center;align-self:center;border-radius:10px;display:flex;flex-direction:column;margin:60px auto 50px;padding:10px;width:80%}.about-heading,.team-heading{font-family:Manrope,sans-serif;font-size:30px;font-weight:700;text-align:center}.about-description,.ceo-description,.team-description{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;text-align:justify}.ceo-description{padding:20px}.ceo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.ceo-image{border-radius:10%;height:200px;margin-left:30px;margin-right:30px;object-fit:cover;width:200px}.ceo-name,.ceo-title{font-weight:700}.ceo-name{font-size:25px}.contact-us-button{background-color:#000;border:none;border-radius:5px;color:#fff;display:inline-block;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}}@media (max-width:780px) and (min-width:481px){.about-heading,.team-heading{font-family:Manrope,sans-serif;font-size:35px;font-weight:700;text-align:center}.about-description,.ceo-description,.team-description{font-family:Manrope,sans-serif;font-size:16px;line-height:1.5;text-align:justify}.ceo-description{padding:20px}.ceo{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.ceo-image{border-radius:10%;height:250px;width:250px}.contact-us-button{font-size:16px}.ceo-name{font-size:30px;font-weight:700}}@media (max-width:900px){.services-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.services-image{border-radius:20px;height:200px;margin:30px;object-fit:cover;width:80vw}.services{margin:60px auto;padding:20px;text-align:justify;width:80%}.services-heading{font-family:Manrope,sans-serif;font-size:30px;font-weight:700;margin-bottom:20px;text-align:center}.contact-us,.services-description{font-family:Manrope,sans-serif;font-size:15px;line-height:1.5;margin-bottom:10px}.services-list{font-size:40px;list-style:none;padding:0}.service-item{align-items:center;animation:slide-in .5s forwards;display:flex;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;justify-content:left;line-height:1.5;margin-bottom:5px;opacity:0}.service-item-number{font-size:35px;margin-right:10px}}@media (max-width:1200px) and (min-width:901px){.services-image{border-radius:20px;height:400px;margin:30px;object-fit:cover;width:auto}.service-item{align-items:center;animation:slide-in .5s forwards;display:flex;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;justify-content:left;line-height:1.5;margin-bottom:5px;opacity:0}.service-item-number{font-size:35px;margin-right:10px}.services-content{align-items:right;display:flex;justify-content:center}.contact-us-button{background-color:#000;border:none;border-radius:5px;color:#fff;display:block;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;margin:20px auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}}@media (max-width:900px){.confidential-policy{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;margin:auto;padding:90px 10px 10px;text-align:justify}h1{font-size:20px}}@media (max-width:480px){.project-detail{margin:0 auto;max-width:auto;padding:50px;text-align:center}.project-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.project-detail-item img{border-radius:10px;cursor:pointer;height:auto;transition:transform .3s ease;width:100%}.project-popup{background-color:#000c;height:100%;left:0;position:fixed;top:0;z-index:1000}.project-popup,.project-popup-content{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:20px;width:100%}.project-popup-content{height:auto;position:relative}.project-popup-content img{max-height:auto;object-fit:contain;padding:20px;width:auto}.nav-button{align-items:center;background-color:initial;border:none;color:#ffffff80;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:50%}.nav-button:hover{background-color:#ffffff1a}.nav-button.left{justify-content:flex-start;left:0;padding-left:20px}.nav-button.right{justify-content:flex-end;padding-right:20px;right:0}.back-button{background-color:#050505;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:90px;padding:5px 10px}}@media (max-width:1280px) and (min-width:481px){.project-detail{box-sizing:border-box;margin:0 auto;max-width:100%;padding:20px;text-align:center}.project-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:0 20px}.project-detail-grid,.project-detail-item,.project-detail-item img{box-sizing:border-box;width:100%}.project-detail-item img{border-radius:10px;height:auto;transition:transform .3s ease}.project-popup{background-color:#000c;height:100%;left:0;overflow:hidden;position:fixed;top:0;z-index:1000}.project-popup,.project-popup-content{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:10px;width:100%}.project-popup-content{height:auto;position:relative}.project-popup-content img{box-sizing:border-box;height:auto;max-width:100%;object-fit:contain;padding:10px}.nav-button{align-items:center;background-color:initial;border:none;box-sizing:border-box;color:#ffffff80;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:50%}.nav-button:hover{background-color:#ffffff1a}.nav-button.left{justify-content:flex-start;left:0;padding-left:10px}.nav-button.right{justify-content:flex-end;padding-right:10px;right:0}.close-button{background-color:red;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:1001}.back-button,.close-button{border:none;border-radius:5px;color:#fff;cursor:pointer}.back-button{background-color:#050505;font-size:16px;font-weight:700;margin-top:90px;padding:10px 20px}}
/*# sourceMappingURL=main.963ecbf9.css.map*/