{"id":6688,"date":"2026-06-20T14:04:02","date_gmt":"2026-06-20T11:04:02","guid":{"rendered":"https:\/\/digiverkosto.fi\/?page_id=6688"},"modified":"2026-09-14T15:58:53","modified_gmt":"2026-09-14T12:58:53","slug":"referenssit","status":"publish","type":"page","link":"https:\/\/digiverkosto.fi\/en\/referenssit\/","title":{"rendered":"References"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n    \n    .growth-title-mega-pro {\n        font-family: inherit;\n        font-size: clamp(60px, 15vw, 120px); \n        font-weight: 900; \n        line-height: 1.4; \n        letter-spacing: -0.02em; \n        text-align: center;\n        margin-top: 80px !important;\n        margin-bottom: 24px !important; \n        background: linear-gradient(\n            180deg, \n            #ffffff 0%, \n            #ffffff 45%, \n            #a1a1a6 80%, \n            #6e6e73 100%\n        );\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: block;\n        width: 100%;\n        filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.5));\n        -webkit-font-smoothing: antialiased;\n        text-rendering: optimizeLegibility;\n    }\n\n    \n    .hero-subtitle {\n        font-family: inherit;\n        font-size: 1.5rem;\n        color: #86868b;\n        text-align: center;\n        font-weight: 500;\n        margin-top: 0 !important;\n        margin-bottom: 60px !important; \n        line-height: 1.4;\n        display: block;\n    }\n\n    \/* Nappiryhm\u00e4n asettelu *\/\n    .hero-button-group {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        margin-top: 60px !important; \n        margin-bottom: 80px !important;\n        padding-top: 20px; \n    }\n\n  \n    .btn-primary, .btn-secondary {\n        font-family: inherit;\n        font-size: 1.125rem;\n        font-weight: 600;\n        padding: 16px 36px;\n        border-radius: 999px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        cursor: pointer;\n    }\n\n\n    .btn-primary {\n        background-color: #ffffff;\n        color: #000000;\n        border: 2px solid #ffffff;\n        box-shadow: 0 4px 14px 0 rgba(255, 255, 255, 0.39);\n    }\n\n    .btn-primary:hover {\n        background-color: transparent;\n        color: #ffffff;\n        box-shadow: 0 6px 20px rgba(255, 255, 255, 0.23);\n    }\n\n   \n    .btn-secondary {\n        background-color: transparent;\n        color: #ffffff;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n    }\n\n    .btn-secondary:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        border-color: #ffffff;\n    }\n\n \n    @media (max-width: 1024px) {\n        .growth-title-mega-pro {\n            letter-spacing: -0.05em;\n            margin-top: 100px !important;\n            margin-bottom: 20px !important;\n        }\n    }\n    \n  \n    @media (max-width: 480px) {\n        .growth-title-mega-pro {\n            font-size: clamp(40px, 25vw, 50px);\n            line-height: 0.9;\n            margin-bottom: 16px !important;\n        }\n\n        .hero-subtitle {\n            font-size: 1.125rem;\n            margin-bottom: 40px !important;\n            padding: 0 20px;\n        }\n        \n        .hero-button-group {\n            flex-direction: column;\n            gap: 16px;\n            padding: 0 20px;\n            margin-top: 40px !important;\n        }\n        \n        .btn-primary, .btn-secondary {\n            width: 100%;\n            text-align: center;\n            box-sizing: border-box; \n        }\n    }\n<\/style>\n\n<h1 class=\"growth-title-mega-pro\">Referenssit<\/h1>\n<p class=\"hero-subtitle\">Kaikki palvelut yrityksellesi samasta paikasta<\/p>\n<div class=\"hero-button-group\">\n  <a href=\"https:\/\/digiverkosto.fi\/varaa-aika\/\" class=\"btn-primary\">Varaa aika<\/a>\n  <a href=\"https:\/\/digiverkosto.fi\/ota-yhteytta\" class=\"btn-secondary\">Pyyd\u00e4 tarjous<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ba1191e6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n    :root {\n        --bg-clean: #070707;\n        --bg-card: #121214;\n        --text-pure: #ffffff;\n        --text-dimmed: #86868b;\n        --accent-blue: #0071e3;\n        --accent-blue-hover: #005bbd;\n        --border-subtle: rgba(255, 255, 255, 0.08);\n    }\n\n    .grid-portfolio-section {\n        background-color: var(--bg-clean);\n        padding: 100px 2rem;\n        color: var(--text-pure);\n        font-family: inherit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    }\n\n    .portfolio-max-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* Otsikkoalue *\/\n    .portfolio-clean-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .clean-tag {\n        color: var(--accent-blue);\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        display: block;\n        margin-bottom: 12px;\n    }\n\n    .clean-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 800;\n        letter-spacing: -0.02em;\n        margin: 0;\n    }\n\n    \/* --- OSA 1: 4 ENSIMM\u00c4IST\u00c4 (Isot kortit) --- *\/\n    .portfolio-featured-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 3rem;\n        margin-bottom: 5rem;\n    }\n\n    .portfolio-grid-card {\n        background-color: var(--bg-card);\n        border: 1px solid var(--border-subtle);\n        border-radius: 20px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3);\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .portfolio-grid-card:hover {\n        transform: translateY(-4px);\n        border-color: rgba(255, 255, 255, 0.15);\n    }\n\n    .card-image-wrapper {\n        width: 100%;\n        border-bottom: 1px solid var(--border-subtle);\n        background: #161617;\n    }\n\n    .card-image-wrapper img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: contain;\n    }\n\n    .card-info-content {\n        padding: 2.5rem;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n\n    .card-info-content h3 {\n        font-size: 1.75rem;\n        font-weight: 700;\n        margin: 0 0 1rem 0;\n    }\n\n    .story-dropdown {\n        cursor: pointer;\n        margin-bottom: 1.5rem;\n    }\n\n    .story-preview {\n        font-size: 17px;\n        line-height: 1.6;\n        color: var(--text-dimmed);\n        margin: 0;\n        display: inline;\n    }\n\n    .story-full-wrapper {\n        display: grid;\n        grid-template-rows: 0fr;\n        transition: grid-template-rows 0.35s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    .story-full-wrapper.is-open {\n        grid-template-rows: 1fr;\n    }\n\n    .story-full-inner { overflow: hidden; }\n\n    .story-extended-text {\n        font-size: 17px;\n        line-height: 1.6;\n        color: var(--text-dimmed);\n        padding-top: 0.5rem;\n        margin: 0;\n    }\n\n    .toggle-story-btn {\n        background: none;\n        border: none;\n        color: #ffffff;\n        font-size: 14px;\n        font-weight: 600;\n        padding: 0;\n        margin-top: 0.5rem;\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        opacity: 0.6;\n    }\n\n    .toggle-story-btn svg { transition: transform 0.3s ease; }\n    .story-full-wrapper.is-open + .toggle-story-btn svg { transform: rotate(180deg); }\n\n    .visit-btn {\n        display: inline-block;\n        background-color: var(--accent-blue);\n        color: #ffffff;\n        padding: 0.8rem 1.75rem;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 15px;\n        text-decoration: none;\n        transition: background-color 0.2s;\n        text-align: center;\n    }\n\n    .visit-btn:hover { background-color: var(--accent-blue-hover); }\n\n\n    \/* --- OSA 2: LOPUT MASSANA (Pienemm\u00e4t laatikot kuvilla) --- *\/\n    .mini-section-title {\n        font-size: 20px;\n        font-weight: 700;\n        color: var(--text-dimmed);\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 2rem;\n        border-bottom: 1px solid var(--border-subtle);\n        padding-bottom: 1rem;\n    }\n\n    .portfolio-mass-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1.5rem;\n    }\n\n    .portfolio-mini-card {\n        background-color: var(--bg-card);\n        border: 1px solid var(--border-subtle);\n        border-radius: 14px;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        transition: transform 0.2s, border-color 0.2s;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n    }\n\n    .portfolio-mini-card:hover {\n        transform: translateY(-2px);\n        border-color: rgba(255, 255, 255, 0.15);\n    }\n\n    .mini-card-image-wrapper {\n        width: 100%;\n        height: 160px;\n        background: #161617;\n        border-bottom: 1px solid var(--border-subtle);\n        overflow: hidden;\n    }\n\n    .mini-card-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .mini-card-text-content {\n        padding: 1.5rem;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n        gap: 1rem;\n    }\n\n    .mini-card-header .mini-category {\n        color: var(--accent-blue);\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        display: block;\n        margin-bottom: 4px;\n        letter-spacing: 0.5px;\n    }\n\n    .mini-card-header h4 {\n        font-size: 1.25rem;\n        font-weight: 700;\n        margin: 0 0 0.5rem 0;\n    }\n\n    .mini-card-header p {\n        font-size: 14px;\n        line-height: 1.5;\n        color: var(--text-dimmed);\n        margin: 0;\n    }\n\n    .mini-card-link {\n        color: var(--text-pure);\n        font-size: 14px;\n        font-weight: 600;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        margin-top: auto;\n        transition: color 0.2s;\n    }\n\n    .mini-card-link:hover {\n        color: var(--accent-blue);\n    }\n\n    .coming-soon-text {\n        color: var(--text-dimmed);\n        font-size: 14px;\n        font-style: italic;\n        margin-top: auto;\n    }\n\n    \/* RESPONSIVISUUS *\/\n    @media (max-width: 992px) {\n        .portfolio-featured-grid {\n            grid-template-columns: 1fr;\n            gap: 2.5rem;\n        }\n        .portfolio-mass-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .card-info-content { padding: 2rem 1.5rem; }\n    }\n\n    @media (max-width: 650px) {\n        .portfolio-mass-grid {\n            grid-template-columns: 1fr;\n        }\n        .grid-portfolio-section { padding: 60px 1rem; }\n        .mini-card-image-wrapper { height: 180px; }\n    }\n<\/style>\n\n<section class=\"grid-portfolio-section\">\n    <div class=\"portfolio-max-container\">\n        \n        <div class=\"portfolio-clean-header\">\n            <span class=\"clean-tag\">Referenssit<\/span>\n            <h2 class=\"clean-title\">Verkkosivut<\/h2>\n        <\/div>\n\n        <div class=\"portfolio-featured-grid\" id=\"featuredGrid\"><\/div>\n\n        <div id=\"massSection\" style=\"display: none;\">\n            <h3 class=\"mini-section-title\">Muita projektejamme<\/h3>\n            <div class=\"portfolio-mass-grid\" id=\"massGrid\"><\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n    const allProjects = [\n{\n            title: \"Kaustinen Folk Music Festival\",\n            category: \"Yll\u00e4pito ja optimointi\",\n            desc: \"Toteutimme asiakkaalle sivuston optimoinnin ja yll\u00e4pidon. Asiakas tarvitsi suuren ja nopean palvelintilan sivuston yll\u00e4pitoa ja suurta kausittaista k\u00e4vij\u00e4m\u00e4\u00e4r\u00e4\u00e4 varten.\",\n            link: \"https:\/\/kaustinen.net\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-kaustinen-festarit.png\" \n        },        \n{\n            title: \"Kemoran moottorirata\",\n            desc: \"Toteutimme Kemoran moottoriradalle t\u00e4ydellisen verkkosivuston uudistuksen. Uusi sivusto palvelee niin ratap\u00e4ivien harrastajia, kilpailijoita kuin yleis\u00f6\u00e4kin modernilla tavalla.\",\n            link: \"https:\/\/kemora.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/02\/sivusta-referenssit-kemora.png\"\n        },        \n{\n            title: \"MyBalance\",\n            desc: \"Toteutimme MyBalance alustan rakentamisen ja suunnittelun. Rakensimme selke\u00e4n alustan, joka tarjoaa hyvinvointiin liittyvi\u00e4 kursseja ja materiaaleja, joita alustalle rekister\u00f6ityv\u00e4t sis\u00e4ll\u00f6ntuottajat myyv\u00e4t.\",\n            link: \"https:\/\/mybalance.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/Digiverkosto-referenssit-mybalance.png\"\n        },\n{\n            title: \"Day Spa Ylellisyys \",\n            category: \"Verkkosivut\",\n            desc: \"Upea sivustoprojekti kauneushoitoalanammattilaiselle. Sivuston tavoitteena oli rakentaa asiaakkaallemme premium esittely h\u00e4nen tuottamastaan yleellisest\u00e4 palvelusta ja esitell\u00e4 h\u00e4nen ammattitaitonsa, palvelunsa korkea laatu, sek\u00e4 asiakasl\u00e4ht\u00f6inen toiminta joka on suunniteltu tarkkaan asiakkaita ajatellen.   \",\n            link: \"https:\/\/dayspaylellisyys.fi\/\", \n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-day-spa.png\" \n        },\n        {\n            title: \"Sallamarin jalkaterapia\",\n            desc: \"Rakensimme asiakkaalle alusta alkaen kokonaan uudet verkkosivut. Sivuista tuli selke\u00e4t ja modernit, jotta hoitoon hakeutuvat l\u00f6yt\u00e4v\u00e4t helposti tarvitsemansa tiedot.\",\n            link: \"https:\/\/sallamarinjalkaterapia.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-sallamarin-jalkaterapia.png\"\n        },\n        {\n            title: \"Lev\u00e4hdyshetki\",\n            desc: \"Asiakkaamme tarvitsi uudet, selke\u00e4t ja mobiililaitteelle optimoidut sivut. Lopputuloksena syntyi rauhallinen ilme, joka houkuttelee asiakkaita ottamaan hetken omaa aikaa.\",\n            link: \"https:\/\/levahdyshetki.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-levahdyshetki.png\"\n        },\n        {\n            title: \"Turvallisuuskumppani\",\n            desc: \"Asiakkaamme tarvitsi uudet, selke\u00e4t ja mobiililaitteelle optimoidut sivut. Painotimme suunnittelussa luotettavuutta ja helppoa yhteydenottoa kriittisiss\u00e4 palveluissa.\",\n            link: \"https:\/\/turvallisuuskumppani.com\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-turvallisuuskumppani.png\"\n        },\n        {\n            title: \"JJ STYLE\",\n            desc: \"Verkkosivut toteutettiin asiakkaan toiveiden mukaisesti, teknisesti jokaiselle laitteelle toimivaksi. Visuaalisuus korostaa JJ Stylen tarkkaa silm\u00e4\u00e4 yksityiskohdille.\",\n            link: \"https:\/\/jjstyle.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2025\/11\/sivusta-referenssit-jjstyle.png\"\n        },\n        \/* --- UUDET LIS\u00c4TYT PROJEKTIT --- *\/\n        {\n            title: \"Roosasaarinenart\",\n            category: \"Verkkosivut\",\n            desc: \"Toteutimme nuorella yritt\u00e4j\u00e4lle h\u00e4nen toimintaan sopivan premium sivuston tukemaan h\u00e4nen toimintaa.\",\n            link: \"https:\/\/roosasaarinenart.com\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssi-roosasaarinenart.png\" \n        },\n        {\n            title: \"Mets\u00e4ty\u00f6 Koski Oy\",\n            desc: \"Toteutimme Mets\u00e4ty\u00f6 Koski Oy:lle suoraviivaisen ja vakuuttavan verkkosivuston. Sivusto viestii tehokkaasti yrityksen vankkaa ammattitaitoa hakkuut\u00f6iss\u00e4 ja puunkorjuussa.\",\n            link: \"https:\/\/metsatyokoskioy.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2025\/11\/sivusta-referenssit-metsatyo-koski.png\"\n        },\n        {\n            title: \"AP-Autokorjaamo\",\n            desc: \"Uudistimme AP Autokorjaamon verkkosivuston siirt\u00e4m\u00e4ll\u00e4 sen Wix-ymp\u00e4rist\u00f6st\u00e4 WordPressille. Sivustosta tehtiin moderni, nopea ja helposti laajennettava kokonaisuus br\u00e4ndi-ilmett\u00e4 kunnioittaen.\",\n            link: \"https:\/\/ap-autokorjaamo.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/01\/sivusta-referenssit-Ap-Autokorjaamo.png\"\n        },\n        {\n            title: \"Taloushuoltamo\",\n            category: \"Yll\u00e4pito ja optimointi\",\n            desc: \"Yll\u00e4pitopalvelu meid\u00e4n k\u00e4ytt\u00e4m\u00e4lle, ammattimaiselle ja luotettavalle tilitoimistolle.\",\n            link: \"https:\/\/taloushuoltamo.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/06\/digiverkosto-referenssit-taloushuoltamo.png\" \n        },\n{\n            title: \"Cropter\",\n     \n            desc: \"Verkkosivun rakennus yhteisty\u00f6kumppanimme mainostoimisto verstaan suunnittelemana\",\n            link: \"https:\/\/cropter.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/09\/digiverkosto-referenssit-cropter-1.png\" \n        },\n{\n            title: \"TS Grafi\",\n            category: \"Verkkokaupan ja sivuston ilmeen uudistus\",\n            desc: \"P\u00e4ivitimme asiakkaan sivuston ulkoasun modernimmaksi ja asiakkaan toiveiden mukaiseksi. Teimme my\u00f6s tarvittavia parannuksia verkkokauppaan.\",\n            link: \"https:\/\/ts-grafi.fi\",\n            projectImg: \"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/07\/Digiverkosto-referenssit-ts-grafi.fi_.png\" \n        }\n    ];\n\n    function initSplitPortfolio() {\n        const featuredGrid = document.getElementById('featuredGrid');\n        const massGrid = document.getElementById('massGrid');\n        const massSection = document.getElementById('massSection');\n\n        allProjects.forEach((project, idx) => {\n            const textSlices = splitFirstSentence(project.desc);\n            const currentCategory = project.category || \"Verkkosivut\";\n\n            if (idx < 4) {\n                \/* --- TOP 4: Isommat kortit --- *\/\n                const card = document.createElement('div');\n                card.className = 'portfolio-grid-card';\n                card.innerHTML = `\n                    <div class=\"card-image-wrapper\">\n                        <img decoding=\"async\" src=\"${project.projectImg}\" alt=\"${project.title}\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"card-info-content\">\n                        <h3>${project.title}<\/h3>\n                        <div class=\"story-dropdown\" onclick=\"toggleDropdown(${idx})\">\n                            <p class=\"story-preview\">${textSlices.first}<\/p>\n                            <div class=\"story-full-wrapper\" id=\"dropdown-${idx}\">\n                                <div class=\"story-full-inner\">\n                                    <p class=\"story-extended-text\">${textSlices.rest}<\/p>\n                                <\/div>\n                            <\/div>\n                            <button class=\"toggle-story-btn\">\n                                <span>Lue koko tarina<\/span>\n                                <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n                            <\/button>\n                        <\/div>\n                        <div style=\"margin-top: auto; padding-top: 1rem;\">\n                            <a href=\"${project.link}\" class=\"visit-btn\" target=\"_blank\">Vieraile sivustolla \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                `;\n                featuredGrid.appendChild(card);\n            } else {\n                \/* --- LOPUT: Pienemm\u00e4t massalaatikot kuvilla --- *\/\n                massSection.style.display = 'block';\n                \n                \/\/ Tarkistetaan linkin olemassaolo (esim. Day Spa)\n                const hasLink = project.link && project.link.trim() !== \"\" && project.link !== \"#\";\n                const actionButton = hasLink \n                    ? `<a href=\"${project.link}\" class=\"mini-card-link\" target=\"_blank\">Vieraile sivustolla \u2192<\/a>`\n                    : `<span class=\"coming-soon-text\">Tulossa pian...<\/span>`;\n\n                const miniCard = document.createElement('div');\n                miniCard.className = 'portfolio-mini-card';\n                miniCard.innerHTML = `\n                    <div class=\"mini-card-image-wrapper\">\n                        <img decoding=\"async\" src=\"${project.projectImg || 'https:\/\/via.placeholder.com\/400x200\/161617\/ffffff?text=Kuva+Puuttuu'}\" alt=\"${project.title}\" loading=\"lazy\">\n                    <\/div>\n                    <div class=\"mini-card-text-content\">\n                        <div class=\"mini-card-header\">\n                            <span class=\"mini-category\">${currentCategory}<\/span>\n                            <h4>${project.title}<\/h4>\n                            <p>${textSlices.first.replace(\" ...\", \"\")}<\/p>\n                        <\/div>\n                        ${actionButton}\n                    <\/div>\n                `;\n                massGrid.appendChild(miniCard);\n            }\n        });\n    }\n\n    function splitFirstSentence(text) {\n        const dotIndex = text.indexOf('. ');\n        if (dotIndex !== -1) {\n            return {\n                first: text.substring(0, dotIndex + 1) + \" ...\",\n                rest: text.substring(dotIndex + 2)\n            };\n        }\n        return { first: text, rest: \"\" };\n    }\n\n    window.toggleDropdown = function(idx) {\n        const wrapper = document.getElementById(`dropdown-${idx}`);\n        const btnText = wrapper.nextElementSibling.querySelector('span');\n        \n        if (wrapper.classList.contains('is-open')) {\n            wrapper.classList.remove('is-open');\n            btnText.innerText = 'Lue koko tarina';\n        } else {\n            wrapper.classList.add('is-open');\n            btnText.innerText = 'Sulje tarina';\n        }\n    }\n\n    document.addEventListener('DOMContentLoaded', initSplitPortfolio);\n<\/script>\n<\/div>\n\n\n\n<div class=\"photo-header\">\n    <span class=\"section-tag\">Portfolio<\/span>\n    <h2 class=\"photo-title\">Graafinen suunnittelu<\/h2>\n    \n<\/div>\n\n<style>\n    \/* Koko yl\u00e4osion keskitys ja leveyskontrolli *\/\n    .photo-header {\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto 60px auto;\n        padding: 0 20px;\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        box-sizing: border-box;\n    }\n\n    \/* Pieni yl\u00e4otsikko \/ Tag *\/\n    .section-tag {\n        color: #0071e3;\n        font-size: 13px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    \/* P\u00e4\u00e4otsikko (joka skaalautuu n\u00e4yt\u00f6n mukaan) *\/\n    .photo-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 700;\n        color: #ffffff;\n        margin: 0 0 20px 0;\n        line-height: 1.15;\n    }\n\n    \/* Kuvausteksti *\/\n    .photo-desc {\n        color: #86868b;\n        font-size: 18px;\n        line-height: 1.6;\n        margin: 0 0 30px 0;\n    }\n\n    \/* Laitteistobadget *\/\n    .equipment-badges {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .badge {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 8px 16px;\n        border-radius: 50px;\n        font-size: 14px;\n        color: #ffffff;\n        font-weight: 500;\n        transition: background 0.2s ease, border-color 0.2s ease;\n    }\n    \n    \/* Kevyt hover-efekti badgeille tuomaan eloa *\/\n    .badge:hover {\n        background: rgba(255, 255, 255, 0.08);\n        border-color: rgba(255, 255, 255, 0.2);\n    }\n\n    \/* Mobiilioptimointi tekstikoolle *\/\n    @media (max-width: 600px) {\n        .photo-desc {\n            font-size: 16px;\n        }\n        .photo-header {\n            margin-bottom: 40px;\n        }\n    }\n<\/style>\n\n\n<p>[foogallery id=&#8221;3504&#8243;]<\/p>\n\n\n\n<section class=\"photo-gallery-section\">\n    <div class=\"photo-container\">\n        \n        <div class=\"photo-header\">\n            <span class=\"section-tag\">Portfolio<\/span>\n            <h2 class=\"photo-title\">Valokuvaus<\/h2>\n            <p class=\"photo-desc\">\n                Valokuvat mainoksiin, someen, Google-yritysprofiiliin tai nettisivuille. \n                Meilt\u00e4 saat laadukkaan ja br\u00e4ndisi n\u00e4k\u00f6isen kuvamateriaalin kaikkiin kanaviin.\n            <\/p>\n            \n            <div class=\"equipment-badges\">\n                <span class=\"badge\">\ud83d\udcf8 J\u00e4rjestelm\u00e4kamera<\/span>\n                <span class=\"badge\">\ud83d\ude81 Drone<\/span>\n                <span class=\"badge\">\ud83d\udd04 360-kamera<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"masonry-grid\">\n            \n            <div class=\"masonry-item\">\n                <div class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/01\/DSC0379-scaled.jpg\" alt=\"Henkil\u00f6kuvaus\">\n                    <div class=\"overlay\"><span>Tapahtumakuvaus<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"masonry-item\">\n                <div class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/01\/DJI_0039-2-scaled.jpg\" alt=\"Dronekuvaus\">\n                    <div class=\"overlay\"><span>Dronekuvaus<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"masonry-item\">\n                <div class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/01\/69EDE7A8B30B39280073D6BE2E7FC9D9-scaled.jpg\" alt=\"Tuotekuvaus\">\n                    <div class=\"overlay\"><span>Dronekuvaus<\/span><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"masonry-item\">\n                <div class=\"img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/01\/DSC0182-scaled.jpg\" alt=\"Tapahtumakuvaus\">\n                    <div class=\"overlay\"><span>Laitteisto<\/span><\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \n    .photo-gallery-section {\n        background-color: #070707;\n        padding: 100px 6vw;\n        color: #f5f5f7;\n        font-family: inherit;\n        border-top: 1px solid #1c1c1e;\n        box-sizing: border-box;\n    }\n\n    .photo-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \n    .photo-header {\n        text-align: center;\n        margin-bottom: 60px;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .section-tag {\n        color: #0071e3;\n        font-size: 13px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .photo-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 700;\n        color: #fff;\n        margin: 0 0 20px 0;\n    }\n\n    .photo-desc {\n        color: #86868b;\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 30px;\n    }\n\n    .equipment-badges {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .badge {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 8px 16px;\n        border-radius: 50px;\n        font-size: 14px;\n        color: #fff;\n        font-weight: 500;\n    }\n\n    \n    .masonry-grid {\n        \/* Desktop oletus: 3 saraketta *\/\n        column-count: 3;\n        column-gap: 24px;\n    }\n\n    .masonry-item {\n        break-inside: avoid;\n        margin-bottom: 24px;\n        position: relative;\n    }\n\n    \n    .masonry-item:nth-child(n+7) {\n        display: none;\n    }\n\n    \n    .img-wrapper {\n        position: relative;\n        border-radius: 16px;\n        overflow: hidden;\n        background: #0e0e10;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        transition: transform 0.3s ease;\n    }\n\n    .img-wrapper:hover {\n        transform: translateY(-5px);\n    }\n\n    .img-wrapper img {\n        width: 100%;\n        height: auto;\n        display: block;\n        transition: transform 0.5s ease;\n    }\n\n    .img-wrapper:hover img {\n        transform: scale(1.05);\n    }\n\n    .overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 20px;\n        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n        display: flex;\n        align-items: flex-end;\n    }\n\n    .img-wrapper:hover .overlay { opacity: 1; }\n\n    .overlay span {\n        color: #fff;\n        font-weight: 600;\n        font-size: 16px;\n        transform: translateY(10px);\n        transition: transform 0.3s ease;\n    }\n\n    .img-wrapper:hover .overlay span { transform: translateY(0); }\n\n    \n    @media (max-width: 900px) {\n        .masonry-grid {\n            column-count: 2;\n            column-gap: 16px;\n        }\n        .photo-gallery-section { padding: 60px 4vw; }\n    }\n\n    \n    @media (max-width: 600px) {\n        .masonry-grid {\n            column-count: 1;\n        }\n        \n        \n        \n        .masonry-item:nth-child(n+5) {\n            display: none;\n        }\n\n        .overlay {\n            opacity: 1; \n            padding: 15px;\n        }\n        .overlay span { transform: translateY(0); font-size: 14px; }\n    }\n<\/style>\n\n\n\n<section class=\"ref-cta-section\">\n    <div class=\"ref-cta-container\">\n        \n        <div class=\"ref-cta-header\">\n            <h2 class=\"ref-cta-title\">Tehd\u00e4\u00e4nk\u00f6 teid\u00e4n yrityksest\u00e4nne <br><span class=\"highlight\">seuraava menestystarina?<\/span><\/h2>\n            <p class=\"ref-cta-desc\">\n                Kuten referensseist\u00e4mme n\u00e4et, emme tee vain verkkosivuja tai kuvia. Me rakennamme ty\u00f6kaluja, jotka tuovat tuloksia. Olipa kyseess\u00e4 paikallisen n\u00e4kyvyyden parantaminen, myyntiprosessin automatisointi teko\u00e4lyll\u00e4 tai br\u00e4ndin visuaalinen el\u00e4v\u00f6itt\u00e4minen, meill\u00e4 on mekaaninen tarkkuus ja visuaalinen silm\u00e4 hoitaa homma kerralla maaliin.\n            <\/p>\n        <\/div>\n\n        <h3 class=\"steps-heading\">Aloita matkasi kohti digitaalista dominanssia:<\/h3>\n        \n        <div class=\"cta-steps-grid\">\n            \n            <div class=\"cta-step-card\">\n                <div class=\"step-badge\">1<\/div>\n                <h4 class=\"step-title\">Maksuton nykytilan analyysi<\/h4>\n                <p class=\"step-text\">Katsotaan yhdess\u00e4, miss\u00e4 potentiaalinne piilee. Emme arvaile, vaan perustamme ehdotukset dataan.<\/p>\n            <\/div>\n\n            <div class=\"cta-step-card\">\n                <div class=\"step-badge\">2<\/div>\n                <h4 class=\"step-title\">Selke\u00e4 toimintasuunnitelma<\/h4>\n                <p class=\"step-text\">Ei jargonilla kuorrutettuja lupauksia, vaan konkreettisia askeleita, jotka viev\u00e4t yrityst\u00e4si eteenp\u00e4in.<\/p>\n            <\/div>\n\n            <div class=\"cta-step-card\">\n                <div class=\"step-badge\">3<\/div>\n                <h4 class=\"step-title\">Kiinte\u00e4 tarjous<\/h4>\n                <p class=\"step-text\">Tied\u00e4t tarkalleen, mit\u00e4 saat ja mit\u00e4 se maksaa, ilman piilokuluja tai yll\u00e4tt\u00e4vi\u00e4 lis\u00e4laskuja.<\/p>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"ref-cta-buttons\">\n            <a href=\"https:\/\/digiverkosto.fi\/ota-yhteytta\" class=\"cta-btn-primary\">Pyyd\u00e4 tarjous projektista<\/a>\n            <a href=\"https:\/\/digiverkosto.fi\/varaa-aika\" class=\"cta-btn-secondary\">Varaa 15 min et\u00e4tapaaminen<\/a>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    \n    .ref-cta-section {\n        background-color: #070707;\n        \n        background-image: radial-gradient(circle at 50% 0%, rgba(0, 113, 227, 0.08), transparent 40%);\n        padding: 120px 6vw;\n        color: #f5f5f7;\n        font-family: inherit;\n        border-top: 1px solid #1c1c1e;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .ref-cta-container {\n        max-width: 1000px;\n        margin: 0 auto;\n        text-align: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    \n    .ref-cta-title {\n        font-size: clamp(32px, 5vw, 56px);\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 24px;\n        color: #fff;\n    }\n\n    .ref-cta-title .highlight {\n        background: linear-gradient(180deg, #fff 0%, #86868b 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: inline-block;\n    }\n\n    .ref-cta-desc {\n        font-size: clamp(16px, 2vw, 19px);\n        line-height: 1.6;\n        color: #a1a1a6;\n        max-width: 800px;\n        margin: 0 auto 60px auto;\n    }\n\n    .steps-heading {\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #0071e3;\n        margin-bottom: 30px;\n        font-weight: 600;\n    }\n\n    \n    .cta-steps-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n        margin-bottom: 60px;\n    }\n\n    .cta-step-card {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 20px;\n        padding: 30px 24px;\n        text-align: left;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .cta-step-card:hover {\n        transform: translateY(-5px);\n        border-color: rgba(255, 255, 255, 0.2);\n        background: rgba(255, 255, 255, 0.05);\n    }\n\n    .step-badge {\n        width: 32px;\n        height: 32px;\n        background: #0071e3;\n        color: #fff;\n        font-weight: 700;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 20px;\n        font-size: 14px;\n    }\n\n    .step-title {\n        color: #fff;\n        font-size: 18px;\n        font-weight: 600;\n        margin: 0 0 10px 0;\n    }\n\n    .step-text {\n        color: #86868b;\n        font-size: 15px;\n        line-height: 1.5;\n        margin: 0;\n    }\n\n    \n    .ref-cta-buttons {\n        display: flex;\n        justify-content: center;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n\n    .cta-btn-primary {\n        background-color: #0071e3;\n        color: #fff;\n        padding: 16px 36px;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 17px;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n        border: 1px solid transparent;\n        box-shadow: 0 5px 20px rgba(0, 113, 227, 0.3);\n    }\n\n    .cta-btn-primary:hover {\n        background-color: #0062c4;\n        transform: scale(1.02);\n    }\n\n    .cta-btn-secondary {\n        background-color: transparent;\n        color: #fff;\n        padding: 16px 36px;\n        border-radius: 50px;\n        font-weight: 600;\n        font-size: 17px;\n        text-decoration: none;\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        transition: all 0.3s ease;\n    }\n\n    .cta-btn-secondary:hover {\n        border-color: #fff;\n        background-color: rgba(255, 255, 255, 0.05);\n    }\n\n    \n    @media (max-width: 900px) {\n        .ref-cta-section { padding: 80px 4vw; }\n        \n        .cta-steps-grid {\n            grid-template-columns: 1fr; \n            max-width: 500px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .cta-step-card {\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .ref-cta-buttons {\n            flex-direction: column;\n            width: 100%;\n            max-width: 400px;\n            margin: 0 auto;\n        }\n\n        .cta-btn-primary, .cta-btn-secondary {\n            width: 100%;\n            text-align: center;\n            box-sizing: border-box;\n        }\n    }\n<\/style>\n\n\n<link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/trustindex-google-widget.css?1787214414\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/trustindex-google-widget.css?1787214414\" class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d %s sitten|t\u00e4n\u00e4\u00e4n|p\u00e4iv\u00e4|p\u00e4iv\u00e4\u00e4|viikko|viikkoa|kuukausi|kuukautta|vuosi|vuotta\" data-plugin-version=\"14.1.1\" data-layout-id=\"104\" data-layout-category=\"badge, top-rated-badge\" data-set-id=\"drop-shadow\" data-pid=\"wp-widget\" data-language=\"fi\" data-close-locale=\"Kiinni\" data-css-version=\"2\" data-size=\"1\"> <div class=\"ti-widget-container\"> <div class=\"ti-header source-Google\"> <img decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-header-inner\"> <div class=\"ti-profile-details\"> <div class=\"ti-stars\"><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><\/div> <span class=\"ti-rating\">5.0<\/span> <\/div> <div class=\"ti-top-rated-title\">Parhaiksi arvioitu  palvelu<\/div> <div class=\"ti-verified-by\">Trustindexin vahvistama <span class=\"ti-info-icon\"><\/span><\/div> <div class=\"ti-disclaimer\">Trustindex vahvistaa, ett\u00e4 yrityksen arvostelupisteet ovat yli 4.5. T\u00e4m\u00e4 perustuu Google-alustalle viimeisten 12 kuukauden aikana ker\u00e4ttyihin arvosteluihin, mik\u00e4 oikeuttaa sen saamaan <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-top-rated-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\" rel=\"noopener\">Parhaiten arvioidut sertifikaatin<\/a>.<\/div> <\/div> <\/div> <\/div> <\/div> <\/pre><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Referenssit Kaikki palvelut yrityksellesi samasta paikasta Varaa aika Pyyd\u00e4 tarjous Referenssit Verkkosivut Muita projektejamme Portfolio Graafinen suunnittelu Portfolio Valokuvaus Valokuvat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6688","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/6688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/comments?post=6688"}],"version-history":[{"count":23,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/6688\/revisions"}],"predecessor-version":[{"id":7248,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/6688\/revisions\/7248"}],"wp:attachment":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/media?parent=6688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}