:root{--bg: #0b0b0c;--fg: #f4f4f2;--grey: #a8a8a3;--line: #232326;--accent: #00c2b8;--max-width: 1240px;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--fg);line-height:1.6;font-size:1.0625rem;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}h1,h2,h3{line-height:1.02;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}h1{font-size:clamp(2.6rem,7.5vw,6.2rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:1.25rem}p{max-width:65ch}a{color:inherit}.acc{color:var(--accent)}.sec-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}.ohita{position:fixed;top:.6rem;left:.6rem;z-index:80;transform:translateY(-160%);background:var(--accent);color:#050505;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.8rem 1.2rem;transition:transform .2s}.ohita:focus-visible{transform:none;outline:2px solid #fff;outline-offset:2px}main:focus{outline:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(#0b0b0cd1,#0b0b0c00);transition:background .3s,transform .3s,border-color .3s}.site-header.scrolled{background:#0b0b0ced;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header.hidden{transform:translateY(-100%)}.site-nav a[aria-current=page]{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;padding-bottom:1rem;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;font-size:1.05rem}.logo img{height:26px;width:auto;filter:invert(1)}.logo .dot{color:var(--accent)}.site-nav{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.07em;color:#dcdcd8}.site-nav a:hover{color:var(--accent)}.site-nav .try-link{color:var(--accent);border:1px solid rgba(0,194,184,.58);padding:.3rem .65rem}.site-nav .try-link:hover,.site-nav .try-link:focus-visible{color:var(--fg);border-color:var(--accent)}.lang-switch{font-size:.8rem;color:var(--grey)!important;border:1px solid var(--line);padding:.15rem .55rem}.lang-switch:hover{border-color:var(--accent)}.nav-toggle{display:none}@media(max-width:1040px){.site-header .container{flex-wrap:nowrap}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:0;min-width:44px;min-height:44px;padding:.5rem;margin:-.5rem;cursor:pointer;z-index:56;position:relative}.nav-toggle span{display:block;width:24px;height:2px;background:#eaeaea;transition:transform .3s,opacity .2s}body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{position:fixed;inset:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.1rem;padding:5.5rem 1rem 2rem;overflow-y:auto;background:#0b0b0cf5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:55}body.nav-open .site-nav{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}body.nav-open .site-header{z-index:55;transform:none;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.site-nav a{font-size:1.3rem;padding:.55rem 1.2rem}.site-nav .try-link{margin-top:.35rem}.lang-switch{margin-top:1rem;font-size:1rem;padding:.4rem 1.1rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;overflow:hidden}.hero .bg{position:absolute;inset:-8% 0;background-position:center 40%;background-size:cover;will-change:transform;animation:kenburns 24s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0c4d,#0b0b0c0d 40%,#0b0b0cf0 88%)}.hero .copy{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 2rem 8vh}.kicker{font-family:var(--mono);font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;opacity:.85}.kicker b{color:var(--accent);font-weight:400}.hero h1{margin-top:1rem;max-width:14ch}.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom}.hero h1 .w span{display:inline-block;transform:translateY(110%);animation:wordup .8s cubic-bezier(.2,.7,.2,1) forwards}@keyframes wordup{to{transform:translateY(0)}}.hero .sub{margin-top:1.4rem;max-width:44ch;font-size:clamp(1rem,1.5vw,1.25rem);color:#e6e6e2}.btn{display:inline-block;width:max-content;margin-top:2rem;background:var(--accent);color:#050505;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.95rem 2.2rem;text-decoration:none;transition:filter .15s,transform .15s}.btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--fg)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof .container{display:flex;flex-wrap:wrap;padding:0 2rem}.proof .cell{flex:1 1 200px;padding:1.6rem 1rem;border-left:1px solid var(--line)}.proof .cell:first-child{border-left:0}.proof .num{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em}.proof .num span{color:var(--accent)}.proof .lbl{font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-top:.2rem}.marquee{overflow:hidden;border-bottom:1px solid var(--line);padding:1.1rem 0;white-space:nowrap}.marquee .track{display:inline-block;animation:marquee 28s linear infinite}.marquee span{font-family:var(--mono);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--grey);margin-right:4rem}.marquee b{color:var(--accent);font-weight:400}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}section{padding:5.5rem 0}section+section{border-top:1px solid var(--line)}.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin-top:2.5rem}.case{position:relative;display:block;text-decoration:none;color:var(--fg);border:1px solid var(--line);overflow:hidden;transition:border-color .2s}.case .ph{aspect-ratio:4/3;overflow:hidden}.case .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.case:hover .ph img{transform:scale(1.06)}.case:hover{border-color:var(--accent)}.case .info{padding:1.2rem 1.3rem 1.4rem}.case .cat{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.case h3{font-size:1.3rem;margin:.35rem 0 .4rem}.case p{font-size:.92rem;color:var(--grey);max-width:44ch}.rows{margin-top:2.2rem;border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:baseline;padding:1.7rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg)}.row .n{font-family:var(--mono);color:var(--accent);font-size:.9rem}.row h2,.row h3{margin:0;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:-.01em}.row p{color:var(--grey);font-size:.95rem;max-width:60ch;margin-top:.3rem}.row .arrow{font-size:1.4rem;color:var(--grey);transition:transform .2s,color .2s}.row:hover .arrow{transform:translate(8px);color:var(--accent)}.row:hover h2,.row:hover h3{color:var(--accent)}.band{position:relative;min-height:clamp(480px,72svh,820px);display:flex;align-items:flex-end;isolation:isolate}.band .bg{position:absolute;inset:0;width:min(100%,1600px);margin-inline:auto;background-size:cover;background-position:center;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 68%,transparent),linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}.band video.bg{height:100%;object-fit:cover}.band .copy{position:relative;z-index:2;isolation:isolate;width:100%;max-width:var(--max-width);margin:0 auto;padding:10rem 2rem 3rem}.band .copy:before{content:"";position:absolute;z-index:-1;inset:35% -60px -60px;pointer-events:none;background:radial-gradient(ellipse closest-side,#0b0b0ccc,#0b0b0c66 55%,transparent)}.band h1{text-wrap:balance}.service-page .intro{font-size:1.25rem;margin-bottom:2rem;color:#ddddd8}.service-page ul{margin:1.5rem 0 1.5rem 1.25rem;max-width:65ch}.service-page li{margin-bottom:.5rem}.service-page li::marker{color:var(--accent)}.service-page h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem}.timeline{margin-top:2.5rem;border-left:1px solid var(--line)}.timeline .entry{padding:1.4rem 0 1.4rem 2rem;position:relative}.timeline .entry:before{content:"";position:absolute;left:-5px;top:2.1rem;width:9px;height:9px;background:var(--accent)}.timeline .year{font-family:var(--mono);color:var(--grey);font-size:.85rem}.timeline h3{margin:.2rem 0 .4rem}.site-footer{border-top:1px solid var(--line);position:relative;background:var(--bg)}.site-footer .inner{max-width:var(--max-width);margin:0 auto;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2rem;flex-wrap:wrap}.foot-tiedot{flex:1 1 auto}.site-footer .inner>script{display:none}.site-footer .small{font-size:.85rem;color:var(--grey);font-family:var(--mono)}.site-footer a{color:var(--fg)}.foot-merkki{position:relative;flex:0 0 auto;width:clamp(96px,11vw,128px);height:clamp(84px,10vw,112px);overflow:hidden}.foot-merkki-canvas{cursor:pointer;touch-action:manipulation}.foot-merkki-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.foot-merkki-kuva{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84%;height:auto;opacity:1}.foot-merkki-canvas[data-init]~.foot-merkki-kuva{opacity:0}@media(prefers-reduced-motion:reduce){.foot-merkki-canvas{display:none}.foot-merkki-canvas[data-init]~.foot-merkki-kuva{opacity:1}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}@media(prefers-reduced-motion:reduce){.hero .bg,.marquee .track{animation:none}.hero h1 .w span{animation:none;transform:none}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:640px){.hero{min-height:86vh}.band{min-height:48vh}.cases{grid-template-columns:1fr}.row{grid-template-columns:auto 1fr}.row .arrow{display:none}.container{padding:0 1.25rem}h1{font-size:clamp(1.65rem,7.3vw,2.6rem)}h2{font-size:clamp(1.5rem,6.5vw,1.8rem)}.figure figcaption{font-size:.68rem}}.figure{margin:2rem 0;border:1px solid var(--line);max-width:860px}.figure img{width:100%;display:block}.figure figcaption{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;color:var(--grey);padding:.7rem 1rem;border-top:1px solid var(--line)}.experience-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:860px;margin:2rem 0 3rem;border:1px solid var(--line);background:var(--line)}.experience-gallery .figure{margin:0;border:0;max-width:none;background:var(--bg)}.experience-gallery .figure img{aspect-ratio:4 / 3;object-fit:cover}@media(max-width:640px){.experience-gallery{grid-template-columns:1fr}}.hero-gl{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s}.hero-gl.on{opacity:1}.video-band{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden;padding:0;border-top:1px solid var(--line)}.video-band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0c59,#0b0b0c0d 45%,#0b0b0ceb 92%)}.video-band .vb-copy{position:relative;z-index:2;width:100%;padding-top:8rem;padding-bottom:3.5rem}.video-band p{margin-top:1rem;max-width:52ch;color:#d6d6d6}#virta-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s}#virta-bg.on{opacity:1}#dissolve-fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:45;pointer-events:none}main,.site-footer{position:relative;z-index:1}.hero-virta{background:transparent}.hero-virta .copy{pointer-events:none}.hero-virta .copy .btn,.hero-virta .copy a{pointer-events:auto}.no-gpu .hero-virta{background:url(/images/hero.jpg) center 40%/cover no-repeat;position:relative}.no-gpu .hero-virta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b0b0c4d,#0b0b0c0d 40%,#0b0b0cf0 88%)}.no-gpu .hero-virta .copy{position:relative;z-index:2}section,.proof,.marquee{background:#0b0b0cf5}section.service-page{background:#0b0b0cf7}.section-quote,#palvelut,#nayto{backdrop-filter:blur(1px)}.hero,.hero-virta,.video-band{background:transparent}.video-band{background:var(--bg)}.site-shell:not(.space-home){--grey:#c1c9c7}.site-shell:not(.space-home) #virta-bg.on{opacity:.65}.site-shell:not(.space-home) main{overflow-x:clip}.site-shell:not(.space-home) main section,.site-shell:not(.space-home) main .proof,.site-shell:not(.space-home) main .marquee{background:transparent}.site-shell:not(.space-home) main section>.container{position:relative;isolation:isolate}.site-shell:not(.space-home) main section>.container:before{content:"";position:absolute;inset:-90px -100px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 50%,#0b0b0cd9 0%,#0b0b0ca6 40%,#0b0b0c40 75%,transparent 100%)}.site-shell:not(.space-home) main :is(h1,h2,h3,p,li){text-shadow:0 1px 5px #000b}.site-shell:not(.space-home) .case .info{background:#0b0b0c80}.site-shell:not(.space-home) .site-footer{background:#0b0b0c66}.offers{margin-top:1.6rem;border-top:1px solid var(--line)}.offer{display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem 2rem;align-items:baseline;padding:1.7rem 0;border-bottom:1px solid var(--line)}.offers--services .offer{grid-template-columns:auto minmax(0,1fr)}.offer .n{font-family:var(--mono);color:var(--accent);font-size:.9rem}.offer h3{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.01em}.offer p{color:var(--grey);font-size:.95rem;max-width:58ch;margin-top:.35rem}.offer .meta{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--grey);margin-top:.75rem}.offer .meta b{color:var(--accent);font-weight:400}.offer .price{text-align:right;white-space:nowrap}.offer .price i{display:block;font-style:normal;font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grey);margin-bottom:.3rem}.offer .price b{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.offer.flag{background:linear-gradient(90deg,rgba(0,194,184,.07),transparent 62%);border-left:2px solid var(--accent);padding-left:1.4rem;margin-left:-1.4rem}.layers{margin:2.2rem 0 .6rem;max-width:780px}.layer{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:baseline;border:1px solid var(--line);background:#111113;padding:1.1rem 1.4rem}.layer+.layer{margin-top:-1px}.layer:nth-child(2){margin-left:2.6rem}.layer:nth-child(3){margin-left:5.2rem}.layer .ln{font-family:var(--mono);color:var(--accent);font-size:.85rem}.layer h3{font-size:1.05rem}.layer p{color:var(--grey);font-size:.88rem;max-width:48ch;margin-top:.2rem}.layer .tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}.pipes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.8rem}.pipe{background:var(--bg);padding:1.15rem 1.25rem 1.35rem}.pipe .pn{font-family:var(--mono);font-size:.68rem;color:var(--accent);letter-spacing:.16em}.pipe h3{font-size:1.02rem;margin:.45rem 0 .3rem}.pipe p{font-size:.86rem;color:var(--grey)}.offer h3,.offer .price b{transition:color .2s}.offer:hover h3,.offer:hover .price b{color:var(--accent)}.pipe{transition:background .2s}.pipe:hover{background:#131315}@media(max-width:900px){.pipes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pipes{grid-template-columns:1fr}}.layer[data-more]{cursor:pointer}.layer .more{max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s ease;color:var(--grey);font-size:.88rem;max-width:48ch}.layer.open .more{max-height:9em;margin-top:.5rem}.layer .hint{display:inline-block;font-family:var(--mono);color:var(--accent);margin-left:.7rem;transition:transform .25s}.layer.open .hint{transform:rotate(45deg)}.calc{display:grid;grid-template-columns:1fr auto;gap:1.6rem 3rem;align-items:center;border:1px solid var(--line);border-left:2px solid var(--accent);background:#111113;padding:1.7rem 1.9rem;margin-top:1.6rem;max-width:780px}.calc label{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.calc label+label{margin-top:1.3rem}.calc label b{color:var(--fg);font-size:.8rem;margin-left:.5rem}.calc input[type=range]{width:100%;height:44px;margin-top:.2rem;padding:0;background:transparent;accent-color:var(--accent);cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:pan-y}.calc input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.calc input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line)}.calc input[type=range]::-moz-range-track{height:3px;background:var(--line)}.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin-top:-11.5px;border:0;border-radius:50%;background:var(--accent)}.calc input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--accent)}.eml-toiminto{margin-bottom:2rem}.eml-toiminto .btn{margin-top:1.2rem;text-transform:none;letter-spacing:.02em}.calc .big{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;text-align:right;white-space:nowrap}.calc .big i{font-style:normal;color:var(--accent)}.calc .c-out .lbl{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);text-align:right;margin-top:.3rem}.c-note{font-size:.82rem;color:var(--grey);max-width:62ch;margin-top:.9rem}@media(max-width:820px){.calc{grid-template-columns:1fr}.calc .big,.calc .c-out .lbl{text-align:left}}@media(max-width:820px){.offer{grid-template-columns:auto 1fr}.offer .price{grid-column:2;text-align:left;margin-top:.2rem}.offer .price i{display:inline;margin-right:.6rem}.offer.flag{padding-left:1rem;margin-left:-1rem}.layer{grid-template-columns:auto 1fr}.layer .tag{grid-column:2}.layer:nth-child(2),.layer:nth-child(3){margin-left:0}}#kipina{position:fixed;inset:0;width:100vw;height:100vh;z-index:44;pointer-events:none;mix-blend-mode:screen}body.kipina-near{cursor:pointer}#kipina-sanka{position:fixed;top:0;left:0;z-index:44;display:none;height:1px;pointer-events:none;transform-origin:0 50%;background:linear-gradient(90deg,#00c2b8e6,#00c2b873);box-shadow:0 0 8px #00c2b859;will-change:width,transform}#kipina-sanka:after{content:"";position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#00c2b8c7}#kipina-sanka.dim{background:linear-gradient(90deg,#ff6b52e6,#ff6b5273);box-shadow:0 0 8px #ff6b5259}#kipina-sanka.dim:after{background:#ff6b52c7}#kipina-kupla{position:fixed;top:0;left:0;z-index:45;display:none;pointer-events:none;will-change:transform;background:#0b0b0c;color:#f4f4f2;border:1px solid rgba(0,194,184,.85);font-family:var(--mono);font-size:.78rem;line-height:1.45;padding:.5rem .7rem;max-width:min(78vw,280px);box-shadow:0 8px 26px #0000008c}#kipina-kupla.dim{background:#120a08;border-color:#ff6b52d9;color:#f6ece4}@media(max-width:719px){#kipina-kupla{font-size:.82rem;max-width:74vw}}@media(prefers-reduced-motion:reduce){#kipina-kupla,#kipina-sanka{display:none!important}}#kipina-ask{position:fixed;z-index:60;background:#0b0b0cf2;border:1px solid rgba(0,194,184,.7);padding:.9rem 1rem;max-width:240px;font-family:var(--mono)}#kipina-ask p{font-size:.8rem;color:var(--fg);margin-bottom:.7rem}#kipina-ask button{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--line);color:var(--grey);padding:.4rem .7rem;margin-right:.5rem;cursor:pointer}#kipina-ask button[data-yes]{border-color:var(--accent);color:var(--accent)}#kipina-ask button:hover{color:var(--fg);border-color:var(--fg)}#kipina-ask.dim{background:#180e0af2;border-color:#ff6b52b3}#kipina-ask.dim p{color:#f2ece4}#kipina-ask.dim button{border-color:#4a382e;color:#b9a898}#kipina-ask.dim button[data-yes]{border-color:#ff6b52;color:#ff6b52}#kipina-ask.dim button:hover{color:#f2ece4;border-color:#f2ece4}body.portal-zoom main,body.portal-zoom .site-header,body.portal-zoom .site-footer,body.portal-zoom .t3-rulla,body.portal-zoom .t3-loppuruutu,body.portal-zoom #tehdas3d,body.portal-zoom #virta-bg{transform-origin:var(--kx, 50vw) var(--ky, 50vh);transform:scale(var(--pz, 1));opacity:var(--pa, 1);will-change:transform,opacity}.dim-space{position:relative;z-index:2;color:#f2ece4}.dim-space .container{max-width:1100px;margin:0 auto;padding:0 2rem}.dim-space .dim-hero{min-height:86vh;display:flex;flex-direction:column;justify-content:center;padding:7rem 0 2rem}.dim-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#e5a34a}.dim-space h1{font-size:clamp(2.4rem,5.4vw,4.4rem);letter-spacing:-.02em;line-height:1.03;margin:.6rem 0 1.1rem}.dim-space h1 .acc2{color:#ff6b52}.dim-sub{max-width:54ch;color:#cfc4b8;font-size:1.1rem;line-height:1.65}.st-sec{min-height:64vh;display:flex;align-items:center;background:none;border:0;padding:2rem 0}.st{max-width:42ch}.st.right{margin-left:auto;text-align:right}.stn{font-family:var(--mono);font-size:.78rem;letter-spacing:.2em;color:#e5a34a}.st h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:.4rem 0 .5rem}.st p{color:#cfc4b8}.dim-ctl{margin-top:1.3rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#cfc4b8}.dim-ctl input[type=range]{display:block;width:240px;margin:.6rem 0;accent-color:#ff6b52;cursor:pointer}.st.right .dim-ctl input[type=range]{margin-left:auto}.dim-ctl .qn{color:#ff6b52}.dim-end{padding:3rem 0 4rem;background:none;border:0}.dim-end h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:1rem}.dim-end p{max-width:56ch;color:#cfc4b8;margin-bottom:1rem}.dim-back{display:inline-block;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#ff6b52;border:1px solid #ff6b52;padding:.7rem 1.1rem;text-decoration:none;margin-top:1.5rem}.dim-back:hover{background:#ff6b52;color:#140a08}#tehdas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#portal-arrive{position:fixed;inset:-25%;z-index:70;pointer-events:none;transform-origin:var(--ax, 50%) var(--ay, 50%);background:radial-gradient(circle at var(--ax, 50%) var(--ay, 50%),rgba(var(--ydin, 255,214,170),1) 0%,rgba(var(--ydin, 255,214,170),.92) 12%,rgba(var(--keha, 255,107,82),.55) 30%,rgba(4,4,10,.9) 58%,rgba(4,4,10,1) 100%);animation:portalArrive 1.75s cubic-bezier(.12,.72,.24,1) forwards}@keyframes portalArrive{0%{opacity:1;transform:scale(.55);filter:blur(0px)}30%{opacity:.96}to{opacity:0;transform:scale(4.2);filter:blur(14px);visibility:hidden}}@media(prefers-reduced-motion:reduce){#portal-arrive{display:none}}#dim-enter{position:fixed;inset:0;z-index:69;background:#04040a;pointer-events:none;animation:dimEnter 1.4s ease forwards}@keyframes dimEnter{0%{opacity:1}to{opacity:0;visibility:hidden}}#polku{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.site-shell h1,.site-shell h2,.site-shell h3{font-weight:500;text-transform:none;letter-spacing:-.045em}.site-shell .site-nav a{text-transform:none;letter-spacing:0}html.space-scroll{scroll-snap-type:y mandatory;scroll-behavior:smooth}.space-home{background:#02070b;isolation:isolate;--accent:#73dacb;--grey:#bac8d1}.space-home main{position:relative;z-index:1;overflow:visible;overflow-x:clip}.space-home h1,.space-home h2,.space-home h3{font-weight:500;text-transform:none;letter-spacing:-.05em}.space-home h1{font-size:clamp(3rem,6.3vw,6.2rem);line-height:1.04;max-width:1100px}.space-home h2{font-size:clamp(2.6rem,4.8vw,4.6rem);line-height:1.06;max-width:850px;margin-bottom:2rem}.space-home h3{letter-spacing:-.025em}.space-home .container{max-width:1440px;width:100%;padding-inline:7vw}.space-home .site-header{transform:none!important;z-index:40;background:linear-gradient(#02070bf5,#02070b44,transparent)}.space-home .site-header.scrolled{background:#02070bd9;backdrop-filter:blur(16px)}.space-home .logo{font-size:1.45rem;letter-spacing:-.05em}.space-home .logo img{height:30px!important}.space-home .site-nav{font-size:.8rem}.space-home .site-nav a{text-transform:none;letter-spacing:0}.space-home .try-link{color:#f39b7f}.space-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#000}.space-poster,#earth-flight,.space-shade{position:absolute;inset:0;width:100%;height:100%}#space-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#space-origin{position:absolute;left:0;top:0;padding:0 0 0 10px;font:10px var(--mono);letter-spacing:.03em;color:#c6f8f1;pointer-events:none;text-shadow:0 1px 4px #000}#space-origin:before{content:"";position:absolute;left:-2px;top:3px;width:4px;height:4px;border-radius:50%;background:#bafef1;box-shadow:0 0 7px #73dacb}.space-home.nav-open #space-origin{visibility:hidden}@media(prefers-reduced-motion:reduce){#space-origin{display:none!important}}.space-home.nav-open #space-flow,.space-home.nav-open #kipina{visibility:hidden}@media(prefers-reduced-motion:reduce){#space-flow,.space-home #kipina{display:none!important}}.space-poster{background:url(/space/horizon.jpg) 75% center/cover no-repeat}#earth-flight{opacity:0;transition:opacity .25s}#earth-flight.ready{opacity:1}.space-shade{background:none}.space-chapter{min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;padding:125px 0 100px!important;border:0!important;background:transparent}.space-chapter:not(.space-hero){background:transparent}.space-home .hero:after{content:none}.space-home .hero .copy,.space-coffee__copy,.space-portal .portal-grid>div,#mista-tiedamme>.container,#palvelut>.container,#services>.container{position:relative;isolation:isolate}.space-home .hero .copy:before,.space-coffee__copy:before,.space-portal .portal-grid>div:before,#mista-tiedamme>.container:before,#palvelut>.container:before,#services>.container:before{content:"";position:absolute;z-index:-1;inset:-100px;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 50%,#02070b99 0%,#02070b66 35%,#02070b22 68%,transparent 100%)}.space-home h1,.space-home h2,.space-home .hero .sub,.space-coffee__invitation{text-shadow:0 2px 14px #0008}.space-hero{padding:135px 7vw 100px!important;max-width:1440px;margin:auto;overflow:visible}.space-home .hero .copy{max-width:1100px;width:100%;position:relative;padding:0;margin:0}.space-home .hero .sub{max-width:550px;font-size:1.08rem;line-height:1.7;margin-top:2rem;color:#d0dbe1}.space-home .kicker,.space-home .sec-kicker{font-size:.7rem;letter-spacing:.15em;color:#b0c4cf}.space-home .btn{font-size:.77rem;letter-spacing:.035em;text-transform:none;padding:1rem 1.4rem;min-height:48px}.space-home .proof{background:#02070bad;border-color:#ffffff1a;padding-block:24px}.space-home .proof .num{font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.space-home .space-proof{margin-top:3rem;padding:2rem 0;background:transparent}.space-home .space-proof .container{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.space-home .space-proof .cell{padding:0;border:0}.space-home .rows{max-width:960px}.space-home .reveal{opacity:1;transform:none}.space-home .row{border-color:#ffffff25;padding-block:1.45rem}.space-home .row h3{font-size:1.35rem;margin-bottom:.5rem}.space-home .row p{max-width:64ch;line-height:1.65}.space-home .marquee{background:#02070bc9;border-color:#ffffff15}.space-home .cases{gap:24px}.space-home .cases--selected{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.space-home .cases--selected .case{display:flex;flex-direction:column;min-width:0}.space-home .cases--selected .ph{flex-shrink:0}.space-home .cases--selected .case .info{padding:20px;flex:1}.space-home .cases--selected .case h3{font-size:clamp(1.3rem,1.7vw,1.65rem)}.space-home .cases--selected .cat{font-size:.65rem;letter-spacing:.13em}.space-home .selected-work-more{display:inline-block;margin-top:24px}@media(max-width:1200px){.space-home .cases--selected{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.space-home .cases--selected{grid-template-columns:1fr}}.space-home .case{background:#071015b8;border:1px solid #ffffff18}.space-home .case .ph{aspect-ratio:1.35}.space-home .case img{height:100%;object-fit:cover}.space-home .case h3{font-size:1.8rem}.space-home .case .info{padding:24px}.space-home .video-band{position:relative;overflow:hidden;isolation:isolate}.space-home .video-band video{opacity:.35}.space-home .video-band .vb-copy{position:relative;z-index:2}.space-home .video-band p{max-width:52ch;line-height:1.7}.space-home .space-portal{background:transparent}.portal-grid{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:4rem}.portal-grid p{max-width:43ch;line-height:1.7;margin-bottom:2rem}.portal-grid img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}.space-portal .sec-kicker{color:#f39b7f}.space-portal .btn{background:#f39b7f;border-color:#f39b7f;color:#190e09}.space-identity{margin-top:2rem;font-size:.85rem;color:#a8bdc8}.space-coffee{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(28px,4vw,64px)}.space-coffee__copy{min-width:0}.space-coffee__invitation{font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.6;max-width:30ch;margin:0 0 2rem;color:#d0dbe1}.space-coffee__photo{margin:0;min-width:0}.space-coffee__photo img{display:block;width:100%;height:auto}.space-coffee__photo figcaption{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;color:#a8bdc8;margin-top:12px}@media(max-width:760px){.space-coffee{grid-template-columns:1fr;gap:28px}.space-coffee__invitation{max-width:32ch}.space-coffee .space-identity{margin-bottom:0}}.space-home .section-quote p{font-size:clamp(1.3rem,2.4vw,2.1rem)!important;line-height:1.5!important;letter-spacing:-.02em}.space-home .site-footer{position:relative;z-index:2;background:#02070b;scroll-snap-align:end;scroll-snap-stop:always;padding-bottom:100px}.space-chapters{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:5px}.space-chapters a{width:34px;height:32px;display:grid;place-items:center;text-decoration:none;color:#92a7b6;font-size:.65rem;letter-spacing:.05em;border-right:2px solid #ffffff20}.space-chapters a[aria-current=true]{color:#fff;border-color:var(--accent)}.space-chapters a:hover{background:#ffffff15}.space-controls{position:fixed;z-index:25;left:7vw;right:7vw;bottom:20px;display:flex;align-items:center;gap:12px;font-size:.64rem;letter-spacing:.08em;color:#b2c3ce;pointer-events:none}.space-controls button{width:42px;height:42px;border:1px solid #ffffff30;background:#02070baa;color:#d2e1e9;cursor:pointer;font-size:1.1rem;pointer-events:auto;border-radius:50%}.space-controls button:disabled{opacity:.3;cursor:default}.space-hint{margin-right:auto;margin-left:12px}.space-seasons{pointer-events:auto;margin-left:auto;letter-spacing:0}.space-seasons summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;list-style:none;cursor:pointer;border:1px solid #73dacb66;border-radius:24px;background:#07151ded;color:#e6f1f4;font-size:.78rem;white-space:nowrap}.space-seasons summary::-webkit-details-marker{display:none}.space-seasons summary:hover,.space-seasons[open] summary{background:#16352f;border-color:#73dacb}.space-seasons summary:focus-visible{outline:2px solid #f39b7f;outline-offset:4px}.season-panel{position:fixed;right:calc(7vw + 108px);bottom:78px;width:340px;max-height:calc(100svh - 170px);overflow:auto;padding:20px;background:#09151ff5;backdrop-filter:blur(20px);border:1px solid #8ba8b744;box-shadow:0 12px 60px #0009;color:#e6f1f4;text-align:left;font-size:.85rem;line-height:1.5}.season-panel__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.season-panel__heading strong{font-weight:500;font-size:1rem}.space-controls .season-panel button{width:auto;height:auto;min-height:44px;border-radius:4px;padding:9px 12px;font:inherit;letter-spacing:0;color:#dcebee;background:#0d202b;border:1px solid #ffffff30}.space-controls .season-panel button[aria-pressed=true]{background:#204940;color:#a1f6e7;border-color:#73dacb}.space-controls .season-panel [data-season-close]{width:36px;min-height:36px;padding:0;border:0;background:none;font-size:1.5rem}.season-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.season-panel label{display:block;color:#bed0d8;margin-bottom:6px}.season-panel select{display:block;width:100%;min-height:44px;margin-bottom:14px;background:#10232e;color:#e6f1f4;border:1px solid #94b7c566;border-radius:4px;padding:8px 10px;font:inherit;color-scheme:dark}.season-panel select:focus-visible{outline:2px solid #f39b7f;outline-offset:3px}.season-panel [data-season-auto]{width:100%!important;font-size:.78rem!important}.season-status{margin:14px 0 0;color:#adbec9;font-size:.75rem;min-height:2.8em}.season-panel [hidden]{display:none!important}@media(max-width:760px){.space-controls .space-hint{display:none}.space-seasons summary{padding:0 12px;gap:8px;font-size:.75rem}.season-panel{left:7vw;right:7vw;bottom:72px;width:auto;max-height:calc(100svh - 160px);padding:16px}.space-controls{gap:10px}.space-controls>button{min-width:38px}.space-controls>[data-space-prev]{margin-left:auto}}.space-controls button:hover:not(:disabled){background:#25423e}.space-home a:focus-visible,.space-home button:focus-visible{outline:2px solid #f39b7f;outline-offset:5px}@media(max-width:1000px){.space-home .site-header .container{padding-inline:5vw}.space-chapters{right:6px}.space-home .cases{gap:14px}.space-home .case .info{padding:18px}.portal-grid{gap:1.5rem}}@media(max-width:760px){.space-home h1{font-size:clamp(2.55rem,9vw,4.1rem);line-height:1.08;letter-spacing:-.06em}.space-home h2{font-size:clamp(2.35rem,8.5vw,3.7rem)}.space-home .container{padding-inline:7vw}.space-hero{padding-top:125px!important;padding-bottom:110px!important}.space-home .hero .sub{font-size:1rem;margin-top:1.5rem;max-width:35ch}.space-chapter{padding:110px 0 90px!important;min-height:100svh}.space-hero.space-chapter{padding-inline:7vw!important}.space-chapters{display:none}.space-poster{background-position:85% center}.space-shade{background:none}.space-home .proof .container{grid-template-columns:1fr 1fr;gap:25px}.space-home .cases{grid-template-columns:1fr;gap:24px}.space-home .case .ph{aspect-ratio:1.6}.space-home .row{grid-template-columns:28px 1fr auto;gap:12px}.space-home .row h3{font-size:1.2rem}.space-home .row p{font-size:.95rem}.portal-grid{grid-template-columns:1fr;gap:2.5rem}.space-home .site-nav{font-size:1.3rem}.space-home.nav-open .site-nav{background:#040b11}.space-controls{bottom:12px;left:7vw;right:7vw}.space-controls .space-hint{font-size:.55rem}.space-controls button{width:38px;height:38px}.space-home.nav-open .space-controls{visibility:hidden}}@media(prefers-reduced-motion:reduce){html.space-scroll{scroll-behavior:auto;scroll-snap-type:none}#earth-flight{display:none!important}.space-home .marquee .track{animation:none}.space-home .video-band video{display:none}.space-home .video-band{background:#071015 url(/images/oc-net-poster.jpg) center/cover}.space-home .video-band:before{content:"";position:absolute;inset:0;background:#0009}}@media(max-width:760px){.space-poster{background-image:url(/space/mobile-horizon.jpg);background-position:center}}.space-hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:2rem}.space-home .space-film{background:#03090d;padding-top:110px!important;padding-bottom:85px!important}.space-film>.container{max-width:1600px;padding-inline:5vw}.space-film__intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:5vw;margin-bottom:30px}.space-home .space-film__intro h2{font-size:clamp(2.4rem,4.2vw,4rem);margin-bottom:0}.space-film__intro p{font-size:1rem;line-height:1.7;color:#bdcbd3;max-width:49ch;margin:0 0 4px}.space-film__case{font-size:.83rem;display:inline-block;color:#afc7ce;margin-top:6px;text-decoration:none;border-bottom:1px solid #ffffff35;padding-bottom:4px}.space-film__case:hover{color:#fff}@media(max-width:760px){.space-film>.container{padding-inline:6vw}.space-film__intro{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.space-film__intro p{font-size:.95rem}.space-home .space-film__intro h2{font-size:2.5rem}.space-hero-actions{gap:12px}.space-hero-actions .btn{padding:12px 18px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}