<!doctype html>
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="fi-FI"  >
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- This is Squarespace. --><!-- ruby-chimes-6erz -->
<base href="">
<meta charset="utf-8" />
<title>Brändisuunnittelu &amp; verkkosivut pienyrityksille | Pinja Kekkonen</title>
<meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/ec682aeb-0997-4223-8936-191f307118a7/favicon.ico?format=100w"/>
<link rel="canonical" href="/assets/678a0fce35890b87519892cb7ea310ce5b436ff7"/>
<meta property="og:site_name" content="Pinja Kekkonen"/>
<meta property="og:title" content="Brändisuunnittelu &amp; verkkosivut pienyrityksille | Pinja Kekkonen"/>
<meta property="og:url" content="/assets/678a0fce35890b87519892cb7ea310ce5b436ff7"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Yhden naisen luova yritys, joka tarjoaa brändisuunnittelua ja erottuvia verkkosivuja intohimoisille yrittäjille. Toteutan myös graafista suunnittelua yrityksesi tarpeiden mukaisesti, kuten käyntikortit, esityspohjat, esitteet ja paperituotteet esimerkiksi verkkokauppiaalle. Muutetaan yhdessä yrityks"/>
<meta property="og:image" content="http://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/68c69b9d4101cd0354534f0c/1757846429912/Squarespace-verkkosivujentekija%CC%88.jpg?format=1500w"/>
<meta property="og:image:width" content="1000"/>
<meta property="og:image:height" content="1000"/>
<meta itemprop="name" content="Brändisuunnittelu &amp; verkkosivut pienyrityksille &#124; Pinja Kekkonen"/>
<meta itemprop="url" content="/assets/678a0fce35890b87519892cb7ea310ce5b436ff7"/>
<meta itemprop="description" content="Yhden naisen luova yritys, joka tarjoaa brändisuunnittelua ja erottuvia verkkosivuja intohimoisille yrittäjille. Toteutan myös graafista suunnittelua yrityksesi tarpeiden mukaisesti, kuten käyntikortit, esityspohjat, esitteet ja paperituotteet esimerkiksi verkkokauppiaalle. Muutetaan yhdessä yrityks"/>
<meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/68c69b9d4101cd0354534f0c/1757846429912/Squarespace-verkkosivujentekija%CC%88.jpg?format=1500w"/>
<link rel="image_src" href="http://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/68c69b9d4101cd0354534f0c/1757846429912/Squarespace-verkkosivujentekija%CC%88.jpg?format=1500w" />
<meta itemprop="image" content="http://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/68c69b9d4101cd0354534f0c/1757846429912/Squarespace-verkkosivujentekija%CC%88.jpg?format=1500w"/>
<meta name="twitter:title" content="Brändisuunnittelu &amp; verkkosivut pienyrityksille &#124; Pinja Kekkonen"/>
<meta name="twitter:image" content="http://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/68c69b9d4101cd0354534f0c/1757846429912/Squarespace-verkkosivujentekija%CC%88.jpg?format=1500w"/>
<meta name="twitter:url" content="/assets/678a0fce35890b87519892cb7ea310ce5b436ff7"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Yhden naisen luova yritys, joka tarjoaa brändisuunnittelua ja erottuvia verkkosivuja intohimoisille yrittäjille. Toteutan myös graafista suunnittelua yrityksesi tarpeiden mukaisesti, kuten käyntikortit, esityspohjat, esitteet ja paperituotteet esimerkiksi verkkokauppiaalle. Muutetaan yhdessä yrityks"/>
<meta name="description" content="Yhden naisen luova yritys, joka tarjoaa brändisuunnittelua ja erottuvia 
verkkosivuja intohimoisille yrittäjille. Toteutan myös graafista 
suunnittelua yrityksesi tarpeiden mukaisesti, kuten käyntikortit, 
esityspohjat, esitteet ja paperituotteet esimerkiksi verkkokauppiaalle. 
Muutetaan yhdessä yrityksesi visio hurmaaviksi luoviksi ratkaisuiksi. On 
brändisi aika loistaa!" />
<link rel="preconnect" href="/assets/d266edd061271d59a60297da4243d81b3e33bf62">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,700;1,400;1,700"><script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="/assets/724f2204f5e9619cc93b9d58d32949c272eefcd9.js"></script>
<script type="text/javascript" crossorigin="anonymous" defer="true" src="/assets/557b1efeb61e7d8e073a1f78d0247e4789fe2d86.js"></script>
<script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-4cd4e6784dca6310-min.fi-FI.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-4cd4e6784dca6310-min.fi-FI.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["/assets/baaa152669eec256ff8a9c53c4d3327b4ec49dac.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
<script crossorigin="anonymous" src="/assets/baaa152669eec256ff8a9c53c4d3327b4ec49dac.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["/assets/48b8669fbbc5bfabdfd5e8f5e23797d9065a7c27.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
<script crossorigin="anonymous" src="/assets/48b8669fbbc5bfabdfd5e8f5e23797d9065a7c27.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["/assets/b8118452e64cb7f514e277ae97f3af9cfa370392.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
<script crossorigin="anonymous" src="/assets/b8118452e64cb7f514e277ae97f3af9cfa370392.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["/assets/1e8f406c9f118d5cfc2cd57d65433075a64afc4f.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
<script crossorigin="anonymous" src="/assets/1e8f406c9f118d5cfc2cd57d65433075a64afc4f.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-a6c7e2a09f4e8c2c-min.fi-FI.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-a6c7e2a09f4e8c2c-min.fi-FI.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["/assets/a66ebff6b6bbdd2be13308ed1e95195fca662eb1.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
<script crossorigin="anonymous" src="/assets/a66ebff6b6bbdd2be13308ed1e95195fca662eb1.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["campaigns_import_discounts","marketing_landing_page","campaigns_discount_section_in_blasts","campaigns_merch_state","enable_modernized_pdp_m3_layout_data","section-sdk-plp-faceted-search-enabled","enable_modernized_pdp_m3_layout_ux","member_areas_feature","marketing_automations","campaigns_new_image_layout_picker","modernized-pdp-m2-enabled","override_block_styles","form_block_first_last_name_show","new_stacked_index","supports_versioned_template_assets","enable_form_submission_trigger","form_block_first_last_name_required","enable_modernized_pdp_m3_fluid","campaigns_table_v2","campaigns_thumbnail_layout","campaigns_discount_section_in_automations","nested_categories","pdp-site-styling-updates-m2","i18n_beta_website_locales","scripts_defer","contacts_and_campaigns_redesign"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"/assets/718bc95b972649885801c2ee6abbda0448d22bf5.js"},"squarespace-audio-player":{"css":"/assets/3383b1232e6c2a6e43351501e3d714282198d1f8.css","js":"/assets/713f0d0777d5cd3d5d5a024fe625b33cb958d529.js"},"squarespace-blog-collection-list":{"css":"/assets/53253177897e69f8f7fc16361dc083acb60537a4.css","js":"/assets/a1a1ac9c9b9d7105839152c2b6ba1564a46766e1.js"},"squarespace-calendar-block-renderer":{"css":"/assets/817811aee2e88df5302201464b0a1c3727ad2fef.css","js":"/assets/9fc99e4b74c7cdcea921784d6caff2e1fb45b2c3.js"},"squarespace-chartjs-helpers":{"css":"/assets/38fdb2fd87bdcaa4e9e1d6e8236f677d4861c117.css","js":"/assets/8679e504b40e8d0bcc09ee641981f5d52de48f1c.js"},"squarespace-comments":{"css":"/assets/69dab17e7e7ca0ed7da953700b8147aee5ab5b61.css","js":"/assets/a9ae60998abffa73e89ddc664d8cc3dda49acdc1.js"},"squarespace-custom-css-popup":{"css":"/assets/4493587da11faacfb21c82a479c536964119286e.css","js":"/assets/6ed66d93682ceb1ca54e48217f6a5d3e91ef085f.js"},"squarespace-dialog":{"css":"/assets/471709a15ccf9efe31d16bf314bc2d7b8976da63.css","js":"/assets/06598bee7de1004357f89084f27f2fb4c550eba8.js"},"squarespace-events-collection":{"css":"/assets/30ff59c2d1d0bb247d106aac1cea274a51b4b685.css","js":"/assets/a27593edc8014c561e0d8f0bcb28f7bb60ac6cfa.js"},"squarespace-form-rendering-utils":{"js":"/assets/d7f053c0b2a2d308cdb66f2fa9b728f4ec86b521.js"},"squarespace-forms":{"css":"/assets/f23f74641f35d9c8e7ff278c80b7b36a932d5564.css","js":"/assets/c19ca5af35ad127b1981c54f99d91741f651b250.js"},"squarespace-gallery-collection-list":{"css":"/assets/bbac96cfc42d9d11513b4d73aff30e5bf06e6bcf.css","js":"/assets/7d7f4dffffc2d64a75ad75f288122946fe5a5956.js"},"squarespace-image-zoom":{"css":"/assets/25887b4c89fb26b8055b771cb4456de2d91b9424.css","js":"/assets/e9a855b68531728d27194b7e8ebafb3e1688d343.js"},"squarespace-pinterest":{"css":"/assets/51d7a4cb382a18a41dc0485f793bbaae194e0272.css","js":"/assets/6ab4487b65540c9dd0f9170c55fe284614379405.js"},"squarespace-popup-overlay":{"css":"/assets/428c938e01a179dc70e8c67473c96729a35dba46.css","js":"/assets/1db6fc02adb7db1782f3f9ebed4527806514b4fd.js"},"squarespace-product-quick-view":{"css":"/assets/33bee1ba6c2a1e1c9b9e17ceaa44b73d92cf2572.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-ff4eb36db9a6e9f7-min.fi-FI.js"},"squarespace-products-collection-item-v2":{"css":"/assets/6314e1757d7aea8254112d5a487a5668926b11ca.css","js":"/assets/50d1918d202b3c887fc51d0b91976cf6e81e6a9f.js"},"squarespace-products-collection-list-v2":{"css":"/assets/193985a7ab47f3012a4fdab77e96e015dc77797b.css","js":"/assets/c0403a72e032c7f92b9fdf6ffe892c7ea25b887a.js"},"squarespace-search-page":{"css":"/assets/7165140edf84ebf3a101d37358694a9127769afb.css","js":"/assets/387b069d4ca77f5bbe16dbba0fc8232973923c79.js"},"squarespace-search-preview":{"js":"/assets/77a14ed7d596a0fe0b7c4ed5316f3f6ac313eeca.js"},"squarespace-simple-liking":{"css":"/assets/508a47a05d60a7940d9d56b8079920b95fa173e1.css","js":"/assets/649e6c9ce59c4db8a9cc14f677fde9bdbd716846.js"},"squarespace-social-buttons":{"css":"/assets/e0f74da0d19b6fbe5f07504f09338e703969c6a7.css","js":"/assets/600ad9531a9b722719bcdd28c957a0e146528b78.js"},"squarespace-tourdates":{"css":"/assets/ad810b372b558bfca7aefdff69e073f97895e4f6.css","js":"/assets/01404fc8ab0b33dd05c97b9dcb54561a658fa3ce.js"},"squarespace-website-overlays-manager":{"css":"/assets/9134673dc4de3d2b84e6184bea0fb194ec5cbff1.css","js":"/assets/34c0512bfeb47a3f29b5fe8ea98e3528040e00ac.js"}},"pageType":2,"website":{"id":"660d95d2de6c8215dd2fbb34","identifier":"ruby-chimes-6erz","websiteType":1,"contentModifiedOn":1773236229928,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"fi-FI","translationLocale":"fi-FI","formattingLocale":"fi-FI","timeZone":"Europe/Helsinki","machineTimeZoneOffset":7200000,"timeZoneOffset":7200000,"timeZoneAbbr":"EET","siteTitle":"Pinja Kekkonen","fullSiteTitle":"Br\u00E4ndisuunnittelu & verkkosivut pienyrityksille | Pinja Kekkonen","siteDescription":"","location":{"addressTitle":"Tmi Pinja Kekkonen","addressLine1":"","addressLine2":"","addressCountry":""},"logoImageId":"69a01620011ce65396eec86b","socialLogoImageId":"68c69b9d4101cd0354534f0c","shareButtonOptions":{"8":true,"4":true,"6":true,"7":true,"1":true,"2":true,"3":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/61fa0949-45d2-4f61-9c90-9110df1fbb26/Pinjakekkonen-bra%CC%88nda%CC%88ys.png","socialLogoImageUrl":"//images.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/72bbf4c3-4166-46b4-a866-964efb012571/Squarespace-verkkosivujentekija%CC%88.jpg","authenticUrl":"/assets/678a0fce35890b87519892cb7ea310ce5b436ff7","internalUrl":"https://ruby-chimes-6erz.squarespace.com","baseUrl":"/assets/678a0fce35890b87519892cb7ea310ce5b436ff7","primaryDomain":"www.pinjakekkonen.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":64,"screenname":"Instagram","addedOn":1714296327733,"profileUrl":"https://www.instagram.com/pinja.kekkonen/","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":82,"screenname":"TikTok","addedOn":1738174007519,"profileUrl":"https://www.tiktok.com/@pinja.kekkonen","iconEnabled":true,"serviceName":"tiktok-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"461a54303c3254ccf9c954346deb96977b1721da1551272ab0938a184ff9c600","captchaSettings":{"siteKey":"","enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"660d95d2de6c8215dd2fbb37","websiteId":"660d95d2de6c8215dd2fbb34","subjects":[],"country":"FI","state":"19","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p data-rte-preserve-empty=\"true\" style=\"white-space:pre-wrap;\">\u263A\uFE0E NYT BOOKATAAN MAALISKUULLE 2026 \u263A\uFE0E</p>","clickthroughUrl":{"url":"/ota-yhteytta","newWindow":false}},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"contactPhoneNumber":"","businessHours":{"monday":{"text":"9am-5pm","ranges":[{"from":540,"to":1020}]},"tuesday":{"text":"9am-5pm","ranges":[{"from":540,"to":1020}]},"wednesday":{"text":"9am-5pm","ranges":[{"from":540,"to":1020}]},"thursday":{"text":"9am-5pm","ranges":[{"from":540,"to":1020}]},"friday":{"text":"9am-5pm","ranges":[{"from":540,"to":1020}]},"saturday":{"text":"","ranges":[{}]},"sunday":{"text":"","ranges":[{}]}},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","ARS","AUD","BRL","CAD","CHF","COP","CZK","DKK","EUR","GBP","HKD","IDR","ILS","INR","JPY","MXN","MYR","NOK","NZD","PHP","PLN","RUB","SEK","SGD","THB","ZAR"],"defaultCurrency":"EUR","selectedCurrency":"EUR","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":true,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"EUR","value":"0.00"},"addToCartConfirmationType":2,"isLive":true,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":true,"isRestrictiveCookiePolicyEnabled":true,"cookieBannerText":"<p class=\"\" style=\"white-space:pre-wrap;\">T\u00E4ll\u00E4 verkkosivulla k\u00E4ytet\u00E4\u00E4n toimivuuteen, analysointiin ja markkinointiin liittyvi\u00E4 ev\u00E4steit\u00E4.</p>","cookieBannerTheme":"DARK","cookieBannerThemeName":"bright","cookieBannerVariant":"POPUP","cookieBannerPosition":"BOTTOM_LEFT","cookieBannerCtaVariant":"TEXT","cookieBannerCtaText":"Hyv\u00E4ksy","cookieBannerAcceptType":"OPT_IN_AND_OUT","cookieBannerOptOutCtaText":"Hylk\u00E4\u00E4","cookieBannerHasOptOut":true,"cookieBannerHasManageCookies":false,"cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Etusivu","id":"660d95dade6c8215dd2fbca7","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"true","header-logo-height":"43px","header-mobile-logo-max-height":"37px","header-vert-padding":"1.9vw","header-width":"Full","maxPageWidth":"1800px","mobile-header-vert-padding":"10.3vw","pagePadding":"4vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-alternating-side-by-side-image-spacing":"5%","tweak-blog-alternating-side-by-side-meta-spacing":"15px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"5px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"None","tweak-blog-item-custom-width":"60","tweak-blog-item-show-author-profile":"true","tweak-blog-item-width":"Medium","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"150px","tweak-blog-masonry-image-spacing":"25px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"5px","tweak-blog-masonry-secondary-meta":"Categories","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"1:1 Square","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"5px","tweak-blog-side-by-side-secondary-meta":"Date","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"false","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"1.0s","tweak-global-animations-animation-duration":"0.50s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"detailed","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Medium","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Forward Slash","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"75","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Medium","tweak-portfolio-hover-static-animation-type":"Scale Up","tweak-portfolio-hover-static-delimiter":"Forward Slash","tweak-portfolio-hover-static-front":"false","tweak-portfolio-hover-static-layout":"Stacked","tweak-portfolio-hover-static-size":"75","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Slow","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[120,"EU","EE%sT",null]],"rules":{"EU":[[1981,"max",null,"Mar","lastSun","1:00u","1:00","S"],[1996,"max",null,"Oct","lastSun","1:00u","0",null]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Europe/Helsinki","name":"It\u00E4-Euroopan aika"}},"env":"PRODUCTION","visitorFormContext":{"formFieldFormats":{"countries":[{"name":"Afganistan","code":"AF","phoneCode":"+93"},{"name":"Ahvenanmaa","code":"AX","phoneCode":"+358"},{"name":"Alankomaat","code":"NL","phoneCode":"+31"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"Amerikan Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua ja Barbuda","code":"AG","phoneCode":"+1"},{"name":"Arabiemiirikunnat","code":"AE","phoneCode":"+971"},{"name":"Argentiina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension-saari","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Azerbaid\u017Ean","code":"AZ","phoneCode":"+994"},{"name":"Bahama","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belgia","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia ja Hertsegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brasilia","code":"BR","phoneCode":"+55"},{"name":"Brittil\u00E4inen Intian valtameren alue","code":"IO","phoneCode":"+246"},{"name":"Brittil\u00E4iset Neitsytsaaret","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Caymansaaret","code":"KY","phoneCode":"+1"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"Cookinsaaret","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"Cura\u00E7ao","code":"CW","phoneCode":"+599"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominikaaninen tasavalta","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypti","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Espanja","code":"ES","phoneCode":"+34"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Etel\u00E4-Afrikka","code":"ZA","phoneCode":"+27"},{"name":"Etel\u00E4-Korea","code":"KR","phoneCode":"+82"},{"name":"Etel\u00E4-Sudan","code":"SS","phoneCode":"+211"},{"name":"Etiopia","code":"ET","phoneCode":"+251"},{"name":"Falklandinsaaret","code":"FK","phoneCode":"+500"},{"name":"Fid\u017Ei","code":"FJ","phoneCode":"+679"},{"name":"Filippiinit","code":"PH","phoneCode":"+63"},{"name":"F\u00E4rsaaret","code":"FO","phoneCode":"+298"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Gr\u00F6nlanti","code":"GL","phoneCode":"+299"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hongkong \u2013 Kiinan erityishallintoalue","code":"HK","phoneCode":"+852"},{"name":"Huippuvuoret ja Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Intia","code":"IN","phoneCode":"+91"},{"name":"Irak","code":"IQ","phoneCode":"+964"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Irlanti","code":"IE","phoneCode":"+353"},{"name":"Islanti","code":"IS","phoneCode":"+354"},{"name":"Iso-Britannia","code":"GB","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italia","code":"IT","phoneCode":"+39"},{"name":"It\u00E4-Timor","code":"TL","phoneCode":"+670"},{"name":"It\u00E4valta","code":"AT","phoneCode":"+43"},{"name":"Jamaika","code":"JM","phoneCode":"+1"},{"name":"Japani","code":"JP","phoneCode":"+81"},{"name":"Jemen","code":"YE","phoneCode":"+967"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordania","code":"JO","phoneCode":"+962"},{"name":"Joulusaari","code":"CX","phoneCode":"+61"},{"name":"Kambod\u017Ea","code":"KH","phoneCode":"+855"},{"name":"Kamerun","code":"CM","phoneCode":"+237"},{"name":"Kanada","code":"CA","phoneCode":"+1"},{"name":"Kap Verde","code":"CV","phoneCode":"+238"},{"name":"Karibian Alankomaat","code":"BQ","phoneCode":"+599"},{"name":"Kazakstan","code":"KZ","phoneCode":"+7"},{"name":"Kenia","code":"KE","phoneCode":"+254"},{"name":"Keski-Afrikan tasavalta","code":"CF","phoneCode":"+236"},{"name":"Kiina","code":"CN","phoneCode":"+86"},{"name":"Kirgisia","code":"KG","phoneCode":"+996"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kolumbia","code":"CO","phoneCode":"+57"},{"name":"Komorit","code":"KM","phoneCode":"+269"},{"name":"Kongon demokraattinen tasavalta","code":"CD","phoneCode":"+243"},{"name":"Kongon tasavalta","code":"CG","phoneCode":"+242"},{"name":"Kookossaaret (Keelingsaaret)","code":"CC","phoneCode":"+61"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kreikka","code":"GR","phoneCode":"+30"},{"name":"Kroatia","code":"HR","phoneCode":"+385"},{"name":"Kuuba","code":"CU","phoneCode":"+53"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kypros","code":"CY","phoneCode":"+357"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Libanon","code":"LB","phoneCode":"+961"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Liettua","code":"LT","phoneCode":"+370"},{"name":"Luxemburg","code":"LU","phoneCode":"+352"},{"name":"L\u00E4nsi-Sahara","code":"EH","phoneCode":"+212"},{"name":"Macao \u2013 Kiinan erityishallintoalue","code":"MO","phoneCode":"+853"},{"name":"Madagaskar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malediivit","code":"MV","phoneCode":"+960"},{"name":"Malesia","code":"MY","phoneCode":"+60"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Mansaari","code":"IM","phoneCode":"+44"},{"name":"Marokko","code":"MA","phoneCode":"+212"},{"name":"Marshallinsaaret","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Meksiko","code":"MX","phoneCode":"+52"},{"name":"Mikronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Mosambik","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolkinsaari","code":"NF","phoneCode":"+672"},{"name":"Norja","code":"NO","phoneCode":"+47"},{"name":"Norsunluurannikko","code":"CI","phoneCode":"+225"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestiinalaisalue","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua-Uusi-Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Pohjois-Korea","code":"KP","phoneCode":"+850"},{"name":"Pohjois-Makedonia","code":"MK","phoneCode":"+389"},{"name":"Pohjois-Mariaanit","code":"MP","phoneCode":"+1"},{"name":"Portugali","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Puola","code":"PL","phoneCode":"+48"},{"name":"P\u00E4iv\u00E4ntasaajan Guinea","code":"GQ","phoneCode":"+240"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"Ranska","code":"FR","phoneCode":"+33"},{"name":"Ranskan Guayana","code":"GF","phoneCode":"+594"},{"name":"Ranskan Polynesia","code":"PF","phoneCode":"+689"},{"name":"R\u00E9union","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Ruanda","code":"RW","phoneCode":"+250"},{"name":"Ruotsi","code":"SE","phoneCode":"+46"},{"name":"Saint-Barth\u00E9lemy","code":"BL","phoneCode":"+590"},{"name":"Saint Helena","code":"SH","phoneCode":"+290"},{"name":"Saint Kitts ja Nevis","code":"KN","phoneCode":"+1"},{"name":"Saint Lucia","code":"LC","phoneCode":"+1"},{"name":"Saint-Martin","code":"MF","phoneCode":"+590"},{"name":"Saint-Pierre ja Miquelon","code":"PM","phoneCode":"+508"},{"name":"Saint Vincent ja Grenadiinit","code":"VC","phoneCode":"+1"},{"name":"Saksa","code":"DE","phoneCode":"+49"},{"name":"Salomonsaaret","code":"SB","phoneCode":"+677"},{"name":"Sambia","code":"ZM","phoneCode":"+260"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"S\u00E3o Tom\u00E9 ja Pr\u00EDncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi-Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychellit","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suomi","code":"FI","phoneCode":"+358"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Sveitsi","code":"CH","phoneCode":"+41"},{"name":"Syyria","code":"SY","phoneCode":"+963"},{"name":"Tad\u017Eikistan","code":"TJ","phoneCode":"+992"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tansania","code":"TZ","phoneCode":"+255"},{"name":"Tanska","code":"DK","phoneCode":"+45"},{"name":"Thaimaa","code":"TH","phoneCode":"+66"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad ja Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"T\u0161ad","code":"TD","phoneCode":"+235"},{"name":"T\u0161ekki","code":"CZ","phoneCode":"+420"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"Turkki","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks- ja Caicossaaret","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraina","code":"UA","phoneCode":"+380"},{"name":"Unkari","code":"HU","phoneCode":"+36"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uusi-Kaledonia","code":"NC","phoneCode":"+687"},{"name":"Uusi-Seelanti","code":"NZ","phoneCode":"+64"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Valko-Ven\u00E4j\u00E4","code":"BY","phoneCode":"+375"},{"name":"Wallis ja Futuna","code":"WF","phoneCode":"+681"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatikaani","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Ven\u00E4j\u00E4","code":"RU","phoneCode":"+7"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Viro","code":"EE","phoneCode":"+372"},{"name":"Yhdysvallat","code":"US","phoneCode":"+1"},{"name":"Yhdysvaltain Neitsytsaaret","code":"VI","phoneCode":"+1"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}],"initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"FI","labelLocale":"fi-FI","fields":[{"type":"FIELD","label":"1","identifier":"1","length":20,"required":false,"metadata":{}}]},"initialNameOrder":"GIVEN_FIRST","initialAddressFormat":{"id":0,"type":"ADDRESS","country":"FI","labelLocale":"fi","fields":[{"type":"FIELD","label":"Osoiterivi 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Osoiterivi 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Postinumero","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Postitoimipaikka","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}}]}},"localizedStrings":{"validation":{"noValidSelection":"Kelvollinen valinta t\u00E4ytyy tehd\u00E4.","invalidUrl":"T\u00E4m\u00E4n t\u00E4ytyy olla kelvollinen URL-osoite.","stringTooLong":"Arvon pituus voi olla enint\u00E4\u00E4n {0}.","containsInvalidKey":"{0} sis\u00E4lt\u00E4\u00E4 virheellisen avaimen.","invalidTwitterUsername":"T\u00E4m\u00E4n t\u00E4ytyy olla kelvollinen Twitter-k\u00E4ytt\u00E4j\u00E4nimi.","valueOutsideRange":"Arvon t\u00E4ytyy olla alueella {0}\u2013{1}.","invalidPassword":"Salasana ei voi sis\u00E4lt\u00E4\u00E4 v\u00E4lily\u00F6ntej\u00E4.","missingRequiredSubfields":"Kent\u00E4st\u00E4 {0} puuttuu pakollisia alakentti\u00E4: {1}","invalidCurrency":"Valuutta-arvon t\u00E4ytyy olla muodossa 1234 tai 123,99.","invalidMapSize":"Arvon t\u00E4ytyy sis\u00E4lt\u00E4\u00E4 tasan {0} elementti\u00E4.","subfieldsRequired":"{0}: kaikki kent\u00E4t ovat pakollisia.","formSubmissionFailed":"Lomakkeen l\u00E4hetys ep\u00E4onnistui. Tarkista seuraavat tiedot: {0}.","invalidCountryCode":"Maatunnuksessa voi olla plusmerkki ja enint\u00E4\u00E4n nelj\u00E4 numeroa.","invalidDate":"T\u00E4m\u00E4 ei ole oikea p\u00E4iv\u00E4m\u00E4\u00E4r\u00E4.","required":"{0} on pakollinen.","invalidStringLength":"Arvon t\u00E4ytyy olla {0} merkki\u00E4 pitk\u00E4.","invalidEmail":"S\u00E4hk\u00F6postiosoitteen t\u00E4ytyy olla muodossa user@domain.com.","invalidListLength":"Arvon t\u00E4ytyy olla {0} elementti\u00E4 pitk\u00E4.","allEmpty":"T\u00E4yt\u00E4 ainakin yksi lomakekentt\u00E4.","missingRequiredQuestion":"Pakollinen kysymys puuttuu.","invalidQuestion":"Sis\u00E4lsi virheellisen kysymyksen.","captchaFailure":"Captcha-tarkistus ep\u00E4onnistui. Yrit\u00E4 uudelleen.","stringTooShort":"Arvon pituuden tulee olla v\u00E4hint\u00E4\u00E4n {0}.","invalid":"{0} ei ole kelvollinen.","formErrors":"Lomakevirheet","containsInvalidValue":"{0} sis\u00E4lt\u00E4\u00E4 virheellisen arvon.","invalidUnsignedNumber":"Numeroissa voi olla vain numeroita, ei mit\u00E4\u00E4n muita merkkej\u00E4.","invalidName":"Kelvolliset nimet voivat sis\u00E4lt\u00E4\u00E4 vain kirjaimia, numeroita, v\u00E4lily\u00F6ntej\u00E4 ja merkkej\u00E4 ' sek\u00E4 -."},"submit":"L\u00E4het\u00E4","status":{"title":"Lohko \u2013 {@}","learnMore":"Lue lis\u00E4\u00E4"},"name":{"firstName":"Etunimi","lastName":"Sukunimi"},"lightbox":{"openForm":"Avaa lomake"},"likert":{"agree":"Samaa mielt\u00E4","stronglyDisagree":"T\u00E4ysin eri mielt\u00E4","disagree":"Eri mielt\u00E4","stronglyAgree":"T\u00E4ysin samaa mielt\u00E4","neutral":"Ei samaa eik\u00E4 eri mielt\u00E4"},"time":{"am":"AM","second":"Sekunti","pm":"PM","minute":"Minuutti","amPm":"AM/PM","hour":"Tunti"},"notFound":"Lomaketta ei l\u00F6ydy.","date":{"yyyy":"VVVV","year":"Vuosi","mm":"KK","day":"P\u00E4iv\u00E4","month":"Kuukausi","dd":"PP"},"phone":{"country":"Maa","number":"Numero","prefix":"Etuliite","areaCode":"Suuntanumero","line":"Puhelinnumero"},"submitError":"Lomakkeen l\u00E4hett\u00E4minen ei onnistu. Yrit\u00E4 my\u00F6hemmin uudelleen.","address":{"stateProvince":"Alue tai provinssi","country":"Maa","zipPostalCode":"Postinumero","address2":"Osoite 2","address1":"Osoite 1","city":"Postitoimipaikka"},"email":{"signUp":"Tilaa uutisia ja p\u00E4ivityksi\u00E4"},"cannotSubmitDemoForm":"T\u00E4m\u00E4 on demolomake, jota ei voi l\u00E4hett\u00E4\u00E4.","required":"(pakollinen)","invalidData":"Lomaketiedot ovat virheellisi\u00E4."}}};</script><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.styles.css"/><link rel="stylesheet" type="text/css" href="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css"/><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.visitor.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js"></script><script defer src="https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js"></script><script type="application/ld+json">{"url":"/assets/678a0fce35890b87519892cb7ea310ce5b436ff7","name":"Pinja Kekkonen","description":"","image":"//images.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/61fa0949-45d2-4f61-9c90-9110df1fbb26/Pinjakekkonen-bra%CC%88nda%CC%88ys.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"legalName":"Tmi Pinja Kekkonen","address":"","email":"info@pinjakekkonen.com","telephone":"","sameAs":["https://www.instagram.com/pinja.kekkonen/","https://www.tiktok.com/@pinja.kekkonen"],"@context":"http://schema.org","@type":"Organization"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/660d95d2de6c8215dd2fbb34/t/69a01620011ce65396eec86b/1773236229928/","name":"Tmi Pinja Kekkonen","openingHours":"Mo 09:00-17:00, Tu 09:00-17:00, We 09:00-17:00, Th 09:00-17:00, Fr 09:00-17:00, , ","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/660d95d2de6c8215dd2fbb34/303/5c5a519771c10ba3470d8101/660d95d2de6c8215dd2fbb3e/1759/site.css"/><script data-sqs-type="cookiepreferencesgetter">(function(){window.getSquarespaceCookies = function() {    const getCookiesAllowed = function(cookieName){ return ('; '+document.cookie).split('; ' + cookieName + '=').pop().split(';')[0] === 'true'};    return {      performance: getCookiesAllowed('ss_performanceCookiesAllowed') ? 'accepted' : 'declined',      marketing: getCookiesAllowed('ss_marketingCookiesAllowed') ? 'accepted' : 'declined'    }}})()</script><meta name="p:domain_verify" content="3623520d4fab9e4b3dc636fdc1493301"/><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5N4TXC0JL5"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZjQwMz', true);gtag('consent', 'default', { 'analytics_storage': 'denied', 'wait_for_update': 500 });window.googleAnalyticsRequiresConsentUpdates = true;(function(){let squarespaceCookies = {};if (window.getSquarespaceCookies) {  squarespaceCookies = window.getSquarespaceCookies();}const consentValue = squarespaceCookies.performance === 'accepted' ? 'granted' :  'denied';gtag('consent', 'update', { 'analytics_storage': consentValue })})();gtag('config', 'G-5N4TXC0JL5');</script><!-- End of Squarespace Headers -->
    <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1773952212900-FAIIMUY6ANF7L2UU0LO2/static.css">
  </head>

  <body
    id="collection-660d95dade6c8215dd2fbca7"
    class="
      tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show form-use-theme-colors form-field-style-outline form-field-shape-pill form-field-border-all form-field-checkbox-type-button form-field-checkbox-fill-solid form-field-checkbox-color-normal form-field-checkbox-shape-pill form-field-checkbox-layout-fit form-field-radio-type-button form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-fit form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-scale-up form-submit-button-style-circle  tweak-global-animations-complexity-level-detailed tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-ease tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-categories tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title header-width-full   tweak-fixed-header-style-scroll-back tweak-blog-item-width-medium tweak-blog-item-text-alignment-center tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories   tweak-blog-item-show-author-profile tweak-blog-item-delimiter-pipe tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-11-square tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-date tweak-blog-side-by-side-meta-position-top tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show primary-button-style-solid primary-button-shape-pill secondary-button-style-solid secondary-button-shape-pill tertiary-button-style-solid tertiary-button-shape-pill tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt  tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-none tweak-blog-basic-grid-excerpt-show tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom header-overlay-alignment-center tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large  tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-slow tweak-portfolio-hover-follow-layout-inline  tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked  tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-eur collection-660d95dade6c8215dd2fbca7 collection-type-page collection-layout-default homepage mobile-style-available sqs-seven-one
      
        
          
            
              
            
          
        
      
    "
    tabindex="-1"
  >
    <div
      id="siteWrapper"
      class="clearfix site-wrapper"
    >
      
        <div id="floatingCart" class="floating-cart hidden">
          <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
            <span class="Cart-inner">
              



  <svg class="icon icon--cart" width="100" height="105" viewBox="0 0 100 105" >
<path d="M65.7324 22.5C65.7324 22.667 65.7291 22.8337 65.7226 23H73.7266C73.7305 22.8338 73.7324 22.6671 73.7324 22.5C73.7324 10.0736 62.9873 0 49.7324 0C36.4776 0 25.7324 10.0736 25.7324 22.5C25.7324 22.6671 25.7344 22.8338 25.7382 23H33.7422C33.7357 22.8337 33.7324 22.667 33.7324 22.5C33.7324 14.9704 40.4017 8 49.7324 8C59.0632 8 65.7324 14.9704 65.7324 22.5Z" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.00857816 32.2592C-0.14118 29.9529 1.68905 28 4.00017 28H95.4638C97.775 28 99.6052 29.9529 99.4554 32.2592L94.9749 101.259C94.8383 103.363 93.0918 105 90.9833 105H8.48069C6.37218 105 4.62573 103.363 4.4891 101.259L0.00857816 32.2592ZM11.0475 94.1908L8.26834 36H91.1957L88.4166 94.1908C88.3147 96.3233 86.5561 98 84.4211 98H15.0429C12.9079 98 11.1493 96.3233 11.0475 94.1908Z" />
</svg>


              <div class="legacy-cart icon-cart-quantity">
                <span class="sqs-cart-quantity">0</span>
              </div>
            </span>
          </a>
        </div>
      

      












  <header
    data-test="header"
    id="header"
    
    class="
      
        white-bold
      
      header theme-col--primary
    "
    data-section-theme="white-bold"
    data-controller="Header"
    data-current-styles="{
&quot;layout&quot;: &quot;navRight&quot;,
&quot;action&quot;: {
&quot;buttonText&quot;: &quot;PYYDÄ TARJOUS&quot;,
&quot;newWindow&quot;: false
},
&quot;showSocial&quot;: false,
&quot;socialOptions&quot;: {
&quot;socialBorderShape&quot;: &quot;none&quot;,
&quot;socialBorderStyle&quot;: &quot;solid&quot;,
&quot;socialBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;sectionTheme&quot;: &quot;white-bold&quot;,
&quot;menuOverlayTheme&quot;: &quot;white&quot;,
&quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
&quot;cartStyle&quot;: &quot;cart&quot;,
&quot;cartText&quot;: &quot;Cart&quot;,
&quot;showEmptyCartState&quot;: false,
&quot;cartOptions&quot;: {
&quot;iconType&quot;: &quot;stroke-7&quot;,
&quot;cartBorderShape&quot;: &quot;none&quot;,
&quot;cartBorderStyle&quot;: &quot;solid&quot;,
&quot;cartBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;showButton&quot;: false,
&quot;showCart&quot;: false,
&quot;showAccountLogin&quot;: true,
&quot;headerStyle&quot;: &quot;theme&quot;,
&quot;languagePicker&quot;: {
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
},
&quot;iconOptions&quot;: {
&quot;desktopDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.35
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;none&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
},
&quot;mobileDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.15
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.5
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
}
},
&quot;mobileOptions&quot;: {
&quot;layout&quot;: &quot;logoLeftNavRight&quot;,
&quot;menuIconOptions&quot;: {
&quot;style&quot;: &quot;doubleLineHamburger&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
}
}
},
&quot;solidOptions&quot;: {
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
}
},
&quot;backgroundColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;white&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;navigationColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
}
},
&quot;gradientOptions&quot;: {
&quot;gradientType&quot;: &quot;faded&quot;,
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;backgroundColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;accent&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;navigationColor&quot;: {
&quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
&quot;customColor&quot;: {
&quot;hslaValue&quot;: {
&quot;hue&quot;: 0.0,
&quot;saturation&quot;: 0.0,
&quot;lightness&quot;: 1.0,
&quot;alpha&quot;: 1.0
},
&quot;userFormat&quot;: &quot;hsl&quot;
}
}
},
&quot;dropShadowOptions&quot;: {
&quot;enabled&quot;: false,
&quot;blur&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
},
&quot;spread&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;distance&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;borderOptions&quot;: {
&quot;enabled&quot;: true,
&quot;position&quot;: &quot;bottom&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
}
},
&quot;showPromotedElement&quot;: false,
&quot;buttonVariant&quot;: &quot;primary&quot;,
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
}
}"
    data-section-id="header"
    data-header-style="theme"
    data-language-picker="{
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
}"
    
    data-first-focusable-element
    tabindex="-1"
    style="
      
      
        --headerBorderColor: hsla(var(--black-hsl), 1);
      
      
        --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);
      
      
        --solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
      
      
        --gradientHeaderBackgroundColor: hsla(var(--accent-hsl), 1);
      
      
        --gradientHeaderNavigationColor: hsla(0, 0%, 100%, 1);
      
    "
  >
    <svg  style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
  <symbol id="circle" >
    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
  </symbol>

  <symbol id="circleFilled" >
    <path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
  </symbol>

  <symbol id="dash" >
    <path d="M11 11H19H3" />
  </symbol>

  <symbol id="squareFilled" >
    <rect x="6" y="6" width="11" height="11" />
  </symbol>

  <symbol id="square" >
    <rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
  </symbol>
  
  <symbol id="plus" >
    <path d="M11 3V19" />
    <path d="M19 11L3 11"/>
  </symbol>
  
  <symbol id="closedArrow" >
    <path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
  </symbol>
  
  <symbol id="closedArrowFilled" >
    <path d="M11 11L11 2" stroke="inherit" fill="none"  />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
  </symbol>
  
  <symbol id="closedArrowHead" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
    <path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
  </symbol>
  
  
  <symbol id="closedArrowHeadFilled" viewBox="0 0 22 22"  xmlns="http://www.w3.org/2000/symbol">
    <path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
  </symbol>
  
  <symbol id="openArrow" >
    <path d="M11 18.3591L11 3" stroke="inherit" fill="none"  />
    <path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none"  />
  </symbol>
  
  <symbol id="openArrowHead" >
    <path d="M18 7L11 14L4 7" fill="none" />
  </symbol>

  <symbol id="pinchedArrow" >
    <path d="M11 17.3591L11 2" fill="none" />
    <path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
  </symbol>

  <symbol id="pinchedArrowFilled" >
    <path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
    <path d="M11 11L11 1" fill="none"/>
  </symbol>

  <symbol id="pinchedArrowHead" >
    <path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091"  fill="none" />
  </symbol>
  
  <symbol id="pinchedArrowHeadFilled" >
    <path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
  </symbol>

