{"id":70,"date":"2026-09-07T11:52:05","date_gmt":"2026-09-07T11:52:05","guid":{"rendered":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/?page_id=70"},"modified":"2026-10-16T13:53:31","modified_gmt":"2026-10-16T13:53:31","slug":"workshop","status":"publish","type":"page","link":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/?page_id=70","title":{"rendered":"[POISTA \u2013 vanha] Workshop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"70\" class=\"elementor elementor-70\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf1b0b e-con-full e-flex e-con e-parent\" data-id=\"fcf1b0b\" data-element_type=\"container\" data-e-type=\"container\" id=\"YHT\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4a9cb5a e-con e-atomic-element e-flexbox-base e-589176e \" data-id=\"4a9cb5a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a9cb5a\">\n    \t\t<div class=\"elementor-element elementor-element-bd379c2 elementor-widget elementor-widget-ucaddon_etusivu_hero\" data-id=\"bd379c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_etusivu_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Etusivu HERO -->\n<style>\/* widget: Etusivu HERO *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Libre+Baskerville:wght@700&display=swap');\n\n.luova-agency-widget {\n  --c-primary: #c91923; \n  --c-secondary: #05514d; \n  --c-black: #000000; \n  --c-white: #ffffff; \n  --c-light-red: #fd8f90; \n  --c-pale-red: #ffdadb; \n  --c-light-green: #dff3f1; \n\n  --font-heading: 'Libre Baskerville', serif; \n  --font-body: 'Atkinson Hyperlegible', sans-serif; \n\n  font-family: var(--font-body);\n  background-color: var(--c-pale-red);\n  color: var(--c-black);\n  position: relative;\n  overflow: hidden;\n  padding: 40px 5%;\n  border-radius: 40px;\n  box-sizing: border-box;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.luova-agency-widget * {\n  box-sizing: border-box;\n}\n\n@keyframes smoothFadeUp {\n  from { opacity: 0; transform: translateY(60px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fluidShape {\n  0% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\n  33% { transform: translate(50px, -50px) scale(1.1) rotate(15deg); border-radius: 60% 40% 30% 70% \/ 50% 60% 40% 50%; }\n  66% { transform: translate(-30px, 30px) scale(0.9) rotate(-5deg); border-radius: 50% 60% 40% 60% \/ 40% 50% 60% 40%; }\n  100% { transform: translate(0, 0) scale(1) rotate(0deg); border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\n}\n\n@keyframes pulseStar {\n  0% { transform: scale(1) rotate(0deg); opacity: 0.8; }\n  50% { transform: scale(1.15) rotate(10deg); opacity: 1; }\n  100% { transform: scale(1) rotate(0deg); opacity: 0.8; }\n}\n\n.bg-massive-blob {\n  position: absolute;\n  top: -150px;\n  right: -10%;\n  width: 65vw;\n  height: 65vw;\n  max-width: 900px;\n  max-height: 900px;\n  background: radial-gradient(circle, var(--c-light-red) 0%, rgba(253,143,144,0) 70%);\n  animation: fluidShape 20s cubic-bezier(0.25, 1, 0.5, 1) infinite alternate;\n  z-index: 0;\n  opacity: 0.7;\n  filter: blur(40px);\n}\n\n.bg-modern-star {\n  position: absolute;\n  top: 50px;\n  right: 15%;\n  width: 120px;\n  height: 120px;\n  background-color: var(--c-primary);\n  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n  animation: pulseStar 8s ease-in-out infinite;\n  z-index: 1;\n}\n\n.luova-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--c-white);\n  padding: 20px 50px;\n  border-radius: 60px;\n  margin-bottom: 60px;\n  box-shadow: 0 15px 40px rgba(0,0,0,0.06);\n  position: relative;\n  z-index: 10;\n  animation: smoothFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.luova-logo {\n  font-family: var(--font-heading);\n  font-weight: 700;\n  font-size: 2rem;\n  color: var(--c-primary);\n  text-decoration: none;\n  letter-spacing: -1px;\n}\n\n.luova-nav-links a {\n  font-weight: 700;\n  color: var(--c-secondary);\n  text-decoration: none;\n  margin-left: 35px;\n  font-size: 1.1rem;\n  transition: color 0.3s ease;\n}\n.luova-nav-links a:hover { color: var(--c-primary); }\n\n.luova-hero {\n  display: flex;\n  align-items: center;\n  gap: 60px;\n  margin-bottom: 80px;\n  position: relative;\n  z-index: 5;\n  flex: 1;\n}\n\n.luova-hero-content {\n  flex: 1.1;\n  animation: smoothFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  animation-delay: 0.15s;\n  opacity: 0;\n}\n\n.luova-hero h1 {\n  font-family: var(--font-heading);\n  font-size: 4.5rem;\n  font-weight: 700;\n  color: var(--c-primary);\n  line-height: 1.05;\n  margin-bottom: 30px;\n  letter-spacing: -2.5px;\n}\n\n.luova-hero p {\n  font-size: 1.25rem;\n  line-height: 1.6;\n  margin-bottom: 40px;\n  color: var(--c-secondary);\n  max-width: 95%;\n}\n\n.luova-btn {\n  display: inline-block;\n  background-color: var(--c-primary);\n  color: var(--c-white);\n  padding: 20px 50px;\n  border-radius: 50px;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 1.2rem;\n  box-shadow: 0 15px 30px rgba(201, 25, 35, 0.25);\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.luova-btn:hover {\n  transform: translateY(-8px) scale(1.02);\n  background-color: var(--c-secondary);\n  box-shadow: 0 20px 40px rgba(5, 81, 77, 0.35);\n}\n\n.luova-hero-image {\n  flex: 1.3;\n  border-radius: 50px 50px 0 50px;\n  overflow: hidden;\n  position: relative;\n  box-shadow: 0 25px 60px rgba(0,0,0,0.12);\n  animation: smoothFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  animation-delay: 0.3s;\n  opacity: 0;\n}\n\n.luova-hero-image img {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.luova-hero-image:hover img {\n  transform: scale(1.06);\n}\n\n.luova-services-wrapper {\n  position: relative;\n  z-index: 5;\n  padding: 60px 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: nowrap;\n  width: 100%;\n  max-width: 1400px;\n  margin: 0 auto;\n  animation: smoothFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  animation-delay: 0.45s;\n  opacity: 0;\n}\n\n.luova-card {\n  width: 320px; \n  min-height: 420px;\n  margin: 0 -25px; \n  padding: 45px 35px;\n  border-radius: 24px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 20px 45px rgba(0,0,0,0.1);\n  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  cursor: pointer;\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n}\n\n.luova-card::before {\n  content: '';\n  position: absolute;\n  bottom: -60px;\n  right: -60px;\n  width: 250px;\n  height: 250px;\n  background: rgba(255,255,255,0.12);\n  border-radius: 40% 60% 30% 70%;\n  z-index: 0;\n  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.luova-card-content {\n  position: relative;\n  z-index: 1;\n}\n\n.card-num {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 45px;\n  height: 45px;\n  background: rgba(255,255,255,0.3);\n  border-radius: 50%;\n  font-weight: 700;\n  font-size: 1rem;\n  margin-bottom: 30px;\n}\n\n.luova-card h3 {\n  font-family: var(--font-heading);\n  font-size: 2.2rem;\n  font-weight: 700;\n  margin-bottom: 20px;\n  line-height: 1.05;\n  letter-spacing: -1px;\n}\n\n.luova-card p {\n  font-size: 1.05rem;\n  line-height: 1.6;\n  opacity: 0.95;\n}\n\n.card-1 { \n  background-color: var(--c-secondary); \n  color: var(--c-white); \n  transform: rotate(-6deg) translateY(20px); \n  z-index: 1;\n}\n.card-2 { \n  background-color: var(--c-primary); \n  color: var(--c-white); \n  transform: rotate(-2deg) translateY(-10px); \n  z-index: 2;\n}\n.card-3 { \n  background-color: var(--c-light-red); \n  color: var(--c-black); \n  transform: rotate(2deg) translateY(10px); \n  z-index: 3;\n}\n.card-4 { \n  background-color: var(--c-light-green); \n  color: var(--c-secondary); \n  transform: rotate(6deg) translateY(-20px); \n  z-index: 4;\n}\n\n.luova-card:hover {\n  transform: rotate(0deg) translateY(-40px) scale(1.08);\n  z-index: 10;\n  box-shadow: 0 35px 70px rgba(0,0,0,0.18);\n}\n.luova-card:hover::before {\n  transform: scale(1.6) rotate(35deg);\n}\n\n@media (max-width: 1200px) {\n  .luova-hero h1 { font-size: 3.8rem; }\n  .luova-card { width: 280px; margin: 0 -15px; }\n}\n\n@media (max-width: 992px) {\n  .luova-hero { flex-direction: column; text-align: center; gap: 40px; }\n  .luova-hero-content { align-items: center; display: flex; flex-direction: column; }\n  .luova-nav-links { display: none; }\n  .luova-nav { justify-content: center; }\n  .luova-services-wrapper { flex-wrap: wrap; margin-top: 40px; }\n  .luova-card { margin: 15px; transform: rotate(0) translateY(0); width: calc(50% - 30px); }\n}\n\n@media (max-width: 768px) {\n  .luova-hero h1 { font-size: 3rem; }\n  .luova-card { width: 100%; margin: 15px 0; }\n  .bg-massive-blob, .bg-modern-star { opacity: 0.3; } \n}\n\n<\/style>\n\n<div class=\"luova-agency-widget\">\n  <div class=\"bg-massive-blob\"><\/div>\n  <div class=\"bg-modern-star\"><\/div>\n\n  <nav class=\"luova-nav\">\n    <a href=\"\" class=\"luova-logo\">Testi 1243<\/a>\n    <div class=\"luova-nav-links\">\n      <a href=\"\"><\/a>\n      <a href=\"\"><\/a>\n      <a href=\"\"><\/a>\n      <a href=\"\"><\/a>\n    <\/div>\n  <\/nav>\n\n  <header class=\"luova-hero\">\n    <div class=\"luova-hero-content\">\n      <h1><\/h1>\n      <p><\/p>\n      <a href=\"\" class=\"luova-btn\"><\/a>\n    <\/div>\n    \n    <div class=\"luova-hero-image\">\n      <img decoding=\"async\" src=\"\" alt=\"\">\n    <\/div>\n  <\/header>\n\n  <section class=\"luova-services-wrapper\" id=\"palvelut\">\n    \n    <a href=\"\" class=\"luova-card card-1\">\n      <div class=\"luova-card-content\">\n        <span class=\"card-num\"><\/span>\n        <h3><\/h3>\n        <p><\/p>\n      <\/div>\n    <\/a>\n    \n    <a href=\"\" class=\"luova-card card-2\">\n      <div class=\"luova-card-content\">\n        <span class=\"card-num\"><\/span>\n        <h3><\/h3>\n        <p><\/p>\n      <\/div>\n    <\/a>\n    \n    <a href=\"\" class=\"luova-card card-3\">\n      <div class=\"luova-card-content\">\n        <span class=\"card-num\"><\/span>\n        <h3><\/h3>\n        <p><\/p>\n      <\/div>\n    <\/a>\n    \n    <a href=\"\" class=\"luova-card card-4\">\n      <div class=\"luova-card-content\">\n        <span class=\"card-num\"><\/span>\n        <h3><\/h3>\n        <p><\/p>\n      <\/div>\n    <\/a>\n\n  <\/section>\n<\/div>\n<!-- end Etusivu HERO -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_etusivu_hero<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-70","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=70"}],"version-history":[{"count":8,"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=\/wp\/v2\/pages\/70\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/funny-magenta-eagle.157-180-92-33.cpanel.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}