{"id":12,"date":"2026-10-16T08:04:28","date_gmt":"2026-10-16T08:04:28","guid":{"rendered":"https:\/\/sampsasimpanen.fi\/?page_id=12"},"modified":"2026-10-27T10:17:12","modified_gmt":"2026-10-27T08:17:12","slug":"yhteystiedot","status":"publish","type":"page","link":"https:\/\/sampsasimpanen.fi\/?page_id=12","title":{"rendered":"Yhteys"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   SAMPSA SIMPANEN \u2013 YHTEYS\n======================================== *\/\n\n.sampsa-contact {\n  background: #F7F4EC;\n  color: #073D2D;\n  padding: 70px 32px 80px;\n  font-family: inherit;\n}\n\n.sampsa-contact *,\n.sampsa-contact *::before,\n.sampsa-contact *::after {\n  box-sizing: border-box;\n}\n\n.sampsa-contact-inner {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n\/* Otsikko *\/\n\n.sampsa-contact-header {\n  max-width: 850px;\n  margin: 0 auto 76px;\n}\n\n.sampsa-contact-eyebrow {\n  color: #B68B36;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  line-height: 1.6;\n  margin: 0 0 20px;\n}\n\n.sampsa-contact-header h1 {\n  color: #073D2D;\n  font-size: clamp(42px, 6vw, 76px);\n  line-height: 1.08;\n  margin: 0 0 24px;\n}\n\n.sampsa-contact-lead {\n  color: #B68B36;\n  font-size: clamp(21px, 3vw, 30px);\n  line-height: 1.4;\n  margin: 0 0 22px;\n}\n\n.sampsa-contact-header > p:last-child {\n  max-width: 720px;\n  font-size: 17px;\n  line-height: 1.9;\n  margin: 0;\n}\n\n\/* Osiot *\/\n\n.sampsa-contact-section {\n  margin: 0 0 76px;\n}\n\n.sampsa-contact-heading {\n  display: grid;\n  grid-template-columns: 34px minmax(0, 1fr);\n  gap: 0;\n  margin-bottom: 28px;\n}\n\n.sampsa-contact-heading > span {\n  color: #B68B36;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  padding-top: 8px;\n}\n\n.sampsa-contact-heading h2 {\n  color: #073D2D;\n  font-size: clamp(26px, 3vw, 38px);\n  line-height: 1.25;\n  margin: 0 0 10px;\n}\n\n.sampsa-contact-heading p {\n  font-size: 15px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* Yhteydenoton aiheet *\/\n\n.sampsa-contact-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.sampsa-contact-card {\n  background: #FFFFFF;\n  border: 1px solid #E5DDCC;\n  border-top: 3px solid #DDBB6A;\n  padding: 30px;\n}\n\n.sampsa-contact-card h3,\n.sampsa-contact-message h3,\n.sampsa-contact-social h3 {\n  color: #073D2D;\n  font-size: 21px;\n  line-height: 1.4;\n  margin: 0 0 14px;\n}\n\n.sampsa-contact-card p,\n.sampsa-contact-message p,\n.sampsa-contact-social p {\n  color: #073D2D;\n  font-size: 15px;\n  line-height: 1.8;\n  margin: 0 0 12px;\n}\n\n\/* Yhteydenottokortti *\/\n\n.sampsa-contact-message {\n  background: #FFFFFF;\n  border-left: 4px solid #DDBB6A;\n  padding: 36px;\n}\n\n.sampsa-contact-message p:last-of-type {\n  margin-bottom: 26px;\n}\n\n\/* Painikkeet *\/\n\n.sampsa-contact-button {\n  display: inline-block;\n  background: #DDBB6A;\n  color: #073D2D !important;\n  border: 2px solid #DDBB6A;\n  padding: 15px 23px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.5;\n  text-decoration: none !important;\n  transition: background-color .2s ease, color .2s ease;\n}\n\n.sampsa-contact-button:hover {\n  background: #073D2D;\n  border-color: #073D2D;\n  color: #FFFFFF !important;\n}\n\n\/* Sosiaalinen media *\/\n\n.sampsa-contact-social {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.sampsa-contact-social > article {\n  background: #FFFFFF;\n  border: 1px solid #E5DDCC;\n  padding: 30px;\n}\n\n.sampsa-contact-social a {\n  display: inline-block;\n  color: #073D2D;\n  font-weight: 700;\n  line-height: 1.6;\n  text-decoration: underline;\n  text-decoration-color: #DDBB6A;\n  text-underline-offset: 5px;\n  margin-top: 8px;\n}\n\n\/* Loppuosio *\/\n\n.sampsa-contact-cta {\n  background: #073D2D;\n  color: #FFFFFF;\n  text-align: center;\n  padding: 56px 32px;\n}\n\n.sampsa-contact-cta .sampsa-contact-eyebrow {\n  color: #DDBB6A;\n}\n\n.sampsa-contact-cta h2 {\n  color: #FFFFFF;\n  font-size: clamp(30px, 4vw, 44px);\n  line-height: 1.2;\n  margin: 0 0 18px;\n}\n\n.sampsa-contact-cta > p:not(.sampsa-contact-eyebrow) {\n  max-width: 650px;\n  margin: 0 auto 28px;\n  line-height: 1.8;\n}\n\n\/* Mobiiliasettelu *\/\n\n@media (max-width: 700px) {\n  .sampsa-contact {\n    padding: 45px 20px 55px;\n  }\n\n  .sampsa-contact-header {\n    margin-bottom: 52px;\n  }\n\n  .sampsa-contact-section {\n    margin-bottom: 54px;\n  }\n\n  .sampsa-contact-grid,\n  .sampsa-contact-social {\n    grid-template-columns: 1fr;\n  }\n\n  .sampsa-contact-card,\n  .sampsa-contact-social > article,\n  .sampsa-contact-message {\n    padding: 24px;\n  }\n\n  .sampsa-contact-cta {\n    padding: 42px 22px;\n  }\n\n  .sampsa-contact-button {\n    max-width: 100%;\n    text-align: center;\n  }\n\n  .sampsa-contact-heading {\n    grid-template-columns: 30px minmax(0, 1fr);\n  }\n}\n\n\/* Sampsan yhteystiedot *\/\n.sampsa-contact-details-card {\ndisplay: grid;\ngrid-template-columns: repeat(3, minmax(0, 1fr));\ngap: 20px;\nmargin-top: 28px;\n}\n\n.sampsa-contact-detail-item {\npadding: 26px;\nbackground: #f5f2eb;\nborder: 1px solid rgba(12, 63, 49, 0.12);\nborder-radius: 12px;\n}\n\n.sampsa-contact-detail-label {\ndisplay: block;\nmargin-bottom: 12px;\ncolor: #b58b38;\nfont-size: 13px;\nfont-weight: 700;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\n}\n\n.sampsa-contact-detail-item p {\nmargin: 0;\ncolor: #174b3c;\nline-height: 1.7;\n}\n\n@media (max-width: 768px) {\n.sampsa-contact-details-card {\ngrid-template-columns: 1fr;\ngap: 14px;\n}\n\n.sampsa-contact-detail-item {\npadding: 22px;\n}\n}\n<\/style>\n\n<section class=\"sampsa-contact\">\n  <div class=\"sampsa-contact-inner\">\n\n<!-- Otsikko -->\n<header class=\"sampsa-contact-header\">\n  <p class=\"sampsa-contact-eyebrow\">OTA YHTEYTT\u00c4<\/p>\n  <h1>Yhteys<\/h1>\n  <p class=\"sampsa-contact-lead\">\n    Onko mieless\u00e4 keikka, yhteisty\u00f6 tai jokin muu hyv\u00e4 idea?\n  <\/p>\n  <p>\n    Ota yhteytt\u00e4 Sampsaan. Voit l\u00e4hett\u00e4\u00e4 esiintymistiedustelun,\n    ehdottaa yhteisty\u00f6t\u00e4 tai laittaa viesti\u00e4 muissa mielt\u00e4 askarruttavissa asioissa.\n  <\/p>\n<\/header>\n\n<!-- Yhteydenoton aiheet -->\n<section class=\"sampsa-contact-section\">\n  <div class=\"sampsa-contact-heading\">\n    <span>01<\/span>\n    <div>\n      <h2>Mist\u00e4 haluaisit keskustella?<\/h2>\n      <p>Ota yhteytt\u00e4, jos mieless\u00e4si on jokin seuraavista.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sampsa-contact-grid\">\n\n    <article class=\"sampsa-contact-card\">\n      <h3>Keikat ja esiintymiset<\/h3>\n      <p>\n        Suunnitteletko tapahtumaa ja etsit esiintyj\u00e4\u00e4?\n        Ota yhteytt\u00e4 ja kerro lis\u00e4\u00e4 tilaisuudestasi.\n      <\/p>\n    <\/article>\n\n    <article class=\"sampsa-contact-card\">\n      <h3>Yhteisty\u00f6ehdotukset<\/h3>\n      <p>\n        Onko sinulla idea yhteisty\u00f6st\u00e4, projektista tai\n        muusta yhteisest\u00e4 tekemisest\u00e4? Kuulen mielell\u00e4ni lis\u00e4\u00e4.\n      <\/p>\n    <\/article>\n\n    <article class=\"sampsa-contact-card\">\n      <h3>Muut viestit<\/h3>\n      <p>\n        Voit ottaa yhteytt\u00e4 my\u00f6s muissa asioissa.\n        Kerro viestiss\u00e4si, mit\u00e4 sinulla on mieless\u00e4.\n      <\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- Yhteystiedot -->\n<section class=\"sampsa-contact-section\">\n  <div class=\"sampsa-contact-heading\">\n    <span>02<\/span>\n    <div>\n      <h2>Sampsan yhteystiedot<\/h2>\n      <p>Yhteystiedot t\u00e4ydentyv\u00e4t ennen verkkosivuston julkaisua.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sampsa-contact-details-card\">\n\n    <article class=\"sampsa-contact-detail-item\">\n      <span class=\"sampsa-contact-detail-label\">S\u00e4hk\u00f6posti<\/span>\n      <p>S\u00e4hk\u00f6postiosoite lis\u00e4t\u00e4\u00e4n my\u00f6hemmin.<\/p>\n    <\/article>\n\n    <article class=\"sampsa-contact-detail-item\">\n      <span class=\"sampsa-contact-detail-label\">Puhelin<\/span>\n      <p>Puhelinnumero lis\u00e4t\u00e4\u00e4n my\u00f6hemmin.<\/p>\n    <\/article>\n\n    <article class=\"sampsa-contact-detail-item\">\n      <span class=\"sampsa-contact-detail-label\">Keikat ja yhteisty\u00f6<\/span>\n      <p>Yhteydenotto-ohje lis\u00e4t\u00e4\u00e4n my\u00f6hemmin.<\/p>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- Yhteydenottolomake -->\n<section class=\"sampsa-contact-section\">\n  <div class=\"sampsa-contact-heading\">\n    <span>03<\/span>\n    <div>\n      <h2>Laita viesti\u00e4<\/h2>\n      <p>Ota yhteytt\u00e4 ja kerro, miten voimme edet\u00e4.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"sampsa-contact-message\">\n    <p>\n      Yhteydenottolomake lis\u00e4t\u00e4\u00e4n t\u00e4h\u00e4n, kun lomakkeen l\u00e4hetys\n      ja viestien vastaanotto on varmistettu.\n    <\/p>\n  <\/div>\n<\/section>\n\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>OTA YHTEYTT\u00c4 Yhteys Onko mieless\u00e4 keikka, yhteisty\u00f6 tai jokin muu hyv\u00e4 idea? Ota yhteytt\u00e4 Sampsaan. Voit l\u00e4hett\u00e4\u00e4 esiintymistiedustelun, ehdottaa yhteisty\u00f6t\u00e4 tai laittaa viesti\u00e4 muissa mielt\u00e4 askarruttavissa asioissa. 01 Mist\u00e4 haluaisit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/sampsasimpanen.fi\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"OTA YHTEYTT\u00c4 Yhteys Onko mieless\u00e4 keikka, yhteisty\u00f6 tai jokin muu hyv\u00e4 idea? Ota yhteytt\u00e4 Sampsaan. Voit l\u00e4hett\u00e4\u00e4 esiintymistiedustelun, ehdottaa yhteisty\u00f6t\u00e4 tai laittaa viesti\u00e4 muissa mielt\u00e4 askarruttavissa asioissa. 01 Mist\u00e4 haluaisit [&hellip;]","_links":{"self":[{"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":7,"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/174"}],"wp:attachment":[{"href":"https:\/\/sampsasimpanen.fi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}