</svg>
    
  <script>
    function shouldShowAnnouncementBar() {
      try {
        if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) {
          return false;
        }
        var localDataStr = localStorage.getItem('squarespace-announcement-bar');
        if (localDataStr && JSON.parse(localDataStr).closed) {
          return false;
        }
        return true;
      } catch(e) {
        console.error(e);
        return true;
      }
    }
    if (shouldShowAnnouncementBar()) {
      document.body.classList.add('announcement-bar-reserved-space');
    }
    //# sourceURL=reserveSpaceForAnnouncementBar.js
  </script>

<div class="sqs-announcement-bar-dropzone"></div>

    <div class="header-announcement-bar-wrapper">
      
      <a
        href="#page"
        class="header-skip-link sqs-button-element--primary"
      >
        Siirry sisältöön
      </a>
      


<style>
    @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
        .header-blur-background {
            
            
        }
    }
</style>
      <div
        class="header-border"
        data-header-style="theme"
        data-header-border="true"
        data-test="header-border"
        style="


  
    border-width: 0px 0px 2px 0px !important;
  



"
      ></div>
      <div
        class="header-dropshadow"
        data-header-style="theme"
        data-header-dropshadow="false"
        data-test="header-dropshadow"
        style=""
      ></div>
      
      

      <div class='header-inner container--fluid
        
        
        
         header-mobile-layout-logo-left-nav-right
        
        
        
        
        
        
         header-layout-nav-right
        
        
        
        
        
        
        
        
        '
        data-test="header-inner"
        >
        <!-- Background -->
        <div class="header-background theme-bg--primary"></div>

        <div class="header-display-desktop" data-content-field="site-title">
          

          

          

          

          

          
          
            
            <!-- Social -->
            
          
            
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              

              

              
                
                <!-- Title -->
                
                  <div
                    class="
                      header-title
                      
                    "
                    data-animation-role="header-element"
                  >
                    
                      <div class="header-title-logo">
                        <a href="/" data-animation-role="header-element">
                        
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/61fa0949-45d2-4f61-9c90-9110df1fbb26/Pinjakekkonen-bra%CC%88nda%CC%88ys.png?format=1500w" alt="Pinja Kekkonen" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">

                        </a>
                      </div>

                    
                    
                  </div>
                
              
                
                <!-- Nav -->
                <div class="header-nav">
                  <div class="header-nav-wrapper">
                    <nav class="header-nav-list">
                      


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/palvelut"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="palvelut"
        
      >
      <span class="header-nav-folder-title-text">
        Palvelut
      </span>
      </button>
      <div class="header-nav-folder-content" id="palvelut">
        
          
            <div class="header-nav-folder-item">
              <a
                href="/brandisuunnittelu"
                
              >
                <span class="header-nav-folder-item-content">
                  Brändisuunnittelu
                </span>
              </a>
            </div>
          
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/squarespace-verkkosivut"
                
              >
                <span class="header-nav-folder-item-content">
                  Squarespace-verkkosivut
                </span>
              </a>
            </div>
          
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/graafinen-suunnittelu"
                
              >
                <span class="header-nav-folder-item-content">
                  Graafinen suunnittelu
                </span>
              </a>
            </div>
          
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/tutustutaan"
        data-animation-role="header-element"
        
      >
        Tutustutaan
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/portfolio"
        data-animation-role="header-element"
        
      >
        Portfolio
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/blogi"
        data-animation-role="header-element"
        
      >
        Blogi
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/ota-yhteytta"
        data-animation-role="header-element"
        
      >
        Ota yhteyttä
      </a>
    </div>
  
  
  



                    </nav>
                  </div>
                </div>
              
              
            </div>
          
            
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              
              

              

            
            

              
              <div class="showOnMobile">
                
              </div>

              
              <div class="showOnDesktop">
                
              </div>

              
            </div>
          
            


