{"id":21,"date":"2026-07-23T08:49:36","date_gmt":"2026-07-23T08:49:36","guid":{"rendered":"https:\/\/www.suomenkompassi.fi\/?page_id=21"},"modified":"2026-08-19T06:27:30","modified_gmt":"2026-08-19T06:27:30","slug":"tietoa","status":"publish","type":"page","link":"https:\/\/www.suomenkompassi.fi\/index.php\/tietoa\/","title":{"rendered":"Tietoa"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   SUOMEN KOMPASSI OY \u00b7 TIETOA\n   AIRY EDITORIAL REDESIGN\n\n   Replace the entire old CSS tab with this file.\n========================================================= *\/\n\n.skt-about,\n.skt-about * {\n  box-sizing: border-box;\n}\n\n.skt-about {\n  --skt-navy: #182131;\n  --skt-blue: #425f82;\n  --skt-gold: #b4933f;\n  --skt-gold-dark: #8d6d24;\n  --skt-gold-pale: #f6f0df;\n  --skt-ink-soft: #566276;\n  --skt-line: #d9e0e8;\n  --skt-paper: #ffffff;\n  --skt-cream: #faf8f2;\n  --skt-mist: #f5f7fa;\n  --skt-shadow: 0 24px 70px rgba(24, 33, 49, 0.1);\n\n  position: relative;\n  left: 50%;\n  width: min(1320px, calc(100vw - 48px));\n  max-width: none !important;\n  margin: 0 0 84px !important;\n  padding: 28px 0 0;\n  transform: translateX(-50%);\n  color: var(--skt-navy);\n  font-family: inherit;\n  line-height: 1.7;\n}\n\n.skt-about img {\n  display: block;\n  max-width: 100%;\n}\n\n.skt-about h2,\n.skt-about h3,\n.skt-about p,\n.skt-about blockquote,\n.skt-about figure {\n  margin-top: 0;\n}\n\n.skt-about h2,\n.skt-about h3 {\n  color: var(--skt-navy);\n  font-family: inherit;\n  font-weight: 800;\n  letter-spacing: -0.035em;\n}\n\n.skt-about h2 {\n  margin-bottom: 20px;\n  font-size: clamp(40px, 4.4vw, 62px);\n  line-height: 1.04;\n}\n\n.skt-about h3 {\n  margin-bottom: 9px;\n  font-size: 22px;\n  line-height: 1.2;\n}\n\n.skt-about p {\n  color: var(--skt-ink-soft);\n}\n\n.skt-about > section:not(.skt-hero):not(.skt-journey):not(.skt-gratitude):not(.skt-cta) {\n  width: min(1160px, calc(100% - 72px));\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.skt-eyebrow {\n  margin-bottom: 14px !important;\n  color: var(--skt-gold-dark) !important;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n  line-height: 1.4;\n  text-transform: uppercase;\n}\n\n.skt-section-heading {\n  max-width: 850px;\n  margin-bottom: 42px;\n}\n\n.skt-section-heading > p:last-child {\n  max-width: 720px;\n  margin-bottom: 0;\n  font-size: 18px;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.skt-actions {\n  position: relative;\n  z-index: 5;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 12px;\n}\n\n.skt-button {\n  position: relative;\n  z-index: 6;\n  display: inline-flex;\n  min-height: 48px;\n  padding: 13px 22px;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: 10px;\n  pointer-events: auto;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1;\n  text-decoration: none !important;\n  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;\n}\n\n.skt-button:hover {\n  transform: translateY(-2px);\n}\n\n.skt-button-primary {\n  background: var(--skt-gold);\n  box-shadow: 0 11px 28px rgba(180, 147, 63, 0.23);\n  color: #fff !important;\n}\n\n.skt-button-primary:hover {\n  background: var(--skt-gold-dark);\n}\n\n.skt-button-secondary {\n  border-color: #aeb8c6;\n  background: rgba(255, 255, 255, 0.84);\n  color: var(--skt-navy) !important;\n}\n\n.skt-button-secondary:hover {\n  border-color: var(--skt-blue);\n  background: #fff;\n}\n\n\n\/* =========================================================\n   HERO \u00b7 HUMAN, WIDE, EDITORIAL\n========================================================= *\/\n\n.skt-hero {\n  position: relative;\n  display: grid;\n  overflow: hidden;\n  margin-bottom: 96px;\n  padding: clamp(48px, 5.4vw, 76px);\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);\n  align-items: center;\n  gap: 46px 66px;\n  border-top: 1px solid var(--skt-line);\n  border-bottom: 1px solid var(--skt-line);\n  background:\n    radial-gradient(circle at 94% 8%, rgba(180, 147, 63, 0.13), transparent 29%),\n    linear-gradient(135deg, #fff 0%, #fbfaf6 68%, #f3efe3 100%);\n}\n\n.skt-hero::before {\n  position: absolute;\n  top: -210px;\n  right: -155px;\n  width: 430px;\n  height: 430px;\n  border: 1px solid rgba(180, 147, 63, 0.2);\n  border-radius: 50%;\n  content: \"\";\n  pointer-events: none;\n}\n\n.skt-hero::after {\n  position: absolute;\n  top: 0;\n  left: clamp(48px, 5.4vw, 76px);\n  width: 120px;\n  height: 4px;\n  background: var(--skt-gold);\n  content: \"\";\n}\n\n.skt-hero-copy,\n.skt-hero-portrait,\n.skt-facts {\n  position: relative;\n  z-index: 1;\n}\n\n.skt-hero-copy h2 {\n  max-width: 760px;\n  margin-bottom: 26px;\n  font-size: clamp(54px, 5.8vw, 82px);\n  line-height: 0.98;\n}\n\n.skt-lead {\n  max-width: 690px;\n  margin-bottom: 30px;\n  color: #465469 !important;\n  font-size: clamp(18px, 1.65vw, 23px);\n  line-height: 1.55;\n}\n\n.skt-hero-portrait {\n  position: relative;\n  min-width: 0;\n}\n\n.skt-portrait-frame {\n  overflow: hidden;\n  min-height: 520px;\n  border: 1px solid rgba(180, 147, 63, 0.28);\n  border-radius: 28px;\n  background: #eee9dd;\n  box-shadow: var(--skt-shadow);\n}\n\n.skt-portrait {\n  width: 100%;\n  height: 520px;\n  object-fit: cover;\n  object-position: center 20%;\n}\n\n.skt-portrait-meta {\n  position: absolute;\n  right: 20px;\n  bottom: 20px;\n  left: 20px;\n  padding: 21px 23px;\n  border: 1px solid rgba(255, 255, 255, 0.72);\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.91);\n  box-shadow: 0 16px 40px rgba(24, 33, 49, 0.13);\n  backdrop-filter: blur(12px);\n}\n\n.skt-identity-label {\n  margin-bottom: 5px !important;\n  color: var(--skt-gold-dark) !important;\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n}\n\n.skt-portrait-meta h3 {\n  margin-bottom: 5px;\n  font-size: 25px;\n}\n\n.skt-portrait-meta > p:last-child {\n  margin-bottom: 0;\n  font-size: 14px;\n}\n\n.skt-facts {\n  display: grid;\n  padding-top: 30px;\n  grid-column: 1 \/ -1;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--skt-line);\n}\n\n.skt-facts > div {\n  padding: 0 30px;\n  border-right: 1px solid var(--skt-line);\n}\n\n.skt-facts > div:first-child {\n  padding-left: 0;\n}\n\n.skt-facts > div:last-child {\n  padding-right: 0;\n  border-right: 0;\n}\n\n.skt-facts strong,\n.skt-facts span {\n  display: block;\n}\n\n.skt-facts strong {\n  margin-bottom: 3px;\n  color: var(--skt-navy);\n  font-size: 17px;\n}\n\n.skt-facts span {\n  color: var(--skt-ink-soft);\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   OPENING STORY \u00b7 TWO-COLUMN EDITORIAL\n========================================================= *\/\n\n.skt-opening {\n  margin-bottom: 96px !important;\n}\n\n.skt-opening-copy {\n  display: grid;\n  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);\n  gap: 22px 72px;\n}\n\n.skt-opening .skt-eyebrow {\n  grid-column: 1 \/ -1;\n}\n\n.skt-opening h2 {\n  grid-column: 1;\n  margin-bottom: 0;\n  font-size: clamp(42px, 4.4vw, 61px);\n}\n\n.skt-opening-copy > p:not(.skt-eyebrow) {\n  grid-column: 2;\n  margin-bottom: 0;\n  align-self: start;\n  font-size: 19px;\n  line-height: 1.82;\n}\n\n.skt-opening blockquote {\n  grid-column: 2;\n  margin: 10px 0 0;\n  padding: 24px 28px;\n  border: 0;\n  border-left: 4px solid var(--skt-gold);\n  border-radius: 0 15px 15px 0;\n  background: var(--skt-cream);\n  color: var(--skt-navy);\n}\n\n.skt-opening blockquote strong,\n.skt-opening blockquote span {\n  display: block;\n}\n\n.skt-opening blockquote strong {\n  margin-bottom: 7px;\n  font-size: clamp(19px, 2vw, 26px);\n  line-height: 1.35;\n}\n\n.skt-opening blockquote span {\n  color: var(--skt-ink-soft);\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   PHOTO STORY \u00b7 LARGE, CALM, HUMAN\n========================================================= *\/\n\n.skt-memories {\n  margin-bottom: 96px !important;\n}\n\n.skt-photo-carousel {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.skt-photo-viewport {\n  position: relative;\n  min-height: 550px;\n}\n\n.skt-photo {\n  display: none;\n  overflow: hidden;\n  width: 100%;\n  min-height: 550px;\n  margin: 0;\n  grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr);\n  border: 1px solid var(--skt-line);\n  border-radius: 26px;\n  background: var(--skt-cream);\n  box-shadow: var(--skt-shadow);\n}\n\n.skt-photo.is-active {\n  display: grid;\n  animation: sktFade 300ms ease;\n}\n\n@keyframes sktFade {\n  from {\n    opacity: 0;\n    transform: translateY(7px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.skt-photo-image {\n  display: grid;\n  min-height: 550px;\n  place-items: center;\n  overflow: hidden;\n  background: #eee9dd;\n}\n\n.skt-photo img {\n  width: 100%;\n  height: 550px;\n  object-fit: contain !important;\n  object-position: center !important;\n}\n\n.skt-photo figcaption {\n  display: flex;\n  min-width: 0;\n  padding: 48px 44px;\n  justify-content: center;\n  flex-direction: column;\n  background: #fff;\n  color: var(--skt-navy);\n}\n\n.skt-photo figcaption span {\n  margin-bottom: 12px;\n  color: var(--skt-gold-dark);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.14em;\n}\n\n.skt-photo figcaption strong {\n  font-size: clamp(24px, 2.4vw, 34px);\n  line-height: 1.18;\n}\n\n.skt-photo figcaption small {\n  display: block;\n  margin-top: 17px;\n  color: var(--skt-ink-soft);\n  font-size: 15px;\n  line-height: 1.72;\n}\n\n.skt-carousel-controls {\n  display: flex;\n  margin-top: 22px;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n}\n\n.skt-carousel-arrow {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  place-items: center;\n  border: 1px solid var(--skt-line);\n  border-radius: 50%;\n  background: #fff;\n  color: var(--skt-navy);\n  cursor: pointer;\n  font-size: 20px;\n  line-height: 1;\n  transition: border-color 180ms ease, color 180ms ease, transform 180ms ease;\n}\n\n.skt-carousel-arrow:hover {\n  border-color: var(--skt-gold);\n  color: var(--skt-gold-dark);\n  transform: translateY(-1px);\n}\n\n.skt-carousel-dots {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.skt-carousel-dot {\n  width: 8px;\n  height: 8px;\n  padding: 0;\n  border: 0;\n  border-radius: 99px;\n  background: #cbd2db;\n  cursor: pointer;\n  transition: width 180ms ease, background 180ms ease;\n}\n\n.skt-carousel-dot.is-active {\n  width: 28px;\n  background: var(--skt-gold);\n}\n\n\n\/* =========================================================\n   JOURNEY \u00b7 KEEP THE STRONGEST EXISTING IDEA\n========================================================= *\/\n\n.skt-journey {\n  margin-bottom: 96px;\n  padding: clamp(54px, 5.6vw, 76px);\n  border-top: 1px solid var(--skt-line);\n  border-bottom: 1px solid var(--skt-line);\n  background: #f8fafc;\n}\n\n.skt-journey .skt-section-heading {\n  max-width: 820px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.skt-timeline {\n  position: relative;\n  max-width: 940px;\n  margin: 0 auto;\n}\n\n.skt-timeline::before {\n  position: absolute;\n  top: 7px;\n  bottom: 8px;\n  left: 29px;\n  width: 1px;\n  background: #cfd7e1;\n  content: \"\";\n}\n\n.skt-step {\n  position: relative;\n  display: grid;\n  padding-bottom: 34px;\n  grid-template-columns: 58px minmax(0, 1fr);\n  gap: 27px;\n}\n\n.skt-step:last-child {\n  padding-bottom: 0;\n}\n\n.skt-step-number {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  width: 58px;\n  height: 58px;\n  place-items: center;\n  border: 1px solid var(--skt-gold);\n  border-radius: 50%;\n  background: #fff;\n  color: var(--skt-gold-dark);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.skt-step > div:last-child {\n  padding: 4px 0 30px;\n  border-bottom: 1px solid var(--skt-line);\n}\n\n.skt-step:last-child > div:last-child {\n  border-bottom: 0;\n}\n\n.skt-step-year {\n  margin-bottom: 4px !important;\n  color: var(--skt-gold-dark) !important;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n}\n\n.skt-step h3 {\n  font-size: 25px;\n}\n\n.skt-step p:last-child {\n  max-width: 790px;\n  margin-bottom: 0;\n  font-size: 16px;\n}\n\n.skt-step-highlight .skt-step-number {\n  border-color: var(--skt-gold);\n  background: var(--skt-gold);\n  color: #fff;\n}\n\n.skt-step-highlight > div:last-child {\n  padding: 24px 28px;\n  border: 1px solid rgba(180, 147, 63, 0.35);\n  border-radius: 16px;\n  background: var(--skt-gold-pale);\n}\n\n\n\/* =========================================================\n   PROOF \u00b7 CLEAN LIST, NO CARD CLUTTER\n========================================================= *\/\n\n.skt-proof {\n  margin-bottom: 96px !important;\n}\n\n.skt-proof .skt-section-heading {\n  max-width: 860px;\n}\n\n.skt-proof-list {\n  max-width: 1040px;\n}\n\n.skt-proof-item {\n  display: grid;\n  padding: 32px 0;\n  grid-template-columns: 54px minmax(0, 1fr);\n  gap: 28px;\n  border-top: 1px solid var(--skt-line);\n}\n\n.skt-proof-item:last-child {\n  border-bottom: 1px solid var(--skt-line);\n}\n\n.skt-proof-index {\n  display: grid;\n  width: 42px;\n  height: 42px;\n  margin: 0;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--skt-gold-pale);\n  color: var(--skt-gold-dark) !important;\n  font-size: 10px;\n  font-weight: 800;\n}\n\n.skt-proof-item h3 {\n  font-size: 25px;\n}\n\n.skt-proof-item p:last-child {\n  max-width: 850px;\n  margin-bottom: 0;\n}\n\n\n\/* =========================================================\n   PROFILE + COMPETENCE\n========================================================= *\/\n\n.skt-now {\n  display: grid;\n  margin-bottom: 96px !important;\n  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n  gap: 22px;\n}\n\n.skt-profile-card,\n.skt-competence {\n  padding: 42px;\n  border: 1px solid var(--skt-line);\n  border-radius: 22px;\n  background: #fff;\n}\n\n.skt-profile-card {\n  background: linear-gradient(145deg, #fff 0%, #fbf8ef 100%);\n}\n\n.skt-profile-card h2,\n.skt-competence h2 {\n  font-size: clamp(34px, 3.1vw, 46px);\n}\n\n.skt-profile-role {\n  color: var(--skt-blue) !important;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n.skt-tags {\n  display: flex;\n  margin-top: 26px;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.skt-tags span {\n  padding: 7px 11px;\n  border: 1px solid var(--skt-line);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.78);\n  color: var(--skt-blue);\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.skt-competence {\n  border-left: 3px solid var(--skt-gold);\n}\n\n.skt-competence-list {\n  margin-top: 28px;\n}\n\n.skt-competence-list > div {\n  display: grid;\n  padding: 19px 0;\n  grid-template-columns: 40px 125px minmax(0, 1fr);\n  align-items: start;\n  gap: 14px;\n  border-top: 1px solid var(--skt-line);\n}\n\n.skt-competence-list span {\n  display: grid;\n  width: 28px;\n  height: 28px;\n  place-items: center;\n  border-radius: 50%;\n  background: var(--skt-gold-pale);\n  color: var(--skt-gold-dark);\n  font-size: 9px;\n  font-weight: 800;\n}\n\n.skt-competence-list h3,\n.skt-competence-list p {\n  margin-bottom: 0;\n}\n\n.skt-competence-list h3 {\n  padding-top: 3px;\n  font-size: 17px;\n}\n\n.skt-competence-list p {\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   METHOD \u00b7 THREE PROMISES\n========================================================= *\/\n\n.skt-method {\n  margin-bottom: 96px !important;\n}\n\n.skt-method > h2 {\n  max-width: 760px;\n}\n\n.skt-method-grid {\n  display: grid;\n  margin-top: 38px;\n  grid-template-columns: repeat(3, 1fr);\n  border-top: 1px solid var(--skt-line);\n  border-bottom: 1px solid var(--skt-line);\n}\n\n.skt-method-grid article {\n  min-height: 250px;\n  padding: 34px 30px;\n  border-right: 1px solid var(--skt-line);\n}\n\n.skt-method-grid article:last-child {\n  border-right: 0;\n  background: var(--skt-mist);\n}\n\n.skt-method-grid article:nth-child(2) {\n  background: #fbfaf6;\n}\n\n.skt-method-grid span,\n.skt-support-grid > article > span {\n  display: block;\n  margin-bottom: 34px;\n  color: var(--skt-gold-dark);\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n}\n\n.skt-method-grid h3 {\n  font-size: 22px;\n}\n\n.skt-method-grid p {\n  margin-bottom: 0;\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   GRATITUDE \u00b7 SOFTER, FEWER BOXES\n========================================================= *\/\n\n.skt-gratitude {\n  margin-bottom: 96px;\n  padding: clamp(52px, 5.4vw, 72px);\n  border-radius: 28px;\n  background: linear-gradient(145deg, #fbfaf6 0%, #f3f6f9 100%);\n}\n\n.skt-support-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.skt-support-grid article {\n  padding: 30px;\n  border-top: 1px solid var(--skt-line);\n}\n\n.skt-support-grid article:nth-child(odd):not(.skt-support-wide) {\n  border-right: 1px solid var(--skt-line);\n}\n\n.skt-support-wide {\n  grid-column: 1 \/ -1;\n}\n\n.skt-support-grid h3 {\n  font-size: 21px;\n}\n\n.skt-support-grid p {\n  margin-bottom: 12px;\n  font-size: 14px;\n}\n\n.skt-support-grid > article > span {\n  margin-bottom: 22px;\n}\n\n.skt-support-links {\n  display: flex;\n  margin-top: 18px;\n  flex-wrap: wrap;\n  gap: 10px 18px;\n}\n\n.skt-support-links a {\n  color: var(--skt-blue);\n  font-size: 14px;\n  font-weight: 800;\n  text-underline-offset: 4px;\n}\n\n\n\/* =========================================================\n   FINAL CTA \u00b7 COMPACT, NOT A GIANT BOX\n========================================================= *\/\n\n.skt-cta {\n  display: grid;\n  margin-bottom: 0;\n  padding: 48px 56px;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 36px;\n  border-top: 1px solid var(--skt-line);\n  border-bottom: 1px solid var(--skt-line);\n  background:\n    radial-gradient(circle at 92% 15%, rgba(180, 147, 63, 0.15), transparent 28%),\n    linear-gradient(120deg, #f5f8fb 0%, #fff 55%, #faf6ea 100%);\n}\n\n.skt-cta h2 {\n  max-width: 720px;\n  margin-bottom: 14px;\n  font-size: clamp(38px, 4.2vw, 56px);\n}\n\n.skt-cta > div:first-child > p:last-child {\n  max-width: 730px;\n  margin-bottom: 0;\n}\n\n.skt-cta .skt-actions {\n  justify-content: flex-end;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1080px) {\n  .skt-about {\n    width: calc(100vw - 32px);\n  }\n\n  .skt-hero {\n    padding: 48px;\n    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);\n    gap: 40px;\n  }\n\n  .skt-hero-copy h2 {\n    font-size: clamp(50px, 6.7vw, 70px);\n  }\n\n  .skt-portrait-frame,\n  .skt-portrait {\n    min-height: 460px;\n    height: 460px;\n  }\n\n  .skt-opening-copy {\n    gap: 22px 46px;\n  }\n\n  .skt-now {\n    grid-template-columns: 1fr;\n  }\n\n  .skt-cta {\n    grid-template-columns: 1fr;\n  }\n\n  .skt-cta .skt-actions {\n    justify-content: flex-start;\n  }\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 760px) {\n  .skt-about {\n    width: calc(100vw - 18px);\n    margin-bottom: 54px !important;\n    padding-top: 8px;\n  }\n\n  .skt-about > section:not(.skt-hero):not(.skt-journey):not(.skt-gratitude):not(.skt-cta) {\n    width: calc(100% - 28px);\n  }\n\n  .skt-about h2 {\n    font-size: clamp(34px, 10vw, 46px);\n  }\n\n  .skt-hero,\n  .skt-journey,\n  .skt-gratitude,\n  .skt-cta {\n    padding: 34px 22px;\n  }\n\n  .skt-hero,\n  .skt-opening,\n  .skt-memories,\n  .skt-journey,\n  .skt-proof,\n  .skt-now,\n  .skt-method,\n  .skt-gratitude {\n    margin-bottom: 66px !important;\n  }\n\n  .skt-hero {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .skt-hero::after {\n    left: 22px;\n  }\n\n  .skt-hero-copy h2 {\n    font-size: clamp(43px, 12.7vw, 59px);\n  }\n\n  .skt-lead {\n    font-size: 17px;\n  }\n\n  .skt-hero-portrait {\n    margin-top: 2px;\n  }\n\n  .skt-portrait-frame,\n  .skt-portrait {\n    min-height: 470px;\n    height: 470px;\n  }\n\n  .skt-portrait-meta {\n    right: 14px;\n    bottom: 14px;\n    left: 14px;\n    padding: 18px;\n  }\n\n  .skt-facts {\n    padding-top: 18px;\n    grid-template-columns: 1fr;\n  }\n\n  .skt-facts > div,\n  .skt-facts > div:first-child,\n  .skt-facts > div:last-child {\n    padding: 13px 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--skt-line);\n  }\n\n  .skt-facts > div:last-child {\n    border-bottom: 0;\n  }\n\n  .skt-opening-copy {\n    display: block;\n  }\n\n  .skt-opening h2 {\n    margin-bottom: 22px;\n  }\n\n  .skt-opening-copy > p:not(.skt-eyebrow) {\n    font-size: 16px;\n  }\n\n  .skt-opening blockquote {\n    margin-top: 24px;\n    padding: 21px;\n  }\n\n  .skt-photo-viewport {\n    min-height: 0;\n  }\n\n  .skt-photo,\n  .skt-photo.is-active {\n    min-height: 0;\n    grid-template-columns: 1fr;\n  }\n\n  .skt-photo-image {\n    min-height: 390px;\n  }\n\n  .skt-photo img {\n    height: 390px;\n  }\n\n  .skt-photo figcaption {\n    min-height: 190px;\n    padding: 26px 24px;\n  }\n\n  .skt-photo figcaption strong {\n    font-size: 23px;\n  }\n\n  .skt-timeline::before {\n    left: 22px;\n  }\n\n  .skt-step {\n    grid-template-columns: 44px minmax(0, 1fr);\n    gap: 15px;\n  }\n\n  .skt-step-number {\n    width: 44px;\n    height: 44px;\n  }\n\n  .skt-step h3 {\n    font-size: 20px;\n  }\n\n  .skt-step-highlight > div:last-child {\n    padding: 19px;\n  }\n\n  .skt-proof-item {\n    grid-template-columns: 44px minmax(0, 1fr);\n    gap: 14px;\n  }\n\n  .skt-proof-item h3 {\n    font-size: 20px;\n  }\n\n  .skt-profile-card,\n  .skt-competence {\n    padding: 28px 22px;\n  }\n\n  .skt-competence-list > div {\n    grid-template-columns: 34px minmax(0, 1fr);\n  }\n\n  .skt-competence-list p {\n    grid-column: 2;\n  }\n\n  .skt-method-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .skt-method-grid article {\n    min-height: 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--skt-line);\n  }\n\n  .skt-method-grid article:last-child {\n    border-bottom: 0;\n  }\n\n  .skt-support-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .skt-support-wide {\n    grid-column: auto;\n  }\n\n  .skt-support-grid article,\n  .skt-support-grid article:nth-child(odd):not(.skt-support-wide) {\n    padding: 24px 2px;\n    border-right: 0;\n  }\n\n  .skt-actions,\n  .skt-cta .skt-actions {\n    width: 100%;\n    align-items: stretch;\n    flex-direction: column;\n  }\n\n  .skt-button {\n    width: 100%;\n  }\n}\n\n@media (max-width: 420px) {\n  .skt-portrait-frame,\n  .skt-portrait {\n    min-height: 410px;\n    height: 410px;\n  }\n\n  .skt-photo-image {\n    min-height: 340px;\n  }\n\n  .skt-photo img {\n    height: 340px;\n  }\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .skt-about *,\n  .skt-about *::before,\n  .skt-about *::after {\n    scroll-behavior: auto !important;\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* =========================================================\n   SUOMEN KOMPASSI OY \u00b7 TIETOA\n   BUTTONS + PHOTO CAROUSEL\n\n   WordPress \/ Kadence:\n   replace the entire contents of the old JavaScript tab.\n   Paste this as plain JavaScript, without <script> tags.\n========================================================= *\/\n\n(function () {\n  \"use strict\";\n\n  var ROOT_SELECTOR = \".skt-about\";\n  var CAROUSEL_SELECTOR = \".skt-photo-carousel\";\n  var BUTTON_SELECTOR = \".skt-button[href]\";\n  var AUTOPLAY_DELAY = 7000;\n\n  function toArray(items) {\n    return Array.prototype.slice.call(items || []);\n  }\n\n  function prefersReducedMotion() {\n    return (\n      typeof window.matchMedia === \"function\" &&\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    );\n  }\n\n  function prepareActionButtons(root) {\n    var actions = toArray(root.querySelectorAll(\".skt-actions\"));\n\n    actions.forEach(function (group) {\n      group.style.position = \"relative\";\n      group.style.zIndex = \"5\";\n      group.style.pointerEvents = \"auto\";\n    });\n\n    toArray(root.querySelectorAll(BUTTON_SELECTOR)).forEach(function (button) {\n      if (button.dataset.sktLinkReady === \"true\") {\n        return;\n      }\n\n      button.dataset.sktLinkReady = \"true\";\n      button.style.position = \"relative\";\n      button.style.zIndex = \"6\";\n      button.style.pointerEvents = \"auto\";\n\n      \/*\n       * Kadence or an optimization plugin can occasionally intercept a normal\n       * anchor click. Internal CTA links are therefore opened explicitly.\n       * Ctrl\/Cmd-click, Shift-click and middle-click retain browser defaults.\n       *\/\n      button.addEventListener(\n        \"click\",\n        function (event) {\n          var href = button.getAttribute(\"href\");\n\n          if (\n            !href ||\n            href.charAt(0) === \"#\" ||\n            event.button !== 0 ||\n            event.ctrlKey ||\n            event.metaKey ||\n            event.shiftKey ||\n            event.altKey\n          ) {\n            return;\n          }\n\n          var destination;\n\n          try {\n            destination = new URL(href, document.baseURI);\n          } catch (error) {\n            return;\n          }\n\n          if (destination.origin !== window.location.origin) {\n            return;\n          }\n\n          event.preventDefault();\n          event.stopImmediatePropagation();\n          window.location.assign(destination.href);\n        },\n        true\n      );\n    });\n  }\n\n  function replaceWithCleanClone(element) {\n    if (!element || !element.parentNode) {\n      return element;\n    }\n\n    var clone = element.cloneNode(true);\n    element.parentNode.replaceChild(clone, element);\n    return clone;\n  }\n\n  function initializeCarousel(carousel, carouselNumber) {\n    if (carousel.dataset.sktCarouselReady === \"true\") {\n      return;\n    }\n\n    var originalViewport = carousel.querySelector(\".skt-photo-viewport\");\n    var originalPrevious = carousel.querySelector(\".skt-carousel-prev\");\n    var originalNext = carousel.querySelector(\".skt-carousel-next\");\n    var dotsContainer = carousel.querySelector(\".skt-carousel-dots\");\n\n    if (\n      !originalViewport ||\n      !originalPrevious ||\n      !originalNext ||\n      !dotsContainer\n    ) {\n      return;\n    }\n\n    \/* Remove listeners left by an older script before installing the new one. *\/\n    var viewport = replaceWithCleanClone(originalViewport);\n    var previousButton = replaceWithCleanClone(originalPrevious);\n    var nextButton = replaceWithCleanClone(originalNext);\n    var slides = toArray(viewport.querySelectorAll(\".skt-photo\"));\n\n    if (!slides.length) {\n      return;\n    }\n\n    carousel.dataset.sktCarouselReady = \"true\";\n    carousel.dataset.ready = \"true\";\n    carousel.setAttribute(\"tabindex\", \"0\");\n    carousel.setAttribute(\"role\", \"region\");\n    carousel.setAttribute(\"aria-roledescription\", \"carousel\");\n    viewport.setAttribute(\"aria-live\", \"polite\");\n\n    var activeSlide = carousel.querySelector(\".skt-photo.is-active\");\n    var currentIndex = Math.max(0, slides.indexOf(activeSlide));\n    var touchStartX = null;\n    var autoplayTimer = null;\n    var isPointerInside = false;\n    var isFocusInside = false;\n    var instanceId = \"skt-carousel-\" + carouselNumber;\n\n    dotsContainer.innerHTML = \"\";\n    dotsContainer.setAttribute(\"role\", \"tablist\");\n\n    var dots = slides.map(function (slide, index) {\n      var slideId = instanceId + \"-slide-\" + (index + 1);\n      var dot = document.createElement(\"button\");\n\n      if (!slide.id) {\n        slide.id = slideId;\n      }\n\n      slide.setAttribute(\"role\", \"group\");\n      slide.setAttribute(\"aria-roledescription\", \"slide\");\n      slide.setAttribute(\n        \"aria-label\",\n        \"Kuva \" + (index + 1) + \" \/ \" + slides.length\n      );\n\n      dot.type = \"button\";\n      dot.className = \"skt-carousel-dot\";\n      dot.setAttribute(\"role\", \"tab\");\n      dot.setAttribute(\"aria-controls\", slide.id);\n      dot.setAttribute(\"aria-label\", \"N\u00e4yt\u00e4 kuva \" + (index + 1));\n\n      dot.addEventListener(\"click\", function (event) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n        showSlide(index, true);\n      });\n\n      dotsContainer.appendChild(dot);\n      return dot;\n    });\n\n    function stopAutoplay() {\n      if (autoplayTimer !== null) {\n        window.clearInterval(autoplayTimer);\n        autoplayTimer = null;\n      }\n    }\n\n    function startAutoplay() {\n      stopAutoplay();\n\n      if (\n        slides.length < 2 ||\n        prefersReducedMotion() ||\n        document.hidden ||\n        isPointerInside ||\n        isFocusInside\n      ) {\n        return;\n      }\n\n      autoplayTimer = window.setInterval(function () {\n        showSlide(currentIndex + 1, false);\n      }, AUTOPLAY_DELAY);\n    }\n\n    function showSlide(index, restartTimer) {\n      currentIndex = (index + slides.length) % slides.length;\n\n      slides.forEach(function (slide, slideIndex) {\n        var isActive = slideIndex === currentIndex;\n        slide.classList.toggle(\"is-active\", isActive);\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n      });\n\n      dots.forEach(function (dot, dotIndex) {\n        var isActive = dotIndex === currentIndex;\n        dot.classList.toggle(\"is-active\", isActive);\n        dot.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\n        dot.setAttribute(\"aria-current\", isActive ? \"true\" : \"false\");\n        dot.tabIndex = isActive ? 0 : -1;\n      });\n\n      if (restartTimer) {\n        startAutoplay();\n      }\n    }\n\n    function goToPrevious(event) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      showSlide(currentIndex - 1, true);\n    }\n\n    function goToNext(event) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      showSlide(currentIndex + 1, true);\n    }\n\n    previousButton.addEventListener(\"click\", goToPrevious, true);\n    nextButton.addEventListener(\"click\", goToNext, true);\n\n    carousel.addEventListener(\n      \"keydown\",\n      function (event) {\n        if (event.key === \"ArrowLeft\") {\n          goToPrevious(event);\n        } else if (event.key === \"ArrowRight\") {\n          goToNext(event);\n        } else if (event.key === \"Home\") {\n          event.preventDefault();\n          event.stopImmediatePropagation();\n          showSlide(0, true);\n        } else if (event.key === \"End\") {\n          event.preventDefault();\n          event.stopImmediatePropagation();\n          showSlide(slides.length - 1, true);\n        }\n      },\n      true\n    );\n\n    viewport.addEventListener(\n      \"touchstart\",\n      function (event) {\n        touchStartX = event.changedTouches[0].clientX;\n      },\n      { passive: true }\n    );\n\n    viewport.addEventListener(\n      \"touchend\",\n      function (event) {\n        if (touchStartX === null) {\n          return;\n        }\n\n        var distance = touchStartX - event.changedTouches[0].clientX;\n        touchStartX = null;\n\n        if (Math.abs(distance) < 45) {\n          return;\n        }\n\n        showSlide(currentIndex + (distance > 0 ? 1 : -1), true);\n      },\n      { passive: true }\n    );\n\n    carousel.addEventListener(\"mouseenter\", function () {\n      isPointerInside = true;\n      stopAutoplay();\n    });\n\n    carousel.addEventListener(\"mouseleave\", function () {\n      isPointerInside = false;\n      startAutoplay();\n    });\n\n    carousel.addEventListener(\"focusin\", function () {\n      isFocusInside = true;\n      stopAutoplay();\n    });\n\n    carousel.addEventListener(\"focusout\", function (event) {\n      if (!carousel.contains(event.relatedTarget)) {\n        isFocusInside = false;\n        startAutoplay();\n      }\n    });\n\n    document.addEventListener(\"visibilitychange\", function () {\n      if (document.hidden) {\n        stopAutoplay();\n      } else {\n        startAutoplay();\n      }\n    });\n\n    if (slides.length === 1) {\n      previousButton.disabled = true;\n      nextButton.disabled = true;\n      dotsContainer.hidden = true;\n    }\n\n    showSlide(currentIndex, false);\n    startAutoplay();\n  }\n\n  function initializeTietoaPage(scope) {\n    var roots = [];\n\n    if (scope.matches && scope.matches(ROOT_SELECTOR)) {\n      roots.push(scope);\n    }\n\n    roots = roots.concat(toArray(scope.querySelectorAll(ROOT_SELECTOR)));\n\n    roots.forEach(function (root) {\n      prepareActionButtons(root);\n\n      toArray(root.querySelectorAll(CAROUSEL_SELECTOR)).forEach(function (\n        carousel,\n        index\n      ) {\n        initializeCarousel(carousel, index + 1);\n      });\n    });\n  }\n\n  function boot() {\n    initializeTietoaPage(document);\n\n    \/* Supports delayed rendering by WordPress blocks and caching plugins. *\/\n    if (typeof MutationObserver === \"function\") {\n      var observer = new MutationObserver(function (mutations) {\n        mutations.forEach(function (mutation) {\n          toArray(mutation.addedNodes).forEach(function (node) {\n            if (node.nodeType === 1) {\n              initializeTietoaPage(node);\n            }\n          });\n        });\n      });\n\n      observer.observe(document.documentElement, {\n        childList: true,\n        subtree: true\n      });\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", boot, { once: true });\n  } else {\n    boot();\n  }\n\n  window.addEventListener(\"pageshow\", function () {\n    initializeTietoaPage(document);\n  });\n})();\n<\/script>\n\n<main class=\"skt-about\">\n\n  <section class=\"skt-hero\" aria-labelledby=\"skt-main-title\">\n    <div class=\"skt-hero-copy\">\n      <p class=\"skt-eyebrow\">SUOMEN KOMPASSI OY \u00b7 TIETOA<\/p>\n      <h2 id=\"skt-main-title\">En tullut Suomeen valmiin kartan kanssa. Rakensin sen itse.<\/h2>\n      <p class=\"skt-lead\">Nyt autan muita l\u00f6yt\u00e4m\u00e4\u00e4n Suomessa oman suuntansa \u2014 k\u00e4yt\u00e4nn\u00f6nl\u00e4heisesti, ihmisl\u00e4heisesti ja tavoitteellisesti.<\/p>\n\n      <div class=\"skt-actions\">\n        <a class=\"skt-button skt-button-primary\" href=\"mailto:suomen.kompassi@outlook.com\">Ota yhteytt\u00e4<\/a>\n        <a class=\"skt-button skt-button-secondary\" href=\"\/ratkaisut\/\">Tutustu koulutuksiin<\/a>\n      <\/div>\n    <\/div>\n\n    <aside class=\"skt-identity\" aria-label=\"Vladlena Hokkanen\">\n      <div class=\"skt-monogram\" aria-hidden=\"true\">VH<\/div>\n      <p class=\"skt-identity-label\">PERUSTAJA JA KOULUTTAJA<\/p>\n      <h3>Vladlena Hokkanen, FM<\/h3>\n      <p>Kieli-, koulutus- ja kotoutumisasiantuntija<\/p>\n    <\/aside>\n\n    <div class=\"skt-facts\" aria-label=\"Keskeiset tiedot\">\n      <div>\n        <strong>15-vuotiaana<\/strong>\n        <span>yksin Suomeen<\/span>\n      <\/div>\n      <div>\n        <strong>FM 2024<\/strong>\n        <span>Jyv\u00e4skyl\u00e4n yliopisto<\/span>\n      <\/div>\n      <div>\n        <strong>Suomen Kompassi Oy<\/strong>\n        <span>kokemuksesta syntynyt yritys<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-opening\" aria-labelledby=\"skt-opening-title\">\n    <div class=\"skt-opening-copy\">\n      <p class=\"skt-eyebrow\">KAIKKI ALKOI T\u00c4ST\u00c4<\/p>\n      <h2 id=\"skt-opening-title\">Uudessa maassa koko el\u00e4m\u00e4 piti rakentaa uudelleen.<\/h2>\n      <p>Kotimaassani olin menestynyt oppilas: minulla oli erinomainen p\u00e4\u00e4tt\u00f6todistus, palkintoja, yst\u00e4vi\u00e4 ja tuttu el\u00e4m\u00e4. Sitten kaikki muuttui kerralla. Suomeen tullessani olin yksin uudessa ymp\u00e4rist\u00f6ss\u00e4 \u2014 ilman yhteist\u00e4 kielt\u00e4, perhett\u00e4 ja yst\u00e4vi\u00e4, mutta t\u00e4ynn\u00e4 motivaatiota oppia.<\/p>\n\n      <blockquote>\n        <strong>\u201cHei, min\u00e4 olen Vladlena. Olen 15-vuotias ja opiskelija. Kuka sin\u00e4 olet?\u201d<\/strong>\n        <span>Siihen suomen kielen sanavarastoni melkein loppui.<\/span>\n      <\/blockquote>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-memories\" aria-labelledby=\"skt-memories-title\">\n    <div class=\"skt-section-heading\">\n      <p class=\"skt-eyebrow\">KUVIA MATKAN VARRELTA<\/p>\n      <h2 id=\"skt-memories-title\">Hetki\u00e4, joissa oma suuntani alkoi hahmottua<\/h2>\n      <p>N\u00e4m\u00e4 eiv\u00e4t ole kuvituskuvia, vaan aitoja hetki\u00e4 matkalta, joka muutti el\u00e4m\u00e4ni.<\/p>\n    <\/div>\n\n    <div class=\"skt-photo-carousel\" aria-label=\"Kuvia opintopolulta\">\n      <div class=\"skt-photo-viewport\">\n        <figure class=\"skt-photo is-active\">\n          <div class=\"skt-photo-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.suomenkompassi.fi\/wp-content\/uploads\/2026\/08\/vladlena-sirkka-ylioppilasjuhla.png\" alt=\"Vladlena Hokkanen ja Sirkka Takkunen Sallan lukion ylioppilasjuhlassa vuonna 2017\">\n          <\/div>\n          <figcaption>\n            <span>01 \u00b7 YLIOPPILASJUHLA 2017<\/span>\n            <strong>Ylioppilaaksi Sallan lukiosta<\/strong>\n            <small>Min\u00e4 ja Sirkka Takkunen p\u00e4iv\u00e4n\u00e4, jolloin sain valkolakin ja ylioppilastodistuksen.<\/small>\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"skt-photo\">\n          <div class=\"skt-photo-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.suomenkompassi.fi\/wp-content\/uploads\/2026\/08\/vladlena-wanhat-2016-1.png\" alt=\"Vladlena Hokkanen Sallan lukion vanhojen tansseissa vuonna 2016\">\n          <\/div>\n          <figcaption>\n            <span>02 \u00b7 WANHAT 2016<\/span>\n            <strong>Vanhojen tanssit Sallan lukiossa<\/strong>\n            <small>Yksi niist\u00e4 hetkist\u00e4, jolloin aloin tuntea kuuluvani kouluyhteis\u00f6\u00f6n ja suomalaiseen arkeen.<\/small>\n          <\/figcaption>\n        <\/figure>\n\n        <figure class=\"skt-photo\">\n          <div class=\"skt-photo-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.suomenkompassi.fi\/wp-content\/uploads\/2026\/08\/sallan-lukio.jpeg\" alt=\"Sallan lukion rakennus, jossa Vladlenan suomalainen opintopolku alkoi\">\n          <\/div>\n          <figcaption>\n            <span>03 \u00b7 SALLAN LUKIO<\/span>\n            <strong>T\u00e4\u00e4ll\u00e4 suomalainen opintopolkuni alkoi<\/strong>\n            <small>Paikka, jossa opin suomen kielt\u00e4, pyyt\u00e4m\u00e4\u00e4n apua ja rakentamaan el\u00e4m\u00e4lleni uuden alun.<\/small>\n          <\/figcaption>\n        <\/figure>\n      <\/div>\n\n      <div class=\"skt-carousel-controls\" aria-label=\"Kuvakarusellin ohjaus\">\n        <button class=\"skt-carousel-arrow skt-carousel-prev\" type=\"button\" aria-label=\"Edellinen kuva\">\u2190<\/button>\n        <div class=\"skt-carousel-dots\" aria-label=\"Valitse kuva\"><\/div>\n        <button class=\"skt-carousel-arrow skt-carousel-next\" type=\"button\" aria-label=\"Seuraava kuva\">\u2192<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-journey\" aria-labelledby=\"skt-journey-title\">\n    <div class=\"skt-section-heading\">\n      <p class=\"skt-eyebrow\">MINUN OPINTOPOLKUNI<\/p>\n      <h2 id=\"skt-journey-title\">Ep\u00e4varmuudesta osaamiseksi<\/h2>\n      <p>Jokainen vaihe opetti jotakin, jota voin nyt k\u00e4ytt\u00e4\u00e4 muiden hyv\u00e4ksi.<\/p>\n    <\/div>\n\n    <div class=\"skt-timeline\">\n      <article class=\"skt-step\">\n        <div class=\"skt-step-number\">01<\/div>\n        <div>\n          <p class=\"skt-step-year\">15-VUOTIAANA<\/p>\n          <h3>Yksin Suomeen<\/h3>\n          <p>Ensimm\u00e4iset kaksi viikkoani lukiossa olivat raskaita. Itkin iltaisin, koska en ymm\u00e4rt\u00e4nyt, miten t\u00e4\u00e4ll\u00e4 pit\u00e4isi opiskella ja el\u00e4\u00e4. Silti jatkoin. Ensimm\u00e4isen vuoden aikana kielitaitoni kehittyi nopeasti, ja toisena vuonna pystyin jo opiskelemaan, ymm\u00e4rt\u00e4m\u00e4\u00e4n erilaisia tilanteita ja hoitamaan arkeani suomeksi.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-step\">\n        <div class=\"skt-step-number\">02<\/div>\n        <div>\n          <p class=\"skt-step-year\">SALLAN LUKIO<\/p>\n          <h3>Kieli muuttui selviytymiskeinosta voimavaraksi<\/h3>\n          <p>Sallan lukiossa opin, ettei kielt\u00e4 opita vain oppikirjoista. Sit\u00e4 opitaan tunneilla, k\u00e4yt\u00e4vill\u00e4 ja yst\u00e4vyyssuhteissa \u2014 tekem\u00e4ll\u00e4 virheit\u00e4 ja uskaltamalla yritt\u00e4\u00e4 uudelleen.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-step\">\n        <div class=\"skt-step-number\">03<\/div>\n        <div>\n          <p class=\"skt-step-year\">JOENSUU \u2192 JYV\u00c4SKYL\u00c4<\/p>\n          <h3>Yliopistoon ja kohti omaa asiantuntijuutta<\/h3>\n          <p>Ylioppilastutkinnon j\u00e4lkeen aloitin ven\u00e4j\u00e4n kielen opinnot It\u00e4-Suomen yliopiston Joensuun kampuksella. My\u00f6hemmin muutin perhesyist\u00e4 Jyv\u00e4skyl\u00e4\u00e4n, jossa suoritin kandidaatin- ja maisterintutkintoni. Valmistuin filosofian maisteriksi Jyv\u00e4skyl\u00e4n yliopistosta vuonna 2024.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-step\">\n        <div class=\"skt-step-number\">04<\/div>\n        <div>\n          <p class=\"skt-step-year\">OPISKELU, TY\u00d6 JA PERHE<\/p>\n          <h3>El\u00e4m\u00e4 ei pys\u00e4htynyt tutkinnon ajaksi<\/h3>\n          <p>Opintojen rinnalla rakensin ty\u00f6uraani ja perhe-el\u00e4m\u00e4\u00e4ni. Minusta tuli kahden lapsen \u00e4iti \u2014 lapsemme syntyiv\u00e4t samana p\u00e4iv\u00e4n\u00e4 tasan kahden vuoden v\u00e4lein. Mieheni Alexandren tuki auttoi minua sovittamaan yhteen opinnot, ty\u00f6n, perheen ja my\u00f6hemmin my\u00f6s yritt\u00e4jyyden.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-step skt-step-highlight\">\n        <div class=\"skt-step-number\">05<\/div>\n        <div>\n          <p class=\"skt-step-year\">SUOMEN KOMPASSI OY<\/p>\n          <h3>Omasta kokemuksesta syntyi teht\u00e4v\u00e4<\/h3>\n          <p>Kun muutimme pienelle paikkakunnalle, p\u00e4\u00e4tin yhdist\u00e4\u00e4 koulutukseni, kielitaitoni ja oman kokemukseni. Suomen Kompassi syntyi, jotta muiden ei tarvitsisi selvitt\u00e4\u00e4 kaikkea yksin tai oppia kaikkea kantap\u00e4\u00e4n kautta.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-proof\" aria-labelledby=\"skt-proof-title\">\n    <div class=\"skt-section-heading\">\n      <p class=\"skt-eyebrow\">KOKEMUKSET, JOTKA VAHVISTIVAT SUUNTAANI<\/p>\n      <h2 id=\"skt-proof-title\">K\u00e4yt\u00e4nn\u00f6n ty\u00f6 osoitti, ett\u00e4 idealle on tarvetta<\/h2>\n    <\/div>\n\n    <div class=\"skt-proof-list\">\n      <article class=\"skt-proof-item\">\n        <p class=\"skt-proof-index\">01<\/p>\n        <div>\n          <h3>Suomen kielt\u00e4 kansainv\u00e4lisille ty\u00f6ntekij\u00f6ille<\/h3>\n          <p>VAK Huoltopalvelut Oy:n Jyv\u00e4skyl\u00e4n toimipisteelle toteuttamani suomen kielen koulutus kansainv\u00e4lisille ty\u00f6ntekij\u00f6ille oli yksi ensimm\u00e4isist\u00e4 ty\u00f6el\u00e4m\u00e4l\u00e4ht\u00f6isist\u00e4 koulutuskokonaisuuksistani. Onnistunut projekti vahvisti k\u00e4sityst\u00e4ni siit\u00e4, ett\u00e4 todellisiin ty\u00f6tilanteisiin r\u00e4\u00e4t\u00e4l\u00f6ity kielikoulutus voi lis\u00e4t\u00e4 ty\u00f6ntekij\u00f6iden varmuutta ja sujuvoittaa koko ty\u00f6yhteis\u00f6n viestint\u00e4\u00e4.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-proof-item\">\n        <p class=\"skt-proof-index\">02<\/p>\n        <div>\n          <h3>Kannustus vei ajatuksesta yritykseksi<\/h3>\n          <p>Mikkelin seudun ty\u00f6llisyyspalvelujen starttiraha-asiantuntija Ilkka Pulkkinen kannusti minua rakentamaan osaamiseni pohjalta yritystoimintaa. H\u00e4nen tukensa vahvisti motivaatiotani ja auttoi minua viem\u00e4\u00e4n Suomen Kompassin ideaa m\u00e4\u00e4r\u00e4tietoisesti eteenp\u00e4in.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-now\" aria-labelledby=\"skt-now-title\">\n    <div class=\"skt-profile-card\">\n      <p class=\"skt-eyebrow\">KUKA OLEN NYT?<\/p>\n      <h2 id=\"skt-now-title\">Vladlena Hokkanen, FM<\/h2>\n      <p class=\"skt-profile-role\">Suomen Kompassi Oy:n perustaja ja toimitusjohtaja<\/p>\n      <p>Yhdist\u00e4n ty\u00f6ss\u00e4ni akateemisen koulutuksen, ty\u00f6el\u00e4m\u00e4l\u00e4ht\u00f6isen opetuksen ja oman kotoutumiskokemukseni. Minulle kotoutuminen ei ole vain teoriaa. Se on k\u00e4yt\u00e4nn\u00f6n tekoja, kielen oppimista, p\u00e4\u00e4t\u00f6ksi\u00e4 ja rohkeutta rakentaa oma paikkansa uudessa maassa.<\/p>\n\n      <div class=\"skt-tags\" aria-label=\"Osaaminen\">\n        <span>Filosofian maisteri<\/span>\n        <span>Jyv\u00e4skyl\u00e4n yliopisto<\/span>\n        <span>Kieli- ja koulutusasiantuntija<\/span>\n        <span>Kotoutumisen k\u00e4yt\u00e4nn\u00f6n kokemus<\/span>\n        <span>Suomi \u00b7 ven\u00e4j\u00e4 \u00b7 englanti<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"skt-competence\">\n      <p class=\"skt-eyebrow\">OSAAMISENI<\/p>\n      <h2>En tarjoa vain tietoa. Autan muuttamaan sen toiminnaksi.<\/h2>\n\n      <div class=\"skt-competence-list\">\n        <div>\n          <span>01<\/span>\n          <h3>Kieli<\/h3>\n          <p>Arjessa, opinnoissa ja ty\u00f6ss\u00e4 tarvittava k\u00e4yt\u00e4nn\u00f6n suomen kieli.<\/p>\n        <\/div>\n        <div>\n          <span>02<\/span>\n          <h3>Kotoutuminen<\/h3>\n          <p>Selke\u00e4t vaiheet, viranomaisasiointi ja itsen\u00e4isen arjen rakentaminen.<\/p>\n        <\/div>\n        <div>\n          <span>03<\/span>\n          <h3>Ty\u00f6el\u00e4m\u00e4<\/h3>\n          <p>Ty\u00f6nhaku, ty\u00f6paikkasuomi ja monikulttuurisen ty\u00f6yhteis\u00f6n viestint\u00e4.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-method\" aria-labelledby=\"skt-method-title\">\n    <p class=\"skt-eyebrow\">N\u00c4IN TY\u00d6SKENTELEN<\/p>\n    <h2 id=\"skt-method-title\">Kolme lupausta asiakkaalleni<\/h2>\n\n    <div class=\"skt-method-grid\">\n      <article>\n        <span>01<\/span>\n        <h3>K\u00e4yt\u00e4nn\u00f6nl\u00e4heinen<\/h3>\n        <p>Harjoittelemme tilanteita, joissa osallistujan on pystytt\u00e4v\u00e4 toimimaan k\u00e4yt\u00e4nn\u00f6ss\u00e4: ty\u00f6ss\u00e4, opinnoissa, asioinnissa ja arjessa.<\/p>\n      <\/article>\n      <article>\n        <span>02<\/span>\n        <h3>R\u00e4\u00e4t\u00e4l\u00f6ity<\/h3>\n        <p>Koulutus tai palvelu suunnitellaan asiakkaan tilanteen, kielitason ja konkreettisten tavoitteiden pohjalta.<\/p>\n      <\/article>\n      <article>\n        <span>03<\/span>\n        <h3>Tavoitteellinen<\/h3>\n        <p>Tavoitteena ei ole vain ymm\u00e4rt\u00e4\u00e4 enemm\u00e4n, vaan my\u00f6s uskaltaa ja osata toimia entist\u00e4 varmemmin ja itsen\u00e4isemmin.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-gratitude\" aria-labelledby=\"skt-gratitude-title\">\n    <div class=\"skt-section-heading\">\n      <p class=\"skt-eyebrow\">IHMISET MATKANI VARRELLA<\/p>\n      <h2 id=\"skt-gratitude-title\">Kukaan ei rakenna el\u00e4m\u00e4\u00e4ns\u00e4 t\u00e4ysin yksin.<\/h2>\n      <p>Oma sinnikkyyteni vei minua eteenp\u00e4in, mutta matkani olisi ollut hyvin erilainen ilman ihmisi\u00e4, jotka uskoivat minuun.<\/p>\n    <\/div>\n\n    <div class=\"skt-support-grid\">\n      <article>\n        <span>01<\/span>\n        <h3>Vanhempani<\/h3>\n        <p>Olen syv\u00e4sti kiitollinen vanhemmilleni, jotka uskalsivat p\u00e4\u00e4st\u00e4\u00e4 ainoan tytt\u00e4rens\u00e4 opiskelemaan vieraaseen maahan. Tied\u00e4n, ettei p\u00e4\u00e4t\u00f6s ollut heille helppo.<\/p>\n      <\/article>\n\n      <article>\n        <span>02<\/span>\n        <h3>Mieheni Alexandre<\/h3>\n        <p>H\u00e4nen tukensa on kantanut minua opinnoissa, perhe-el\u00e4m\u00e4ss\u00e4, ty\u00f6ss\u00e4 ja yritt\u00e4jyyden rakentamisessa.<\/p>\n      <\/article>\n\n      <article class=\"skt-support-wide\">\n        <span>03<\/span>\n        <h3>Leo ja Veera Reinikainen<\/h3>\n        <p>Leo ja Veera ovat olleet minulle ja perheelleni korvaamattomana tukena koko opintopolkuni ajan. Leo jakoi kanssani k\u00e4yt\u00e4nn\u00f6n tietoa yritystoiminnasta, liiketoiminnan kehitt\u00e4misest\u00e4 ja markkinoinnista. H\u00e4nen avullaan opin tuottamaan mediasis\u00e4lt\u00f6j\u00e4, suunnittelemaan esitteit\u00e4 ja valmistamaan muita markkinointimateriaaleja. H\u00e4nen tukensa auttoi minua my\u00f6s suorittamaan autokoulun loppuun.<\/p>\n        <p>Leo ja Veera antoivat minulle mahdollisuuksia kokeilla osaamistani erilaisissa teht\u00e4viss\u00e4 ja l\u00f6yt\u00e4\u00e4 omia vahvuuksiani. Heid\u00e4n pitk\u00e4j\u00e4nteisesti rakentamansa yritystoiminta ja ty\u00f6 rauhan, toivon ja rakkauden edist\u00e4miseksi ovat n\u00e4ytt\u00e4neet minulle, miten yritt\u00e4jyys, luovuus ja muiden auttaminen voivat parhaimmillaan kulkea rinnakkain.<\/p>\n        <div class=\"skt-support-links\" aria-label=\"Leo ja Veera Reinikaisen toiminta\">\n          <a href=\"https:\/\/www.vh-agentuuri.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\">VH-Agentuuri Oy <span aria-hidden=\"true\">\u2197<\/span><\/a>\n          <a href=\"https:\/\/www.rauhankyyhky.fi\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rauhankyyhky S\u00e4\u00e4ti\u00f6 sr <span aria-hidden=\"true\">\u2197<\/span><\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"skt-support-wide\">\n        <span>04<\/span>\n        <h3>Sallan lukion t\u00e4rke\u00e4t ihmiset<\/h3>\n        <p>Sirkka Takkunen toimi hankkeen kuraattorina, ja h\u00e4nest\u00e4 tuli meille kuin suomalainen \u00e4iti. Kiit\u00e4n my\u00f6s Sallan lukion rehtoria Leena Hautaj\u00e4rve\u00e4 sek\u00e4 matematiikanopettajaani Jyrki\u00e4. Heid\u00e4n tukensa auttoi tekem\u00e4\u00e4n uudesta koulusta paikan, jossa pystyin kasvamaan ja rakentamaan tulevaisuuttani.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"skt-cta\" aria-labelledby=\"skt-cta-title\">\n    <div>\n      <p class=\"skt-eyebrow\">SINUN SUUNTASI<\/p>\n      <h2 id=\"skt-cta-title\">Sinun ei tarvitse rakentaa kaikkea yksin.<\/h2>\n      <p>Jos tarvitset k\u00e4yt\u00e4nn\u00f6n tukea suomen kieleen, ty\u00f6el\u00e4m\u00e4\u00e4n, kotoutumiseen tai organisaatiosi monikieliseen arkeen, aloitetaan keskustelusta.<\/p>\n    <\/div>\n    <div class=\"skt-actions\">\n      <a class=\"skt-button skt-button-primary\" href=\"mailto:suomen.kompassi@outlook.com\">Ota yhteytt\u00e4<\/a>\n      <a class=\"skt-button skt-button-secondary\" href=\"\/ratkaisut\/\">Tutustu koulutuksiin<\/a>\n    <\/div>\n  <\/section>\n\n<\/main>\n","protected":false},"excerpt":{"rendered":"<p>SUOMEN KOMPASSI OY \u00b7 TIETOA En tullut Suomeen valmiin kartan kanssa. Rakensin sen itse. Nyt autan muita l\u00f6yt\u00e4m\u00e4\u00e4n Suomessa oman suuntansa \u2014 k\u00e4yt\u00e4nn\u00f6nl\u00e4heisesti, ihmisl\u00e4heisesti ja tavoitteellisesti. Ota yhteytt\u00e4 Tutustu koulutuksiin VH PERUSTAJA JA KOULUTTAJA Vladlena Hokkanen, FM Kieli-, koulutus- ja kotoutumisasiantuntija 15-vuotiaana yksin Suomeen FM 2024 Jyv\u00e4skyl\u00e4n yliopisto Suomen Kompassi Oy kokemuksesta syntynyt yritys KAIKKI&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":18,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/186"}],"wp:attachment":[{"href":"https:\/\/www.suomenkompassi.fi\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}