@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap);::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#ffffffb3;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-button{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans,sans-serif;font-weight:300;letter-spacing:.5px;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.parallax-container{-webkit-overflow-scrolling:touch;height:calc(100vh - 80px);margin-top:80px;overflow-x:hidden;overflow-y:auto;perspective:1px;position:relative;scrollbar-color:#ffffffb3 #0000004d;scrollbar-width:thin}.parallax-background{background-image:url(data:image/jpeg;base64,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);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;transform:translateZ(-1px) scale(1.5);z-index:-1}.parallax-content{display:flex;flex-direction:column;min-height:100%;position:relative;text-align:center}.page-content-wrapper{flex-grow:1}.navbar{align-items:center;background:#fffffff2;border-bottom:1px solid #0000001a;display:flex;font-size:1.2rem;height:80px;justify-content:space-between;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc}}.nav-logo{color:#000;cursor:pointer;font-size:2rem;font-weight:300;justify-self:start;letter-spacing:10px;padding-bottom:8px;position:relative;text-decoration:none;text-transform:uppercase}.nav-logo:after{background-color:red;border-radius:4px;bottom:5px;content:"";height:5px;left:0;position:absolute;width:100%}.nav-menu{align-items:center;display:flex;list-style:none;margin:0;padding:0;text-align:center}.nav-item{height:80px;padding:0 1rem}.nav-link{align-items:center;color:#000;display:flex;height:100%;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{content:attr(data-text);font-weight:700;height:0;overflow:hidden;visibility:hidden}.nav-link:hover{color:#555}.nav-link.active{color:#000;font-weight:700}.menu-icon{display:none}.menu-icon-line{background-color:#000;height:3px;margin:5px;transition:all .3s ease;width:25px}@media screen and (max-width:960px){.nav-menu{display:flex;flex-direction:column;height:100vh;left:-100%;position:fixed;top:0;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#fffffff2;left:0;z-index:1}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px)){.nav-menu.active{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6}}.nav-item,.nav-link{text-align:center;width:100%}.nav-link{box-sizing:border-box;display:block;padding:2rem}.nav-item:hover{background-color:#0000000d}.nav-item.active{background-color:initial}.nav-item.active:hover{background-color:#0000000d}.nav-link.active{font-weight:700}.menu-icon{cursor:pointer;display:block}}.hero-container{align-items:center;background:#0000;color:#1a1a1a;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 180px);padding-left:2rem;padding-right:2rem;padding-top:10vh;text-align:center}.hero-container h1{font-size:4rem;font-weight:300;letter-spacing:10px;margin-bottom:1rem;text-transform:uppercase}.hero-container p{font-size:1.3rem;letter-spacing:2px;line-height:1.6;margin-bottom:20rem;max-width:800px}.featured-container{padding:4rem 2rem;text-align:center}.featured-container h2{font-size:2.5rem;margin-bottom:3rem}.featured-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.project-card{background:#1c1c1c;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease}.project-card:hover{transform:scale(1.05)}.project-card img{display:block;height:200px;object-fit:cover;width:100%}.project-info{background:linear-gradient(0deg,#000000e6 0,#0000);bottom:0;color:#fff;left:0;padding:2rem 1rem 1rem;position:absolute;right:0;text-align:left}.project-info h3{font-size:1.5rem;margin-bottom:.25rem}.project-info p{font-size:1rem;font-weight:300}@media screen and (max-width:768px){.featured-container{padding:2rem 1rem}}.tuotannot-container{color:#1a1a1a;min-height:60vh;padding:4rem 2rem;text-align:center}.tuotannot-container h1{font-size:2.8rem;margin-bottom:3rem}.tuotannot-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.production-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff4d;box-shadow:0 4px 30px #0000001a;color:#1a1a1a;overflow:hidden;padding:2rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.production-card.taller-card{align-items:center;display:flex;justify-content:center;min-height:450px}.production-card:hover{background:#0000001a}.production-card h3{font-size:1.8rem;margin-top:0;transition:transform .3s ease}.production-card:hover h3{transform:translateY(-40px)}.production-card p{transition:transform .3s ease}.production-card:hover p{transform:translateY(-40px)}.referenssit-container{color:#1a1a1a;margin:0 auto;max-width:960px;padding:40px 20px;text-align:center}.referenssit-container h2{font-size:2.5rem;margin-bottom:20px}.referenssit-container p{font-size:1.5rem}.referenssit-container a{background-color:#f5c518;border-radius:8px;color:#1a1a1a;display:inline-block;font-weight:1000;padding:10px 20px;text-decoration:none;transition:transform .2s ease}.referenssit-container a:hover{transform:scale(1.05)}.tuotantopalvelut-container{color:#1a1a1a;margin:0 auto;max-width:960px;padding:40px 20px;text-align:center}.tuotantopalvelut-container h2{font-size:2.5rem;margin-bottom:20px}.tuotantopalvelut-container p{font-size:1.2rem}.yhteystiedot-container{color:#333;margin:0 auto;max-width:1200px;padding:40px 20px}.yhteystiedot-container h2{color:#1a1a1a;font-size:2.8rem;margin-bottom:40px;text-align:center}.contact-cards-wrapper{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.contact-card{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #0000001a;border-radius:15px;box-shadow:0 4px 20px #0000001a;flex:1 1;max-width:450px;min-width:300px;padding:30px;text-align:left}.contact-card h3{border-bottom:2px solid #e0e0e0;color:#111;font-size:1.8rem;margin-bottom:25px;margin-top:0;padding-bottom:10px}.contact-item{align-items:center;display:flex;font-size:1.2rem;line-height:1.6;margin-bottom:15px}.contact-icon{color:#555;font-size:1.4rem;margin-right:15px}.contact-item a{color:#007bff;text-decoration:none}.contact-item a:hover{text-decoration:underline}.production-subpage-container{color:#1a1a1a;margin:0 auto;max-width:960px;padding:40px 20px;text-align:center}.production-subpage-container h1{font-size:2.8rem;margin-bottom:20px}.production-subpage-container p{font-size:1.2rem;line-height:1.6}.footer{background-color:#1a1a1a;color:#ccc;padding:2rem 1rem;text-align:center}.footer-container{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.footer-contact-wrapper{align-items:center;display:flex;gap:20px}.footer-profile-pic{border-radius:50%;height:80px;object-fit:cover;width:80px}.footer-section p{margin:.3rem 0;text-align:left}.footer-bottom{color:#888;font-size:.9rem}
/*# sourceMappingURL=main.f4d1f48c.css.map*/