<style>
  .top-bun, 
  .patty, 
  .bottom-bun {
    height: 2px;
  }
</style>

<!-- Burger -->
<div class="header-burger

  menu-overlay-has-visible-non-navigation-items


  
  no-actions
  
" data-animation-role="header-element">
  <button class="header-burger-btn burger" data-test="header-burger">
    <span hidden class="js-header-burger-open-title visually-hidden">Avaa valikko</span>
    <span hidden class="js-header-burger-close-title visually-hidden">Sulje valikko</span>
    <div class="burger-box">
      <div class="burger-inner header-menu-icon-doubleLineHamburger">
        <div class="top-bun"></div>
        <div class="patty"></div>
        <div class="bottom-bun"></div>
      </div>
    </div>
  </button>
</div>

          
          
          
          
          

        </div>
        <div class="header-display-mobile" data-content-field="site-title">
          
            
            <!-- Social -->
            
          
            
            <!-- Title and nav wrapper -->
            <div class="header-title-nav-wrapper">
              

              

              
                
                <!-- Title -->
                
                  <div
                    class="
                      header-title
                      
                    "
                    data-animation-role="header-element"
                  >
                    
                      <div class="header-title-logo">
                        <a href="/" data-animation-role="header-element">
                        
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/61fa0949-45d2-4f61-9c90-9110df1fbb26/Pinjakekkonen-bra%CC%88nda%CC%88ys.png?format=1500w" alt="Pinja Kekkonen" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">

                        </a>
                      </div>

                    
                    
                  </div>
                
              
                
                <!-- Nav -->
                <div class="header-nav">
                  <div class="header-nav-wrapper">
                    <nav class="header-nav-list">
                      


  
    <div class="header-nav-item header-nav-item--folder">
      <button
        class="header-nav-folder-title"
        data-href="/palvelut"
        data-animation-role="header-element"
        aria-expanded="false"
        aria-controls="palvelut"
        
      >
      <span class="header-nav-folder-title-text">
        Palvelut
      </span>
      </button>
      <div class="header-nav-folder-content" id="palvelut">
        
          
            <div class="header-nav-folder-item">
              <a
                href="/brandisuunnittelu"
                
              >
                <span class="header-nav-folder-item-content">
                  Brändisuunnittelu
                </span>
              </a>
            </div>
          
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/squarespace-verkkosivut"
                
              >
                <span class="header-nav-folder-item-content">
                  Squarespace-verkkosivut
                </span>
              </a>
            </div>
          
          
        
          
            <div class="header-nav-folder-item">
              <a
                href="/graafinen-suunnittelu"
                
              >
                <span class="header-nav-folder-item-content">
                  Graafinen suunnittelu
                </span>
              </a>
            </div>
          
          
        
      </div>
    </div>
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/tutustutaan"
        data-animation-role="header-element"
        
      >
        Tutustutaan
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/portfolio"
        data-animation-role="header-element"
        
      >
        Portfolio
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/blogi"
        data-animation-role="header-element"
        
      >
        Blogi
      </a>
    </div>
  
  
  


  
    <div class="header-nav-item header-nav-item--collection">
      <a
        href="/ota-yhteytta"
        data-animation-role="header-element"
        
      >
        Ota yhteyttä
      </a>
    </div>
  
  
  



                    </nav>
                  </div>
                </div>
              
              
            </div>
          
            
            <!-- Actions -->
            <div class="header-actions header-actions--right">
              
              

              

            
            

              
              <div class="showOnMobile">
                
              </div>

              
              <div class="showOnDesktop">
                
              </div>

              
            </div>
          
            


<style>
  .top-bun, 
  .patty, 
  .bottom-bun {
    height: 2px;
  }
</style>

<!-- Burger -->
<div class="header-burger

  menu-overlay-has-visible-non-navigation-items


  
  no-actions
  
" data-animation-role="header-element">
  <button class="header-burger-btn burger" data-test="header-burger">
    <span hidden class="js-header-burger-open-title visually-hidden">Avaa valikko</span>
    <span hidden class="js-header-burger-close-title visually-hidden">Sulje valikko</span>
    <div class="burger-box">
      <div class="burger-inner header-menu-icon-doubleLineHamburger">
        <div class="top-bun"></div>
        <div class="patty"></div>
        <div class="bottom-bun"></div>
      </div>
    </div>
  </button>
</div>

          
          
          
          
          
        </div>
      </div>
    </div>
    <!-- (Mobile) Menu Navigation -->
    <div class="header-menu header-menu--folder-list
      white
      
      
      
      
      "
      data-section-theme="white"
      data-current-styles="{
&quot;layout&quot;: &quot;navRight&quot;,
&quot;action&quot;: {
&quot;buttonText&quot;: &quot;PYYDÄ TARJOUS&quot;,
&quot;newWindow&quot;: false
},
&quot;showSocial&quot;: false,
&quot;socialOptions&quot;: {
&quot;socialBorderShape&quot;: &quot;none&quot;,
&quot;socialBorderStyle&quot;: &quot;solid&quot;,
&quot;socialBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;sectionTheme&quot;: &quot;white-bold&quot;,
&quot;menuOverlayTheme&quot;: &quot;white&quot;,
&quot;menuOverlayAnimation&quot;: &quot;fade&quot;,
&quot;cartStyle&quot;: &quot;cart&quot;,
&quot;cartText&quot;: &quot;Cart&quot;,
&quot;showEmptyCartState&quot;: false,
&quot;cartOptions&quot;: {
&quot;iconType&quot;: &quot;stroke-7&quot;,
&quot;cartBorderShape&quot;: &quot;none&quot;,
&quot;cartBorderStyle&quot;: &quot;solid&quot;,
&quot;cartBorderThickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
}
},
&quot;showButton&quot;: false,
&quot;showCart&quot;: false,
&quot;showAccountLogin&quot;: true,
&quot;headerStyle&quot;: &quot;theme&quot;,
&quot;languagePicker&quot;: {
&quot;enabled&quot;: false,
&quot;iconEnabled&quot;: false,
&quot;iconType&quot;: &quot;globe&quot;,
&quot;flagShape&quot;: &quot;shiny&quot;,
&quot;languageFlags&quot;: [ ]
},
&quot;iconOptions&quot;: {
&quot;desktopDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.35
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 1.0
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;none&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
},
&quot;mobileDropdownIconOptions&quot;: {
&quot;size&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 1.0
},
&quot;iconSpacing&quot;: {
&quot;unit&quot;: &quot;em&quot;,
&quot;value&quot;: 0.15
},
&quot;strokeWidth&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.5
},
&quot;endcapType&quot;: &quot;square&quot;,
&quot;folderDropdownIcon&quot;: &quot;openArrowHead&quot;,
&quot;languagePickerIcon&quot;: &quot;openArrowHead&quot;
}
},
&quot;mobileOptions&quot;: {
&quot;layout&quot;: &quot;logoLeftNavRight&quot;,
&quot;menuIconOptions&quot;: {
&quot;style&quot;: &quot;doubleLineHamburger&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
}
}
},
&quot;solidOptions&quot;: {
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
}
},
&quot;backgroundColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;white&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;navigationColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
}
},
&quot;gradientOptions&quot;: {
&quot;gradientType&quot;: &quot;faded&quot;,
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
},
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;backgroundColor&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;accent&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;navigationColor&quot;: {
&quot;type&quot;: &quot;CUSTOM_COLOR&quot;,
&quot;customColor&quot;: {
&quot;hslaValue&quot;: {
&quot;hue&quot;: 0.0,
&quot;saturation&quot;: 0.0,
&quot;lightness&quot;: 1.0,
&quot;alpha&quot;: 1.0
},
&quot;userFormat&quot;: &quot;hsl&quot;
}
}
},
&quot;dropShadowOptions&quot;: {
&quot;enabled&quot;: false,
&quot;blur&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
},
&quot;spread&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;distance&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;borderOptions&quot;: {
&quot;enabled&quot;: true,
&quot;position&quot;: &quot;bottom&quot;,
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
}
},
&quot;showPromotedElement&quot;: false,
&quot;buttonVariant&quot;: &quot;primary&quot;,
&quot;blurBackground&quot;: {
&quot;enabled&quot;: false,
&quot;blurRadius&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 12.0
}
},
&quot;headerOpacity&quot;: {
&quot;unit&quot;: &quot;%&quot;,
&quot;value&quot;: 100.0
}
}"
      data-section-id="overlay-nav"
      data-show-account-login="true"
      data-test="header-menu">
      <div class="header-menu-bg theme-bg--primary"></div>
      <div class="header-menu-nav">
        <nav class="header-menu-nav-list">
          <div data-folder="root" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <!-- Menu Navigation -->
<div class="header-menu-nav-wrapper">
  
    
      
        
          <div class="container header-menu-nav-item">
            <a
              data-folder-id="/palvelut"
              href="/palvelut"
              
            >
              <div class="header-menu-nav-item-content header-menu-nav-item-content-folder">
                <span class="visually-hidden">Kansio:</span>
                <span class="header-nav-folder-title-text">Palvelut</span>
              </div>
            </a>
          </div>
          <div data-folder="/palvelut" class="header-menu-nav-folder">
            <div class="header-menu-nav-folder-content">
              <div class="header-menu-controls container header-menu-nav-item">
                <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
                  <span>Takaisin</span>
                </a>
              </div>
              
                
                  <div class="container header-menu-nav-item">
                    <a
                      href="/brandisuunnittelu"
                      
                    >
                      <div class="header-menu-nav-item-content">
                        Brändisuunnittelu
                      </div>
                    </a>
                  </div>
                
                
              
                
                  <div class="container header-menu-nav-item">
                    <a
                      href="/squarespace-verkkosivut"
                      
                    >
                      <div class="header-menu-nav-item-content">
                        Squarespace-verkkosivut
                      </div>
                    </a>
                  </div>
                
                
              
                
                  <div class="container header-menu-nav-item">
                    <a
                      href="/graafinen-suunnittelu"
                      
                    >
                      <div class="header-menu-nav-item-content">
                        Graafinen suunnittelu
                      </div>
                    </a>
                  </div>
                
                
              
            </div>
          </div>
        
      
    
      
        
          
            <div class="container header-menu-nav-item header-menu-nav-item--collection">
              <a
                href="/tutustutaan"
                
              >
                <div class="header-menu-nav-item-content">
                  Tutustutaan
                </div>
              </a>
            </div>
          
        
      
    
      
        
          
            <div class="container header-menu-nav-item header-menu-nav-item--collection">
              <a
                href="/portfolio"
                
              >
                <div class="header-menu-nav-item-content">
                  Portfolio
                </div>
              </a>
            </div>
          
        
      
    
      
        
          
            <div class="container header-menu-nav-item header-menu-nav-item--collection">
              <a
                href="/blogi"
                
              >
                <div class="header-menu-nav-item-content">
                  Blogi
                </div>
              </a>
            </div>
          
        
      
    
      
        
          
            <div class="container header-menu-nav-item header-menu-nav-item--collection">
              <a
                href="/ota-yhteytta"
                
              >
                <div class="header-menu-nav-item-content">
                  Ota yhteyttä
                </div>
              </a>
            </div>
          
        
      
    
  
