{"id":84,"date":"2026-05-05T12:34:17","date_gmt":"2026-05-05T12:34:17","guid":{"rendered":"https:\/\/kuntouttavaelokuva.fi\/?page_id=84"},"modified":"2026-09-02T06:27:34","modified_gmt":"2026-09-02T06:27:34","slug":"elementor-84","status":"publish","type":"page","link":"https:\/\/kuntouttavaelokuva.fi\/","title":{"rendered":"KUNTOUTTAVAELOKUVA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nKuntouttava Elokuvahanke<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,340;0,9..144,480;0,9..144,600;1,9..144,480;1,9..144,600&family=Work+Sans:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n :root{\r\n --bg:#15100a;\r\n --bg-alt:#1d1610;\r\n --panel:#241b12;\r\n --panel-line: rgba(244,233,214,0.10);\r\n --gold:#e3a542;\r\n --gold-soft:#f0c26b;\r\n --amber:#c9622a;\r\n --cream:#f4e9d6;\r\n --muted:#b7a78c;\r\n --faint:#8a7b62;\r\n --radius:2px;\r\n --maxw:1180px;\r\n }\r\n\r\n *{box-sizing:border-box; margin:0; padding:0;}\r\n html{scroll-behavior:smooth;}\r\n body{\r\n background:var(--bg);\r\n color:var(--cream);\r\n font-family:'Work Sans', sans-serif;\r\n font-weight:400;\r\n line-height:1.6;\r\n -webkit-font-smoothing:antialiased;\r\n overflow-x:hidden;\r\n }\r\n ::selection{ background:var(--gold); color:#1a1208; }\r\n\r\n img{max-width:100%; display:block;}\r\n a{color:inherit; text-decoration:none;}\r\n\r\n h1,h2,h3{\r\n font-family:'Fraunces', serif;\r\n font-weight:480;\r\n letter-spacing:-0.01em;\r\n line-height:1.08;\r\n }\r\n em{ font-style:italic; color:var(--gold-soft); }\r\n\r\n .eyebrow{\r\n font-family:'Space Mono', monospace;\r\n font-size:12px;\r\n letter-spacing:0.22em;\r\n text-transform:uppercase;\r\n color:var(--gold);\r\n }\r\n\r\n .wrap{\r\n max-width:var(--maxw);\r\n margin:0 auto;\r\n padding:0 40px;\r\n }\r\n\r\n section{ position:relative; }\r\n\r\n\r\n\r\n \/* ---------- header ---------- *\/\r\n header{\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n padding:22px 0;\r\n background:linear-gradient(to bottom, rgba(21,16,10,0.92), rgba(21,16,10,0));\r\n transition:background 0.3s ease, padding 0.3s ease;\r\n }\r\n header.scrolled{\r\n background:rgba(21,16,10,0.92);\r\n backdrop-filter:blur(6px);\r\n padding:14px 0;\r\n border-bottom:1px solid var(--panel-line);\r\n }\r\n nav{ display:flex; align-items:center; justify-content:space-between; }\r\n .brand{ display:flex; align-items:center; gap:12px; }\r\n .brand-mark{ width:25px; height:25px; flex-shrink:0; }\r\n .brand-name{\r\n font-family:'Fraunces', serif; font-weight:500; font-size:18px;\r\n letter-spacing:0.01em; color:var(--cream);\r\n }\r\n .brand-name span{ color:var(--gold); }\r\n\r\n .nav-links{ display:flex; align-items:center; gap:36px; }\r\n .nav-links a{\r\n font-size:14px;\r\n color:var(--muted);\r\n position:relative; \r\n transition:color 0.2s ease;\r\n }\r\n .nav-links a:hover{ color:var(--cream); }\r\n .nav-links a::after{\r\n content:''; position:absolute; left:0; bottom:0;\r\n width:0; height:1px; background:var(--gold);\r\n transition:width 0.25s ease;\r\n }\r\n \r\n .nav-links .btn{\r\n color:#1a1208;\r\n}\r\n \r\n .nav-links a:hover::after{ width:100%; }\r\n\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:8px;\r\n font-family:'Space Mono', monospace;\r\n font-size:12px;\r\n letter-spacing:0.08em;\r\n text-transform:uppercase;\r\n padding:10px 18px;\r\n min-height:42px;\r\n border:1px solid var(--gold);\r\n border-radius:var(--radius);\r\n transition:background 0.25s ease, color 0.2s ease, transform 0.2s ease;\r\n cursor:pointer;\r\n white-space:nowrap;\r\n flex:0 0 auto;\r\n}\r\n .btn-solid{ background:var(--gold); color:#1a1208; }\r\n .btn-solid:hover{ background:var(--gold-soft); transform:translateY(-1px); }\r\n .btn-ghost{ background:transparent; color:var(--gold-soft); border-color:rgba(227,165,66,0.4); }\r\n .btn-ghost:hover{ border-color:var(--gold); background:rgba(227,165,66,0.08); }\r\n\r\n .menu-toggle{ display:none; }\r\n\r\n \/* ---------- hero ---------- *\/\r\n .hero{\r\n min-height:100vh;\r\n display:flex; flex-direction:column; justify-content:center;\r\n position:relative;\r\n padding:140px 0 100px;\r\n background:\r\n radial-gradient(ellipse at 70% 20%, rgba(227,165,66,0.10), transparent 55%),\r\n radial-gradient(ellipse at 15% 85%, rgba(201,98,42,0.12), transparent 50%),\r\n var(--bg);\r\n border-bottom:1px solid var(--panel-line);\r\n overflow:hidden;\r\n }\r\n\r\n .frame-corner{\r\n position:absolute; width:34px; height:34px;\r\n border-color:rgba(244,233,214,0.35);\r\n z-index:2;\r\n }\r\n .fc-tl{ top:100px; left:40px; border-top:1px solid; border-left:1px solid; }\r\n .fc-tr{ top:100px; right:40px; border-top:1px solid; border-right:1px solid; }\r\n .fc-bl{ bottom:40px; left:40px; border-bottom:1px solid; border-left:1px solid; }\r\n .fc-br{ bottom:40px; right:40px; border-bottom:1px solid; border-right:1px solid; }\r\n\r\n \/* ---------- hero metadata \/ EU funding lockup ---------- *\/\r\n .hero-meta{\r\n display:flex;\r\n align-items:flex-start;\r\n justify-content:space-between;\r\n gap:32px;\r\n margin-bottom:42px;\r\n }\r\n\r\n .rec-indicator{\r\n display:flex; align-items:center; gap:8px;\r\n font-family:'Space Mono', monospace; font-size:12px;\r\n color:var(--muted); letter-spacing:0.05em;\r\n padding-top:9px;\r\n }\r\n\r\n .rec-dot{\r\n width:7px; height:7px; border-radius:50%;\r\n background:#d64b3a;\r\n animation:pulse 1.6s ease-in-out infinite;\r\n flex-shrink:0;\r\n }\r\n\r\n \/*\r\n EU funding lockup:\r\n Keep the official PNG intact. The white field provides strong contrast\r\n against the dark visual system and a clean protection area.\r\n Replace the placeholder file with the supplied official horizontal asset.\r\n *\/\r\n .eu-funding{\r\n flex:0 1 300px;\r\n width:min(300px, 100%);\r\n padding:12px 14px;\r\n \r\n border-radius:var(--radius);\r\n \r\n }\r\n\r\n .eu-funding img{\r\n display:block;\r\n width:90%;\r\n height:auto;\r\n }\r\n\r\n .eu-funding .eu-placeholder{\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n min-height:54px;\r\n padding:8px 12px;\r\n border:1px dashed #8b8b8b;\r\n color:#333;\r\n background:#fff;\r\n font:600 11px\/1.35 Arial, sans-serif;\r\n letter-spacing:.03em;\r\n text-transform:uppercase;\r\n text-align:center;\r\n }\r\n @keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:0.25;} }\r\n\r\n .aperture{\r\n position:absolute; bottom:60px; right:84px;\r\n width:64px; height:64px; opacity:0.5;\r\n }\r\n\r\n .hero-inner{ max-width:760px; }\r\n .hero h1{\r\n font-size:clamp(40px, 6vw, 72px);\r\n color:var(--cream);\r\n margin-top:22px;\r\n }\r\n .hero p.lede{\r\n font-size:18px; color:var(--muted);\r\n max-width:520px; margin-top:24px; font-weight:300;\r\n }\r\n .hero-ctas{\r\n display:flex;\r\n align-items:center;\r\n gap:16px;\r\n margin-top:44px;\r\n flex-wrap:wrap;\r\n}\r\n\r\n \/* ---------- section headers ---------- *\/\r\n .section-head{ max-width:640px; margin-bottom:56px; }\r\n .section-head h2{\r\n font-size:clamp(30px, 4vw, 44px);\r\n color:var(--cream);\r\n margin-top:14px;\r\n }\r\n .section-pad{ padding:120px 0; }\r\n\r\n \/* ---------- about ---------- *\/\r\n .about-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:80px;\r\n align-items:start;\r\n }\r\n .about-grid p{ color:var(--muted); font-size:16px; margin-bottom:18px; max-width:480px; }\r\n .about-grid p:last-child{ margin-bottom:0; }\r\n .quote-block{\r\n border-left:2px solid var(--gold);\r\n padding:6px 0 6px 28px;\r\n }\r\n .quote-block p{\r\n font-family:'Fraunces', serif; font-style:italic; font-weight:480;\r\n font-size:24px; color:var(--gold-soft); line-height:1.4;\r\n }\r\n .quote-block cite{\r\n display:block; margin-top:16px; font-style:normal;\r\n font-family:'Space Mono', monospace; font-size:12px;\r\n letter-spacing:0.08em; text-transform:uppercase; color:var(--faint);\r\n }\r\n\r\n \/* ---------- who it's for ---------- *\/\r\n .audience-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4, 1fr);\r\n gap:1px;\r\n background:var(--panel-line);\r\n border:1px solid var(--panel-line);\r\n }\r\n .audience-card{\r\n background:var(--bg);\r\n padding:36px 28px;\r\n transition:background 0.3s ease;\r\n }\r\n .audience-card:hover{ background:var(--panel); }\r\n .audience-num{\r\n font-family:'Space Mono', monospace; font-size:12px; color:var(--faint);\r\n }\r\n .audience-card h3{\r\n font-size:20px; color:var(--cream); margin-top:18px; font-weight:500;\r\n }\r\n .audience-card p{\r\n font-size:14px; color:var(--muted); margin-top:12px;\r\n }\r\n\r\n \/* ---------- filmstrip process ---------- *\/\r\n .filmstrip{\r\n background:var(--panel);\r\n border-top:1px solid var(--panel-line);\r\n border-bottom:1px solid var(--panel-line);\r\n padding:14px 0;\r\n }\r\n .sprockets{\r\n display:flex; justify-content:space-around;\r\n padding:0 20px;\r\n }\r\n .sprockets span{\r\n width:10px; height:7px;\r\n background:var(--bg);\r\n border-radius:1px;\r\n }\r\n .filmstrip-track{\r\n display:grid;\r\n grid-template-columns:repeat(5, 1fr);\r\n max-width:var(--maxw);\r\n margin:0 auto;\r\n }\r\n .frame{\r\n padding:34px 26px;\r\n border-left:1px dashed var(--panel-line);\r\n position:relative;\r\n }\r\n .frame:first-child{ border-left:none; }\r\n .frame-code{\r\n font-family:'Space Mono', monospace; font-size:11px;\r\n color:var(--gold); letter-spacing:0.05em;\r\n }\r\n .frame h3{\r\n font-size:17px; color:var(--cream); margin-top:14px; font-weight:500;\r\n font-family:'Work Sans', sans-serif;\r\n }\r\n .frame p{\r\n font-size:13px; color:var(--muted); margin-top:10px; line-height:1.55;\r\n }\r\n\r\n \/* ---------- partners ---------- *\/\r\n .partners-head{ display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:48px; }\r\n .logo-grid{\r\n display:grid;\r\n grid-template-columns:repeat(5, 1fr);\r\n gap:1px;\r\n background:var(--panel-line);\r\n border:1px solid var(--panel-line);\r\n }\r\n .logo-slot{\r\n background:var(--bg);\r\n --logo-scale:1;\r\n display:flex; align-items:center; justify-content:center;\r\n \r\n opacity:1;\r\n transition:filter 0.3s ease, opacity 0.3s ease;\r\n }\r\n \r\n .logo-slot img {\r\n width:100%;\r\n max-width: calc(180px * var(--logo-scale));\r\n height:auto;\r\n display:block;\r\n }\r\n \r\n .logo-slot:nth-child(1) { --logo-scale: 0.70;}\r\n .logo-slot:nth-child(3) { --logo-scale: 0.35;}\r\n .logo-slot:nth-child(5) { --logo-scale: 0.88;}\r\n .logo-slot:nth-child(4) { --logo-scale: 0.90;}\r\n \r\n .logo-slot span{\r\n font-family:'Space Mono', monospace; font-size:11px;\r\n letter-spacing:0.1em; color:var(--faint);\r\n border:none;\r\n padding:8px 16px;\r\n }\r\n .partners-note{\r\n margin-top:28px; font-size:13px; color:var(--faint);\r\n }\r\n\r\n \/* ---------- contact ---------- *\/\r\n .contact{\r\n background:var(--panel);\r\n border-top:1px solid var(--panel-line);\r\n }\r\n .contact-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr 0.9fr;\r\n gap:80px;\r\n }\r\n .contact h2{ font-size:clamp(30px,4vw,44px); color:var(--cream); margin-top:14px; }\r\n .contact-lede{ color:var(--muted); margin-top:20px; max-width:440px; }\r\n\r\n .contact-detail{\r\n margin-top:36px; padding-top:20px; border-top:1px solid var(--panel-line);\r\n }\r\n .contact-detail:first-of-type{ border-top:none; padding-top:0; margin-top:36px;}\r\n .contact-detail .label{\r\n font-family:'Space Mono', monospace; font-size:11px; letter-spacing:0.1em;\r\n text-transform:uppercase; color:var(--faint);\r\n }\r\n .contact-detail .value{\r\n font-size:18px; color:var(--cream); margin-top:8px;\r\n }\r\n .contact-detail .value a:hover{ color:var(--gold); }\r\n\r\n .social-list{ display:flex; flex-direction:column; gap:1px; margin-top:8px; }\r\n .social-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:18px 22px;\r\n background:var(--bg);\r\n transition:background 0.25s ease, padding-left 0.25s ease;\r\n }\r\n .social-row:hover{ background:var(--bg-alt); padding-left:28px; }\r\n .social-row .s-left{ display:flex; align-items:center; gap:14px; }\r\n .social-row svg{ width:18px; height:18px; stroke:var(--gold); flex-shrink:0; }\r\n .social-row .s-name{ font-size:15px; color:var(--cream); }\r\n .social-row .s-handle{ font-family:'Space Mono', monospace; font-size:12px; color:var(--faint); }\r\n .social-row .arrow{ color:var(--faint); font-family:'Space Mono', monospace; font-size:14px; transition:transform 0.25s ease; }\r\n .social-row:hover .arrow{ transform:translateX(4px); color:var(--gold); }\r\n\r\n \/* ---------- footer ---------- *\/\r\n footer{ padding:40px 0; }\r\n .footer-row{\r\n display:flex; align-items:center; justify-content:space-between;\r\n flex-wrap:wrap; gap:16px;\r\n font-size:13px; color:var(--cream);\r\n }\r\n .footer-row a{ color:var(--cream); }\r\n .footer-row a:hover{ color:var(--gold); }\r\n .footer-links{ display:flex; gap:24px; }\r\n\r\n \/* ---------- reveal ---------- *\/\r\n .reveal{ opacity:0; transform:translateY(18px); transition:opacity 0.7s ease, transform 0.7s ease; }\r\n .reveal.in{ opacity:1; transform:translateY(0); }\r\n\r\n @media (prefers-reduced-motion: reduce){\r\n *{ animation:none !important; transition:none !important; }\r\n .reveal{ opacity:1; transform:none; }\r\n }\r\n\r\n a:focus-visible, button:focus-visible, .btn:focus-visible{\r\n outline:2px solid var(--gold); outline-offset:3px;\r\n }\r\n\r\n \/* ---------- responsive ---------- *\/\r\n @media (max-width:980px){\r\n \r\n \r\n .about-grid{ grid-template-columns:1fr; gap:40px; }\r\n .audience-grid{ grid-template-columns:repeat(2,1fr); }\r\n .filmstrip-track{ grid-template-columns:repeat(2,1fr); }\r\n .frame{ border-left:none; border-top:1px dashed var(--panel-line); }\r\n .frame:first-child{ border-top:none; }\r\n .logo-grid{ grid-template-columns:repeat(2,1fr); }\r\n .contact-grid{ grid-template-columns:1fr; gap:56px; }\r\n }\r\n\r\n @media (max-width:720px){\r\n .wrap{ padding:0 22px; }\r\n .nav-links{\r\n position:fixed; top:0; right:0; height:100vh; width:78vw; max-width:320px;\r\n background:var(--bg-alt); flex-direction:column; align-items:flex-start;\r\n justify-content:center; gap:28px; padding:0 40px;\r\n transform:translateX(100%); transition:transform 0.35s ease;\r\n border-left:1px solid var(--panel-line);\r\n }\r\n .nav-links.open{ transform:translateX(0); }\r\n .nav-links .btn{ margin-top:10px; }\r\n .menu-toggle{\r\n display:flex; flex-direction:column; gap:5px; background:none; border:none;\r\n cursor:pointer; z-index:200; padding:6px;\r\n }\r\n .menu-toggle span{ width:22px; height:1px; background:var(--cream); display:block; }\r\n .fc-tl,.fc-tr{ top:90px; }\r\n .fc-tl,.fc-bl{ left:22px; } .fc-tr,.fc-br{ right:22px; }\r\n .aperture{ right:22px; }\r\n .hero{\r\n padding-top:118px;\r\n }\r\n .hero-meta{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n gap:20px;\r\n margin-bottom:34px;\r\n }\r\n .eu-funding{\r\n flex:0 1 auto;\r\n width:min(280px, 100%);\r\n padding:10px 12px;\r\n }\r\n .hero-inner{\r\n max-width:100%;\r\n }\r\n .audience-grid{ grid-template-columns:1fr; }\r\n .filmstrip-track{ grid-template-columns:1fr; }\r\n .frame{ border-top:1px dashed var(--panel-line); }\r\n .frame:first-child{ border-top:none; }\r\n .logo-grid{ grid-template-columns:1fr 1fr; }\r\n .partners-head{ flex-direction:column; align-items:flex-start; }\r\n .section-pad{ padding:80px 0; }\r\n .hero-ctas .btn{ flex:1; justify-content:center; }\r\n }\r\n\r\n @media (max-width:420px){\r\n .eu-funding{\r\n width:100%;\r\n max-width:250px;\r\n }\r\n .hero{\r\n padding-top:112px;\r\n }\r\n .hero-meta{\r\n margin-bottom:30px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"grain\" aria-hidden=\"true\"><\/div>\r\n\r\n<header id=\"siteHeader\">\r\n <div class=\"wrap\">\r\n <nav>\r\n <a class=\"brand\" href=\"#top\" aria-label=\"Kuntouttava Elokuvahanke Etusivu\">\r\n \r\n\r\n <span class=\"brand-name\">Kuntouttava Elokuvahanke <\/span>\r\n <\/a>\r\n\r\n <div class=\"nav-links\" id=\"navLinks\">\r\n <a href=\"#contact\">Yhteystiedot<\/a>\r\n <a href=\"#for-you\">Kenelle<\/a>\r\n <a href=\"#process\">Hanke<\/a>\r\n <a href=\"#partners\">Yhteisty\u00f6kumppanit<\/a>\r\n \r\n <a class=\"btn btn-solid\" href=\"#contact\">Tule mukaan<\/a>\r\n <\/div>\r\n\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<main id=\"top\">\r\n\r\n <section class=\"hero\">\r\n <div class=\"frame-corner fc-tl\"><\/div>\r\n <div class=\"frame-corner fc-tr\"><\/div>\r\n <div class=\"frame-corner fc-bl\"><\/div>\r\n <div class=\"frame-corner fc-br\"><\/div>\r\n\r\n <svg class=\"aperture\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <circle cx=\"50\" cy=\"50\" r=\"46\" stroke=\"#e3a542\" stroke-width=\"0.75\"\/>\r\n <circle cx=\"50\" cy=\"50\" r=\"34\" stroke=\"#e3a542\" stroke-width=\"0.75\"\/>\r\n <g stroke=\"#e3a542\" stroke-width=\"0.75\">\r\n <line x1=\"50\" y1=\"4\" x2=\"50\" y2=\"16\"\/>\r\n <line x1=\"50\" y1=\"84\" x2=\"50\" y2=\"96\"\/>\r\n <line x1=\"4\" y1=\"50\" x2=\"16\" y2=\"50\"\/>\r\n <line x1=\"84\" y1=\"50\" x2=\"96\" y2=\"50\"\/>\r\n <\/g>\r\n <\/svg>\r\n\r\n <div class=\"wrap\">\r\n <div class=\"hero-meta\">\r\n <div class=\"rec-indicator\" aria-label=\"Recording indicator\">\r\n <span class=\"rec-dot\" aria-hidden=\"true\"><\/span>\r\n <span>REC<\/span>\r\n <span id=\"timecode\">00:00:00:00<\/span>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n\r\n <div class=\"hero-inner\">\r\n <p class=\"eyebrow\">Toimis\u00e4\u00e4ti\u00f6<\/p>\r\n <h1>Luovuutta, osallisuutta ja <em>tulevaisuuden suuntaa<\/em><\/h1>\r\n <p class=\"lede\">Kuntouttava elokuva on luovan toiminnan ymp\u00e4rille rakennettu ty\u00f6pajamalli 17-35- vuotiaille nuorille NEET-nuorille joilla on haasteita arjenhallinnassa, mielenterveydess\u00e4 tai p\u00e4ihdek\u00e4yt\u00f6ss\u00e4.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#process\" class=\"btn btn-solid\">N\u00e4in se toimii<\/a>\r\n <a href=\"#contact\" class=\"btn btn-ghost\">Ota yhteytt\u00e4<\/a>\r\n <div class=\"eu-funding\" aria-label=\"EU funding acknowledgement\">\r\n <img fetchpriority=\"high\" decoding=\"async\"\r\n src=\"wp-includes\/images\/media\/logo7.png\"\r\n alt=\"EU funding acknowledgement logo\"\r\n width=\"600\"\r\n height=\"120\"\r\n >\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\" class=\"section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"about-grid\">\r\n <div class=\"reveal\">\r\n <p class=\"eyebrow\">Tavoite<\/p>\r\n <h2 style=\"font-size:clamp(26px,3.4vw,36px); margin-top:14px; color:var(--cream);\">Kuntouttava elokuvahanke.<\/h2>\r\n <div style=\"margin-top:24px;\">\r\n <p>Tukea osallisuutta, vahvistaa vuorovaikutus- ja ty\u00f6el\u00e4m\u00e4taitoja sek\u00e4 mahdollistaa yksil\u00f6llisen kasvun merkityksellisen ja konkreettisen projektin kautta.<\/p><p>Ohjattu ty\u00f6skentely toteutuu ryhm\u00e4muotoisesti 12 viikon aikana, kaksi kertaa viikossa. Prosessi rakentuu elokuvatuotannon eri vaiheista: \r\nideoinnista, k\u00e4sikirjoittamisesta, kuvauksesta ja editoinnista kuntouttavan ja yhteis\u00f6pedagogisen ty\u00f6otteen tukemana.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <div class=\"quote-block\">\r\n <p>\"Osallistujat saavat kokemuksen oman elokuvan tekemisest\u00e4 sek\u00e4 mahdollisuuden rakentaa omaa identitetti\u00e4 ja suuntaa. Toimintaa arvioidaan vaikuttavuusmittareilla ja prosessin aikana syntyy my\u00f6s yksil\u00f6llinen portfolio joka edesauttaa jatkopoluilla.\"<\/p>\r\n <cite>\u2014 Tuomas Ohtonen, Ohjaaja<\/cite>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"for-you\" class=\"section-pad\" style=\"padding-top:0;\">\r\n <div class=\"wrap\">\r\n <div class=\"section-head reveal\">\r\n <p class=\"eyebrow\">Kenelle<\/p>\r\n <h2>Kohderyhm\u00e4n\u00e4 ovat palveluj\u00e4rjestelm\u00e4n ulkopuolella olevat nuoret joilla on motivaatio osallistua luovaan toimintaan. Ty\u00f6paja ei vaadi aiempaa osaamista - mukana voi olla matalalla kynnyksell\u00e4.<\/h2>\r\n <\/div>\r\n <div class=\"audience-grid reveal\">\r\n <div class=\"audience-card\">\r\n <p class=\"audience-num\">A<\/p>\r\n <h3>Ideointi<\/h3>\r\n <p>P\u00e4\u00e4st\u00e4 luovuus valloilleen ja kerro tarinasi juuri sellaisena kuin olet.<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <p class=\"audience-num\">B<\/p>\r\n <h3>K\u00e4sikirjoittaminen<\/h3>\r\n <p>Osallistu juonen luomiseen ja vaikuta ryhm\u00e4ss\u00e4.<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <p class=\"audience-num\">C<\/p>\r\n <h3>Kuvaus<\/h3>\r\n <p>Tutustu kameraty\u00f6skentelyyn ja kuvaamiseen.<\/p>\r\n <\/div>\r\n <div class=\"audience-card\">\r\n <p class=\"audience-num\">D<\/p>\r\n <h3>Editointi<\/h3>\r\n <p>Kuvatusta materiaalista koostetaan elokuva.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"process\">\r\n <div class=\"wrap\" style=\"padding-top:60px;\">\r\n <div class=\"section-head reveal\">\r\n <p class=\"eyebrow\">Aikataulu<\/p>\r\n <h2>Alkavat ryhm\u00e4t<br> Iisalmi ajalla 23.6.-3.8.2026<br> Kiuruveden ryhm\u00e4 suunnitteilla<br> Iisalmi ajalla 17.11.-4.2.2027<\/h2>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"filmstrip reveal\">\r\n <div class=\"sprockets\" aria-hidden=\"true\">\r\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <div class=\"filmstrip-track\">\r\n <div class=\"frame\">\r\n <p class=\"frame-code\">FRAME 01<\/p>\r\n <h3>Vahvistaa osallisuutta<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <div class=\"frame\">\r\n <p class=\"frame-code\">FRAME 02<\/p>\r\n <h3>Lis\u00e4t\u00e4 toimijuutta<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <div class=\"frame\">\r\n <p class=\"frame-code\">FRAME 03<\/p>\r\n <h3>Tukea arjenhallintaa<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <div class=\"frame\">\r\n <p class=\"frame-code\">FRAME 04<\/p>\r\n <h3>Tarinaty\u00f6skentely<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <div class=\"frame\">\r\n <p class=\"frame-code\">FRAME 05<\/p>\r\n <h3>Elokuvan tekeminen<\/h3>\r\n <p><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sprockets\" aria-hidden=\"true\">\r\n <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"partners\" class=\"section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"partners-head reveal\">\r\n <div>\r\n <p class=\"eyebrow\">Yhteisty\u00f6kumppanimme<\/p>\r\n <h2 style=\"font-size:clamp(26px,3.4vw,36px); margin-top:14px; color:var(--cream);\">Toiminnassa mukana<\/h2>\r\n <\/div>\r\n <\/div>\r\n <div class=\"logo-grid reveal\">\r\n <div class=\"logo-slot\"><span><img decoding=\"async\" src=\"wp-includes\/images\/media\/logo2.png\"><\/span><\/div>\r\n <div class=\"logo-slot\"><span><img decoding=\"async\" src=\"wp-includes\/images\/media\/logo7.png\"><\/span><\/div>\r\n <div class=\"logo-slot\"><span><img decoding=\"async\" src=\"wp-includes\/images\/media\/logo4.png\"><\/span><\/div>\r\n <div class=\"logo-slot\"><span><img decoding=\"async\" src=\"wp-includes\/images\/media\/logo9.png\"><\/span><\/div>\r\n <div class=\"logo-slot\"><span><img decoding=\"async\" src=\"wp-includes\/images\/media\/logo11.png\"><\/span><\/div>\r\n\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"contact section-pad\">\r\n <div class=\"wrap\">\r\n <div class=\"contact-grid\">\r\n <div class=\"reveal\">\r\n <p class=\"eyebrow\">Tule mukaan!<\/p>\r\n <h2>Ota yhteytt\u00e4 TOIMI-s\u00e4\u00e4ti\u00f6\u00f6n. Aloitetaan rauhassa!<\/h2>\r\n <p class=\"contact-lede\">Voit seurata meit\u00e4 sek\u00e4 somessa ett\u00e4 olla yhteydess\u00e4 joko s\u00e4hk\u00f6postitse tai puhelimitse.<\/p>\r\n\r\n <div class=\"contact-detail\" style=\"margin-top:48px;\">\r\n <p class=\"label\">Tuomas<\/p>\r\n <p class=\"value\"><a href=\"mailto:tuomas.ohtonen@toimisaatio.fi\">tuomas.ohtonen@toimisaatio.fi<\/a><\/p>\r\n\t <p class=\"value\">+3584578207530<\/p>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <p class=\"label\">Mirva<\/p>\r\n <p class=\"value\"><a href=\"mailto:mirva.matkaniemi@toimisaatio.fi\">mirva.matkaniemi@toimisaatio.fi<\/a><\/p>\r\n <p class=\"value\">+358403559758<\/p>\r\n <\/div>\r\n <div class=\"contact-detail\">\r\n <p class=\"label\">Alue<\/p>\r\n <p class=\"value\">Hanke toimii Iisalmen ja Kiuruveden alueella.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal\">\r\n <p class=\"eyebrow\" style=\"margin-bottom:8px; display:block;\">Seuraa somessa<\/p>\r\n <div class=\"social-list\">\r\n <a class=\"social-row\" href=\"#\" aria-label=\"Instagram\">\r\n <span class=\"s-left\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg>\r\n <span><span class=\"s-name\">Instagram<\/span><br><span class=\"s-handle\">@elokuvahanke<\/span><\/span>\r\n <\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n <a class=\"social-row\" href=\"#\" aria-label=\"Facebook\">\r\n <span class=\"s-left\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\"><path d=\"M15 4h-2a4 4 0 0 0-4 4v3H7v4h2v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3z\"\/><\/svg>\r\n <span><span class=\"s-name\">Facebook<\/span><br><span class=\"s-handle\">\/elokuvahanke<\/span><\/span>\r\n <\/span>\r\n <span class=\"arrow\">\u2192<\/span>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/main>\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <div class=\"footer-row\">\r\n <span>\u00a9 <span id=\"year\"><\/span> Kuntouttava Elokuvahanke.<\/span>\r\n <div class=\"footer-links\">\r\n <a href=\"#tietoa\">Tietoa<\/a>\r\n <a href=\"#yhteisty\u00f6kumppanit\">Yhteisty\u00f6kumppanit<\/a>\r\n <a href=\"#yhteystiedot\">Yhteystiedot<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n var header = document.getElementById('siteHeader');\r\n window.addEventListener('scroll', function(){\r\n header.classList.toggle('scrolled', window.scrollY > 40);\r\n });\r\n\r\n var toggle = document.getElementById('menuToggle');\r\n var links = document.getElementById('navLinks');\r\n toggle.addEventListener('click', function(){\r\n var open = links.classList.toggle('open');\r\n toggle.setAttribute('aria-expanded', open);\r\n });\r\n links.querySelectorAll('a').forEach(function(a){\r\n a.addEventListener('click', function(){ links.classList.remove('open'); });\r\n });\r\n\r\n var start = Date.now();\r\n var tc = document.getElementById('timecode');\r\n function pad(n){ return String(n).padStart(2,'0'); }\r\n function tick(){\r\n var elapsed = Date.now() - start;\r\n var totalFrames = Math.floor(elapsed \/ 41.6);\r\n var frames = totalFrames % 24;\r\n var totalSeconds = Math.floor(elapsed \/ 1000);\r\n var seconds = totalSeconds % 60;\r\n var minutes = Math.floor(totalSeconds \/ 60) % 60;\r\n var hours = Math.floor(totalSeconds \/ 3600);\r\n tc.textContent = pad(hours) + ':' + pad(minutes) + ':' + pad(seconds) + ':' + pad(frames);\r\n requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n\r\n var observer = new IntersectionObserver(function(entries){\r\n entries.forEach(function(e){\r\n if(e.isIntersecting){ e.target.classList.add('in'); observer.unobserve(e.target); }\r\n });\r\n }, { threshold: 0.15 });\r\n document.querySelectorAll('.reveal').forEach(function(el){ observer.observe(el); });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kuntouttava Elokuvahanke Kuntouttava Elokuvahanke Yhteystiedot Kenelle Hanke Yhteisty\u00f6kumppanit Tule mukaan REC 00:00:00:00 Toimis\u00e4\u00e4ti\u00f6 Luovuutta, osallisuutta ja tulevaisuuden suuntaa Kuntouttava elokuva on luovan toiminnan ymp\u00e4rille rakennettu ty\u00f6pajamalli 17-35- vuotiaille nuorille NEET-nuorille joilla on haasteita arjenhallinnassa, mielenterveydess\u00e4 tai p\u00e4ihdek\u00e4yt\u00f6ss\u00e4. N\u00e4in se toimii Ota yhteytt\u00e4 Tavoite Kuntouttava elokuvahanke. Tukea osallisuutta, vahvistaa vuorovaikutus- ja ty\u00f6el\u00e4m\u00e4taitoja sek\u00e4 mahdollistaa yksil\u00f6llisen kasvun […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":372,"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions\/664"}],"wp:attachment":[{"href":"https:\/\/kuntouttavaelokuva.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}