:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#8a3352;--accent-soft:#8a33521a;--bg-primary:#fdfbfb;--bg-card:#f6f4f5;--text-main:#1e181a;--text-muted:#6e6568;--border-subtle:#1e181a1a;--gutter:2rem;--transition:cubic-bezier(.4, 0, .2, 1);--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-weight:600;line-height:1.15}p{color:#000;max-width:70ch;margin-bottom:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.site-header{width:100%;height:var(--header-height);border-bottom:1px solid var(--border-subtle);padding:0 var(--gutter);z-index:1000;background:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.header-logo{color:var(--accent);letter-spacing:-.02em;cursor:pointer;transition:color .3s var(--transition), opacity .3s var(--transition);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--text-main);opacity:.95}.mobile-menu-btn{right:var(--gutter);color:var(--text-main);cursor:pointer;z-index:1100;background:0 0;border:none;padding:.5rem;display:none;position:absolute}.desktop-nav{align-items:center;gap:2rem;margin-left:auto;margin-right:2rem;display:flex}.nav-link{color:#000;cursor:pointer;transition:color .2s var(--transition);font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--accent)}.nav-cta{padding:.6rem 1.5rem;font-size:.95rem}.mobile-overlay{background:var(--bg-primary);z-index:1050;opacity:0;pointer-events:none;width:100%;height:100vh;transition:opacity .3s var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;top:0;left:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-overlay .nav-link{font-size:2rem}.mobile-close-btn{top:1.5rem;right:var(--gutter);color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute}section{padding:12vh var(--gutter);flex-direction:column;justify-content:center;max-width:1400px;min-height:80vh;margin:0 auto;display:flex}.reveal{opacity:0;transition:opacity .8s var(--transition), transform .8s var(--transition);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.hero-collage-section{width:100%;max-width:100%;min-height:100vh;padding:calc(var(--header-height) + 4vh) var(--gutter) 8vh;background:var(--bg-primary);text-align:center;justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.hero-path-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-blob-path{width:100%;height:110%;position:absolute;bottom:-5%;left:0}.hero-accent-line{stroke-dasharray:2000;stroke-dashoffset:2000px;animation:2s ease-out .5s forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.hero-bg-overlay{display:none}@media (width<=992px){.hero-bg-overlay{background:#fdfbfbd9}}.collage-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}@media (width>=992px){.collage-container{grid-template-columns:.9fr 1.1fr;align-items:center;gap:2rem;display:grid}}.hero-text-side{z-index:5;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=992px){.hero-text-side{text-align:left;align-items:flex-start}}.hero-header-box{flex-direction:column;align-items:center;gap:1.5rem;max-width:1000px;display:flex}@media (width>=992px){.hero-header-box{align-items:flex-start}}.hero-photos-side{justify-content:center;align-items:center;width:100%;height:450px;display:flex;position:relative}.hero-photo-card{width:320px;height:420px;transition:transform .8s var(--transition), opacity .8s var(--transition);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.hero-photo-card img{object-fit:cover;width:100%;height:100%}.hero-photo-card.reveal{opacity:0;transform:scale(.95)translateY(30px)}.hero-photo-card.reveal.active{opacity:1;transform:scale(1)translateY(0)}@media (width<=992px){.hero-photos-side{height:350px;margin-bottom:2rem}.hero-photo-card{width:260px;height:340px}}.brand-label{color:var(--accent);letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(3.5rem,10vw,7rem);font-weight:700;line-height:1}.hero-service-label{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-top:-.5rem;margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:500}.cursive-slogan{color:#000;margin-bottom:1.5rem;font-family:Dancing Script,cursive;font-size:clamp(1.4rem,3.5vw,2.2rem)}.hero-cta-wrapper{flex-direction:column;align-items:center;gap:0;margin-top:1rem;display:flex;position:relative}@media (width>=992px){.hero-cta-wrapper{align-items:flex-start;margin-top:1rem}}.hero-arrow-down{width:50px;height:80px;color:var(--accent);margin-top:-10px;animation:2s infinite bounceArrow}@media (width>=992px){.hero-arrow-down{margin-left:50px}}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.floating-shape{z-index:1;opacity:.4;border-radius:50%;animation:4s ease-in-out infinite floating;position:absolute}.shape-1{background:var(--accent-soft);width:80px;height:80px;animation-delay:0s;top:-20px;left:20%}.shape-2{background:#8a335226;width:60px;height:60px;animation-delay:-1.5s;bottom:40px;right:15%}.shape-3{background:var(--accent);width:40px;height:40px;animation-delay:-3s;bottom:20%;left:10%}@keyframes floating{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}}.hero-collage-section:before,.floating-shape{display:none}.scattered-photos{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.scattered-photo{opacity:0;background-position:50%;background-size:cover;border-radius:12px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards popIn;position:absolute;box-shadow:0 8px 24px #00000026}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.scattered-photo-1{z-index:1001;width:200px;height:240px;animation-delay:.2s;top:-80px;right:15%;transform:rotate(-8deg)}.scattered-photo-2{width:180px;height:220px;animation-delay:.4s;top:25%;left:8%;transform:rotate(12deg)}.scattered-photo-3{width:220px;height:180px;animation-delay:.6s;top:55%;right:8%;transform:rotate(-5deg)}.scattered-photo-4{width:190px;height:230px;animation-delay:.8s;bottom:15%;left:12%;transform:rotate(15deg)}.scattered-photo-5{width:210px;height:160px;animation-delay:1s;bottom:20%;right:20%;transform:rotate(-12deg)}.hero-slider{width:100%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1);display:flex;position:relative}.hero-slide{background-position:50%;background-size:cover;flex:0 0 100%;height:100%}.slider-btn{color:#fff;cursor:pointer;z-index:10;width:50px;height:50px;transition:background .3s var(--transition), transform .3s var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e181a66;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{background:var(--accent);transform:translateY(-50%)scale(1.1)}.prev-btn{left:2rem}.next-btn{right:2rem}@media (width<=768px){.slider-btn{width:40px;height:40px;font-size:1rem}.prev-btn{left:1rem}.next-btn{right:1rem}}@keyframes heroClipReveal{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(25% 0,100% 0,100% 100%,0% 100%)}}.sticky-gallery-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;max-width:none;min-height:auto;padding:0;display:flex;position:relative}@media (width>=992px){.sticky-gallery-section{flex-direction:row}}.sticky-side{width:100%;padding:6vh var(--gutter);background-color:var(--bg-primary);z-index:10}@media (width>=992px){.sticky-side{width:50%;padding:14vh 4vw}.sticky-content{top:calc(var(--header-height) + 8rem);max-width:28rem;margin-top:5%;position:sticky}}.sticky-content h2{color:var(--text-main);text-transform:none;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);font-weight:600;line-height:1.1}.sticky-subtitle{color:#000;margin-bottom:1rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500}.gallery-side{width:100%;padding:4rem var(--gutter);background-color:var(--accent);flex-direction:column;gap:4rem;display:flex;position:relative}@media (width>=992px){.gallery-side{gap:8vh;width:50%;padding:14vh 5vw 14vh 4vw}}.gallery-item{border-radius:24px;width:68.85%;margin:0 auto;overflow:hidden;box-shadow:0 24px 48px #1e181a1a}.gallery-item img{object-fit:cover;aspect-ratio:4/5;width:100%;height:auto;transition:transform .6s var(--transition);display:block}.gallery-item:hover img{transform:scale(1.03)}.btn-group{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;display:flex}.btn{background:var(--text-main);color:var(--bg-primary);border:2px solid var(--text-main);transition:transform .2s var(--transition), box-shadow .2s var(--transition), background .2s var(--transition), color .2s var(--transition);cursor:pointer;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2.2rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn:hover{box-shadow:8px 8px 0px var(--text-main);transform:translateY(-3px)}.btn-accent:hover{color:var(--accent);box-shadow:8px 8px 0px var(--accent);background:0 0}.grid-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:4rem;display:grid}.case-card{background:var(--bg-card);aspect-ratio:4/5;border:1px solid var(--border-subtle);transition:transform .3s var(--transition), border-color .3s var(--transition);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.case-card-content{background:var(--bg-card);z-index:2;flex-direction:column;justify-content:center;height:100%;padding:2.5rem;display:flex}.case-card-content h3{color:var(--accent);margin-bottom:1rem;font-size:1.8rem}.case-card:hover{border-color:var(--accent);transform:scale(.98)}.case-card img{object-fit:cover;filter:grayscale(15%);width:100%;height:100%;transition:transform .6s var(--transition), filter .6s var(--transition);position:absolute;top:0;left:0}.case-card:hover img{filter:grayscale(0%);transform:scale(1.08)}.contact-layout{grid-template-columns:1fr 1fr;align-items:flex-start;gap:5rem;display:grid}.profile-wrapper{position:relative}.profile-img{border-radius:40px;width:100%;max-width:550px;display:block;transform:translateY(-10%)}.contact-details h2{color:var(--text-main);margin-bottom:.5rem;font-size:3rem}.social-link-group{align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.social-link-group span{font-size:calc(.9rem + 5px)!important}.social-btn{border:1px solid var(--border-subtle);width:53px;height:53px;transition:all .3s var(--transition);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.social-btn:hover{border-color:var(--accent);transform:scale(1.2)}.social-btn img{width:22px;height:22px}.hover-btn{background:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;isolation:isolate;transition:transform .2s var(--transition);border:none;border-radius:2rem;justify-content:center;align-items:center;padding:.75rem 2rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.hover-btn:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:multiply;transition:transform .3s var(--transition);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #aacaff33,inset 0 0 16px #aacaff1a,inset 0 -3px 12px #aacaff26,0 1px 3px #00000080,0 4px 12px #00000073}.hover-btn:active:before{transform:scale(.975)}.hover-btn-circle{filter:blur(10px);pointer-events:none;z-index:-1;opacity:0;width:12px;height:12px;transition:opacity .3s var(--transition);border-radius:50%;position:absolute}.hover-btn-circle.fade-in{opacity:.75}.hover-btn-circle.fade-out{opacity:0;transition:opacity 1.2s var(--transition)}#yhteys .profile-intro span,#yhteys .social-link-group span,#yhteys .profile-intro p,.sticky-content p,.sticky-content div{color:#000!important}.site-footer{background:var(--accent);color:#fff;padding:4rem var(--gutter) 2rem;border-top:1px solid var(--border-subtle);position:relative}.footer-content{grid-template-columns:1fr 1fr 1fr;align-items:flex-start;gap:4rem;max-width:1400px;margin:0 auto 3rem;display:grid}.footer-brand{text-align:left}.footer-title{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:2.3rem;font-weight:700}.footer-slogan{color:#ffffffd9;margin-bottom:1.5rem;font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:500;line-height:1.5}.footer-design-link{color:#fff;cursor:pointer;transition:color .2s var(--transition);font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.footer-design-link:hover{color:#add8e6}.footer-section{text-align:left}.footer-section-title{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links p{color:#ffffffd9;max-width:none;margin-bottom:0;font-size:1rem}.footer-links p strong{color:#fff;margin-bottom:.25rem;font-weight:600;display:block}.footer-link{color:#fff;cursor:pointer;transition:color .2s var(--transition);font-size:1rem;text-decoration:none}.footer-link:hover{color:#ffffffb3}.footer-meta{color:#ffffffb3;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:2rem;font-family:Outfit,sans-serif;font-size:.95rem;display:flex}@media (width<=992px){.contact-layout{grid-template-columns:1fr;gap:3rem}.desktop-nav,.nav-cta{display:none}.mobile-menu-btn{z-index:1100;display:block;position:static}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-meta{text-align:center;flex-direction:column;gap:.75rem;display:flex}.sticky-content{margin-top:0;transform:none!important}.gallery-item{width:90%}.profile-img{border-radius:24px;max-width:100%;transform:none}.partner-logos{justify-content:center;margin-top:2rem!important;transform:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}