</div>

              
            </div>
            
            
            
          </div>
        </nav>
      </div>
    </div>
  </header>




      <main id="page" class="container" role="main">
        
          
            
<article class="sections" id="sections" data-page-sections="660d95dade6c8215dd2fbca6">
  
  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white'
  
  data-section-id="680cabee59692a4991b675a4"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;imageEffect&quot;: &quot;none&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;THEME_COLOR&quot;
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
    
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-680cabee59692a4991b675a4);"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-680cabee59692a4991b675a3 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(25,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-680cabee59692a4991b675a3 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-680cabee59692a4991b675a3 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-yui_3_17_2_1_1746699134504_306077 {
    grid-area: 4/2/18/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_306077 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1746699134504_306077 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746699134504_306077 {
      grid-area: 1/17/17/26;
      z-index: 4;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1746699134504_306077 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1746699134504_306077 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-7bcc2b03c5c11a5c479d {
    grid-area: 1/2/9/10;
    z-index: 2;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-7bcc2b03c5c11a5c479d .sqs-block {
    justify-content: center;
  }

  .fe-block-7bcc2b03c5c11a5c479d .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-7bcc2b03c5c11a5c479d {
      grid-area: 2/4/10/16;
      z-index: 2;

      

      
    }

    .fe-block-7bcc2b03c5c11a5c479d .sqs-block {
      justify-content: center;
    }

    .fe-block-7bcc2b03c5c11a5c479d .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_307543 {
    grid-area: 6/7/9/9;
    z-index: 5;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_307543 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1746699134504_307543 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746699134504_307543 {
      grid-area: 6/3/9/6;
      z-index: 6;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1746699134504_307543 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1746699134504_307543 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-9a7b7d105849a5b229e7 {
    grid-area: 18/2/22/10;
    z-index: 3;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-9a7b7d105849a5b229e7 .sqs-block {
    justify-content: center;
  }

  .fe-block-9a7b7d105849a5b229e7 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-9a7b7d105849a5b229e7 {
      grid-area: 9/4/13/16;
      z-index: 3;

      

      
    }

    .fe-block-9a7b7d105849a5b229e7 .sqs-block {
      justify-content: center;
    }

    .fe-block-9a7b7d105849a5b229e7 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_306566 {
    grid-area: 22/3/24/9;
    z-index: 4;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_306566 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1746699134504_306566 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746699134504_306566 {
      grid-area: 14/7/16/13;
      z-index: 5;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1746699134504_306566 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1746699134504_306566 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-680cabee59692a4991b675a3"><div class="fe-block fe-block-yui_3_17_2_1_1746699134504_306077"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="115.27525215038554" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-yui_3_17_2_1_1746699134504_306077"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="yui_3_17_2_1_1746699134504_306077"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.47599949719239815,0.9280276533186247"
    style="--image-component-focal-point: 47.59994971923982% 92.80276533186247%;--image-component-object-fit: cover;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fill">
              
          
          
          
          
          
          
          <img data-stretch="true"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg"
  data-image-dimensions="1000x1500"
  data-image-focal-point="0.47599949719239815,0.9280276533186247"
  data-sqsp-image-block-image
  alt="Nuori nainen istuu tuolilla, katsellen sivuun ja hymyillen kevyesti pitelee poskea poskessa. Hänellä on vaaleat hiukset ja päällä vaaleanpunainen paita. Taustalla tyhjä valkoinen seinä."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg" width="1000" height="1500" alt="" sizes="100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/728b2b73-3e12-46d3-b642-c9282188324b/Verkkosivut-yritykselle.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-7bcc2b03c5c11a5c479d"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-7bcc2b03c5c11a5c479d"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h1 style="text-align:center;white-space:pre-wrap;">Makeet brändi-ilmeet ja nettisivut kasvuhaluisille yrittäjille</h1></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746699134504_307543"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-yui_3_17_2_1_1746699134504_307543"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default image-component-container-fit
    }"
    data-component-id="yui_3_17_2_1_1746699134504_307543"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: contain;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fit">
              
          
          
          
          
          
          
          <img data-stretch="false"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png"
  data-image-dimensions="6251x6250"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Sininen smiley mustilla silmillä."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png" width="6251" height="6250" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 25vw, 12.5vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/717a7492-9706-4331-a7c5-1f6ccc5cd03d/PK-smiley.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-9a7b7d105849a5b229e7"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-9a7b7d105849a5b229e7"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">Suunnittelen yrityksellesi <em>maailman</em>, johon unelma-asiakkaasi haluaa kuulua.</h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746699134504_306566"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-yui_3_17_2_1_1746699134504_306566"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/#palvelutarjonta" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Tutustu palveluihin
    </a>
    

  </div>



<style>
  #block-yui_3_17_2_1_1746699134504_306566 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="680cabee59692a4991b675a4"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="680cabee59692a4991b675a4"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="680cabee59692a4991b675a4"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="680cabee59692a4991b675a4"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="680cabee59692a4991b675a4"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="680cabee59692a4991b675a4"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="680cabee59692a4991b675a4"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="680cabee59692a4991b675a4"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-680cabee59692a4991b675a4"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
       has-background
    
    
    '
  
  data-section-id="681edfa490ca086c488cfa43"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;backgroundImage&quot;: {
&quot;id&quot;: &quot;689daaa16d869f3b3d266371&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1755163297117,
&quot;updatedOn&quot;: 1755163297156,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1755163297117,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6&quot;,
&quot;systemDataVariants&quot;: &quot;2640x1485,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;PNG&quot;,
&quot;filename&quot;: &quot;Brändisuunnittelu.png&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;464f4c&quot;,
&quot;topRightAverage&quot;: &quot;464f4c&quot;,
&quot;bottomLeftAverage&quot;: &quot;464f4c&quot;,
&quot;bottomRightAverage&quot;: &quot;464f4c&quot;,
&quot;centerAverage&quot;: &quot;474f4c&quot;,
&quot;suggestedBgColor&quot;: &quot;6e777d&quot;
},
&quot;urlId&quot;: &quot;uj5lk5mjppg7vssy3pqxps9l88d9x7&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png&quot;,
&quot;contentType&quot;: &quot;image/png&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;2640x1485&quot;
},
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 41,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;THEME_COLOR&quot;
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 41vh;" 
  
  
    id="palvelutarjonta"
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-681edfa490ca086c488cfa43);"
    
  >
    <div class="section-background">
    
      
        
        
          





  



<img alt="" data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png" data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png" data-image-dimensions="2640x1485" data-image-focal-point="0.5,0.5" alt="Brändisuunnittelu.png" data-load="false" elementtiming="nbf-background" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png" width="2640" height="1485" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/d1f51ce4-9ecf-4cae-b3bd-1c0c731fbdb6/Bra%CC%88ndisuunnittelu.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs">




        
        <div class="section-background-overlay" style="opacity: 0;"></div>
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(41vmax / 10); padding-bottom: calc(41vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-681edfa4ed6a510fe99b5c16 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(35,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-681edfa4ed6a510fe99b5c16 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-681edfa4ed6a510fe99b5c16 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-yui_3_17_2_1_1755163007978_14033 {
    grid-area: 2/2/35/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1755163007978_14033 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1755163007978_14033 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1755163007978_14033 {
      grid-area: 2/2/14/25;
      z-index: 1;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1755163007978_14033 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1755163007978_14033 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-9f2b2d05e566401e8b23 {
    grid-area: 4/3/6/9;
    z-index: 3;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-9f2b2d05e566401e8b23 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-9f2b2d05e566401e8b23 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-9f2b2d05e566401e8b23 {
      grid-area: 4/4/6/10;
      z-index: 3;

      
        
      

      
    }

    .fe-block-9f2b2d05e566401e8b23 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-9f2b2d05e566401e8b23 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-yui_3_17_2_1_1746854086114_2798 {
    grid-area: 1/9/6/11;
    z-index: 14;

    @media (max-width: 767px) {
      
        
          
  
  
    position: sticky;
    top: calc(0px + var(--header-fixed-top-offset, 0px));
  
  

        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746854086114_2798 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1746854086114_2798 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746854086114_2798 {
      grid-area: 1/24/9/27;
      z-index: 14;

      
        
          
  
    position: sticky;
    top: calc(50% + 0px + (var(--header-fixed-top-offset, 0px) / 2) - (var(--block-height, 0px) / 2));
  
  
  

        
      

      
    }

    .fe-block-yui_3_17_2_1_1746854086114_2798 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1746854086114_2798 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_311309 {
    grid-area: 5/2/7/10;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746699134504_311309 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1746699134504_311309 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746699134504_311309 {
      grid-area: 5/4/7/10;
      z-index: 2;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1746699134504_311309 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1746699134504_311309 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-yui_3_17_2_1_1746854086114_2363 {
    grid-area: 6/2/10/10;
    z-index: 9;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1746854086114_2363 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1746854086114_2363 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1746854086114_2363 {
      grid-area: 7/4/10/10;
      z-index: 9;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1746854086114_2363 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1746854086114_2363 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-e79a279273059b39ded0 {
    grid-area: 10/3/12/9;
    z-index: 11;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-e79a279273059b39ded0 .sqs-block {
    justify-content: center;
  }

  .fe-block-e79a279273059b39ded0 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-e79a279273059b39ded0 {
      grid-area: 10/4/12/10;
      z-index: 12;

      
        
      

      
    }

    .fe-block-e79a279273059b39ded0 .sqs-block {
      justify-content: center;
    }

    .fe-block-e79a279273059b39ded0 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-ed4c210d722fabc10226 {
    grid-area: 14/3/16/9;
    z-index: 5;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-ed4c210d722fabc10226 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-ed4c210d722fabc10226 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-ed4c210d722fabc10226 {
      grid-area: 4/12/6/16;
      z-index: 5;

      
        
      

      
    }

    .fe-block-ed4c210d722fabc10226 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-ed4c210d722fabc10226 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-0bac061e609416762e13 {
    grid-area: 15/2/17/10;
    z-index: 4;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-0bac061e609416762e13 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-0bac061e609416762e13 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-0bac061e609416762e13 {
      grid-area: 5/10/7/18;
      z-index: 4;

      
        
      

      
    }

    .fe-block-0bac061e609416762e13 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-0bac061e609416762e13 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-57c36264ebff560db4a1 {
    grid-area: 16/3/21/9;
    z-index: 12;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-57c36264ebff560db4a1 .sqs-block {
    justify-content: center;
  }

  .fe-block-57c36264ebff560db4a1 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-57c36264ebff560db4a1 {
      grid-area: 7/11/10/17;
      z-index: 10;

      
        
      

      
    }

    .fe-block-57c36264ebff560db4a1 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-57c36264ebff560db4a1 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-772123661b5cb0b0c221 {
    grid-area: 21/3/23/9;
    z-index: 7;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-772123661b5cb0b0c221 .sqs-block {
    justify-content: center;
  }

  .fe-block-772123661b5cb0b0c221 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-772123661b5cb0b0c221 {
      grid-area: 10/11/12/17;
      z-index: 7;

      
        
      

      
    }

    .fe-block-772123661b5cb0b0c221 .sqs-block {
      justify-content: center;
    }

    .fe-block-772123661b5cb0b0c221 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-3a8bab7248ddfc9bf664 {
    grid-area: 25/2/27/10;
    z-index: 8;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-3a8bab7248ddfc9bf664 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-3a8bab7248ddfc9bf664 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-3a8bab7248ddfc9bf664 {
      grid-area: 4/18/6/24;
      z-index: 8;

      
        
      

      
    }

    .fe-block-3a8bab7248ddfc9bf664 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-3a8bab7248ddfc9bf664 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-9fda3380a17f98ba5448 {
    grid-area: 26/2/28/10;
    z-index: 6;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-9fda3380a17f98ba5448 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-9fda3380a17f98ba5448 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-9fda3380a17f98ba5448 {
      grid-area: 5/18/7/24;
      z-index: 6;

      
        
      

      
    }

    .fe-block-9fda3380a17f98ba5448 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-9fda3380a17f98ba5448 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-6509b65c6042398becd6 {
    grid-area: 27/3/31/9;
    z-index: 13;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-6509b65c6042398becd6 .sqs-block {
    justify-content: center;
  }

  .fe-block-6509b65c6042398becd6 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-6509b65c6042398becd6 {
      grid-area: 7/18/10/24;
      z-index: 13;

      
        
      

      
    }

    .fe-block-6509b65c6042398becd6 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-6509b65c6042398becd6 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-87dbc12b1425ae480677 {
    grid-area: 31/3/33/9;
    z-index: 10;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-87dbc12b1425ae480677 .sqs-block {
    justify-content: center;
  }

  .fe-block-87dbc12b1425ae480677 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-87dbc12b1425ae480677 {
      grid-area: 10/18/12/24;
      z-index: 11;

      
        
      

      
    }

    .fe-block-87dbc12b1425ae480677 .sqs-block {
      justify-content: center;
    }

    .fe-block-87dbc12b1425ae480677 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-681edfa4ed6a510fe99b5c16"><div class="fe-block fe-block-yui_3_17_2_1_1755163007978_14033"><div class="sqs-block website-component-block sqs-block-website-component" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.shape" data-sqsp-block="shape" id="block-yui_3_17_2_1_1755163007978_14033"><div class="sqs-block-content">





















<div
  class="sqs-shape-block-outer-container"
  
>

  
  
  	<div
      class="sqs-shape-block-container sqs-block-alignment-wrapper 
  sqs-shape-block-container-system_desktop
 hidden-stretch-block"
      data-stretched-to-fill
      data-shape-name="rectangle"
      data-breakpoint-override-id="
system_desktop
"
      data-desktop-drop-shadow={"angle":145,"distance":{"value":2,"unit":"px"},"blur":{"value":3,"unit":"px"},"color":{"type":"THEME_COLOR"}}
      data-desktop-blur={"enabled":false,"filterType":"element","blurRadius":{"value":15,"unit":"px"}}
      
      
        data-blend-mode='normal'
      
      
    >
  		
  
    <div data-sqsp-shape-block-shape class="sqs-shape sqs-shape-rectangle"
      style="
        
          
            border-top-left-radius: 40px;
          
        
        
          
            border-top-right-radius: 40px;
          
        
        
          
            border-bottom-left-radius: 40px;
          
        
        
          
            border-bottom-right-radius: 40px;
          
        
        
          border-width: 2px;
          border-style: solid;
        
      "
    ></div>
  

    </div>
  



  <style>
    #block-yui_3_17_2_1_1755163007978_14033 .sqs-shape-block-container-system_desktop {
      display: flex;
    }
    #block-yui_3_17_2_1_1755163007978_14033 .sqs-block-alignment-wrapper {
      
      
      justify-content: center;
      
      
    }

    
      #block-yui_3_17_2_1_1755163007978_14033 .sqs-shape > * {
        
          stroke-width: 2px;
          stroke-linecap: square;
          stroke-dasharray: 
  0
;
          overflow: visible;
          vector-effect: non-scaling-stroke;
        
      }
    

    
      
    

    
      
        #block-yui_3_17_2_1_1755163007978_14033 {
          --shape-block-background-color: 
  
    
      hsla(var(--white-hsl), 1)
    
  
  
;
        }
      
    

    
      
      
    
  </style>
  <style class="overrides-vars">
    
  </style>
  
  

</div></div></div></div><div class="fe-block fe-block-9f2b2d05e566401e8b23"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-9f2b2d05e566401e8b23"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><em>Ihastuttavaa</em></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746854086114_2798"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-yui_3_17_2_1_1746854086114_2798"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default image-component-container-fit
    }"
    data-component-id="yui_3_17_2_1_1746854086114_2798"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: contain;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fit">
              
          
          
          
          
          
          
          <img data-stretch="false"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png"
  data-image-dimensions="2178x5152"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Piirroskuva, vaaleanpunainen tikkari."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png" width="2178" height="5152" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 62.5vw, 58.333333333333336vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/27ec7634-082a-4c0f-a26a-86b63430cd9f/Bra%CC%88ndisuunnittelu.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746699134504_311309"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1746699134504_311309"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">Brändisuunnittelua</h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746854086114_2363"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1746854086114_2363"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="">Hiotaan yrityksen toiminnan kulmakivet ja visuaalinen brändi-ilme vastustamattomaksi kokonaisuudeksi.</p></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-e79a279273059b39ded0"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-e79a279273059b39ded0"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="small"
    data-button-type="tertiary"
    
  > 
    <a 
      href="/brandisuunnittelu" 
      class="sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element"
      data-sqsp-button
      
    >
      Brändi-ilmeet
    </a>
    

  </div>



<style>
  #block-e79a279273059b39ded0 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-ed4c210d722fabc10226"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-ed4c210d722fabc10226"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><em>Vaikuttavat</em></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-0bac061e609416762e13"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-0bac061e609416762e13"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">Verkkosivut</h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-57c36264ebff560db4a1"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-57c36264ebff560db4a1"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="">Verkkosivut yrityksesi toiveiden ja tarpeiden mukaisesti! Tehdään sulle unelmiesi sivut, jotka tuovat myyntiä.</p></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-772123661b5cb0b0c221"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-772123661b5cb0b0c221"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/squarespace-verkkosivut" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Verkkosivut
    </a>
    

  </div>



<style>
  #block-772123661b5cb0b0c221 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-3a8bab7248ddfc9bf664"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-3a8bab7248ddfc9bf664"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><em>Monipuolista</em></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-9fda3380a17f98ba5448"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-9fda3380a17f98ba5448"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">Graafista suunnittelua</h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-6509b65c6042398becd6"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-6509b65c6042398becd6"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="">Toteutetaan yritysilmeesi mukaiset markkinointimateriaalit, kuten esityspohjat, flyerit tai somejulkaisut.</p></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-87dbc12b1425ae480677"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-87dbc12b1425ae480677"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="large"
    data-button-type="secondary"
    
  > 
    <a 
      href="/graafinen-suunnittelu" 
      class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
      data-sqsp-button
      
    >
      Graafinen suunnittelu
    </a>
    

  </div>



<style>
  #block-87dbc12b1425ae480677 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="681edfa490ca086c488cfa43"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-681edfa490ca086c488cfa43"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    
    '
  
  data-section-id="69ae9f379179961a7df7768c"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;video&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;native&quot;,
&quot;nativeVideoContentItem&quot;: {
&quot;id&quot;: &quot;69ae9fa20630042b7364e393&quot;,
&quot;recordType&quot;: 61,
&quot;addedOn&quot;: 1773051810074,
&quot;updatedOn&quot;: 1773051810074,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c&quot;,
&quot;systemDataVariants&quot;: &quot;2700:1080,900:360&quot;,
&quot;systemDataSourceType&quot;: &quot;mp4&quot;,
&quot;filename&quot;: &quot;Brändisuunnittelu-yrityksille.mp4&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 1,
&quot;contentType&quot;: &quot;video/mp4&quot;,
&quot;structuredContent&quot;: {
&quot;_type&quot;: &quot;SqspHostedVideo&quot;,
&quot;videoCodec&quot;: &quot;h264&quot;,
&quot;alexandriaUrl&quot;: &quot;https://video.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c/{variant}&quot;,
&quot;alexandriaLibraryId&quot;: &quot;660d95d2de6c8215dd2fbb34&quot;,
&quot;aspectRatio&quot;: 2.5,
&quot;durationSeconds&quot;: 6.533333
},
&quot;videoCodec&quot;: &quot;h264&quot;,
&quot;alexandriaUrl&quot;: &quot;https://video.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c/{variant}&quot;,
&quot;alexandriaLibraryId&quot;: &quot;660d95d2de6c8215dd2fbb34&quot;,
&quot;aspectRatio&quot;: 2.5,
&quot;durationSeconds&quot;: 6.533333,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;usageId&quot;: &quot;59ae7cf1-0b78-3c28-8c87-0955baeef27b&quot;,
&quot;recordTypeLabel&quot;: &quot;sqsp-hosted-video&quot;,
&quot;originalSize&quot;: &quot;2700:1080&quot;
}
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;THEME_COLOR&quot;
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 1vh;" 
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-69ae9f379179961a7df7768c);"
    
  >
    <div class="section-background">
    
      
        
          <div data-controller="VideoBackgroundNative">
            <div
  class="sqs-video-background-native content-fill"
  data-config-native-video="{
&quot;id&quot;: &quot;69ae9fa20630042b7364e393&quot;,
&quot;recordType&quot;: 61,
&quot;addedOn&quot;: 1773051810074,
&quot;updatedOn&quot;: 1773051810074,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c&quot;,
&quot;systemDataVariants&quot;: &quot;2700:1080,900:360&quot;,
&quot;systemDataSourceType&quot;: &quot;mp4&quot;,
&quot;filename&quot;: &quot;Brändisuunnittelu-yrityksille.mp4&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 1,
&quot;contentType&quot;: &quot;video/mp4&quot;,
&quot;structuredContent&quot;: {
&quot;_type&quot;: &quot;SqspHostedVideo&quot;,
&quot;videoCodec&quot;: &quot;h264&quot;,
&quot;alexandriaUrl&quot;: &quot;https://video.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c/{variant}&quot;,
&quot;alexandriaLibraryId&quot;: &quot;660d95d2de6c8215dd2fbb34&quot;,
&quot;aspectRatio&quot;: 2.5,
&quot;durationSeconds&quot;: 6.533333
},
&quot;videoCodec&quot;: &quot;h264&quot;,
&quot;alexandriaUrl&quot;: &quot;https://video.squarespace-cdn.com/content/v1/660d95d2de6c8215dd2fbb34/0e51fdd5-e473-4fa7-b75e-3db77c6d7b6c/{variant}&quot;,
&quot;alexandriaLibraryId&quot;: &quot;660d95d2de6c8215dd2fbb34&quot;,
&quot;aspectRatio&quot;: 2.5,
&quot;durationSeconds&quot;: 6.533333,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;usageId&quot;: &quot;59ae7cf1-0b78-3c28-8c87-0955baeef27b&quot;,
&quot;recordTypeLabel&quot;: &quot;sqsp-hosted-video&quot;,
&quot;originalSize&quot;: &quot;2700:1080&quot;
}"
  data-config-playback-speed="1"
  data-config-filter="1"
  data-config-filter-strength="0"
>
  

  <div class="sqs-video-background-native__video-player"></div>
</div>

          </div>
        
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(1vmax / 10); padding-bottom: calc(1vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-69ae9f3793ebf257d384a874 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(5,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-69ae9f3793ebf257d384a874 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-69ae9f3793ebf257d384a874 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(14,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


</style><div class="fluid-engine fe-69ae9f3793ebf257d384a874"></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="69ae9f379179961a7df7768c"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-69ae9f379179961a7df7768c"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="white"
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--small
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white'
  
  data-section-id="689dad781f823f3a3c80dc7b"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--small&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;white&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
    
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-689dad781f823f3a3c80dc7b);"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-689dad781f823f3a3c80dc7a {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(26,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-689dad781f823f3a3c80dc7a {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-689dad781f823f3a3c80dc7a {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-1bb43dd32d69edfc9461 {
    grid-area: 2/3/7/9;
    z-index: 3;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-1bb43dd32d69edfc9461 .sqs-block {
    justify-content: center;
  }

  .fe-block-1bb43dd32d69edfc9461 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-1bb43dd32d69edfc9461 {
      grid-area: 2/6/7/22;
      z-index: 3;

      
        
      

      
    }

    .fe-block-1bb43dd32d69edfc9461 .sqs-block {
      justify-content: center;
    }

    .fe-block-1bb43dd32d69edfc9461 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-923b18f5573ee44d43e7 {
    grid-area: 8/3/25/9;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-923b18f5573ee44d43e7 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-923b18f5573ee44d43e7 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-923b18f5573ee44d43e7 {
      grid-area: 8/6/15/22;
      z-index: 2;

      
        
      

      
    }

    .fe-block-923b18f5573ee44d43e7 .sqs-block {
      justify-content: center;
    }

    .fe-block-923b18f5573ee44d43e7 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-689dad781f823f3a3c80dc7a"><div class="fe-block fe-block-1bb43dd32d69edfc9461"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-1bb43dd32d69edfc9461"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="text-align:center;white-space:pre-wrap;">Ootko onnistunut tekemään intohimosta työn, joka olisi nyt valmis <em>kasvamaan</em> mukanasi?</h2></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-923b18f5573ee44d43e7"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-923b18f5573ee44d43e7"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
    <script class="TextAttributes-props" type="application/json" id="data-context-923b18f5573ee44d43e7">[ {
"shape": "marker",
"isFront": false,
"isAnimationEnabled": true,
"animation": "draw",
"duration": 0.5,
"direction": "right",
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "darkAccent",
"alphaModifier": 1
}
},
"thickness": {
"unit": "em",
"value": 1
},
"linecap": "square",
"type": "highlight",
"id": "e8b9213d-6a91-40c1-972f-e8711e79cf47"
} ]</script>
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-highlight" data-text-attribute-id="e8b9213d-6a91-40c1-972f-e8711e79cf47">Mutta jokin vielä tökkii.</span></h3><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Se, miten oot yritystoimintasi aloittanut ei vie sua haluamallasi tavalla eteenpäin. Kaipaat ratkaisuja, joiden avulla tuot vaikuttavasti toimintasi, palvelusi ja ainutlaatuisuutesi esille.</p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Toivot, että brändisi antaa sulle isompia tuloksia ja puhuttelee selkeästi juuri sitä asiakaskuntaa, kenen kanssa tahdot tehdä töitä. Niitä, jotka ymmärtävät sun palveluita ja oikeesti tarvitsevat niitä.</p><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Oot kasvanut yrittäjänä ja sun brändistä ei heijastu enää se taso, jolla teet työsi. Haluat enemmän!</p></div>

  <style></style>
</div></div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(var(--black-hsl), 1);
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="689dad781f823f3a3c80dc7b"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-689dad781f823f3a3c80dc7b"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="white-bold"
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    white-bold'
  
  data-section-id="660fca9f1d532166a400d852"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;white-bold&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 1vh;" 
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-660fca9f1d532166a400d852);"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(1vmax / 10); padding-bottom: calc(1vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-660fca9f1d532166a400d851 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(52,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-660fca9f1d532166a400d851 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-660fca9f1d532166a400d851 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-1516e674de007e480253 {
    grid-area: 3/2/13/10;
    z-index: 5;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-1516e674de007e480253 .sqs-block {
    justify-content: center;
  }

  .fe-block-1516e674de007e480253 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-1516e674de007e480253 {
      grid-area: 3/4/14/10;
      z-index: 2;

      

      
    }

    .fe-block-1516e674de007e480253 .sqs-block {
      justify-content: center;
    }

    .fe-block-1516e674de007e480253 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1712229140783_97283 {
    grid-area: 13/2/15/10;
    z-index: 9;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1712229140783_97283 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1712229140783_97283 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1712229140783_97283 {
      grid-area: 14/4/16/10;
      z-index: 8;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1712229140783_97283 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1712229140783_97283 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1745601457854_195798 {
    grid-area: 15/3/16/6;
    z-index: 12;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1745601457854_195798 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1745601457854_195798 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1745601457854_195798 {
      grid-area: 16/4/17/7;
      z-index: 11;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1745601457854_195798 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1745601457854_195798 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-8fba82e15b4a97153b71 {
    grid-area: 15/6/16/9;
    z-index: 13;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-8fba82e15b4a97153b71 .sqs-block {
    justify-content: center;
  }

  .fe-block-8fba82e15b4a97153b71 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-8fba82e15b4a97153b71 {
      grid-area: 16/7/17/10;
      z-index: 12;

      
        
      

      
    }

    .fe-block-8fba82e15b4a97153b71 .sqs-block {
      justify-content: center;
    }

    .fe-block-8fba82e15b4a97153b71 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-26cab92f8c253b65fef0 {
    grid-area: 16/4/17/8;
    z-index: 13;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-26cab92f8c253b65fef0 .sqs-block {
    justify-content: center;
  }

  .fe-block-26cab92f8c253b65fef0 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-26cab92f8c253b65fef0 {
      grid-area: 17/5/18/9;
      z-index: 12;

      
        
      

      
    }

    .fe-block-26cab92f8c253b65fef0 .sqs-block {
      justify-content: center;
    }

    .fe-block-26cab92f8c253b65fef0 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-4d5985979c4f34ec6207 {
    grid-area: 19/2/29/10;
    z-index: 1;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-4d5985979c4f34ec6207 .sqs-block {
    justify-content: center;
  }

  .fe-block-4d5985979c4f34ec6207 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-4d5985979c4f34ec6207 {
      grid-area: 3/11/14/17;
      z-index: 3;

      

      
    }

    .fe-block-4d5985979c4f34ec6207 .sqs-block {
      justify-content: center;
    }

    .fe-block-4d5985979c4f34ec6207 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-a6d3477754165643ab17 {
    grid-area: 29/2/31/10;
    z-index: 10;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-a6d3477754165643ab17 .sqs-block {
    justify-content: center;
  }

  .fe-block-a6d3477754165643ab17 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-a6d3477754165643ab17 {
      grid-area: 14/11/16/17;
      z-index: 9;

      
        
      

      
    }

    .fe-block-a6d3477754165643ab17 .sqs-block {
      justify-content: center;
    }

    .fe-block-a6d3477754165643ab17 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-b8f8f8d2bcd7d000002d {
    grid-area: 31/3/32/9;
    z-index: 13;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-b8f8f8d2bcd7d000002d .sqs-block {
    justify-content: center;
  }

  .fe-block-b8f8f8d2bcd7d000002d .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-b8f8f8d2bcd7d000002d {
      grid-area: 16/12/17/16;
      z-index: 12;

      
        
      

      
    }

    .fe-block-b8f8f8d2bcd7d000002d .sqs-block {
      justify-content: center;
    }

    .fe-block-b8f8f8d2bcd7d000002d .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-e6ea5e73cc60796933a8 {
    grid-area: 34/2/44/10;
    z-index: 2;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-e6ea5e73cc60796933a8 .sqs-block {
    justify-content: center;
  }

  .fe-block-e6ea5e73cc60796933a8 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-e6ea5e73cc60796933a8 {
      grid-area: 3/18/14/24;
      z-index: 4;

      

      
    }

    .fe-block-e6ea5e73cc60796933a8 .sqs-block {
      justify-content: center;
    }

    .fe-block-e6ea5e73cc60796933a8 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-a826510ad7bf7627d940 {
    grid-area: 44/2/46/10;
    z-index: 11;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-a826510ad7bf7627d940 .sqs-block {
    justify-content: center;
  }

  .fe-block-a826510ad7bf7627d940 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-a826510ad7bf7627d940 {
      grid-area: 14/18/16/24;
      z-index: 10;

      
        
      

      
    }

    .fe-block-a826510ad7bf7627d940 .sqs-block {
      justify-content: center;
    }

    .fe-block-a826510ad7bf7627d940 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-34050989a2756917992b {
    grid-area: 46/3/47/9;
    z-index: 14;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-34050989a2756917992b .sqs-block {
    justify-content: center;
  }

  .fe-block-34050989a2756917992b .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-34050989a2756917992b {
      grid-area: 16/19/17/23;
      z-index: 13;

      
        
      

      
    }

    .fe-block-34050989a2756917992b .sqs-block {
      justify-content: center;
    }

    .fe-block-34050989a2756917992b .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1747298971849_3583 {
    grid-area: 49/2/51/10;
    z-index: 15;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747298971849_3583 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1747298971849_3583 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747298971849_3583 {
      grid-area: 20/11/22/17;
      z-index: 14;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1747298971849_3583 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-yui_3_17_2_1_1747298971849_3583 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-660fca9f1d532166a400d851"><div class="fe-block fe-block-1516e674de007e480253"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="128.88680131517145" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-1516e674de007e480253"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="1516e674de007e480253"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: cover;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          <a
            class="sqs-block-image-link js-content-mode-element content-fill"
            data-sqsp-image-block-link
            href="/brandisuunnittelu-iidahaymedia"
            
          >
            
          
          
          
          
          
          
          <img data-stretch="true"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg"
  data-image-dimensions="1620x1620"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Kannettava tietokone, jossa näkyy verkkosivu &quot;IIDA hyvää MEDIA&quot;, avattuna valkoisella pehmustetulla tuolilla. Näytöllä on kuvagalleria ja tekstiä."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg" width="1620" height="1620" alt="" sizes="100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/cc1eba67-ddfd-4185-a974-3b86fde68661/Verkkosivut+Squarespacella.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
          </a>
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1712229140783_97283"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1712229140783_97283"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><a href="/brandisuunnittelu-iidahaymedia">Iida Hay Media </a></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1745601457854_195798"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-yui_3_17_2_1_1745601457854_195798"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/brandisuunnittelu" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Brändisuunnittelu
    </a>
    

  </div>



<style>
  #block-yui_3_17_2_1_1745601457854_195798 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-8fba82e15b4a97153b71"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-8fba82e15b4a97153b71"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="small"
    data-button-type="tertiary"
    
  > 
    <a 
      href="/squarespace-verkkosivut" 
      class="sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element"
      data-sqsp-button
      
    >
      Verkkosivut
    </a>
    

  </div>



<style>
  #block-8fba82e15b4a97153b71 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-26cab92f8c253b65fef0"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-26cab92f8c253b65fef0"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="large"
    data-button-type="secondary"
    
  > 
    <a 
      href="/graafinen-suunnittelu" 
      class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
      data-sqsp-button
      
    >
      Painomateriaalit
    </a>
    

  </div>



<style>
  #block-26cab92f8c253b65fef0 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-4d5985979c4f34ec6207"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="94.13586220243855" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-4d5985979c4f34ec6207"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="4d5985979c4f34ec6207"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: cover;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fill">
              
          
          
          
          
          
          
          <img data-stretch="true"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png"
  data-image-dimensions="1080x1350"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Logo lemmikkitarvikkeiden verkkokaupalle."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png" width="1080" height="1350" alt="" sizes="100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/a2c9b0cf-71b8-4619-8aac-94c9571b5f08/Bra%CC%88nda%CC%88ys-yritykselle.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-a6d3477754165643ab17"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-a6d3477754165643ab17"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><a href="/brandisuunnittelu-ruffy">Ruffy</a></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-b8f8f8d2bcd7d000002d"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-b8f8f8d2bcd7d000002d"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/brandisuunnittelu" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Brändisuunnittelu
    </a>
    

  </div>



<style>
  #block-b8f8f8d2bcd7d000002d {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-e6ea5e73cc60796933a8"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-e6ea5e73cc60796933a8"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="e6ea5e73cc60796933a8"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: cover;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fill">
              
          
          
          
          
          
          
          <img data-stretch="true"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png"
  data-image-dimensions="4000x2667"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Somekuvat, joissa esitelty Dinolla puheterapiayrityksen brändi-ilme."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png" width="4000" height="2667" alt="" sizes="100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/476a7b41-1118-4657-a220-d8d3a9b465c0/design-01jte82feh-1760600671.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-a826510ad7bf7627d940"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-a826510ad7bf7627d940"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><a href="/brandisuunnittelu-dinolla">Dinolla Oy</a></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-34050989a2756917992b"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-34050989a2756917992b"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/brandisuunnittelu" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Brändisuunnittelu
    </a>
    

  </div>



<style>
  #block-34050989a2756917992b {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1747298971849_3583"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1747298971849_3583"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><a href="/portfolio"><em>Tutustu koko portfolioon!</em></a></h3></div>

  <style></style>
</div></div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(var(--black-hsl), 1);
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="660fca9f1d532166a400d852"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="660fca9f1d532166a400d852"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="660fca9f1d532166a400d852"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="660fca9f1d532166a400d852"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="660fca9f1d532166a400d852"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="660fca9f1d532166a400d852"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="660fca9f1d532166a400d852"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="660fca9f1d532166a400d852"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-660fca9f1d532166a400d852"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="black"
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
       has-background
    
    
    black'
  
  data-section-id="689db2259d7c2d5d4a2e9d51"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;backgroundImage&quot;: {
&quot;id&quot;: &quot;690752d891c1b21b7349d135&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1762087640021,
&quot;updatedOn&quot;: 1762087640060,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1762087640021,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;17dd8f31-1e85-4662-b8f5-d42dbafbddbf&quot;,
&quot;systemDataVariants&quot;: &quot;1920x1080,100w,300w,500w,750w,1000w,1500w&quot;,
&quot;systemDataSourceType&quot;: &quot;PNG&quot;,
&quot;filename&quot;: &quot;Graafinensuunnittelija.png&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;8c1c13&quot;,
&quot;topRightAverage&quot;: &quot;8c1d13&quot;,
&quot;bottomLeftAverage&quot;: &quot;8c1c13&quot;,
&quot;bottomRightAverage&quot;: &quot;8c1d13&quot;,
&quot;centerAverage&quot;: &quot;8c1c13&quot;,
&quot;suggestedBgColor&quot;: &quot;c36b59&quot;
},
&quot;urlId&quot;: &quot;h9uyb3odo93l2s069km5qmh307gz1o&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png&quot;,
&quot;contentType&quot;: &quot;image/png&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;1920x1080&quot;
},
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 1,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1.0
}
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 1vh;" 
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-689db2259d7c2d5d4a2e9d51);"
    
  >
    <div class="section-background">
    
      
        
        
          





  



<img alt="" data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png" data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="Graafinensuunnittelija.png" data-load="false" elementtiming="nbf-background" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png" width="1920" height="1080" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/17dd8f31-1e85-4662-b8f5-d42dbafbddbf/Graafinensuunnittelija.png?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs">




        
        <div class="section-background-overlay" style="opacity: 0;"></div>
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(1vmax / 10); padding-bottom: calc(1vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-689db2259d7c2d5d4a2e9d50 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(27,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-689db2259d7c2d5d4a2e9d50 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-689db2259d7c2d5d4a2e9d50 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(20,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-a7b97b382faabd40bd50 {
    grid-area: 2/2/26/10;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-a7b97b382faabd40bd50 .sqs-block {
    justify-content: center;
  }

  .fe-block-a7b97b382faabd40bd50 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-a7b97b382faabd40bd50 {
      grid-area: 3/3/19/25;
      z-index: 2;

      
        
      

      
    }

    .fe-block-a7b97b382faabd40bd50 .sqs-block {
      justify-content: center;
    }

    .fe-block-a7b97b382faabd40bd50 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-48a666d463b900214765 {
    grid-area: 4/3/8/9;
    z-index: 3;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-48a666d463b900214765 .sqs-block {
    justify-content: center;
  }

  .fe-block-48a666d463b900214765 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-48a666d463b900214765 {
      grid-area: 5/4/7/24;
      z-index: 4;

      
        
      

      
    }

    .fe-block-48a666d463b900214765 .sqs-block {
      justify-content: center;
    }

    .fe-block-48a666d463b900214765 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-be9934388741fbad8d93 {
    grid-area: 9/3/24/9;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-be9934388741fbad8d93 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-be9934388741fbad8d93 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-be9934388741fbad8d93 {
      grid-area: 8/6/14/22;
      z-index: 2;

      
        
      

      
    }

    .fe-block-be9934388741fbad8d93 .sqs-block {
      justify-content: center;
    }

    .fe-block-be9934388741fbad8d93 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1767803952842_13004 {
    grid-area: 25/2/27/10;
    z-index: 4;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1767803952842_13004 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1767803952842_13004 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1767803952842_13004 {
      grid-area: 15/11/17/17;
      z-index: 5;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1767803952842_13004 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1767803952842_13004 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-689db2259d7c2d5d4a2e9d50"><div class="fe-block fe-block-a7b97b382faabd40bd50"><div class="sqs-block website-component-block sqs-block-website-component" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.shape" data-sqsp-block="shape" id="block-a7b97b382faabd40bd50"><div class="sqs-block-content">





















<div
  class="sqs-shape-block-outer-container"
  
>

  
  
  	<div
      class="sqs-shape-block-container sqs-block-alignment-wrapper 
  sqs-shape-block-container-system_desktop
 hidden-stretch-block"
      data-stretched-to-fill
      data-shape-name="rectangle"
      data-breakpoint-override-id="
system_desktop
"
      data-desktop-drop-shadow={"angle":145,"distance":{"value":2,"unit":"px"},"blur":{"value":3,"unit":"px"},"color":{"type":"THEME_COLOR"}}
      data-desktop-blur={"enabled":false,"filterType":"element","blurRadius":{"value":15,"unit":"px"}}
      
      
        data-blend-mode='normal'
      
      
    >
  		
  
    <div data-sqsp-shape-block-shape class="sqs-shape sqs-shape-rectangle"
      style="
        
          
            border-top-left-radius: 40px;
          
        
        
          
            border-top-right-radius: 40px;
          
        
        
          
            border-bottom-left-radius: 40px;
          
        
        
          
            border-bottom-right-radius: 40px;
          
        
        
          border-width: 2px;
          border-style: solid;
        
      "
    ></div>
  

    </div>
  



  <style>
    #block-a7b97b382faabd40bd50 .sqs-shape-block-container-system_desktop {
      display: flex;
    }
    #block-a7b97b382faabd40bd50 .sqs-block-alignment-wrapper {
      
      
      justify-content: center;
      
      
    }

    
      #block-a7b97b382faabd40bd50 .sqs-shape > * {
        
          stroke-width: 2px;
          stroke-linecap: square;
          stroke-dasharray: 
  0
;
          overflow: visible;
          vector-effect: non-scaling-stroke;
        
      }
    

    
      
        #block-a7b97b382faabd40bd50 {
          --shape-block-stroke-color: 
  
    
      hsla(var(--black-hsl), 1)
    
  
  
;
        }
      
    

    
      
        #block-a7b97b382faabd40bd50 {
          --shape-block-background-color: 
  
    
      hsla(var(--white-hsl), 1)
    
  
  
;
        }
      
    

    
      
      
    
  </style>
  <style class="overrides-vars">
    
  </style>
  
  

</div></div></div></div><div class="fe-block fe-block-48a666d463b900214765"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-48a666d463b900214765"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--black">Sytytetään brändilläsi <em>tunteita</em>, joita ei voi ohittaa</span></h2></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-be9934388741fbad8d93"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-be9934388741fbad8d93"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--black">Yrityksesi visuaalinen ilme ja tarina voivat jäädä huomaamatta – tai vaihtoehtoisesti ne voivat sytyttää asiakkaassa niin vahvan tunteen, että hän haluaa olla osa brändiäsi. Koska ihmiset kaipaavat tunteita, brändi- ja nettisivusuunnittelu täytyy tehdä unelma-asiakkaasi silmissä vastustamattomaksi kokonaisuudeksi. Kun brändi todella puhuttelee yleisöään, siihen halutaan sitoutua, ja sen kasvua halutaan tukea palaten sen äärelle yhä uudelleen.</span></p><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--black">Teen brändistäsi kokonaisuuden, joka puhuttelee, inspiroi ja tuo toivottuja tuloksia. Suunnittelen brändistrategiat, visuaaliset ilmeet ja nettisivut, jotka tekevät yrityksestäsi persoonallisen ja houkuttelevan – juuri niille oikeille asiakkaille.</span></p></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1767803952842_13004"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-yui_3_17_2_1_1767803952842_13004"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/ota-yhteytta" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Toteutetaan sun brändiunelmat
    </a>
    

  </div>



<style>
  #block-yui_3_17_2_1_1767803952842_13004 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(var(--black-hsl), 1);
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="689db2259d7c2d5d4a2e9d51"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-689db2259d7c2d5d4a2e9d51"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--medium
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    '
  
  data-section-id="68222e4ba476bd7760e9277e"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;THEME_COLOR&quot;
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-68222e4ba476bd7760e9277e);"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-68222e4ba476bd7760e9277d {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(32,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-68222e4ba476bd7760e9277d {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-68222e4ba476bd7760e9277d {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-yui_3_17_2_1_1747070452199_2243 {
    grid-area: 2/2/17/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_2243 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1747070452199_2243 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747070452199_2243 {
      grid-area: 1/1/11/7;
      z-index: 1;

      
        
          
  
  
    position: sticky;
    top: calc(0px + var(--header-fixed-top-offset, 0px));
  
  

        
      

      
    }

    .fe-block-yui_3_17_2_1_1747070452199_2243 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1747070452199_2243 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-70c429d93d9f05647d19 {
    grid-area: 3/2/5/10;
    z-index: 1;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-70c429d93d9f05647d19 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-70c429d93d9f05647d19 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-70c429d93d9f05647d19 {
      grid-area: 1/6/3/22;
      z-index: 4;

      

      
    }

    .fe-block-70c429d93d9f05647d19 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-70c429d93d9f05647d19 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-4c5dff57b28feaf2650b {
    grid-area: 4/2/6/10;
    z-index: 2;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-4c5dff57b28feaf2650b .sqs-block {
    justify-content: center;
  }

  .fe-block-4c5dff57b28feaf2650b .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-4c5dff57b28feaf2650b {
      grid-area: 3/6/5/22;
      z-index: 5;

      

      
    }

    .fe-block-4c5dff57b28feaf2650b .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-4c5dff57b28feaf2650b .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-d45a47ddbd7ad4477f16 {
    grid-area: 9/1/17/11;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-d45a47ddbd7ad4477f16 .sqs-block {
    justify-content: center;
  }

  .fe-block-d45a47ddbd7ad4477f16 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-d45a47ddbd7ad4477f16 {
      grid-area: 6/22/16/27;
      z-index: 2;

      
        
      

      
    }

    .fe-block-d45a47ddbd7ad4477f16 .sqs-block {
      justify-content: center;
    }

    .fe-block-d45a47ddbd7ad4477f16 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-11d5c081b952eb0179a9 {
    grid-area: 18/2/20/10;
    z-index: 3;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-11d5c081b952eb0179a9 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-11d5c081b952eb0179a9 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-11d5c081b952eb0179a9 {
      grid-area: 4/6/7/22;
      z-index: 6;

      

      
    }

    .fe-block-11d5c081b952eb0179a9 .sqs-block {
      justify-content: center;
    }

    .fe-block-11d5c081b952eb0179a9 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-9fde588ad4f21d1f0dea {
    grid-area: 20/2/29/10;
    z-index: 0;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-9fde588ad4f21d1f0dea .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-9fde588ad4f21d1f0dea .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-9fde588ad4f21d1f0dea {
      grid-area: 7/6/12/22;
      z-index: 3;

      

      
    }

    .fe-block-9fde588ad4f21d1f0dea .sqs-block {
      justify-content: center;
    }

    .fe-block-9fde588ad4f21d1f0dea .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_2936 {
    grid-area: 30/3/32/9;
    z-index: 4;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_2936 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1747070452199_2936 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747070452199_2936 {
      grid-area: 13/11/15/17;
      z-index: 7;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1747070452199_2936 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1747070452199_2936 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-68222e4ba476bd7760e9277d"><div class="fe-block fe-block-yui_3_17_2_1_1747070452199_2243"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-yui_3_17_2_1_1747070452199_2243"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default image-component-container-fit
    }"
    data-component-id="yui_3_17_2_1_1747070452199_2243"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: contain;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fit">
              
          
          
          
          
          
          
          <img data-stretch="false"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg"
  data-image-dimensions="4000x6000"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Graafinen suunnittelija mallailee värejä"
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg" width="4000" height="6000" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 70.83333333333334vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/161dea6a-4bf8-42e7-94f0-43ba0e1d4aab/Graafinensuunnittelija.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-70c429d93d9f05647d19"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-70c429d93d9f05647d19"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
    <script class="TextAttributes-props" type="application/json" id="data-context-70c429d93d9f05647d19">[ {
"shape": "underline",
"isFront": false,
"isAnimationEnabled": true,
"animation": "draw",
"duration": 0.8,
"direction": "right",
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "darkAccent",
"alphaModifier": 1
}
},
"thickness": {
"unit": "em",
"value": 0.1
},
"linecap": "round",
"type": "highlight",
"id": "c810bf41-89a9-425c-b414-11c91c900a62"
} ]</script>
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-highlight" data-text-attribute-id="c810bf41-89a9-425c-b414-11c91c900a62">Ollaanko jo tavattu? Nimeni on </span></h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-4c5dff57b28feaf2650b"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-4c5dff57b28feaf2650b"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="text-align:center;white-space:pre-wrap;">Pinja Kekkonen,</h2></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-d45a47ddbd7ad4477f16"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-aspect-ratio="138.43891248202658" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-d45a47ddbd7ad4477f16"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="d45a47ddbd7ad4477f16"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="true"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: cover;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fill">
              
          
          
          
          
          
          
          <img data-stretch="true"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg"
  data-image-dimensions="1000x1500"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt="Kymmenen värikästä pientä korttia kädessä, valkoinen tausta."
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg" width="1000" height="1500" alt="" sizes="100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/40b90ed4-43fb-4191-8763-e3ed14220b92/Logosuunnittelu+yritykselle.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
            
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div><div class="fe-block fe-block-11d5c081b952eb0179a9"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-11d5c081b952eb0179a9"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h3 style="text-align:center;white-space:pre-wrap;">ja olen <em>intohimoinen</em> luova yrittäjä.</h3></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-9fde588ad4f21d1f0dea"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-9fde588ad4f21d1f0dea"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large">Autan rohkeita yrityksiä brändisuunnittelussa sekä verkkosivujen toteutuksessa. Teen jokaisen projektini sukeltaen aidosti yrityksen ytimeen, kuunnellen ja toteuttaen toimivia kokonaisuuksia yrityksen tarpeiden mukaisesti. Koen, että työssäni pääsen yhdistämään vuosien laaja-alaisen kokemuksen, jota olen kerryttänyt niin markkinoinnin koulutukseni, kuin konkreettisen tekemisen kautta.</p></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1747070452199_2936"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-button button-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.button/301d2984-74fb-4797-8688-c810a71fce93_488/website.components.button.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.button" data-sqsp-block="button" id="block-yui_3_17_2_1_1747070452199_2936"><div class="sqs-block-content">




  <div
    class="sqs-block-button-container  sqs-block-button-container--center sqs-stretched"
    data-animation-role="button"
    data-button-size="medium"
    data-button-type="primary"
    
  > 
    <a 
      href="/tutustutaan" 
      class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element"
      data-sqsp-button
      
    >
      Tutustutaanko paremmin?
    </a>
    

  </div>



<style>
  #block-yui_3_17_2_1_1747070452199_2936 {--sqs-block-content-flex: 1;
  }
</style>
</div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="68222e4ba476bd7760e9277e"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-68222e4ba476bd7760e9277e"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="black"
  class='page-section has-section-divider
    
      user-items-list-section
      full-bleed-section
    
    
    
      
    
    
      
    
    
    
    
      
    
    
    black'
  
  data-section-id="681a4d31e8fa60140223fb82"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.8,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
}"
  data-current-context="{
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;value&quot;: 100,
&quot;unit&quot;: &quot;vw&quot;
},
&quot;height&quot;: {
&quot;value&quot;: 6,
&quot;unit&quot;: &quot;vw&quot;
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;value&quot;: 0,
&quot;unit&quot;: &quot;px&quot;
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;SITE_PALETTE_COLOR&quot;,
&quot;sitePaletteColor&quot;: {
&quot;colorName&quot;: &quot;black&quot;,
&quot;alphaModifier&quot;: 1
}
},
&quot;thickness&quot;: {
&quot;value&quot;: 2,
&quot;unit&quot;: &quot;px&quot;
},
&quot;dashLength&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;px&quot;
},
&quot;gapLength&quot;: {
&quot;value&quot;: 15,
&quot;unit&quot;: &quot;px&quot;
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation=""
  
  data-json-schema-section 
  
  
  
  


  data-sqsp-section="auto-layout"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-681a4d31e8fa60140223fb82);"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
        


















<div
  class="user-items-list"
  style="
    min-height: 100px;
    padding-top: 3vmax;
    padding-bottom: 0vmax;
    "
  data-card-theme=""
  data-section-id="user-items-list"
  data-section-title-enabled="false"
  data-space-below-section-title-value="70"
  data-space-below-section-title-unit="px"
  data-layout-width="full-bleed"
>
  

  

  
    












































<style>
  .user-items-list-item-container[data-section-id="681a4d31e8fa60140223fb82"] .list-item-content__title {
    font-size: 1.6rem;
  }
  .user-items-list-item-container[data-section-id="681a4d31e8fa60140223fb82"] .list-item-content__description {
    font-size: 1rem;
  }
  .user-items-list-item-container[data-section-id="681a4d31e8fa60140223fb82"] .list-item-content__button {
    font-size: 0.9rem;
  }

  @supports (--test-custom-property: true) {
    .user-items-list-item-container[data-section-id="681a4d31e8fa60140223fb82"] {
      --title-font-size-value: 1.6;
      --body-font-size-value: 1;
      --button-font-size-value: 0.9;
    }
  }
</style>


<div
  class="
    user-items-list-item-container
    user-items-list-banner-slideshow
  "
  data-controller="UserItemsListBannerSlideshow"
  data-progress-indicators-placement=""
  data-is-infinite-enabled="true"
  data-is-card-enabled="false"
  data-title-alignment="center"
  data-body-alignment="center"
  data-button-alignment="center"
  data-show-adjacent-slides="false"
  data-card-vertical-position="middle"
  data-card-horizontal-position="center"
  data-navigation-controls="arrows"
  data-navigation-placement="center"
  data-navigation-alignment="center"
  data-space-between-slides-value="20"
  data-space-between-slides-unit="px"
  data-section-id="681a4d31e8fa60140223fb82"
  data-current-context="{
&quot;userItems&quot;: [ {
&quot;title&quot;: &quot;“Sait visiostani heti kiinni ja toteutit toivotut muutokset. Ihanaa, kun uudet nettisivut puhuvat nyt samaa kieltä brändi-ilmeeni kanssa. Kattavien ohjeiden ansiosta myös sivujen päivittely itse onnistuu loistavasti.”&quot;,
&quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Verkkosivusuunnittelu&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;,
&quot;buttonLink&quot;: &quot;#&quot;
},
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5055350553505535,
&quot;y&quot;: 0.7433776217932648
},
&quot;imageId&quot;: &quot;681a4d31e8fa60140223fb78&quot;,
&quot;imageAltText&quot;: &quot;Vuorta ja lumihuippuisia vuoria taustalla pilvinen taivas&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;681a4d31e8fa60140223fb78&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1618511383668,
&quot;updatedOn&quot;: 1618512009075,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1618511383668,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;1618511387030-5LI1E5QMVTQ2RY9S00A4&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1723,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;20140228_Trade 151_0046 1.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;f5fbfb&quot;,
&quot;topRightAverage&quot;: &quot;f0f5f9&quot;,
&quot;bottomLeftAverage&quot;: &quot;6189a3&quot;,
&quot;bottomRightAverage&quot;: &quot;514f41&quot;,
&quot;centerAverage&quot;: &quot;e4edf1&quot;,
&quot;suggestedBgColor&quot;: &quot;f5fbfb&quot;
},
&quot;urlId&quot;: &quot;6pkz29duzq94fmhgz4r0cem3u3wyj5-7gskj-6h39y&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/5ec321c2af33de48734cc929/1618511387030-5LI1E5QMVTQ2RY9S00A4/20140228_Trade+151_0046+1.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;2500x1723&quot;
}
}, {
&quot;title&quot;: &quot;“Olen super tyytyväinen Pinjan luomiin nettisivuihin ja brändi-ilmeen freesaukseen. Heti projektin alussa hän ymmärsi toiveeni ja ideani ja yhteistyö oli sujuvaa koko projektin ajan. Tunsin voivani luottaa hänen ammattitaitoonsa projektin joka vaiheessa.”&quot;,
&quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Brändi-ilme ja verkkosivut&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;
},
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageId&quot;: &quot;681a4d31e8fa60140223fb7b&quot;,
&quot;imageAltText&quot;: &quot;Vuoristomaisema, jossa rinne ja vuoret auringonlaskussa&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;681a4d31e8fa60140223fb7b&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1618511437285,
&quot;updatedOn&quot;: 1618512009081,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1618511437285,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;1618511440608-5BVMHVN4WR2I9YQV1WWR&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1658,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;Aro Ha_0010 1.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;cbd9e0&quot;,
&quot;topRightAverage&quot;: &quot;d3d8dc&quot;,
&quot;bottomLeftAverage&quot;: &quot;6e5b2b&quot;,
&quot;bottomRightAverage&quot;: &quot;5f4e29&quot;,
&quot;centerAverage&quot;: &quot;bdcfd5&quot;,
&quot;suggestedBgColor&quot;: &quot;c7d6dd&quot;
},
&quot;urlId&quot;: &quot;zvgfd0amkuhmnh8lklpautk0xbyz2u-5zy4d-jkw92&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/5ec321c2af33de48734cc929/1618511440608-5BVMHVN4WR2I9YQV1WWR/Aro+Ha_0010+1.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;2500x1658&quot;
}
}, {
&quot;title&quot;: &quot;“Olen todella tyytyväinen Pinjan kanssa toimimiseen. Yhteistyö sujui mutkattomasti ja Pinja pääsi heti perille mitä halusimme brändiuudistukselta.”&quot;,
&quot;description&quot;: &quot;&lt;p class=\&quot;\&quot; data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Brändi-ilmeen uudistus + markkinointimateriaalit&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;
},
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5129151291512916,
&quot;y&quot;: 0.6000701016473887
},
&quot;imageId&quot;: &quot;681a4d31e8fa60140223fb7e&quot;,
&quot;imageAltText&quot;: &quot;Vuoristo ja järvi auringonlaskun aikaan, nuoria puita ja osa rakennuksesta näytössä.&quot;,
&quot;image&quot;: {
&quot;id&quot;: &quot;681a4d31e8fa60140223fb7e&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1618511464422,
&quot;updatedOn&quot;: 1618512009086,
&quot;starred&quot;: false,
&quot;passthrough&quot;: false,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1618511464422,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;1618511467879-K5J9BYNACHJVDV3BNSFU&quot;,
&quot;systemDataVariants&quot;: &quot;2500x1643,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;Aro Ha_0387 1.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;f0dacc&quot;,
&quot;topRightAverage&quot;: &quot;ead3c6&quot;,
&quot;bottomLeftAverage&quot;: &quot;ad8d7e&quot;,
&quot;bottomRightAverage&quot;: &quot;665952&quot;,
&quot;centerAverage&quot;: &quot;8a92a4&quot;,
&quot;suggestedBgColor&quot;: &quot;f1dacc&quot;
},
&quot;urlId&quot;: &quot;e4k1rda7avvts6shnilax0n8lqjx9h-7wzls-ef2gs&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/5ec321c2af33de48734cc929/1618511467879-K5J9BYNACHJVDV3BNSFU/Aro+Ha_0387+1.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;2500x1643&quot;
}
}, {
&quot;title&quot;: &quot;“Brändiprojekti Pinjan kanssa oli alusta loppuun sujuva ja inspiroiva. Saimme laadukkaiden brändimateriaalien lisäksi myös selkeyttä, itsevarmuutta ja paremman ymmärryksen siitä, mitä olemme tekemässä ja kenelle. Olimme erityisen vaikuttuneita siitä, miten tarkasti Pinja onnistui sisäistämään toiveemme ja ajatuksemme ja muokkaamaan ne persoonalliseksi, meille täydellisesti sopivaksi brändiksi ja strategiaksi.”&quot;,
&quot;description&quot;: &quot;&lt;p data-rte-preserve-empty=\&quot;true\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Brändisuunnittelu&lt;\/p&gt;&quot;,
&quot;button&quot;: {
&quot;buttonText&quot;: &quot;Click Here&quot;,
&quot;buttonLink&quot;: &quot;/&quot;
},
&quot;image&quot;: null
} ],
&quot;styles&quot;: {
&quot;imageFocalPoint&quot;: {
&quot;x&quot;: 0.5,
&quot;y&quot;: 0.5
},
&quot;imageOverlayOpacity&quot;: 0.8,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;imageEffect&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;,
&quot;backgroundImage&quot;: null
},
&quot;video&quot;: {
&quot;filter&quot;: 1,
&quot;videoFallbackContentItem&quot;: null,
&quot;nativeVideoContentItem&quot;: null,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageFocalPoint&quot;: null,
&quot;backgroundImageId&quot;: null,
&quot;options&quot;: {
&quot;isCardEnabled&quot;: false,
&quot;isShowAdjacentSlides&quot;: false,
&quot;isInfiniteEnabled&quot;: true,
&quot;slideDurationMs&quot;: 1000,
&quot;isMediaEnabled&quot;: false,
&quot;isTitleEnabled&quot;: true,
&quot;isBodyEnabled&quot;: true,
&quot;isButtonEnabled&quot;: false,
&quot;layoutWidth&quot;: &quot;full-bleed&quot;,
&quot;titleAlignment&quot;: &quot;center&quot;,
&quot;bodyAlignment&quot;: &quot;center&quot;,
&quot;buttonAlignment&quot;: &quot;center&quot;,
&quot;cardHorizontalPosition&quot;: &quot;center&quot;,
&quot;cardVerticalPosition&quot;: &quot;middle&quot;,
&quot;titleFontSize&quot;: &quot;heading-2&quot;,
&quot;bodyFontSize&quot;: &quot;paragraph-2&quot;,
&quot;buttonFontSize&quot;: &quot;button-medium&quot;,
&quot;customOptions&quot;: {
&quot;customTitleFontSize&quot;: {
&quot;value&quot;: 1.6,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customBodyFontSize&quot;: {
&quot;value&quot;: 1,
&quot;unit&quot;: &quot;rem&quot;
},
&quot;customButtonFontSize&quot;: {
&quot;value&quot;: 0.9,
&quot;unit&quot;: &quot;rem&quot;
}
},
&quot;minSlideHeight&quot;: {
&quot;value&quot;: 38,
&quot;unit&quot;: &quot;vh&quot;
},
&quot;verticalPaddingTop&quot;: {
&quot;value&quot;: 3,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;verticalPaddingBottom&quot;: {
&quot;value&quot;: 0,
&quot;unit&quot;: &quot;vmax&quot;
},
&quot;slideContentPaddingTop&quot;: {
&quot;value&quot;: 6,
&quot;unit&quot;: &quot;%&quot;
},
&quot;slideContentPaddingRight&quot;: {
&quot;value&quot;: 6,
&quot;unit&quot;: &quot;%&quot;
},
&quot;slideContentPaddingBottom&quot;: {
&quot;value&quot;: 6,
&quot;unit&quot;: &quot;%&quot;
},
&quot;slideContentPaddingLeft&quot;: {
&quot;value&quot;: 6,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBetweenSlides&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;spaceBelowTitle&quot;: {
&quot;value&quot;: 4,
&quot;unit&quot;: &quot;%&quot;
},
&quot;spaceBelowBody&quot;: {
&quot;value&quot;: 8,
&quot;unit&quot;: &quot;%&quot;
},
&quot;cardPaddingTop&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;cardPaddingRight&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;cardPaddingBottom&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;cardPaddingLeft&quot;: {
&quot;value&quot;: 20,
&quot;unit&quot;: &quot;px&quot;
},
&quot;navigationOffset&quot;: {
&quot;value&quot;: 5,
&quot;unit&quot;: &quot;vw&quot;
},
&quot;slideContentWidth&quot;: {
&quot;value&quot;: 75,
&quot;unit&quot;: &quot;%&quot;
},
&quot;navigationControls&quot;: &quot;arrows&quot;,
&quot;navigationPlacement&quot;: &quot;center&quot;,
&quot;navigationAlignment&quot;: &quot;center&quot;,
&quot;progressIndicators&quot;: &quot;bars&quot;
},
&quot;layout&quot;: &quot;banner-slideshow&quot;,
&quot;isSectionTitleEnabled&quot;: false,
&quot;sectionTitle&quot;: &quot;&lt;p class=\&quot;\&quot; style=\&quot;white-space:pre-wrap;\&quot;&gt;Make it stand out.&lt;\/p&gt;&quot;,
&quot;spaceBelowSectionTitle&quot;: {
&quot;value&quot;: 70,
&quot;unit&quot;: &quot;px&quot;
},
&quot;sectionTitleAlignment&quot;: &quot;center&quot;,
&quot;isSectionButtonEnabled&quot;: false,
&quot;sectionButton&quot;: {
&quot;buttonText&quot;: &quot;Make It&quot;,
&quot;buttonLink&quot;: &quot;#&quot;,
&quot;buttonNewWindow&quot;: false
},
&quot;sectionButtonSize&quot;: &quot;medium&quot;,
&quot;sectionButtonAlignment&quot;: &quot;center&quot;,
&quot;spaceAboveSectionButton&quot;: {
&quot;value&quot;: 70,
&quot;unit&quot;: &quot;px&quot;
}
}"
  data-layout-width="full-bleed"
  data-title-font-unit="rem"
  data-description-font-unit="rem"
  data-button-font-unit="rem"
  data-vertical-padding-top-value="3"
  data-vertical-padding-bottom-value="0"
  data-vertical-padding-top-unit="vmax"
  data-vertical-padding-bottom-unit="vmax"

  
    
  
    
      data-has-multiple-slides
    
  
    
  
    
  
>
  <div class="slideshow-wrapper">
		<div class="slideshow-gutter">
			<div class="slideshow-holder">
				<ul class="slides" style="
          min-height: 38vh;
          
        ">
          
            
            <li
              class="
                slide
                list-item
              "
              style="
                padding-top: 6%;
                padding-right: 6%;
                padding-bottom: 6%;
                padding-left: 6%;

                
                  
                

                
              "
              data-is-card-enabled="false"
            >
              
                
              
              <div
  class="slide-content list-item-card-background
      "
  style="
    
    
      
      width: 350px; 
      min-width: 75%;
    
    max-width: 100%;
    "
>
  
    <h2
      class="list-item-content__title"
    >“Sait visiostani heti kiinni ja toteutit toivotut muutokset. Ihanaa, kun uudet nettisivut puhuvat nyt samaa kieltä brändi-ilmeeni kanssa. Kattavien ohjeiden ansiosta myös sivujen päivittely itse onnistuu loistavasti.”</h2>
  

  
    <div class="list-item-content__description
      
      
      "
      style="margin-top: 4%;"
    >
      <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;">Verkkosivusuunnittelu</p>
    </div>
  

  
</div>

  					</li>
          
            
            <li
              class="
                slide
                list-item
              "
              style="
                padding-top: 6%;
                padding-right: 6%;
                padding-bottom: 6%;
                padding-left: 6%;

                
                  
                

                
              "
              data-is-card-enabled="false"
            >
              
                
              
              <div
  class="slide-content list-item-card-background
      "
  style="
    
    
      
      width: 350px; 
      min-width: 75%;
    
    max-width: 100%;
    "
>
  
    <h2
      class="list-item-content__title"
    >“Olen super tyytyväinen Pinjan luomiin nettisivuihin ja brändi-ilmeen freesaukseen. Heti projektin alussa hän ymmärsi toiveeni ja ideani ja yhteistyö oli sujuvaa koko projektin ajan. Tunsin voivani luottaa hänen ammattitaitoonsa projektin joka vaiheessa.”</h2>
  

  
    <div class="list-item-content__description
      
      
      "
      style="margin-top: 4%;"
    >
      <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;">Brändi-ilme ja verkkosivut</p>
    </div>
  

  
</div>

  					</li>
          
            
            <li
              class="
                slide
                list-item
              "
              style="
                padding-top: 6%;
                padding-right: 6%;
                padding-bottom: 6%;
                padding-left: 6%;

                
                  
                

                
              "
              data-is-card-enabled="false"
            >
              
                
              
              <div
  class="slide-content list-item-card-background
      "
  style="
    
    
      
      width: 350px; 
      min-width: 75%;
    
    max-width: 100%;
    "
>
  
    <h2
      class="list-item-content__title"
    >“Olen todella tyytyväinen Pinjan kanssa toimimiseen. Yhteistyö sujui mutkattomasti ja Pinja pääsi heti perille mitä halusimme brändiuudistukselta.”</h2>
  

  
    <div class="list-item-content__description
      
      
      "
      style="margin-top: 4%;"
    >
      <p class="" data-rte-preserve-empty="true" style="white-space:pre-wrap;">Brändi-ilmeen uudistus + markkinointimateriaalit</p>
    </div>
  

  
</div>

  					</li>
          
            
            <li
              class="
                slide
                list-item
              "
              style="
                padding-top: 6%;
                padding-right: 6%;
                padding-bottom: 6%;
                padding-left: 6%;

                
                  
                

                
              "
              data-is-card-enabled="false"
            >
              
              <div
  class="slide-content list-item-card-background
      "
  style="
    
    
      
      width: 350px; 
      min-width: 75%;
    
    max-width: 100%;
    "
>
  
    <h2
      class="list-item-content__title"
    >“Brändiprojekti Pinjan kanssa oli alusta loppuun sujuva ja inspiroiva. Saimme laadukkaiden brändimateriaalien lisäksi myös selkeyttä, itsevarmuutta ja paremman ymmärryksen siitä, mitä olemme tekemässä ja kenelle. Olimme erityisen vaikuttuneita siitä, miten tarkasti Pinja onnistui sisäistämään toiveemme ja ajatuksemme ja muokkaamaan ne persoonalliseksi, meille täydellisesti sopivaksi brändiksi ja strategiaksi.”</h2>
  

  
    <div class="list-item-content__description
      
      
      "
      style="margin-top: 4%;"
    >
      <p data-rte-preserve-empty="true" style="white-space:pre-wrap;">Brändisuunnittelu</p>
    </div>
  

  
</div>

  					</li>
          
				</ul>
			</div>
      
        
    			<div class="desktop-arrows arrow-container arrow-container--left" style="
            left: 5vw;
          ">
            <button
  class="
    user-items-list-banner-slideshow__arrow-button
    user-items-list-banner-slideshow__arrow-button--left
  "
  aria-label="
    
      Edellinen
    
    
  "
  data-animation-role="button"
>
  <div class="
    user-items-list-banner-slideshow__arrow-icon-background
    user-items-list-banner-slideshow__arrow-icon-background-area
  ">
  </div>
  <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">

    
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        user-items-list-banner-slideshow__arrow-icon-path"
        d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116"
      />
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        user-items-list-banner-slideshow__arrow-icon-path"
        d="M42.8633 9.18125L3.37868 9.18125"
      />
    

    

  </svg>
</button>

    			</div>
    			<div class="desktop-arrows arrow-container arrow-container--right" style="
            right: 5vw;
          ">
            <button
  class="
    user-items-list-banner-slideshow__arrow-button
    user-items-list-banner-slideshow__arrow-button--right
  "
  aria-label="
    
    
      Seuraava
    
  "
  data-animation-role="button"
>
  <div class="
    user-items-list-banner-slideshow__arrow-icon-background
    user-items-list-banner-slideshow__arrow-icon-background-area
  ">
  </div>
  <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg">

    

    
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        user-items-list-banner-slideshow__arrow-icon-path"
        d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599"
      />
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        user-items-list-banner-slideshow__arrow-icon-path"
        d="M1.19088 9.16982H40.6755"
      />
    

  </svg>
</button>

    			</div>
        
      
    </div>
    

    <div class="mobile-arrows">
      <button
  class="
    mobile-arrow-button
    mobile-arrow-button--left
  "
  aria-label="
    
      Edellinen
    
    
  "
  data-animation-role="button"
>
  <div class="
    user-items-list-banner-slideshow__arrow-icon-background
    mobile-arrow-icon-background-area
  ">
  </div>
  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">

    
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        mobile-arrow-icon-path"
        d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none"
      />
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        mobile-arrow-icon-path"
        d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none"
      />
    

    

  </svg>
</button>

      <button
  class="
    mobile-arrow-button
    mobile-arrow-button--right
  "
  aria-label="
    
    
      Seuraava
    
  "
  data-animation-role="button"
>
  <div class="
    user-items-list-banner-slideshow__arrow-icon-background
    mobile-arrow-icon-background-area
  ">
  </div>
  <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg">

    

    
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        mobile-arrow-icon-path"
        d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none"
      />
      <path class="user-items-list-banner-slideshow__arrow-icon-foreground
        mobile-arrow-icon-path"
        d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none"
      />
    

  </svg>
</button>

    </div>

    
      
    

	</div>
</div>

  

  

  
</div>

      
      
      
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
        --section-divider-stroke-color: hsla(var(--black-hsl), 1);
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="681a4d31e8fa60140223fb82"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-681a4d31e8fa60140223fb82"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section has-section-divider
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      section-height--medium
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
       has-background
    
    
    '
  
  data-section-id="682231e04df88e325fcbf554"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;backgroundImage&quot;: {
&quot;id&quot;: &quot;6822334c95cd986cae8111af&quot;,
&quot;recordType&quot;: 2,
&quot;addedOn&quot;: 1747071820276,
&quot;updatedOn&quot;: 1747071859384,
&quot;workflowState&quot;: 1,
&quot;publishOn&quot;: 1747071820276,
&quot;authorId&quot;: &quot;602e4786b2a28e07991ac107&quot;,
&quot;systemDataId&quot;: &quot;2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8&quot;,
&quot;systemDataVariants&quot;: &quot;3750x2500,100w,300w,500w,750w,1000w,1500w,2500w&quot;,
&quot;systemDataSourceType&quot;: &quot;JPG&quot;,
&quot;filename&quot;: &quot;DSC04116.jpg&quot;,
&quot;mediaFocalPoint&quot;: {
&quot;x&quot;: 0.47327918712018274,
&quot;y&quot;: 0.9041599139295738,
&quot;source&quot;: 3
},
&quot;colorData&quot;: {
&quot;topLeftAverage&quot;: &quot;f7e7aa&quot;,
&quot;topRightAverage&quot;: &quot;f6e3a6&quot;,
&quot;bottomLeftAverage&quot;: &quot;eaddd8&quot;,
&quot;bottomRightAverage&quot;: &quot;a69e82&quot;,
&quot;centerAverage&quot;: &quot;d6b759&quot;,
&quot;suggestedBgColor&quot;: &quot;b4a074&quot;
},
&quot;urlId&quot;: &quot;j9x81vi8n7xwmt1ao2ldqornl4n6gz&quot;,
&quot;title&quot;: &quot;&quot;,
&quot;body&quot;: null,
&quot;likeCount&quot;: 0,
&quot;commentCount&quot;: 0,
&quot;publicCommentCount&quot;: 0,
&quot;commentState&quot;: 2,
&quot;unsaved&quot;: false,
&quot;assetUrl&quot;: &quot;/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg&quot;,
&quot;contentType&quot;: &quot;image/jpeg&quot;,
&quot;items&quot;: [ ],
&quot;pushedServices&quot;: { },
&quot;pendingPushedServices&quot;: { },
&quot;recordTypeLabel&quot;: &quot;image&quot;,
&quot;originalSize&quot;: &quot;3750x2500&quot;
},
&quot;imageOverlayOpacity&quot;: 0.0,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--medium&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 1,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: true,
&quot;type&quot;: &quot;none&quot;,
&quot;width&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 100.0
},
&quot;height&quot;: {
&quot;unit&quot;: &quot;vw&quot;,
&quot;value&quot;: 6.0
},
&quot;isFlipX&quot;: false,
&quot;isFlipY&quot;: false,
&quot;offset&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 0.0
},
&quot;stroke&quot;: {
&quot;style&quot;: &quot;solid&quot;,
&quot;color&quot;: {
&quot;type&quot;: &quot;THEME_COLOR&quot;
},
&quot;thickness&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 2.0
},
&quot;dashLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 5.0
},
&quot;gapLength&quot;: {
&quot;unit&quot;: &quot;px&quot;,
&quot;value&quot;: 15.0
},
&quot;linecap&quot;: &quot;square&quot;
}
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
    
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
      data-controller="SectionDivider"
      style="clip-path: url(#section-divider-682231e04df88e325fcbf554);"
    
  >
    <div class="section-background">
    
      
        
        
          





  



<img alt="" data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg" data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg" data-image-dimensions="3750x2500" data-image-focal-point="0.47327918712018274,0.9041599139295738" alt="DSC04116.jpg" data-load="false" elementtiming="nbf-background" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg" width="3750" height="2500" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 47.327918712018274% 90.41599139295738%" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2a06e4ad-184a-4231-9e0d-55bf5e1dfaf8/DSC04116.jpg?format=2500w 2500w" fetchpriority="low" loading="lazy" decoding="async" data-loader="sqs">




        
        <div class="section-background-overlay" style="opacity: 0;"></div>
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-682231e060d58b0e0265f8a9 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(15,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-682231e060d58b0e0265f8a9 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-682231e060d58b0e0265f8a9 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-yui_3_17_2_1_1747070453219_32234 {
    grid-area: 1/2/16/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747070453219_32234 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1747070453219_32234 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747070453219_32234 {
      grid-area: 2/7/14/21;
      z-index: 1;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1747070453219_32234 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1747070453219_32234 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_3354 {
    grid-area: 3/3/5/9;
    z-index: 2;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_3354 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1747070452199_3354 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747070452199_3354 {
      grid-area: 3/9/6/19;
      z-index: 2;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1747070452199_3354 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1747070452199_3354 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_3729 {
    grid-area: 6/3/8/9;
    z-index: 3;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1747070452199_3729 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-yui_3_17_2_1_1747070452199_3729 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1747070452199_3729 {
      grid-area: 6/7/9/21;
      z-index: 3;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1747070452199_3729 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1747070452199_3729 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-a5bed169b1baa5f5f595 {
    grid-area: 9/3/11/9;
    z-index: 4;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-a5bed169b1baa5f5f595 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-a5bed169b1baa5f5f595 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-a5bed169b1baa5f5f595 {
      grid-area: 8/7/11/21;
      z-index: 4;

      
        
      

      
    }

    .fe-block-a5bed169b1baa5f5f595 .sqs-block {
      justify-content: center;
    }

    .fe-block-a5bed169b1baa5f5f595 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-64070b8224009c57bc46 {
    grid-area: 12/3/14/9;
    z-index: 5;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-64070b8224009c57bc46 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-64070b8224009c57bc46 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-64070b8224009c57bc46 {
      grid-area: 10/7/13/21;
      z-index: 5;

      
        
      

      
    }

    .fe-block-64070b8224009c57bc46 .sqs-block {
      justify-content: center;
    }

    .fe-block-64070b8224009c57bc46 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-682231e060d58b0e0265f8a9"><div class="fe-block fe-block-yui_3_17_2_1_1747070453219_32234"><div class="sqs-block website-component-block sqs-block-website-component" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.shape/9b2b3739-b00c-40e6-a9d4-4e69bc6bd90c_713/website.components.shape.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.shape" data-sqsp-block="shape" id="block-yui_3_17_2_1_1747070453219_32234"><div class="sqs-block-content">





















<div
  class="sqs-shape-block-outer-container"
  
>

  
  
  	<div
      class="sqs-shape-block-container sqs-block-alignment-wrapper 
  sqs-shape-block-container-system_desktop
 hidden-stretch-block"
      data-stretched-to-fill
      data-shape-name="rectangle"
      data-breakpoint-override-id="
system_desktop
"
      data-desktop-drop-shadow={"angle":145,"distance":{"value":2,"unit":"px"},"blur":{"value":3,"unit":"px"},"color":{"type":"THEME_COLOR"}}
      data-desktop-blur={"enabled":false,"filterType":"element","blurRadius":{"unit":"px","value":15}}
      
      
        data-blend-mode='normal'
      
      
    >
  		
  
    <div data-sqsp-shape-block-shape class="sqs-shape sqs-shape-rectangle"
      style="
        
          
            border-top-left-radius: 30px;
          
        
        
          
            border-top-right-radius: 30px;
          
        
        
          
            border-bottom-left-radius: 30px;
          
        
        
          
            border-bottom-right-radius: 30px;
          
        
        
          border-width: 2px;
          border-style: solid;
        
      "
    ></div>
  

    </div>
  



  <style>
    #block-yui_3_17_2_1_1747070453219_32234 .sqs-shape-block-container-system_desktop {
      display: flex;
    }
    #block-yui_3_17_2_1_1747070453219_32234 .sqs-block-alignment-wrapper {
      
      
      justify-content: center;
      
      
    }

    
      #block-yui_3_17_2_1_1747070453219_32234 .sqs-shape > * {
        
          stroke-width: 2px;
          stroke-linecap: square;
          stroke-dasharray: 
  0
;
          overflow: visible;
          vector-effect: non-scaling-stroke;
        
      }
    

    
      
    

    
      
        #block-yui_3_17_2_1_1747070453219_32234 {
          --shape-block-background-color: 
  
  
    hsla(0, 0%, 100%, 1)
  
;
        }
      
    

    
      
      
    
  </style>
  <style class="overrides-vars">
    
  </style>
  
  

</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1747070452199_3354"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1747070452199_3354"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><div class="sqsrte-scaled-text-container"><span class="sqsrte-scaled-text"><h3 style="white-space:pre-wrap;"><span class="sqsrte-text-color--black">Tutustu <em>blogi</em>kirjoituksiini</span></h3></span></div></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1747070452199_3729"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-yui_3_17_2_1_1747070452199_3729"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="text-align:center;white-space:pre-wrap;"><a href="/blogi/verkkosivuistamielenkiintoiset" target=""><strong>01. Kuinka tehdä yrityksen verkkosivuista mielenkiintoisemmat?</strong></a></h4></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-a5bed169b1baa5f5f595"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-a5bed169b1baa5f5f595"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="text-align:center;white-space:pre-wrap;"><a href="/blogi/mitka-fontit-sopivat-verkkosivuille" target=""><strong>02. Mitkä fontit sopivat parhaiten verkkosivuillesi? Huomioi nämä!</strong></a></h4></div>

  <style></style>
</div></div></div></div><div class="fe-block fe-block-64070b8224009c57bc46"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-64070b8224009c57bc46"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h4 style="text-align:center;white-space:pre-wrap;"><a href="/blogi/luo-brandi-joka-erottuu"><strong>03. Näin luot pienyrityksellesi brändin, joka erottuu kilpailijoista</strong></a></h4></div>

  <style></style>
</div></div></div></div></div></div>
    </div>
  
  </div>
  


<div
  class="section-divider-display"
  style="
    --stroke-thickness: 2px;
    --stroke-dasharray: 0;
    --stroke-linecap: square;
    
      
    
  "
>
  <style>
    .has-section-divider[data-section-id="682231e04df88e325fcbf554"] {
      padding-bottom: var(--divider-height);
      z-index: var(--z-index);
    }

    .has-section-divider[data-section-id="682231e04df88e325fcbf554"] .background-pause-button {
      bottom: calc(14px + var(--divider-height));
    }

    .has-section-divider[data-section-id="682231e04df88e325fcbf554"] .section-divider-svg-clip {
      display: none;
    }

    .has-section-divider[data-section-id="682231e04df88e325fcbf554"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="682231e04df88e325fcbf554"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background {
      bottom: calc(var(--sqs-site-gutter) + var(--divider-height));
    }

    .has-section-divider[data-section-id="682231e04df88e325fcbf554"] .section-divider-block {
      height: var(--divider-height);
    }
  </style>
  
  <style data-section-divider-style>
    .has-section-divider[data-section-id="682231e04df88e325fcbf554"] {
      padding-bottom: 6vw;
    }
    .has-section-divider[data-section-id="682231e04df88e325fcbf554"].background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
      padding-bottom: calc(var(--sqs-site-gutter) + 6vw);
    }
  </style>
  <div class="section-divider-block"></div>
  <svg class="section-divider-svg-clip">
    <clipPath
      id="section-divider-682231e04df88e325fcbf554"
      clipPathUnits="objectBoundingBox"
    >
      <path class="section-divider-clip" d="M0,0" />
    </clipPath>
  </svg>
  <svg class="section-divider-svg-stroke" viewBox="0 0 1 1" preserveAspectRatio="none">
    <path class="section-divider-stroke" d="M0,0" vector-effect="non-scaling-stroke" />
  </svg>
</div>

</section>

  
</article>

          

          

          
            
          
        
      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
  
  
  
  
  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme="black"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    black'
  
  data-section-id="69a00b7a6953d10dea009478"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;black&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: {
&quot;type&quot;: &quot;none&quot;
},
&quot;divider&quot;: {
&quot;enabled&quot;: false
},
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 10vh;" 
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-69a00b7a6953d10dea009477 {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(4,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-69a00b7a6953d10dea009477 {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-69a00b7a6953d10dea009477 {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-yui_3_17_2_1_1772095973555_27537 {
    grid-area: 1/2/5/10;
    z-index: 1;

    @media (max-width: 767px) {
      
        
      
      
    }
  }

  .fe-block-yui_3_17_2_1_1772095973555_27537 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1772095973555_27537 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1772095973555_27537 {
      grid-area: 2/1/5/27;
      z-index: 1;

      
        
      

      
    }

    .fe-block-yui_3_17_2_1_1772095973555_27537 .sqs-block {
      justify-content: center;
    }

    .fe-block-yui_3_17_2_1_1772095973555_27537 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-69a00b7a6953d10dea009477"><div class="fe-block fe-block-yui_3_17_2_1_1772095973555_27537"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/748.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/8018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/9882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/17b63904-319e-4d40-a276-5f4c3d34035e_306/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" id="block-yui_3_17_2_1_1772095973555_27537"><div class="sqs-block-content">













  
  
  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default image-component-container-fit
    }"
    data-component-id="yui_3_17_2_1_1772095973555_27537"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    style="--image-component-focal-point: 50% 50%;--image-component-object-fit: contain;--image-component-overlay-opacity: 0;--image-component-overlay-blend-mode: normal;;"
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container"
        
        style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);"
        data-sqsp-image-block-image-container
      >
        

        
        

        
          
            <div class="js-content-mode-element content-fit">
              
          
          
          
          
          
          
          <img data-stretch="false"
  data-src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png"
  data-image="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png"
  data-image-dimensions="4665x615"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png" width="4665" height="615" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="/assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=100w 100w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=300w 300w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=500w 500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=750w 750w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=1000w 1000w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=1500w 1500w, /assets/d266edd061271d59a60297da4243d81b3e33bf62/content/v1/660d95d2de6c8215dd2fbb34/2df0733e-6c0e-46ca-ac07-0b32e5732f09/PinjaKekkonen.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
          
          <div class="fluidImageOverlay"></div>
        
            </div>
          
        

      </div>
      

    </div>
  </div>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
    
    


  
  










<section
  data-test="page-section"
  
  data-section-theme=""
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
      
        section-height--custom
      
    
    
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
      
    
    
    '
  
  data-section-id="69a00c2e559e80622b5e3790"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
&quot;imageOverlayOpacity&quot;: 0.15,
&quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
&quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
&quot;customSectionHeight&quot;: 10,
&quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
&quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
&quot;contentWidth&quot;: &quot;content-width--wide&quot;,
&quot;customContentWidth&quot;: 50,
&quot;sectionTheme&quot;: &quot;&quot;,
&quot;sectionAnimation&quot;: &quot;none&quot;,
&quot;backgroundMode&quot;: &quot;image&quot;
}"
  data-current-context="{
&quot;video&quot;: {
&quot;playbackSpeed&quot;: 0.5,
&quot;filter&quot;: 1,
&quot;filterStrength&quot;: 0,
&quot;zoom&quot;: 0,
&quot;videoSourceProvider&quot;: &quot;none&quot;
},
&quot;backgroundImageId&quot;: null,
&quot;backgroundMediaEffect&quot;: null,
&quot;divider&quot;: null,
&quot;typeName&quot;: &quot;page&quot;
}"
  data-animation="none"
  data-fluid-engine-section
   
  
     style="min-height: 10vh;" 
  
  
  
  


  data-sqsp-section="fluid-engine"


>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
      
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
        
          
          
          padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10);
        
      
    '
  >
    <div
      class="content"
      
    >
      
      
      
      
      
      
      
      
      
      
      <div data-fluid-engine="true"><style>

.fe-69a00c2e559e80622b5e378f {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(2,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-69a00c2e559e80622b5e378f {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-69a00c2e559e80622b5e378f {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(1,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}


  .fe-block-9d39df5df7d59d11d11b {
    grid-area: 1/2/3/10;
    z-index: 3;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-9d39df5df7d59d11d11b .sqs-block {
    justify-content: center;
  }

  .fe-block-9d39df5df7d59d11d11b .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-9d39df5df7d59d11d11b {
      grid-area: 1/10/2/18;
      z-index: 3;

      

      
    }

    .fe-block-9d39df5df7d59d11d11b .sqs-block {
      justify-content: center;
    }

    .fe-block-9d39df5df7d59d11d11b .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-4600bcad5ab4a63d7a9c {
    grid-area: 1/2/3/5;
    z-index: 0;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-4600bcad5ab4a63d7a9c .sqs-block {
    justify-content: center;
  }

  .fe-block-4600bcad5ab4a63d7a9c .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-4600bcad5ab4a63d7a9c {
      grid-area: 1/2/2/7;
      z-index: 0;

      

      
    }

    .fe-block-4600bcad5ab4a63d7a9c .sqs-block {
      justify-content: center;
    }

    .fe-block-4600bcad5ab4a63d7a9c .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-1dc9ba9a4d20e0338542 {
    grid-area: 1/7/3/10;
    z-index: 4;

    @media (max-width: 767px) {
      
      
    }
  }

  .fe-block-1dc9ba9a4d20e0338542 .sqs-block {
    justify-content: center;
  }

  .fe-block-1dc9ba9a4d20e0338542 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-1dc9ba9a4d20e0338542 {
      grid-area: 1/20/2/26;
      z-index: 4;

      

      
    }

    .fe-block-1dc9ba9a4d20e0338542 .sqs-block {
      justify-content: center;
    }

    .fe-block-1dc9ba9a4d20e0338542 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

</style><div class="fluid-engine fe-69a00c2e559e80622b5e378f"><div class="fe-block fe-block-9d39df5df7d59d11d11b"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" data-sqsp-block="social-links" id="block-9d39df5df7d59d11d11b"><div class="sqs-block-content">



<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-medium social-icons-style-regular " >
  <style>
    #block-9d39df5df7d59d11d11b .social-icons-style-border .sqs-svg-icon--wrapper {
      
        box-shadow: 0 0 0 2px inset;
      
      border: none; 
    }
  </style>
  <nav class="sqs-svg-icon--list">
    <a href="https://www.instagram.com/pinja.kekkonen/" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
        </svg>
      </div>
    </a><a href="https://www.tiktok.com/@pinja.kekkonen" target="_blank" class="sqs-svg-icon--wrapper tiktok-unauth" aria-label="TikTok">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#tiktok-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#tiktok-unauth-mask"></use>
        </svg>
      </div>
    </a>
  </nav>
</div>
</div></div></div><div class="fe-block fe-block-4600bcad5ab4a63d7a9c"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-4600bcad5ab4a63d7a9c"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align: center; ; white-space:pre-wrap;" class="sqsrte-small" data-rte-preserve-empty="true">© Pinja Kekkonen</p></div>

  
</div></div></div></div><div class="fe-block fe-block-1dc9ba9a4d20e0338542"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/a09f2540-4dd2-49c7-88b2-9c06da9b49b0_318/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" id="block-1dc9ba9a4d20e0338542"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p style="text-align: center; ; white-space:pre-wrap;" class="sqsrte-small" data-rte-preserve-empty="true"><a href="/tietosuojaseloste">Tietosuojaseloste</a></p></div>

  <style></style>
</div></div></div></div></div></div>
    </div>
  
  </div>
  
</section>

  
</footer>

      
    </div>

    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.0bf5a89ac74641a2bf5558567a42d899.js" type="text/javascript"></script>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="tiktok-unauth-icon" viewBox="0 0 64 64"><path d="M37.9281 17C38.4298 21.2545 40.825 23.7941 45 24.0658V28.8451C42.5859 29.0794 40.4652 28.3016 38.0038 26.821V35.7423C38.0038 47.147 25.4788 50.7361 20.4233 42.5457C17.1856 37.3073 19.1642 28.1048 29.5496 27.73V32.781C28.7296 32.9058 27.9219 33.1002 27.1355 33.362C24.835 34.1398 23.5191 35.583 23.8883 38.1413C24.5889 43.033 33.6584 44.4856 32.901 34.9176V17H37.9091H37.9281Z" /></symbol><symbol id="tiktok-unauth-mask" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M64 0H0V64H64V0ZM45.44 23.54C41 23.25 38.5 20.54 38 16H32.68V35.12C33.48 45.33 23.9 43.78 23.16 38.56C22.78 35.83 24.16 34.29 26.6 33.46C27.4272 33.1806 28.2771 32.9732 29.14 32.84V27.45C18.18 27.85 16.08 37.67 19.5 43.26C24.82 52 38.05 48.17 38.05 36V26.48C40.65 28.06 42.89 28.89 45.44 28.64V23.54Z" /></symbol></svg>

  </body>
</html>
