PageSourceSearch

https://serlachius.fi/

html serlachius.fi collected 2026-10-02 10:33:58 UTC 166,960 bytes, 1,491 lines download raw bytes

1<!DOCTYPE html>
2
3<html lang="fi">
4
5
6<head>
7
8    <meta charset="utf-8">
9<script>
10var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});
11</script>
11
12
13    <meta name="viewport" content="initial-scale=1.0,width=device-width">
14
15    <title>Etusivu | Serlachius</title>
16
17    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
18<link rel="alternate" href="https://serlachius.fi/" hreflang="fi" />
19<link rel="alternate" href="https://serlachius.fi/en/" hreflang="en" />
20<link rel="alternate" href="https://serlachius.fi/sv/" hreflang="sv" />
21<link rel="alternate" href="https://serlachius.fi/ja/" hreflang="ja" />
22
23	<!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ -->
24	<meta name="description" content="Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville." />
25	<link rel="canonical" href="https://serlachius.fi/" />
26	<meta property="og:locale" content="fi_FI" />
27	<meta property="og:locale:alternate" content="en_GB" />
28	<meta property="og:locale:alternate" content="sv_SE" />
29	<meta property="og:locale:alternate" content="ja_JP" />
30	<meta property="og:type" content="website" />
31	<meta property="og:title" content="Etusivu | Serlachius" />
32	<meta property="og:description" content="Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville." />
33	<meta property="og:url" content="https://serlachius.fi/" />
34	<meta property="og:site_name" content="Serlachius" />
35	<meta property="article:modified_time" content="2026-09-28T05:17:32+00:00" />
36	<meta name="twitter:card" content="summary_large_image" />
37	
37<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serlachius.fi\/","url":"https:\/\/serlachius.fi\/","name":"Etusivu | Serlachius","isPartOf":{"@id":"https:\/\/serlachius.fi\/#website"},"datePublished":"2025-02-05T20:28:01+00:00","dateModified":"2026-09-28T05:17:32+00:00","description":"Serlachius on taidekohde Mäntän kulttuurimaisemassa. Tarjoamme kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville.","breadcrumb":{"@id":"https:\/\/serlachius.fi\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serlachius.fi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/serlachius.fi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Koti"}]},{"@type":"WebSite","@id":"https:\/\/serlachius.fi\/#website","url":"https:\/\/serlachius.fi\/","name":"Serlachius","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serlachius.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}</script>
37
38	<!-- / Yoast SEO plugin. -->
39
40
41<link rel='dns-prefetch' href='//fonts.googleapis.com' />
42<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
43<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://serlachius.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserlachius.fi%2F&#038;lang=fi" />
44<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://serlachius.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fserlachius.fi%2F&#038;format=xml&#038;lang=fi" />
45<style id="wp-img-auto-sizes-contain-inline-css">
46img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
47/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
48</style>
49<style id="wp-emoji-styles-inline-css">
50
51	img.wp-smiley, img.emoji {
52		display: inline !important;
53		border: none !important;
54		box-shadow: none !important;
55		height: 1em !important;
56		width: 1em !important;
57		margin: 0 0.07em !important;
58		vertical-align: -0.1em !important;
59		background: none !important;
60		padding: 0 !important;
61	}
62/*# sourceURL=wp-emoji-styles-inline-css */
63</style>
64<style id="wp-block-library-inline-css">
65:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
65--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
66
67/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
68</style>
69<style id="wp-block-button-inline-css">
70.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1% - var(--wp--style--block-gap, .5em)*(1 - var(--wp--block-button--width)/100))}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button[class*=wp-block-button__width]{width:calc(var(--wp--block-button--width)*1%)}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:transparent;background-image:none}
71/*# sourceURL=https://serlachius.fi/wp-includes/blocks/button/style.min.css */
72</style>
73<style id="wp-block-paragraph-inline-css">
74.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
75/*# sourceURL=https://serlachius.fi/wp-includes/blocks/paragraph/style.min.css */
76</style>
77
78
79<style id="global-styles-inline-css">
80:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--red: #FF0000;--wp--preset--color--blue: #0000FF;--wp--preset--color--green: #00FF00;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
800) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-red-color{color: var(--wp--preset--color--red) !important;}.has-blue-color{color: var(--wp--preset--color--blue) !important;}.has-green-color{color: var(--wp--preset--color--green) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-background-color{background-color: var(--wp--preset--color--red) !important;}.has-blue-background-color{background-color: var(--wp--preset--color--blue) !important;}.has-green-background-color{background-color: var(--wp--preset--color--green) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-red-border-color{border-color: var(--wp--preset--color--red) !important;}.has-blue-border-color{border-color: var(--wp--preset--color--blue) !important;}.has-green-border-color{border-color: var(--wp--preset--color--green) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
80.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
81/*# sourceURL=global-styles-inline-css */
82</style>
83
84<link rel='stylesheet' id='theme-global-css' href='https://serlachius.fi/wp-content/themes/theme/assets/build/css/global-74baf7ae31.css' media='all' />
85<link rel='stylesheet' id='theme-tailwind-css' href='https://serlachius.fi/wp-content/themes/theme/assets/build/css/tailwind-1aa07d960b.css?ver=1' media='all' />
86<link rel='stylesheet' id='material-icons-css' href='https://fonts.googleapis.com/icon?family=Material+Icons&#038;ver=1' media='all' />
87<link rel='stylesheet' id='swiper-css-css' href='https://serlachius.fi/wp-content/themes/theme/node_modules/swiper/swiper-bundle.min.css?ver=7.1.2' media='all' />
88<link rel='stylesheet' id='glightbox-css-css' href='https://serlachius.fi/wp-content/themes/theme/node_modules/glightbox/dist/css/glightbox.min.css?ver=7.1.2' media='all' />
89<script id="jquery-core-js" src="https://serlachius.fi/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 89
89
90<script id="jquery-migrate-js" src="https://serlachius.fi/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 90
90
91<script id="swiper-js-js" src="https://serlachius.fi/wp-content/themes/theme/node_modules/swiper/swiper-bundle.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 91
91
92<script id="glightbox-js-js" src="https://serlachius.fi/wp-content/themes/theme/node_modules/glightbox/dist/js/glightbox.min.js?ver=7.1.2"></script>
92
93<link rel="https://api.w.org/" href="https://serlachius.fi/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://serlachius.fi/wp-json/wp/v2/pages/110" /><link rel='shortlink' href='https://serlachius.fi/' />
94<style>.post-thumbnail img[src$='.svg'] { width: 100%; height: auto; }</style><link rel="icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-32x32.jpg" sizes="32x32" />
95<link rel="icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-192x192.jpg" sizes="192x192" />
96<link rel="apple-touch-icon" href="https://serlachius.fi/wp-content/uploads/cropped-favicon-180x180.jpg" />
97<meta name="msapplication-TileImage" content="https://serlachius.fi/wp-content/uploads/cropped-favicon-270x270.jpg" />
98
99    <!-- Google Consent Mode -->
100    
100<script data-cookieconsent="ignore">
101        window.dataLayer = window.dataLayer || [];
102        function gtag() {
103            dataLayer.push(arguments)
104        }
105        gtag("consent", "default", {
106            ad_personalization: "denied",
107            ad_storage: "denied",
108            ad_user_data: "denied",
109            analytics_storage: "denied",
110            functionality_storage: "denied",
111            personalization_storage: "denied",
112            security_storage: "granted",
113            wait_for_update: 500
114        });
115        gtag("set", "ads_data_redaction", true);
116        gtag("set", "url_passthrough", false);
117    </script>
117
118    <!-- End Google Consent Mode-->
119
120    <!-- Google Tag Manager -->
121    
121<script data-cookieconsent="ignore">
vendor: 368 bytes, lines 121-126
121
122        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
123        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
124        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
125        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
126        })(window,document,'script','dataLayer','
126GTM-5TKMSJN
vendor: 8 bytes, lines 126-127
126');
127    
127</script>
127
128    <!-- End Google Tag Manager -->
129
130    <!-- Cookiebot CMP-->
131    
131<script
132        id="Cookiebot"
133        src="https://consent.cookiebot.com/uc.js"
134        data-cbid="cd762162-fd54-45a8-87d9-8d802bd5ac6b"
135        data-blockingmode="auto"
136        type="text/javascript">
137    </script>
137
138    <!-- End Cookiebot CMP-->
139
140</head>
141
142<body class="home wp-singular page-template-default page page-id-110 wp-embed-responsive wp-theme-theme theme-white">
143    
144<header class="home top-0 group-[.scrolled]:h-auto h-screen flex flex-col vw-full w-full transition-all group bg-serlachius-black duration-0 z-50" id="header" role="banner">
145            <section class="relative flex-grow min-h-0 group-[.scrolled]:hidden header-image" aria-hidden="true">
146            
147    <div class="relative h-full video-container">
148        <div class="absolute inset-0 w-full h-full video-embed">
149            <iframe src="https://player.vimeo.com/video/1083879779?background=1&autoplay=1&loop=1&byline=0&title=0&muted=1&dnt=1"
150                data-cookieconsent="ignore"
151                frameborder="0"
152                allow="autoplay; fullscreen"
153                webkitallowfullscreen
154                mozallowfullscreen
155                allowfullscreen
156                class="object-cover w-full h-full"
157                title="Background Video">
158            </iframe>
159        </div>
160
161        <div class="absolute inset-0 z-10 w-full h-full transition-opacity duration-1000 ease-in-out video-placeholder">
162            <img src="https://serlachius.fi/wp-content/uploads/ilmakuva_2017_kuva_ollihuttunen_1mega-scaled.jpg" alt="" class="block object-cover w-full h-full max-h-full">
163        </div>
164    </div>
165            <div class="absolute bottom-0 left-0 w-full">
166                
167<section class="max-w-[1440px] mx-auto px-grid-margins mb-grid-margins lg:mb-contents">
168    <div class="flex flex-col rounded-sm cursor-pointer notice-toggle w-fit bg-serlachius-black px-objects py-objects">
169        <div class="flex justify-between items-center">
170            <p class="m-0 font-medium uppercase font-franklin text-h6 text-serlachius-white mr-contents md:m-0">Serlachius on auki klo 11:00-18:00</p>
171            <span class="material-icons text-serlachius-white ml-none lg:ml-xl " aria-hidden="true">info</span>
172        </div>
173        <div class="hidden notice-content mt-m">
174            <p class="font-franklin text-caption text-serlachius-white mb-sm">Ravintola Gösta on auki klo 11:00-17:00</p>
175                    </div>
176            </div>
177</section>            </div>
178        </section>
179    
180    <div class="flex-shrink-0 w-full max-w-[1440px] mx-auto py-grid-margins px-grid-margins lg:pb-groups lg:pt-lg">
181        <section class="grid grid-cols-5 auto-cols-auto lg:gap-4 lg:grid-cols-12 text-serlachius-white">
182            <!-- Left content -->
183            <aside class="flex col-span-2 items-center lg:col-span-4 gap-groups">
184                    <div class="wp-block-button is-style-btn-primary-red">
185        <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a>
186    </div>
187                <div class="flex hidden gap-contents lg:flex">
188                        <a href="https://serlachius.fi/?s=" class="text-serlachius-white flex items-center search gap-atoms hover:text-serlachius-accent hover:no-underline text-serlachius-black" aria-label="Avaa haku">
189        <span class="material-icons text-serlachius-white" aria-hidden="true">search</span>
190        Haku    </a>
191                    
192<div class="language-switcher theme-dark dropdown" role="navigation" aria-label="Kielivalitsin">
193    <select name="lang_choice_1" id="lang_choice_1" class="pll-switcher-select">
194	<option value="https://serlachius.fi/" lang="fi" selected='selected' data-lang="{&quot;id&quot;:0,&quot;name&quot;:&quot;fi&quot;,&quot;slug&quot;:&quot;fi&quot;,&quot;dir&quot;:0}">fi</option>
195	<option value="https://serlachius.fi/en/" lang="en-GB" data-lang="{&quot;id&quot;:0,&quot;name&quot;:&quot;en&quot;,&quot;slug&quot;:&quot;en&quot;,&quot;dir&quot;:0}">en</option>
196	<option value="https://serlachius.fi/sv/" lang="sv-SE" data-lang="{&quot;id&quot;:0,&quot;name&quot;:&quot;sv&quot;,&quot;slug&quot;:&quot;sv&quot;,&quot;dir&quot;:0}">sv</option>
197	<option value="https://serlachius.fi/ja/" lang="ja" data-lang="{&quot;id&quot;:0,&quot;name&quot;:&quot;ja&quot;,&quot;slug&quot;:&quot;ja&quot;,&quot;dir&quot;:0}">ja</option>
198
199</select>
200<script type="text/javascript">
201					document.getElementById( "lang_choice_1" ).addEventListener( "change", function ( event ) { location.href = event.currentTarget.value; } )
202				</script>
202</div>                </div>
203            </aside>
204
205            <!-- Logo  -->
206            <div class="flex justify-center col-span-6 col-start-1 mt-lg  order-last lg:order-last lg:col-span-12 lg:group-[.scrolled]:col-span-4 lg:group-[.scrolled]:order-none lg:group-[.scrolled]:mt-none group-[.scrolled]:hidden lg:group-[.scrolled]:flex transition-all duration-0">
207                <a href="https://serlachius.fi/" aria-label="Go to homepage" class="w-full">
208                    <img class="w-full" src="https://serlachius.fi/wp-content/themes/theme/assets/img/serlachius-white.svg" alt="Serlachius logo">
209                </a>
210            </div>
211
212            <!-- Right content -->
213            <aside class="flex col-span-4 col-start-3 justify-end items-center lg:col-start-9 gap-group">
214                <nav class="header-top-menu hidden lg:flex" aria-label="Päänavigaatio"><ul id="menu-header-top-fi" class="menu"><li id="menu-item-1016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li>
215<li id="menu-item-1013" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li>
216<li id="menu-item-2137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2137"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li>
217</ul></nav>                <div id="hamburger" class="hidden cursor-pointer ml-groups lg:block">
218                    <span class="transition-transform duration-300 material-icons">menu</span>
219                </div>
220                <button id="mobile-hamburger" class="flex items-center justify-center w-[43px] h-[43px] border rounded cursor-pointer lg:hidden border-serlachius-accent" aria-expanded="false" aria-controls="mobile-menu" aria-label="Avaa menu">
221                    <span class="material-icons text-[18px] menu-icon">menu</span>
222                </button>
223            </aside>
224        </section>
225        
226                <section class="justify-center w-full bg-serlachius-black pt-contents group-[.scrolled]:hidden">
227            <div class="grid grid-cols-5 w-full lg:grid-cols-12">
228                <p class="flex order-1 col-span-5 justify-center items-center uppercase whitespace-nowrap text-serlachius-white font-franklin text-breadcrumb shrink-0 pb-datas lg:pb-none lg:col-span-4 lg:order-3">Taidekohde Mäntän kulttuurimaisemassa</p>
229                <p class="flex order-2 col-span-1 items-center text-serlachius-white text-body shrink-0 lg:order-1">1933</p>
230                <div class="bg-serlachius-white h-[1px] grow col-span-3 order-3 lg:order-2 self-center lg:mr-datas"></div>
231                <p class="flex order-4 col-span-1 justify-end items-center text-serlachius-white text-body shrink-0 lg:order-5">2026</p>
232                <div class="bg-serlachius-white h-[1px] grow hidden lg:block col-span-3 order-5 lg:order-4 self
232-center lg:ml-datas"></div>
233            </div>
234        </section>
235            </div>
236
237    <!-- Desktop menu -->
238    <div id="desktop-menu" class="fixed left-0 w-full h-0 !overflow-hidden transition-all duration-300 ease-out bg-white z-90" aria-hidden="true">
239    <div class="max-w-[1440px] mx-auto pl-grid-margins flex">
240
241        <!-- Main menu section -->
242        <div class="w-1/4 min-w-[466px] pr-grid-gutter py-groups">
243            <nav class="desktop-main-navigation" aria-label="Päänavigointivalikko"><ul id="menu-navigation-menu-1-fi" class="menu"><li id="menu-item-2139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li>
244<li id="menu-item-2140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li>
245<li id="menu-item-13279" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li>
246<li id="menu-item-2141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li>
247<li id="menu-item-2142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li>
248<li id="menu-item-10027" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li>
249<li id="menu-item-4232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li>
250</ul></nav>        </div>
251
252        <!-- Secondary menus section -->
253        <div class="flex w-3/4 bg-serlachius-accent">
254            <div class="w-1/4 min-w-[326px] px-grid-gutter py-groups">
255                <nav class="desktop-secondary-navigation" aria-label="Navigointivalikko"><ul id="menu-navigation-menu-2-fi" class="menu"><li id="menu-item-4230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li>
256<li id="menu-item-3676" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li>
257<li id="menu-item-4231" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li>
258<li id="menu-item-6512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li>
259<li id="menu-item-6127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li>
260<li id="menu-item-3670" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li>
261<li id="menu-item-3669" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li>
262<li id="menu-item-3671" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li>
263</ul></nav>    <div class="wp-block-button is-style-btn-primary-white">
264        <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a>
265    </div>
266            </div>
267        </div>
268    </div>
269</div>
270    <!-- Mobile menu -->
271    <div id="mobile-menu" class="overflow-auto w-full max-h-0 opacity-0 transition-all duration-300 ease-in-out theme-white bg-serlachius-white z-90" aria-hidden="true">
272    <div class="flex flex-col h-full">
273
274        <!-- Logo and close button -->
275        <div class="flex justify-between items-center px-grid-margins py-grid-margins">
276
277            <!-- Logo -->
278            <div class="flex justify-center">
279                
280<a href="https://serlachius.fi/" aria-label="Go to homepage">
281    <svg class="w-[265px]" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 222.04 25.96" width="360" height="auto" aria-label="Serlachius logo" style="fill: var(--color-serlachius-black);">
282    <path d="M1.06,14.96c.33,2.58.58,3.57,1.38,5.24,1.6,3.28,4.3,4.62,6.77,4.62s4.41-1.6,4.41-3.71c0-2.8-3.6-4.33-6.04-5.39-3.6-1.53-4.33-2.26-5.17-3.02C.87,11.07.18,9.32.18,7.1.18,2.88,2.73.07,6.59.07c2,0,3.97.95,5.64,2.73.8-.76,1.09-1.27,1.57-2.69h1.09v8.85h-1.06c-.62-2.66-1.06-3.68-2.15-5.06-1.38-1.78-3.2-2.73-5.28-2.73-2.29,0-4.11,1.42-4.11,3.24,0,1.6,1.46,2.8,5.53,4.55,3.35,1.46,8.12,3.6,8.12,9.54,0,4.3-2.88,7.43-6.92,7.43-3.28,0-5.46-2.26-6.33-3.13-.87.95-1.13,1.46-1.6,3.13H0v-10.96h1.06Z" />
283    <path d="M18.32,25.16v-1.09h1.86c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.46l-.04-1.09h21.63v9.03h-1.13c-.55-2.51-1.46-4.37-2.77-5.72-1.57-1.6-3.06-2.22-5.46-2.22-1.97,0-2.44.36-2.44,1.93v8.52h.62c.62,0,1.78-.44,2.48-.91,1.86-1.31,2-3.39,2.11-4.62h1.09v12.49h-1.13c0-2.33-1.17-5.83-5.17-5.83v9.07c0,1.17.51,1.71,1.67,1.71h2c1.93,0,6.15-1.86,7.46-8.05h1.13v9.14h-22.14Z" />
284    <path d="M42.89,24.07h1.27c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-.95V.62h12.96c5.35,0,8.67,2.29,8.67,6.08,0,2.22-1.35,4.19-3.68,5.28-1.6.73-3.64.95-5.32,1.09,5.13,1.06,7.65,3.57,7.94,7.9.11,1.89.51,2.66,1.35,2.66s1.53-1.24,1.53-2.84v-3.57h1.09v3.64c0,2.8-1.89,4.66-4.77,4.66s-4.73-1.78-4.99-5.06l-.07-.8c-.36-4.3-1.64-6.26-4.04-6.26h-1.38v8.05c0,2.33.22,2.62,1.97,2.62h1.71v1.09h-12.96v-1.09ZM52.18,12.31h1.31c2.91,0,4.77-.15,4.77-5.35,0-2.29-.36-3.68-1.17-4.51-.44-.47-.91-.66-1.97-.73h-1.46c-.87,0-1.49.62-1.49,1.49v9.1Z" />
285    <path d="M69.36,24.07h1.57c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.2V.62h13.36v1.09h-1.24c-2,0-2.66.66-2.66,2.62v17.18c0,1.64.91,2.55,2.48,2.55,3.64,0,6.81-3.64,7.46-8.56h1.09v9.65h-20.53v-1.09Z" />
286    <path d="M103.34.36h2.55l7.17,21.08c.58,1.75,1.57,2.62,2.88,2.62h.55v1.09h-11.5v-1.09h.87c1.24,0,1.86-.33,1.86-.95,0-.25-.04-.51-.15-.8l-1.42-4.26h-7.9c-.62,1.57-.8,2.26-.8,3.02,0,1.89,1.24,2.88,3.82,2.99v1.09h-9.47v-1.09c1.02-.11,3.24-.4,4.7-4.44L103.34.36ZM102.32,6.66l-3.46,9.65h6.7l-3.24-9.65Z" />
287    <path d="M134.54,16.24c-.22,5.75-3.6,9.68-8.34,9.68-5.5,0-9.14-4.81-9.14-11.98,0-4.22.8-7.43,2.37-9.76,1.13-1.67,3.35-4.19,6.81-4.19,2.04,0,3.35.66,4.99,2.48.73-.69,1.24-1.31,1.93-2.4h1.09v11.03h-1.06c-.55-3.35-.8-4.33-1.71-6.19-.76-1.6-2.51-3.68-4.44-3.68-.62,0-1.35.33-1.82.8-.98,1.02-1.42,3.5-1.42,8.08v6.3c0,4.08.4,6.08,1.46,7.17.62.62,1.42.98,2.26.98,3.06,0,5.72-3.71,5.93-8.34h1.09Z" />
288    <path d="M136.69.62h12.63v1.09h-.55c-1.97,0-2.58.62-2.58,2.62v7.25h7.86v-7.25c0-2-.62-2.62-2.58-2.62h-.51V.62h12.67v1.09h-1.24c-1.97,0-2.58.62-2.58,2.62v17.11c0,2.18.4,2.62,2.22,2.62h1.6v1.09h-12.71v-1.09h1.02c1.78,0,2.11-.4,2.11-2.62v-7.83h-7.86v7.83c0,2.29.25,2.62,2,2.62h1.09v1.09h-12.67v-1.09h1.57c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-1.17V.62Z" />
289    <path d="M165.42,24.07h1.2c1.86,0,2.26-.47,2.26-2.62V4.33c0-2-.62-2.62-2.58-2.62h-.87V.62h12.71v1.09h-.91c-1.97,0-2.58.62-2.58,2.62v17.11c0,2.33.22,2.62,1.97,2.62h1.53v1.09h-12.71v-1.09Z" />
290    <path d="M204.7,1.71c-2.4.36-3.53,2.15-3.53,5.53v10.41c0,5.28-3.09,8.3-8.52,8.3-3.09,0-5.46-.8-7.03-2.4-1.49-1.46-2.04-3.06-2.29-6.63V4.33c0-2-.62-2.62-2.58-2.62h-.95V.62h12.6v1.09h-.73c-2,0-2.62.66-2.62,2.62v14.09c0,4.41,1.42,6.3,4.7,6.3,3.71,0,6.3-2.77,6.3-6.7v-9.94c0-4-1.2-5.86-4.11-6.37V.62h8.77v1.09Z" />
291    <path d="M207.15,14.96c.33,2.58.58,3.57,1.38,5.24,1.6,3.28,4.3,4.62,6.77,4.62s4.41-1.6,4.41-3.71c0-2.8-3.6-4.33-6.04-5.39-3.6-1.53-4.33-2.26-5.17-3.02-1.53-1.64-2.22-3.39-2.22-5.61,0-4.22,2.55-7.03,6.41-7.03,2,0,3.97.95,5.64,2.73.8-.76,1.09-1.27,1.57-2.69h1.09v8.85h-1.06c-.62-2.66-1.06-3.68-2.15-5.06-1.38-1.78-3.2-2.73-5.28-2.73-2.29,0-4.11,1.42-4.11,3.24,0,1.6,1.46,2.8,5.53,4.55,3.35,1.46,8.12,3.6,8.12,9.54,0,4.3-2.88,7.43-6.92,7.43-3.28,0-5.46-2.26-6.33-3.13-.87.95-1.13,1.46-1.6,3.13h-1.09v-10.96h1.06Z" />
292    </svg>
293</a>            </div>
294            <div class="flex sticky top-0 z-10 justify-end bg-serlachius-white">
295                <button id="mobile-menu-close" class="flex items-center justify-center w-[43px] h-[43px] border rounded cursor-pointer" aria-label="Sulje valikko">
296                    <span class="material-icons text-[18px]">close</span>
297                </button>
298            </div>
299        </div>
300
301        <!-- Bottom section -->
302        <div class="flex justify-center items-center px-grid-margins gap-modules py-groups">
303                <a href="https://serlachius.fi/?s=" class="text-serlachius-beige-dark flex items-center search gap-atoms hover:text-serlachius-accent hover:no-underline text-serlachius-black" aria-label="Avaa haku">
304        <span class="material-icons text-serlachius-beige-dark" aria-hidden="true">search</span>
305        Haku    </a>
306            
307<div class="language-switcher theme-white list" role="navigation" aria-label="Kielivalitsin">
308    	<li class="lang-item lang-item-5 lang-item-fi current-lang lang-item-first"><a lang="fi" hreflang="fi" href="https://serlachius.fi/" aria-current="true">fi</a></li>
309	<li class="lang-item lang-item-8 lang-item-en"><a lang="en-GB" hreflang="en-GB" href="https://serlachius.fi/en/">en</a></li>
310	<li class="lang-item lang-item-18 lang-item-sv"><a lang="sv-SE" hreflang="sv-SE" href="https://serlachius.fi/sv/">sv</a></li>
311	<li class="lang-item lang-item-23 lang-item-ja"><a lang="ja" hreflang="ja" href="https://serlachius.fi/ja/">ja</a></li>
312</div>        </div>
313
314        <!-- Main menu -->
315        <div class="px-grid-margins py-modules">
316            <nav class="mobile-main-navigation" aria-label="Mobiilivalikon navigointi"><ul id="menu-navigation-menu-1-fi-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li>
317<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li>
318<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li>
319<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li>
320<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li>
321<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li>
322<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li>
323</ul></nav>        </div>
324
325        <!-- Secondary menu -->
326        <div class="h-full bg-serlachius-accent px-grid-margins pt-groups">
327            <nav class="mobile-secondary-navigation" aria-label="Mobiilivalikon navigointi"><ul id="menu-navigation-menu-2-fi-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li>
328<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li>
329<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li>
330<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li>
331<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li>
332<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li>
333<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li>
334<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li>
335</ul></nav>    <div class="wp-block-button is-style-btn-primary-white my-groups">
336        <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a>
337    </div>
338        </div>
339    </div>
340</div></header>
341
342</body>
343
344</html>
345<section  class="theme-dark">
346    <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules overflow-clip">
347        <span class="absolute left-0 lg:left-[-10px] z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-black p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-large-mobile-arrow-prev">
348            arrow_back
349        </span>
350        <span class="absolute right-0 lg:right-[-10px] z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-black p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-large-mobile-arrow-next">
351            arrow_forward
352        </span>
353        <div class="flex flex-col w-full text-center heading-row lg:mx-auto lg:flex-row lg:text-left lg:justify-between lg:max-w-viewport mb-sections">
354            <p class="text-h2">NÄYTTELYT</p>
355            <a class="text-serlachius-accent text-cta-secondary font-modern" href="https://serlachius.fi/nayttelyt/">Katso kaikki</a>
356        </div>
357        <div class="w-full swiper lg:max-w-viewport">
358            <div class="swiper-container lift-up-large-slider">
359                <div class="relative swiper-wrapper lg:pr-0">
360                    
361<a href="https://serlachius.fi/nayttely/anish-kapoor/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
362    <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between">
363                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">27.06.2026—</p>
364                <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Anish Kapoor</h3>
365                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">—04.04.2027</p>
366            </div>
367    <figure class="slide-image">
368        <div class="relative w-full pb-[66.67%]">
369            <div class="flex overflow-hidden absolute inset-0 justify-center items-center">
370                <img fetchpriority="high" decoding="async" width="1449" height="965" src="https://serlachius.fi/wp-content/uploads/ak9471.jpg" class="w-full h-full object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/ak9471.jpg 1449w, https://serlachius.fi/wp-content/uploads/ak9471-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/ak9471-1024x682.jpg 1024w, https://serlachius.fi/wp-content/uploads/ak9471-768x511.jpg 768w" sizes="(max-width: 1449px) 100vw, 1449px" />            </div>
371        </div>
372    </figure>
373    <div class="flex items-start mt-contents">
374        <div class="flex flex-wrap min-w-[40%] max-w-[60%]">
375                            <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Kartano</p>
376                        <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span>
377        </div>
378            </div>
379</a>                    
380<a href="https://serlachius.fi/nayttely/jalan/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
381    <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between">
382                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">26.09.2026—</p>
383                <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Jalan</h3>
384                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">—21.02.2027</p>
385            </div>
386    <figure class="slide-image">
387        <div class="relative w-full pb-[66.67%]">
388            <div class="flex overflow-hidden absolute inset-0 justify-center items-center">
389                <img decoding="async" width="1500" height="1273" src="https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia.jpeg" class="w-full h-full object-cover" alt="Marcus Collinin maalaus, jossa ihmisiä kävelemässä." srcset="https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia.jpeg 1500w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-300x255.jpeg 300w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-1024x869.jpeg 1024
389w, https://serlachius.fi/wp-content/uploads/marcus_collin_lumeluojia-768x652.jpeg 768w" sizes="(max-width: 1500px) 100vw, 1500px" />            </div>
390        </div>
391    </figure>
392    <div class="flex items-start mt-contents">
393        <div class="flex flex-wrap min-w-[40%] max-w-[60%]">
394                            <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Pääkonttori</p>
395                        <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span>
396        </div>
397            </div>
398</a>                    
399<a href="https://serlachius.fi/nayttely/kartanon-klassikot/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
400    <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between">
401                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">06.04.2019—</p>
402                <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Kartanon klassikot</h3>
403                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">—10.01.2027</p>
404            </div>
405    <figure class="slide-image">
406        <div class="relative w-full pb-[66.67%]">
407            <div class="flex overflow-hidden absolute inset-0 justify-center items-center">
408                <img decoding="async" width="1200" height="800" src="https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5.jpg" class="w-full h-full object-cover" alt="Klassikkoteoksia ja veistoksia ripustuksessa." srcset="https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5.jpg 1200w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/kartanon-klassikot-5-768x512.jpg 768w" sizes="(max-width: 1200px) 100vw, 1200px" />            </div>
409        </div>
410    </figure>
411    <div class="flex items-start mt-contents">
412        <div class="flex flex-wrap min-w-[40%] max-w-[60%]">
413                            <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Kartano</p>
414                        <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span>
415        </div>
416                    <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Taidesäätiön kokoelmateoksia</h4>
417            </div>
418</a>                    
419<a href="https://serlachius.fi/nayttely/mesenaatit/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
420    <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between">
421                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">15.06.2024—</p>
422                <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Mesenaatit</h3>
423                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-right lg:text-left text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">—31.12.2034</p>
424            </div>
425    <figure class="slide-image">
426        <div class="relative w-full pb-[66.67%]">
427            <div class="flex overflow-hidden absolute inset-0 justify-center items-center">
428                <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/patrons_5_web.jpeg" class="w-full h-full object-cover" alt="Punaisilla samettiverhoilla verhotussa huoneessa parrakkaan vanhan herran pronssinen rintakuva ja seinällä valokuvasuurennos, jossa hän istuu pyörätuolissa." srcset="https://serlachius.fi/wp-content/uploads/patrons_5_web.jpeg 1500w, https://serlachius.fi/wp-content/uploads/patrons_5_web-300x200.jpeg 300w, https://serlachius.fi/wp-content/uploads/patrons_5_web-1024x683.jpeg 1024
428w, https://serlachius.fi/wp-content/uploads/patrons_5_web-768x512.jpeg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />            </div>
429        </div>
430    </figure>
431    <div class="flex items-start mt-contents">
432        <div class="flex flex-wrap min-w-[40%] max-w-[60%]">
433                            <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Serlachius Pääkonttori</p>
434                        <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span>
435        </div>
436                    <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Serlachiuksen taidekokoelman tarina</h4>
437            </div>
438</a>                    
439<a href="https://serlachius.fi/nayttely/itse-toisena/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
440    <div class="flex flex-wrap card-header-section lg:flex-nowrap lg:items-end lg:justify-between">
441                    <p class="order-2 lg:order-none w-1/2 lg:w-auto text-body text-serlachius-green-light leading-[130%] whitespace-nowrap">10.08.2022—</p>
442                <h3 class="order-1 m-0 lg:order-none w-full lg:w-auto text-center text-serlachius-white text-h3 mb-contents">Itse toisena</h3>
443            </div>
444    <figure class="slide-image">
445        <div class="relative w-full pb-[66.67%]">
446            <div class="flex overflow-hidden absolute inset-0 justify-center items-center">
447                <img loading="lazy" decoding="async" width="1500" height="841" src="https://serlachius.fi/wp-content/uploads/itse-toisena.jpg" class="w-full h-full object-cover" alt="Näkymä virtuaaliseen näyttelytilaan" srcset="https://serlachius.fi/wp-content/uploads/itse-toisena.jpg 1500w, https://serlachius.fi/wp-content/uploads/itse-toisena-300x168.jpg 300w, https://serlachius.fi/wp-content/uploads/itse-toisena-1024x574.jpg 1024w, https://serlachius.fi/wp-content/uploads/itse-toisena-768x431.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />            </div>
448        </div>
449    </figure>
450    <div class="flex items-start mt-contents">
451        <div class="flex flex-wrap min-w-[40%] max-w-[60%]">
452                            <p class="text-body text-serlachius-green-light mr-contents leading-[130%]">Virtuaaalinen näyttelytila</p>
453                        <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap leading-[130%]">Lue lisää</span>
454        </div>
455                    <h4 class="text-h4 ml-auto text-right mt-0 text-serlachius-white">Teoksia Serlachiuksen taidesäätiön kokoelmasta</h4>
456            </div>
457</a>                                    </div>
458            </div>
459        </div>
460    </div>
461</section>
462
463
464
465
466<section  class="mt-modules mb-lg">
467    <div class="w-full px-grid-margins lg:mx-auto lg:max-w-viewport ingress">
468        <p class="text-ingress leading-[130%]"><span class="inline-block leading-[100%] w-[60%] uppercase font-medium text-serlachius-accent text-h4">TERVETULOA</span>Serlachius tarjoaa kohtaamispaikan taiteelle, tarinoille ja niiden korkeaa laatua arvostaville ystäville. Taiteen, historian ja arkkitehtuurin lisäksi vieraamme nauttivat ruoka- ja saunaelämyksistä ainutlaatuisessa miljöössä.   </p>
469    </div>
470</section>
471
472
473<section class="w-full">
474    <!-- Mobile, no slider-->
475    <div class="lg:hidden">
476                    <div class="w-full">
477                <div class="relative w-full h-[673px]">
478                    <div class="absolute inset-0">
479                        <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg" class="w-full h-full object-cover" alt="Ilmakuva järven rannalla puiden ympäröivästä sijaitsevasta suuresta talosta" srcset="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100v
479w, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
480                    </div>
481                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
482                        <div class="flex flex-col mt-auto w-full">
483                                                            <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Kartano</h3>
484                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Joenniementie 47, Mänttä</p>
485                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
486                                <p>Vuorineuvos Gösta Serlachiuksen edustuskodikseen rakennuttamalla kartanolla sijaitsevat pysyvä kokoelmaripustus <em>Kartanon klassikot</em>, laajat vaihtuvien näyttelyiden tilat, Ravintola Gösta, kesäkahvila Autereentupa, museokauppa ja Serlachius Taidesauna.</p>
487                            </div>
488                        </div>
489                                            </div>
490                </div>
491            </div>
492                    <div class="w-full">
493                <div class="relative w-full h-[673px]">
494                    <div class="absolute inset-0">
495                        <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg" class="w-full h-full object-cover" alt="Serlachius Pääkonttori ulkoa kesäpäivänä" srcset="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg 1500w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
496                    </div>
497                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
498                        <div class="flex flex-col mt-auto w-full">
499                                                            <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Pääkonttori</h3>
500                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">R. Erik Serlachiuksen katu 2, Mänttä</p>
501                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
502                                <p>Pysyvä näyttely <em>Mesenaatit</em> kertoo Serlachiuksen taidekokoelman ja Mäntän tehdasyhteisön tarinan. Mäntän keskustassa sijaitsevassa rakennuksessa on myös galleriatilat vaihtuville näyttelyille, koko perheen elämystila <em>Metsän maailma</em>, kahvipiste ja museokauppa.</p>
503                            </div>
504                        </div>
505                                            </div>
506                </div>
507            </div>
508            </div>
509
510    <!-- Desktop, with slider for multiple items -->
511            <div class="hidden lg:block">
512            <div class="swiper">
513                <div class="swiper-container lift-up-full-page-slider">
514                    <div class="relative swiper-wrapper">
515                                                    <div class="swiper-slide w-full lg:max-w-[50%] relative">
516                                <div class="relative w-full h-[900px]">
517                                    <div class="absolute inset-0">
518                                        <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Ilmakuva järven rannalla puiden ympäröivästä sijaitsevasta suuresta talosta" srcset="https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ilmakuva_Kartano_serlachius18-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100v
518w, 1500px" />                                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
519                                    </div>
520                                    <div class="flex relative z-20 flex-row items-end mx-auto h-full p-grid-margins slide-content max-w-viewport">
521                                        <div class="flex flex-col w-[532px]">
522                                                                                            <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Kartano</h3>
523                                                                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Joenniementie 47, Mänttä</p>
524                                                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
525                                                <p>Vuorineuvos Gösta Serlachiuksen edustuskodikseen rakennuttamalla kartanolla sijaitsevat pysyvä kokoelmaripustus <em>Kartanon klassikot</em>, laajat vaihtuvien näyttelyiden tilat, Ravintola Gösta, kesäkahvila Autereentupa, museokauppa ja Serlachius Taidesauna.</p>
526                                            </div>
527                                        </div>
528                                                                            </div>
529                                </div>
530                            </div>
531                                                    <div class="swiper-slide w-full lg:max-w-[50%] relative">
532                                <div class="relative w-full h-[900px]">
533                                    <div class="absolute inset-0">
534                                        <img loading="lazy" decoding="async" width="1500" height="1125" src="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Serlachius Pääkonttori ulkoa kesäpäivänä" srcset="https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf.jpg 1500w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-300x225.jpg 300w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-1024x768.jpg 1024w, https://serlachius.fi/wp-content/uploads/serlachius-museo-gustaf-768x576.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
535                                    </div>
536                                    <div class="flex relative z-20 flex-row items-end mx-auto h-full p-grid-margins slide-content max-w-viewport">
537                                        <div class="flex flex-col w-[532px]">
538                                                                                            <h3 class="text-h3 !text-serlachius-white m-0">Serlachius Pääkonttori</h3>
539                                                                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">R. Erik Serlachiuksen katu 2, Mänttä</p>
540                                                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
541                                                <p>Pysyvä näyttely <em>Mesenaatit</em> kertoo Serlachiuksen taidekokoelman ja Mäntän tehdasyhteisön tarinan. Mäntän keskustassa sijaitsevassa rakennuksessa on myös galleriatilat vaihtuville näyttelyille, koko perheen elämystila <em>Metsän maailma</em>, kahvipiste ja museokauppa.</p>
542                                            </div>
543                                        </div>
544                                                                            </div>
545                                </div>
546                            </div>
547                                            </div>
548                </div>
549            </div>
550        </div>
551    </section>
552
553
554<section  class="theme-beige spotlight-block">
555    <div class="relative mx-auto max-w-viewport px-grid-margins py-sections">
556                    <div class="w-full spotlight-title-container mb-contents">
557                <h2 class="spotlight-title text-h2 text-serlachius-accent m-0 text-center w-full">AJANKOHTAISTA</h2>
558            </div>
559        
560        <div class="grid grid-cols-5 xl:grid-cols-12 gap-grid-gutter">
561                            <div class="col-span-5 lg:col-span-7 mb-modules xl:mb-0">
562                    
563<a href="https://serlachius.fi/anish-kapoorin-nayttelysta-ilmestyi-julkaisu/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
564    <div class="flex justify-between items-end card-header-section mb-contents">
565                    <p class="text-h3 m-0 text-serlachius-black">Anish Kapoorin näyttelystä ilmestyi julkaisu</p>
566                    </div>
567            <figure class="slide-image">
568            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino.jpg" class="w-auto max-h-[800px] object-contain" alt="Kirjapino tiskillä ja taustalla näkyy hyllyssä olevia kirjoja." srcset="https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino.jpg 1500w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/kapoor_kirj_pino-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />        </figure>
569        <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents">
570                    <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span>
571                    </div>
572</a>                </div>
573            
574                            <div class="col-span-5 xl:col-span-5 mb-modules xl:mb-0">
575                    
576<a href="https://serlachius.fi/serlachius-sai-lahjoituksena-ada-thilenin-teoksen-tvatterska/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
577    <div class="flex justify-between items-end card-header-section mb-contents">
578                    <p class="text-h3 m-0 text-serlachius-black">Serlachius sai lahjoituksena Ada Thilénin teoksen Tvätterska</p>
579                    </div>
580            <figure class="slide-image">
581            <img loading="lazy" decoding="async" width="1200" height="1645" src="https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s.jpg" class="w-auto max-h-[800px] object-contain" alt="Maalauksessa nuori tyttö pesee pyykkiä pesusoikossa ja katsoo suoraan eteensä." srcset="https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s.jpg 1200w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-219x300.jpg 219w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-747x1024.jpg 747w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-768x1053.jpg 768w, https://serlachius.fi/wp-content/uploads/ada_thilen_tvatterska_s-1120x1536.jpg 1120w" sizes="auto, (max-width: 1200px) 100vw, 1200px" />        </figure>
582        <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents">
583                    <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span>
584                    </div>
585</a>                </div>
586            
587                            <div class="col-span-5 xl:col-span-5 mb-modules xl:mb-0">
588                    
589<a href="https://serlachius.fi/seniorikahvit-syksylla-2026/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins">
590    <div class="flex justify-between items-end card-header-section mb-contents">
591                    <p class="text-h3 m-0 text-serlachius-black">Seniorikahvit syksyllä 2026</p>
592                    </div>
593            <figure class="slide-image">
594            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53.jpg" class="w-auto max-h-[800px] object-contain" alt="Harmaahiuksinen nainen vilkaisee olan yli ja hymyilee tutkiessaan vanhaa maalausta" srcset="https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53.jpg 1500w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/seniorit_serlachius_kartano-53-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
594w, 1500px" />        </figure>
595        <div class="flex overflow-hidden flex-col items-start lg:flex-row mt-contents">
596                    <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Lue lisää</span>
597                    </div>
598</a>                </div>
599            
600                            <div class="col-span-5 xl:col-span-7 mb-modules xl:mb-0">
601                    
602<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="swiper-slide max-w-full hover:no-underline lg:max-w-[996px] lg:pr-grid-margins serlachius-plus-card">
603    <div class="flex flex-col items-center gap-content">
604        <div class="card-header-section" style="width: var(--image-width, 100%);">
605            <div class="flex justify-between items-end w-full  mb-contents">
606                <p class="text-h3 m-0 text-serlachius-black">Anish Kapoor Serlachiuksella – näyttelyn esittely</p>
607                                    <p class="text-body text-serlachius-beige-dark">Serlachius+</p>
608                            </div>
609        </div>
610        <div class="inline-block flex w-auto">
611            <figure class="relative slide-image">
612                <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" />            </figure>
613        </div>
614        <div class="flex w-full" style="max-width: var(--image-width, 100%);">
615            <div class="flex flex-col items-start w-full lg:flex-row mt-contents">
616                <span class="underline text-serlachius-accent text-cta-tertiary whitespace-nowrap mr-groups">Katso video</span>
617                                    <p class="order-2 lg:order-3 ml-0 lg:ml-auto lg:text-right text-body text-serlachius-black">Timo Valjakka ja Pauli Sivonen keskustelevat</p>
618                            </div>
619        </div>
620    </div>
621</a>                </div>
622                    </div>
623    </div>
624</section>
625
626
627<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins">
628    <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-beige rounded-[4px] overflow-hidden">
629                    <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] ">
630                <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/gallen-kallela_aiti_ja_lapsi.jpeg" alt="Vanhassa maalauksessa nainen pitää sylissään pientä tyttöä.">
631            </div>
632                <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 ">
633                            <h4 class="my-0 font-medium uppercase">Serlachiuksen kokoelmat</h4>
634                                        <p class="text-body"><p>Serlachiuksen paperipatruunat aloittivat taiteen keräilyn runsaat sata vuotta sitten. Nykyisin Serlachiuksen taidekokoelma sisältää noin 10 000 teosta.</p>
635<p>Serlachiuksen kulttuurihistoriallisiin kokoelmiin on tallennettu Mäntän ja G. A. Serlachius -yhtiön sekä Serlachius-suvun vaiheista kertovaa aineistoa.</p>
636</p>
637                        <div class="acf-innerblocks-container">
638
639<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://serlachius.fi/kokoelmat/">Tutustu Serlachiuksen kokoelmiin</a></div>
640
641</div>
642        </div>
643    </div>
644</section>
645
646
647<section class="w-full">
648    <!-- Mobile, no slider-->
649    <div class="lg:hidden">
650                    <div class="w-full">
651                <div class="relative w-full h-[673px]">
652                    <div class="absolute inset-0">
653                        <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg" class="w-full h-full object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
653w, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
654                    </div>
655                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
656                        <div class="flex flex-col mt-auto w-full">
657                                                            <h3 class="text-h3 !text-serlachius-white m-0">SERLACHIUS TAIDESAUNA</h3>
658                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p>
659                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
660                                <p>Serlachius Taidesauna tarjoaa elämyksiä saunomisen, taiteen, arkkitehtuurin ja puhtaan pohjoisen järviluonnon ystäville. Yhteisölliset yleisösaunavuorot järjestetään joka tiistai, ympäri vuoden. Serlachius Taidesaunaa ravintolapalveluineen vuokrataan juhliin, kokouksiin ja illanviettoihin.</p>
661<p>&nbsp;</p>
662                            </div>
663                        </div>
664                                                    <div class="wp-block-button is-style-btn-primary-red mt-groups">
665                                <a class="whitespace-nowrap wp-block-button__link" href="https://serlachius.fi/taidesauna/">Lue lisää ja varaa yleisösaunavuoro</a>
666                            </div>
667                                            </div>
668                </div>
669            </div>
670            </div>
671
672    <!-- Desktop, with slider for multiple items -->
673            <!-- Desktop, single full-width item -->
674        <div class="hidden lg:block">
675                            <div class="w-full">
676                    <div class="relative w-full h-[900px]">
677                        <div class="absolute inset-0">
678                            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg" class="w-full h-full max-h-[900px] object-cover" alt="" srcset="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2.jpg 1500w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5-2-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                            <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
679                        </div>
680                        <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport">
681                            <div class="flex flex-col w-[532px]">
682                                                                    <h3 class="text-h3 !text-serlachius-white m-0">SERLACHIUS TAIDESAUNA</h3>
683                                                                                                    <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p>
684                                                                <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
685                                    <p>Serlachius Taidesauna tarjoaa elämyksiä saunomisen, taiteen, arkkitehtuurin ja puhtaan pohjoisen järviluonnon ystäville. Yhteisölliset yleisösaunavuorot järjestetään joka tiistai, ympäri vuoden. Serlachius Taidesaunaa ravintolapalveluineen vuokrataan juhliin, kokouksiin ja illanviettoihin.</p>
686<p>&nbsp;</p>
687                                </div>
688                            </div>
689                                                            <div class="wp-block-button is-style-btn-primary-red">
690                                    <a class="whitespace-nowrap wp-block-button__link" href="https://serlachius.fi/taidesauna/">Lue lisää ja varaa yleisösaunavuoro</a>
691                                </div>
692                                                    </div>
693                    </div>
694                </div>
695                    </div>
696    </section>
697
698
699<section  class="theme-white">
700    <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules">
701        <!-- Navigation arrows -->
702        <span class="absolute left-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-white p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-small-arrow-prev lg:hidden">
703            arrow_back
704        </span>
705        <span class="absolute right-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-white p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-accent lift-up-small-arrow-next lg:hidden">
706            arrow_forward
707        </span>
708
709        <div class="flex flex-col mx-auto w-full text-center heading-row lg:flex-row lg:text-left lg:justify-between">
710            <h2 class="m-0">TAPAHTUMAT</h2>
711            <a class="text-serlachius-accent text-cta-secondary font-modern underline lg:no-underline" href="https://serlachius.fi/tapahtumat/">KATSO KAIKKI</a>
712        </div>
713
714        <!-- Swiper container for mobile/tablet, hidden on large screens -->
715        <div class="mx-auto w-full lg:hidden">
716            <div class="swiper">
717                <div class="swiper-container lift-up-small-slider">
718                    <div class="swiper-wrapper">
719                                                    <div class="swiper-slide">
720                                                                    
721<a href="https://serlachius.fi/tapahtumat/lasten-lauantai-2/" class="flex flex-col h-full no-underline group hover:no-underline">
722    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
723        <div class="flex justify-between items-end w-full">
724            <p class="text-body text-serlachius-black">Lasten lauantai</p>
725                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Pääkonttori</p>
726                    </div>
727    </div>
728
729    <div class="overflow-hidden relative w-full aspect-square">
730                    <img decoding="async"
731                src="https://serlachius.fi/wp-content/uploads/koululaistyopaja_serlachius-2.jpg"
732                class="object-cover absolute inset-0 w-full h-full"
733                alt="Lasten lauantai" />
734            </div>
735
736    <div class="flex justify-between mt-contents">
737                    <div class="flex flex-col">
738                <p class="text-caption text-serlachius-beige-dark">14.00</p>
739                                    <p class="text-caption text-serlachius-beige-dark">—16.00</p>
740                            </div>
741        
742                    <div class="flex flex-col ml-auto text-right">
743                <p class="text-body text-serlachius-black">03.10.2026</p>
744                            </div>
745            </div>
746</a>                                                            </div>
747                                                    <div class="swiper-slide">
748                                                                    
749<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-28/" class="flex flex-col h-full no-underline group hover:no-underline">
750    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
751        <div class="flex justify-between items-end w-full">
752            <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p>
753                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p>
754                    </div>
755    </div>
756
757    <div class="overflow-hidden relative w-full aspect-square">
758                    <img decoding="async"
759                src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg"
760                class="object-cover absolute inset-0 w-full h-full"
761                alt="Taidesaunan yleisövuoro" />
762            </div>
763
764    <div class="flex justify-between mt-contents">
765                    <div class="flex flex-col">
766                <p class="text-caption text-serlachius-beige-dark">13.00</p>
767                                    <p class="text-caption text-serlachius-beige-dark">—19.00</p>
768                            </div>
769        
770                    <div class="flex flex-col ml-auto text-right">
771                <p class="text-body text-serlachius-black">06.10.2026</p>
772                            </div>
773            </div>
774</a>                                                            </div>
775                                                    <div class="swiper-slide">
776                                                                    
777<a href="https://serlachius.fi/tapahtumat/taidesaunaan-ja-syomaan/" class="flex flex-col h-full no-underline group hover:no-underline">
778    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
779        <div class="flex justify-between items-end w-full">
780            <p class="text-body text-serlachius-black">Taidesaunaan ja syömään</p>
781                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Kartano ja Taidesauna</p>
782                    </div>
783    </div>
784
785    <div class="overflow-hidden relative w-full aspect-square">
786                    <img decoding="async"
787                src="https://serlachius.fi/wp-content/uploads/taidesauna-2.jpg"
788                class="object-cover absolute inset-0 w-full h-full"
789                alt="Taidesaunaan ja syömään" />
790            </div>
791
792    <div class="flex justify-between mt-contents">
793                    <div class="flex flex-col">
794                <p class="text-caption text-serlachius-beige-dark">11.00</p>
795                                    <p class="text-caption text-serlachius-beige-dark">—17.00</p>
796                            </div>
797        
798                    <div class="flex flex-col ml-auto text-right">
799                <p class="text-body text-serlachius-black">10.10.2026</p>
800                            </div>
801            </div>
802</a>                                                            </div>
803                                                    <div class="swiper-slide">
804                                                                    
805<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-30/" class="flex flex-col h-full no-underline group hover:no-underline">
806    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
807        <div class="flex justify-between items-end w-full">
808            <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p>
809                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p>
810                    </div>
811    </div>
812
813    <div class="overflow-hidden relative w-full aspect-square">
814                    <img decoding="async"
815                src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg"
816                class="object-cover absolute inset-0 w-full h-full"
817                alt="Taidesaunan yleisövuoro" />
818            </div>
819
820    <div class="flex justify-between mt-contents">
821                    <div class="flex flex-col">
822                <p class="text-caption text-serlachius-beige-dark">13.00</p>
823                                    <p class="text-caption text-serlachius-beige-dark">—19.00</p>
824                            </div>
825        
826                    <div class="flex flex-col ml-auto text-right">
827                <p class="text-body text-serlachius-black">13.10.2026</p>
828                            </div>
829            </div>
830</a>                                                            </div>
831                                            </div>
832                </div>
833            </div>
834        </div>
835
836        <!-- Grid layout for large screens, hidden on mobile/tablet -->
837        <div class="hidden grid-cols-4 mx-auto lg:grid gap-grid-gutter max-w-viewport">
838                                                
839<a href="https://serlachius.fi/tapahtumat/lasten-lauantai-2/" class="flex flex-col h-full no-underline group hover:no-underline">
840    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
841        <div class="flex justify-between items-end w-full">
842            <p class="text-body text-serlachius-black">Lasten lauantai</p>
843                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Pääkonttori</p>
844                    </div>
845    </div>
846
847    <div class="overflow-hidden relative w-full aspect-square">
848                    <img decoding="async"
849                src="https://serlachius.fi/wp-content/uploads/koululaistyopaja_serlachius-2.jpg"
850                class="object-cover absolute inset-0 w-full h-full"
851                alt="Lasten lauantai" />
852            </div>
853
854    <div class="flex justify-between mt-contents">
855                    <div class="flex flex-col">
856                <p class="text-caption text-serlachius-beige-dark">14.00</p>
857                                    <p class="text-caption text-serlachius-beige-dark">—16.00</p>
858                            </div>
859        
860                    <div class="flex flex-col ml-auto text-right">
861                <p class="text-body text-serlachius-black">03.10.2026</p>
862                            </div>
863            </div>
864</a>                                                                
865<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-28/" class="flex flex-col h-full no-underline group hover:no-underline">
866    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
867        <div class="flex justify-between items-end w-full">
868            <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p>
869                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p>
870                    </div>
871    </div>
872
873    <div class="overflow-hidden relative w-full aspect-square">
874                    <img decoding="async"
875                src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg"
876                class="object-cover absolute inset-0 w-full h-full"
877                alt="Taidesaunan yleisövuoro" />
878            </div>
879
880    <div class="flex justify-between mt-contents">
881                    <div class="flex flex-col">
882                <p class="text-caption text-serlachius-beige-dark">13.00</p>
883                                    <p class="text-caption text-serlachius-beige-dark">—19.00</p>
884                            </div>
885        
886                    <div class="flex flex-col ml-auto text-right">
887                <p class="text-body text-serlachius-black">06.10.2026</p>
888                            </div>
889            </div>
890</a>                                                                
891<a href="https://serlachius.fi/tapahtumat/taidesaunaan-ja-syomaan/" class="flex flex-col h-full no-underline group hover:no-underline">
892    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
893        <div class="flex justify-between items-end w-full">
894            <p class="text-body text-serlachius-black">Taidesaunaan ja syömään</p>
895                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Kartano ja Taidesauna</p>
896                    </div>
897    </div>
898
899    <div class="overflow-hidden relative w-full aspect-square">
900                    <img decoding="async"
901                src="https://serlachius.fi/wp-content/uploads/taidesauna-2.jpg"
902                class="object-cover absolute inset-0 w-full h-full"
903                alt="Taidesaunaan ja syömään" />
904            </div>
905
906    <div class="flex justify-between mt-contents">
907                    <div class="flex flex-col">
908                <p class="text-caption text-serlachius-beige-dark">11.00</p>
909                                    <p class="text-caption text-serlachius-beige-dark">—17.00</p>
910                            </div>
911        
912                    <div class="flex flex-col ml-auto text-right">
913                <p class="text-body text-serlachius-black">10.10.2026</p>
914                            </div>
915            </div>
916</a>                                                                
917<a href="https://serlachius.fi/tapahtumat/taidesaunan-yleisovuoro-30/" class="flex flex-col h-full no-underline group hover:no-underline">
918    <div class="flex flex-col justify-end card-header-section min-h-2xl mb-contents">
919        <div class="flex justify-between items-end w-full">
920            <p class="text-body text-serlachius-black">Taidesaunan yleisövuoro</p>
921                            <p class="text-caption text-serlachius-beige-dark text-right ml-2">Serlachius Taidesauna</p>
922                    </div>
923    </div>
924
925    <div class="overflow-hidden relative w-full aspect-square">
926                    <img decoding="async"
927                src="https://serlachius.fi/wp-content/uploads/Ryhma_taidesaunassa_serlachius5.jpg"
928                class="object-cover absolute inset-0 w-full h-full"
929                alt="Taidesaunan yleisövuoro" />
930            </div>
931
932    <div class="flex justify-between mt-contents">
933                    <div class="flex flex-col">
934                <p class="text-caption text-serlachius-beige-dark">13.00</p>
935                                    <p class="text-caption text-serlachius-beige-dark">—19.00</p>
936                            </div>
937        
938                    <div class="flex flex-col ml-auto text-right">
939                <p class="text-body text-serlachius-black">13.10.2026</p>
940                            </div>
941            </div>
942</a>                                    </div>
943    </div>
944</section>
945
946
947<section class="w-full">
948    <!-- Mobile, no slider-->
949    <div class="lg:hidden">
950                    <div class="w-full">
951                <div class="relative w-full h-[673px]">
952                    <div class="absolute inset-0">
953                        <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg" class="w-full h-full object-cover" alt="Kaksi nuorta naista kippistää hymyillen ravintolasalissa." srcset="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg 1500w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
953w, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
954                    </div>
955                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
956                        <div class="flex flex-col mt-auto w-full">
957                                                            <h3 class="text-h3 !text-serlachius-white m-0">RAVINTOLA GÖSTA</h3>
958                                                                                        <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p>
959                                                        <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
960                                <p>Ravintoloitsija, keittiömestari Henry Tikkasen Ravintola Gösta museon sydämessä tarjoaa puhtaita, sesongin mukaisia lähimakuja. Ravintola on avoinna kaikkina museon aukiolopäivinä, vuoden ympäri. Ravintolavierailuun ei vaadita museolippua.</p>
961                            </div>
962                        </div>
963                                                    <div class="wp-block-button is-style-btn-primary-red mt-groups">
964                                <a class="whitespace-nowrap wp-block-button__link" href="https://ravintolagosta.fi">Tutustu Ravintola Göstan tarjontaan</a>
965                            </div>
966                                            </div>
967                </div>
968            </div>
969            </div>
970
971    <!-- Desktop, with slider for multiple items -->
972            <!-- Desktop, single full-width item -->
973        <div class="hidden lg:block">
974                            <div class="w-full">
975                    <div class="relative w-full h-[900px]">
976                        <div class="absolute inset-0">
977                            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Kaksi nuorta naista kippistää hymyillen ravintolasalissa." srcset="https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4.jpg 1500w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Nuoret_ravintolassa_serlachius4-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                            <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
978                        </div>
979                        <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport">
980                            <div class="flex flex-col w-[532px]">
981                                                                    <h3 class="text-h3 !text-serlachius-white m-0">RAVINTOLA GÖSTA</h3>
982                                                                                                    <p class="text-caption leading-[120%] text-serlachius-white mt-contents mb-0">Serlachius Kartano, Joenniementie 47, Mänttä</p>
983                                                                <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
984                                    <p>Ravintoloitsija, keittiömestari Henry Tikkasen Ravintola Gösta museon sydämessä tarjoaa puhtaita, sesongin mukaisia lähimakuja. Ravintola on avoinna kaikkina museon aukiolopäivinä, vuoden ympäri. Ravintolavierailuun ei vaadita museolippua.</p>
985                                </div>
986                            </div>
987                                                            <div class="wp-block-button is-style-btn-primary-red">
988                                    <a class="whitespace-nowrap wp-block-button__link" href="https://ravintolagosta.fi">Tutustu Ravintola Göstan tarjontaan</a>
989                                </div>
990                                                    </div>
991                    </div>
992                </div>
993                    </div>
994    </section>
995
996
997<section class="w-full">
998    <!-- Mobile, no slider-->
999    <div class="lg:hidden">
1000                    <div class="w-full">
1001                <div class="relative w-full h-[673px]">
1002                    <div class="absolute inset-0">
1003                        <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg" class="w-full h-full object-cover" alt="Serlachiusten kartano ulkopuolelta kuvattuna, kaunis kesäpäivä, pinkkejä kukkia etualalla" srcset="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg 1500w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
1003w, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
1004                    </div>
1005                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
1006                        <div class="flex flex-col mt-auto w-full">
1007                                                            <h3 class="text-h3 !text-serlachius-white m-0">TERVEISIÄ SERLACHIUKSELLE</h3>
1008                                                                                    <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
1009                                <p>Jokainen ajatus tai palaute on meille tärkeä!</p>
1010                            </div>
1011                        </div>
1012                                                    <div class="wp-block-button is-style-btn-primary-red mt-groups">
1013                                <a class="whitespace-nowrap wp-block-button__link" href="https://link.webropolsurveys.com/S/F489A94611CBC759">Jätä pikapalaute</a>
1014                            </div>
1015                                            </div>
1016                </div>
1017            </div>
1018            </div>
1019
1020    <!-- Desktop, with slider for multiple items -->
1021            <!-- Desktop, single full-width item -->
1022        <div class="hidden lg:block">
1023                            <div class="w-full">
1024                    <div class="relative w-full h-[900px]">
1025                        <div class="absolute inset-0">
1026                            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Serlachiusten kartano ulkopuolelta kuvattuna, kaunis kesäpäivä, pinkkejä kukkia etualalla" srcset="https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3.jpg 1500w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Kartano_kesa_serlachius3-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                            <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
1027                        </div>
1028                        <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport">
1029                            <div class="flex flex-col w-[532px]">
1030                                                                    <h3 class="text-h3 !text-serlachius-white m-0">TERVEISIÄ SERLACHIUKSELLE</h3>
1031                                                                                                <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
1032                                    <p>Jokainen ajatus tai palaute on meille tärkeä!</p>
1033                                </div>
1034                            </div>
1035                                                            <div class="wp-block-button is-style-btn-primary-red">
1036                                    <a class="whitespace-nowrap wp-block-button__link" href="https://link.webropolsurveys.com/S/F489A94611CBC759">Jätä pikapalaute</a>
1037                                </div>
1038                                                    </div>
1039                    </div>
1040                </div>
1041                    </div>
1042    </section>
1043
1044
1045<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins">
1046    <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-grey rounded-[4px] overflow-hidden">
1047                    <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] ">
1048                <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/Serlachius_Residenssi_kesa3-1.jpg" alt="Puinen rakennus kesäisessä maisemassa. Talon edessä on vehreä puu ja taustalla sininen taivas.">
1049            </div>
1050                <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 ">
1051                            <h4 class="my-0 font-medium uppercase">SERLACHIUS RESIDENSSI</h4>
1052                                        <p class="text-body"><p>Serlachius Residenssi on taidesäätiön ylläpitämä vierasateljee kuvataiteiden parissa työskenteleville luovan alan ammattilaisille.</p>
1053<p>Residenssi tarjoaa rauhallisen työskentely-ympäristön. Tuotamme pieniä tapahtumia, jotka mahdollistavat kohtaamisia yleisön ja residenssivieraiden välillä. Kaikkiin residenssin tapahtumiin on vapaa pääsy.</p>
1054</p>
1055                        <div class="acf-innerblocks-container">
1056
1057<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://serlachius.fi/residenssi/">Lue lisää</a></div>
1058
1059</div>
1060        </div>
1061    </div>
1062</section>
1063
1064
1065<section class="banner w-full left max-w-[1440px] mx-auto py-modules px-grid-margins">
1066    <div class="grid grid-cols-5 lg:grid-cols-12 relative theme-beige rounded-[4px] overflow-hidden">
1067                    <div class="col-span-5 lg:col-span-8 relative h-[60vh] lg:h-auto lg:min-h-[350px] ">
1068                <img decoding="async" class="object-cover absolute inset-0 w-full h-full" src="https://serlachius.fi/wp-content/uploads/Museokauppa_tuotekuvia_kartano_serlachius8.jpg" alt="Värikkäitä astioita ja keltainen valaisin museokaupassa">
1069            </div>
1070                <div class="flex flex-col gap-groups justify-center p-groups col-span-5 lg:col-span-4 ">
1071                            <h4 class="my-0 font-medium uppercase">LAADUKKAAT TAIDETUOTTEET SERLACHIUKSEN VERKKOKAUPASTA</h4>
1072                                        <p class="text-body"><p>Tuo taide kotiin! Serlachiuksen verkkokaupasta löydät laadukkaat, inspiroivat taidetuotteet – lahjaksi, tuliaisiksi tai ilahduttamaan itseäsi. Muista myös lahjakortit!</p>
1073<p>Serlachiuksen verkkokaupasta saat myös liput museoon, Taidesaunaan ja erilaisiin tapahtumiin. </p>
1074</p>
1075                        <div class="acf-innerblocks-container">
1076
1077<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://shop.serlachius.fi/fi_FI" target="_blank" rel="noreferrer noopener">Astu sisään verkkokauppaan</a></div>
1078
1079</div>
1080        </div>
1081    </div>
1082</section>
1083
1084
1085<section class="w-full">
1086    <!-- Mobile, no slider-->
1087    <div class="lg:hidden">
1088                    <div class="w-full">
1089                <div class="relative w-full h-[673px]">
1090                    <div class="absolute inset-0">
1091                        <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg" class="w-full h-full object-cover" alt="Ryhmä ihmisiä Taidesaunalla omakuvateosten kanssa" srcset="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg 1500w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100v
1091w, 1500px" />                        <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
1092                    </div>
1093                    <div class="flex relative z-20 flex-col justify-between mx-auto h-full gap-grid-gutter p-grid-margins">
1094                        <div class="flex flex-col mt-auto w-full">
1095                                                            <h3 class="text-h3 !text-serlachius-white m-0">TERVETULOA JUURI SELLAISENA KUIN OLET</h3>
1096                                                                                    <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
1097                                <p>Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen.</p>
1098<p>Serlachius on turvallinen ja suurelta osin saavutettava kohde myös liikunta- ja aistirajoitteisille.</p>
1099<p>&nbsp;</p>
1100<p>Serlachius on ylpeästi LGBTQ+ -ystävällinen kohde, jossa moninaisuus on rikkaus ja jokainen vieras saa tuntea olonsa turvalliseksi ja arvostetuksi. Olemme osa We Speak Gay -yhteisöä ja Gay Travel Finland -verkostoa.</p>
1101                            </div>
1102                        </div>
1103                                            </div>
1104                </div>
1105            </div>
1106            </div>
1107
1108    <!-- Desktop, with slider for multiple items -->
1109            <!-- Desktop, single full-width item -->
1110        <div class="hidden lg:block">
1111                            <div class="w-full">
1112                    <div class="relative w-full h-[900px]">
1113                        <div class="absolute inset-0">
1114                            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg" class="w-full h-full max-h-[900px] object-cover" alt="Ryhmä ihmisiä Taidesaunalla omakuvateosten kanssa" srcset="https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7.jpg 1500w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/Taidesauna_tyopaja_serlachius7-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />                            <div class="absolute inset-0 bg-gradient-to-b from-transparent from-50% to-black/90 to-[82.28%] z-10"></div>
1115                        </div>
1116                        <div class="flex relative z-20 flex-row justify-between items-end mx-auto h-full gap-grid-gutter p-grid-margins max-w-viewport">
1117                            <div class="flex flex-col w-[532px]">
1118                                                                    <h3 class="text-h3 !text-serlachius-white m-0">TERVETULOA JUURI SELLAISENA KUIN OLET</h3>
1119                                                                                                <div class="wysiwyg-text-area text-caption leading-[120%] text-serlachius-white mt-groups mb-0">
1120                                    <p>Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen.</p>
1121<p>Serlachius on turvallinen ja suurelta osin saavutettava kohde myös liikunta- ja aistirajoitteisille.</p>
1122<p>&nbsp;</p>
1123<p>Serlachius on ylpeästi LGBTQ+ -ystävällinen kohde, jossa moninaisuus on rikkaus ja jokainen vieras saa tuntea olonsa turvalliseksi ja arvostetuksi. Olemme osa We Speak Gay -yhteisöä ja Gay Travel Finland -verkostoa.</p>
1124                                </div>
1125                            </div>
1126                                                    </div>
1127                    </div>
1128                </div>
1129                    </div>
1130    </section>
1131
1132
1133<section class="w-full">
1134    <!-- Mobile, no slider-->
1135    <div class="lg:hidden">
1136            </div>
1137
1138    <!-- Desktop, with slider for multiple items -->
1139            <!-- Desktop, single full-width item -->
1140        <div class="hidden lg:block">
1141                    </div>
1142    </section>
1143
1144
1145<section  class="theme-red">
1146    <div class="relative w-full px-grid-margins overflow-clip lg:mx-auto lg:max-w-viewport py-modules">
1147        <!-- Navigation arrows -->
1148        <span class="absolute left-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-accent p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-white lift-up-small-arrow-prev lg:hidden">
1149            arrow_back
1150        </span>
1151        <span class="absolute right-0 z-10 flex items-center justify-center rounded-full cursor-pointer select-none bg-serlachius-accent p-atoms material-icons !text-[2.25rem] !leading-none text-serlachius-white lift-up-small-arrow-next lg:hidden">
1152            arrow_forward
1153        </span>
1154
1155        <div class="flex flex-col mx-auto w-full text-center heading-row lg:flex-row lg:text-left lg:justify-between">
1156            <h2 class="m-0">SERLACHIUS+</h2>
1157            <a class="text-serlachius-white text-cta-secondary font-modern underline lg:no-underline" href="https://serlachius.fi/serlachius/">KATSO KAIKKI</a>
1158        </div>
1159
1160        <!-- Swiper container for mobile/tablet, hidden on large screens -->
1161        <div class="mx-auto w-full lg:hidden">
1162            <div class="swiper">
1163                <div class="swiper-container lift-up-small-slider">
1164                    <div class="swiper-wrapper">
1165                                                    <div class="swiper-slide">
1166                                                                    
1167<a href="https://serlachius.fi/serlachius-plus/gostan-pieni-taidekirjasto-stiina-saaristo/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1168    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1169        <p class="text-body text-serlachius-white">Stiina Saaristo</p>
1170                    <span class="material-icons text-serlachius-white">book</span>
1171            </div>
1172    <div class="w-full">
1173        <figure>
1174            <img loading="lazy" decoding="async" width="1200" height="1787" src="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg 1200w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-201x300.jpg 201w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-688x1024.jpg 688w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-768x1144.jpg 768w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-1031x1536.jpg 1031w" sizes="auto, (max-width: 1200px) 100vw, 1200px" />        </figure>
1175    </div>
1176    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1177        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1178        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white"></p>
1179    </div>
1180</a>                                                            </div>
1181                                                    <div class="swiper-slide">
1182                                                                    
1183<a href="https://serlachius.fi/serlachius-plus/anish-kapoor/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1184    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1185        <p class="text-body text-serlachius-white">Anish Kapoor</p>
1186                    <span class="material-icons text-serlachius-white">book</span>
1187            </div>
1188    <div class="w-full">
1189        <figure>
1190            <img loading="lazy" decoding="async" width="1000" height="1209" src="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg 1000w, https://serlachius.fi/wp-content/uploads/anish_kapoor-248x300.jpg 248w, https://serlachius.fi/wp-content/uploads/anish_kapoor-847x1024.jpg 847w, https://serlachius.fi/wp-content/uploads/anish_kapoor-768x929.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />        </figure>
1191    </div>
1192    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1193        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1194        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Näyttelyjulkaisu</p>
1195    </div>
1196</a>                                                            </div>
1197                                                    <div class="swiper-slide">
1198                                                                    
1199<a href="https://serlachius.fi/serlachius-plus/kun-opastus-pysayttaa-ajan/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1200    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1201        <p class="text-body text-serlachius-white">Kun opastus pysäyttää ajan</p>
1202                    <span class="material-icons text-serlachius-white">article</span>
1203            </div>
1204    <div class="w-full">
1205        <figure>
1206            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Ryhmä vierailijoita osallistuu draamaopastukselle, lähikuva iloisista kasvoista" srcset="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg 1500w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />        </figure>
1207    </div>
1208    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1209        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1210        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Päivi Nieppola</p>
1211    </div>
1212</a>                                                            </div>
1213                                                    <div class="swiper-slide">
1214                                                                    
1215<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1216    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1217        <p class="text-body text-serlachius-white">Anish Kapoor Serlachiuksella – näyttelyn esittely</p>
1218                    <span class="material-icons text-serlachius-white">live_tv</span>
1219            </div>
1220    <div class="w-full">
1221        <figure>
1222            <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" />        </figure>
1223    </div>
1224    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1225        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Katso video</p>
1226        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Timo Valjakka ja Pauli Sivonen keskustelevat</p>
1227    </div>
1228</a>                                                            </div>
1229                                            </div>
1230                </div>
1231            </div>
1232        </div>
1233
1234        <!-- Grid layout for large screens, hidden on mobile/tablet -->
1235        <div class="hidden grid-cols-4 mx-auto lg:grid gap-grid-gutter max-w-viewport">
1236                                                
1237<a href="https://serlachius.fi/serlachius-plus/gostan-pieni-taidekirjasto-stiina-saaristo/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1238    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1239        <p class="text-body text-serlachius-white">Stiina Saaristo</p>
1240                    <span class="material-icons text-serlachius-white">book</span>
1241            </div>
1242    <div class="w-full">
1243        <figure>
1244            <img loading="lazy" decoding="async" width="1200" height="1787" src="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/gpt_12_saaristo.jpg 1200w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-201x300.jpg 201w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-688x1024.jpg 688w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-768x1144.jpg 768w, https://serlachius.fi/wp-content/uploads/gpt_12_saaristo-1031x1536.jpg 1031w" sizes="auto, (max-width: 1200px) 100v
1244w, 1200px" />        </figure>
1245    </div>
1246    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1247        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1248        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white"></p>
1249    </div>
1250</a>                                                                
1251<a href="https://serlachius.fi/serlachius-plus/anish-kapoor/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1252    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1253        <p class="text-body text-serlachius-white">Anish Kapoor</p>
1254                    <span class="material-icons text-serlachius-white">book</span>
1255            </div>
1256    <div class="w-full">
1257        <figure>
1258            <img loading="lazy" decoding="async" width="1000" height="1209" src="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="" srcset="https://serlachius.fi/wp-content/uploads/anish_kapoor.jpg 1000w, https://serlachius.fi/wp-content/uploads/anish_kapoor-248x300.jpg 248w, https://serlachius.fi/wp-content/uploads/anish_kapoor-847x1024.jpg 847w, https://serlachius.fi/wp-content/uploads/anish_kapoor-768x929.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" />        </figure>
1259    </div>
1260    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1261        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1262        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Näyttelyjulkaisu</p>
1263    </div>
1264</a>                                                                
1265<a href="https://serlachius.fi/serlachius-plus/kun-opastus-pysayttaa-ajan/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1266    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1267        <p class="text-body text-serlachius-white">Kun opastus pysäyttää ajan</p>
1268                    <span class="material-icons text-serlachius-white">article</span>
1269            </div>
1270    <div class="w-full">
1271        <figure>
1272            <img loading="lazy" decoding="async" width="1500" height="1000" src="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Ryhmä vierailijoita osallistuu draamaopastukselle, lähikuva iloisista kasvoista" srcset="https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12.jpg 1500w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-300x200.jpg 300w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-1024x683.jpg 1024w, https://serlachius.fi/wp-content/uploads/yhtiolle_toihin_paakonttori_ryhma_serlachius12-768x512.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" />        </figure>
1273    </div>
1274    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1275        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Lue lisää</p>
1276        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Päivi Nieppola</p>
1277    </div>
1278</a>                                                                
1279<a href="https://serlachius.fi/serlachius-plus/anish-kapoor-serlachiuksella-nayttelyn-esittely/" class="flex flex-col h-full no-underline hover:no-underline group serlachius-plus-card">
1280    <div class="flex justify-between items-end w-full card-header-section min-h-2xl mb-contents">
1281        <p class="text-body text-serlachius-white">Anish Kapoor Serlachiuksella – näyttelyn esittely</p>
1282                    <span class="material-icons text-serlachius-white">live_tv</span>
1283            </div>
1284    <div class="w-full">
1285        <figure>
1286            <img loading="lazy" decoding="async" width="1280" height="719" src="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg" class="w-full h-auto object-contain max-h-[800px] overflow-hidden" alt="Kaksi miestä istuu punasävyisen suuren taulun edessä vastakkain." srcset="https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2.jpg 1280w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-300x169.jpg 300w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-1024x575.jpg 1024w, https://serlachius.fi/wp-content/uploads/timo-ja-pauli-2-768x431.jpg 768w" sizes="auto, (max-width: 1280px) 100v
1286w, 1280px" />        </figure>
1287    </div>
1288    <div class="flex flex-col justify-between lg:flex-row mt-contents">
1289        <p class="w-full text-cta-other underline whitespace-nowrap overflow-hidden text-ellipsis text-serlachius-white">Katso video</p>
1290        <p class="lg:text-right lg:text-left text-body w-full lg:w-3/4 text-serlachius-white">Timo Valjakka ja Pauli Sivonen keskustelevat</p>
1291    </div>
1292</a>                                    </div>
1293    </div>
1294</section>
1295
1296
1297<p class="wp-block-paragraph"></p>
1298
1299<footer>
1300    <div class="w-full container-xl bg-serlachius-accent">
1301        <div class="max-w-[1440px] mx-auto pt-xl lg:pt-3xl pb-2xl px-lg text-serlachius-white">
1302            <a href="https://serlachius.fi/" class="block w-full mb-modules">
1303                <img class="" alt="Serlachius logo" src="https://serlachius.fi/wp-content/themes/theme/assets/img/serlachius-white.svg">
1304            </a>
1305            <div class="grid grid-cols-1 lg:grid-cols-[5fr_4fr_3fr] gap-groups">
1306                <div class="w-full footer-main-nav">
1307                    <li id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-navigation-menu-1-fi-container"><ul id="menu-navigation-menu-1-fi-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2139"><a href="https://serlachius.fi/tule-meille/">Tule meille</a></li>
1308<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2140"><a href="https://serlachius.fi/nayttelyt/">Näyttelyt</a></li>
1309<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13279"><a href="https://serlachius.fi/tapahtumat/">Tapahtumat</a></li>
1310<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2141"><a href="https://serlachius.fi/palvelumme/">Palvelumme</a></li>
1311<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2142"><a href="https://serlachius.fi/kokoelmat/">Kokoelmat ja museo</a></li>
1312<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10027"><a href="https://serlachius.fi/residenssi/">Serlachius Residenssi</a></li>
1313<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4232"><a href="https://serlachius.fi/serlachius/">SERLACHIUS+</a></li>
1314</ul></div></li>
1315                </div>
1316                <div class="w-full footer-secondary-nav">
1317                    <li id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-navigation-menu-2-fi-container"><ul id="menu-navigation-menu-2-fi-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4230"><a href="https://serlachius.fi/gosta-serlachiuksen-taidesaatio/">Gösta Serlachiuksen taidesäätiö</a></li>
1318<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3676"><a href="https://serlachius.fi/yhteystiedot/">Yhteystiedot</a></li>
1319<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4231"><a href="https://ravintolagosta.fi">Ravintola Gösta</a></li>
1320<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6512"><a href="https://serlachius.fi/serlachius-taidesauna/">Serlachius Taidesauna</a></li>
1321<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6127"><a href="https://serlachius.fi/medialle/">Medialle</a></li>
1322<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3670"><a href="https://serlachius.fi/vastuullisuus-serlachiuksella/">Vastuullisuus</a></li>
1323<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3669"><a href="https://serlachius.fi/esteettomyys/">Esteettömyys</a></li>
1324<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3671"><a href="https://serlachius.fi/tietosuoja/">Tietosuoja ja evästeet</a></li>
1325</ul></div></li>
1326                        <div class="wp-block-button is-style-btn-primary-white">
1327        <a class="whitespace-nowrap wp-block-button__link" target="_blank" href="https://shop.serlachius.fi">Verkkokauppa</a>
1328    </div>
1329                </div>
1330            </div>
1331        </div>
1332    </div>
1333            <div class="w-full footer-newsletter bg-serlachius-black py-modules">
1334            <li id="block-18" class="widget widget_block">
1335                <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_1' >
1336                        <div class='gform_heading'>
1337                            <h2 class="gform_title">
1337Tilaa Serlachiuksen kuukausittainen uutiskirje</h2>
1338                            <p class='gform_description'></p>
1339							<p class='gform_required_legend'>&quot;<span class="gfield_required gfield_required_asterisk">*</span>&quot; indicates required fields</p>
1340                        </div><form method='post' enctype='multipart/form-data'  id='gform_1'  action='/' data-formid='1' novalidate>
1341                        <div class='gform-body gform_body'><div id='gform_fields_1' class='gform_fields top_label form_sublabel_above description_below validation_below'><div id="field_1_4" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_above gfield--has-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_4'><span class='gform-field-label__text'>Facebook</span></label><div class='ginput_container'><input name='input_4' id='input_1_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_1_4'>This field is for validation purposes and should be left unchanged.</div></div><fieldset id="field_1_2" class="gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Nimi</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_1_2'>
1342                            
1343                            <span id='input_1_2_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >
1344                                                    <label for='input_1_2_3' class='gform-field-label gform-field-label--type-sub '>Etunimi</label>
1345                                                    <input type='text' name='input_2.3' id='input_1_2_3' value=''   aria-required='true'    autocomplete="given-name" />
1346                                                </span>
1347                            
1348                            <span id='input_1_2_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >
1349                                                            <label for='input_1_2_6' class='gform-field-label gform-field-label--type-sub '>Sukunimi</label>
1350                                                            <input type='text' name='input_2.6' id='input_1_2_6' value=''   aria-required='true'    autocomplete="family-name" />
1351                                                        </span>
1352                            
1353                        </div></fieldset><div id="field_1_1" class="gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_above gfield--no-description field_description_below field_validation_below gfield_visibility_visible"  ><label class='gfield_label gform-field-label' for='input_1_1'><span class='gform-field-label__text'>Sähköposti</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></label><div class='ginput_container ginput_container_email'>
1354                            <input name='input_1' id='input_1_1' type='email' value='' class='medium'    aria-required="true" aria-invalid="false"  />
1355                        </div></div><fieldset id="field_1_3" class="gfield gfield--type-checkbox gfield--type-choice gfield--input-type-checkbox gfield_contains_required field_sublabel_above gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible gfield--choice-align-vertical"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' ><span class='gform-field-label__text'>Yksityisyys</span><span class="gfield_required"><span class="gfield_required gfield_required_asterisk">*</span></span></legend>
1355<div class='ginput_container ginput_container_checkbox'><div class='gfield_checkbox ' id='input_1_3'><div class='gchoice gchoice_1_3_1'>
1356								<input class='gfield-choice-input' name='input_3.1' type='checkbox'  value='Kyllä, haluan kuulla lisää Serlachiuksen uusista näyttelyistä, tapahtumista ja tarjouksista. Tilaan uutiskirjeen sähköpostiini ja hyväksyn, että tietoni tallennetaan Serlachius-museoiden asiakasrekisteriin tietosuojaselosteen mukaisesti.'  id='choice_1_3_1'   />
1357								<label for='choice_1_3_1' id='label_1_3_1' class='gform-field-label gform-field-label--type-inline'>Kyllä, haluan kuulla lisää Serlachiuksen uusista näyttelyistä, tapahtumista ja tarjouksista. Tilaan uutiskirjeen sähköpostiini ja hyväksyn, että tietoni tallennetaan Serlachius-museoiden asiakasrekisteriin tietosuojaselosteen mukaisesti.</label>
1358							</div></div></div></fieldset></div></div>
1359        <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_1' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' >Lähetä</button> 
1360            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_1' value='postback' />
1361            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_1' id='gform_theme_1' value='orbital' />
1362            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_1' id='gform_style_settings_1' value='{&quot;inputPrimaryColor&quot;:&quot;#204ce5&quot;}' />
1363            <input type='hidden' class='gform_hidden' name='is_submit_1' value='1' />
1364            <input type='hidden' class='gform_hidden' name='gform_submit' value='1' />
1365            
1366            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='60I4pP0FIuYDCHjh7/4fFjL0tLB3E4if76kbTd4uGmAflWV5J8amGJSnpa11QgtHxTGvtzOMxEW5PdFlDjAjFVnE9GyeX+pPJ65Y9+XgycH9zrc=' />
1367            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
1368            <input type='hidden' class='gform_hidden' name='state_1' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcIjM1YTM5YTEzNGRjYWMwNjlmNGI2ZWE0NTM2YzFmODMzXCIsXCIxMjZkZmNhNDQwOGIxYjYzOGFmMWQ5NTg2NzA0ZDJmY1wiXSxcImdmb3JtX3RoZW1lXCI6XCIzNjM3Y2YxNTAzYTc5NDkzMzlhYzY1YWI3NzlmMDU5MVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcImIzZmI3YTFhNmMyMDg3ZDU3MWE2NmVlODlmYWZjMjZjXCIsXCJmb3JtX2lkXCI6XCJjMjI4MzllOGE5OTcwNmU0ZDdmNGZiODU3ZjQ4ZGY5OFwiLFwidXJsXCI6XCJjZmY0YWVjMmYzMmYyOTRhM2I0NmJhMTU3MjRhMzM5YlwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCIwYWUwZTI3ZTZhYjRmZTk5NGYxMmJkMWFiMjc5OGY0OVwifSIsImY5NzU2YzU4NjdkYWQzN2ZkYTc1NzBiZTk2MGRlYWVlIiwxNzkwOTM3MjM4XQ==' />
1369            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_1' id='gform_target_page_number_1' value='0' />
1370            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_1' id='gform_source_page_number_1' value='1' />
1371            <input type='hidden' name='gform_field_values' value='' />
1372            
1373        </div>
1374                        </form>
1375                        </div></li>
1376        </div>
1377        <li id="block-11" class="widget widget_block">
1378<section class="bg-serlachius-black px-grid-margins py-modules theme-dark">
1379    <div class="flex flex-col justify-between items-center mx-auto lg:flex-row max-w-content-area-text sustainability gap-lg">
1380        <div class="flex flex-col ml-auto text-serlachius-white">
1381                            <h4 class="mt-0 font-medium uppercase mb-contents">Vastuullisuus Serlachiuksella</h4>
1382                                        <p class="text-body-caption">Vastuullisuus ja kestävän kehityksen mukainen toiminta ovat Serlachiuksen keskeisiä arvoja. Uskomme avoimuuteen, yhdenvertaisuuteen ja moniarvoisuuteen. </p>
1383                    </div>
1384                    <div class="flex flex-row justify-center items-center w-full gap-sm">
1385                                    <img decoding="async" src="https://serlachius.fi/wp-content/uploads/sustainable_finland_label_rgb_tm_block.png" alt=""
1386                        class="max-w-[185px] max-h-[115px] object-contain w-full h-full">
1387                                                    <img decoding="async" src="https://serlachius.fi/wp-content/uploads/kiwa-serti.jpeg" alt=""
1388                        class="max-w-[185px] max-h-[115px] object-contain w-full h-full">
1389                            </div>
1390            </div>
1391</section></li>
1392
1393        <div class="flex justify-center items-center w-full bg-serlachius-black py-contents px-grid-margins">
1394            <p class="text-serlachius-white text-body">1933</p>
1395            <div class="bg-serlachius-white w-full h-[1px] mx-contents"></div>
1396            <p class="text-serlachius-white text-body">2026</p>
1397        </div>
1398    </footer>
1399
1400<script type="speculationrules">
1401{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1402</script>
vendor: 1 bytes, line 1402
1402
1403<script id="pll_cookie_script-js-after">
1404(function() {
1405				var expirationDate = new Date();
1406				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
1407				document.cookie = "pll_language=fi; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
1408			}());
1409
1410//# sourceURL=pll_cookie_script-js-after
1411</script>
vendor: 1 bytes, line 1411
1411
1412<script id="rocket-browser-checker-js-after">
1413"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
1414//# sourceURL=rocket-browser-checker-js-after
1415</script>
vendor: 1 bytes, line 1415
1415
1416<script id="rocket-preload-links-js-extra">
1417var RocketPreloadLinksConfig = {"excludeUris":"/uc.js/|/|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://serlachius.fi","onHoverDelay":"100","rateThrottle":"3"};
1418//# sourceURL=rocket-preload-links-js-extra
1419</script>
vendor: 1 bytes, line 1419
1419
1420<script id="rocket-preload-links-js-after">
1421(function() {
1422"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
1423}());
1424
1425//# sourceURL=rocket-preload-links-js-after
1426</script>
vendor: 1 bytes, line 1426
1426
1427<script id="theme-global-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/global-7db2ee7d72.js"></script>
vendor: 1 bytes, line 1427
1427
1428<script id="theme-header-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/header-20d4b1fbb4.js"></script>
vendor: 1 bytes, line 1428
1428
1429<script id="theme-notice-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/notice-479475d843.js"></script>
vendor: 1 bytes, line 1429
1429
1430<script id="theme-media-list-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/media-list-7ec842355b.js"></script>
vendor: 1 bytes, line 1430
1430
1431<script id="theme-lift-up-large-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-large-b4721734ba.js"></script>
vendor: 1 bytes, line 1431
1431
1432<script id="theme-accordion-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/accordion-9f40fb359b.js"></script>
vendor: 1 bytes, line 1432
1432
1433<script id="theme-lift-up-full-page-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-full-page-ed6d454480.js"></script>
vendor: 1 bytes, line 1433
1433
1434<script id="theme-lift-up-small-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/lift-up-small-36b75aa36a.js"></script>
vendor: 1 bytes, line 1434
1434
1435<script id="theme-anchors-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/anchors-c4061e0c82.js"></script>
vendor: 1 bytes, line 1435
1435
1436<script id="theme-spotlight-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/spotlight-71455ff920.js"></script>
vendor: 1 bytes, line 1436
1436
1437<script id="theme-events-js-extra">
1438var events_data = {"rest_url":"https://serlachius.fi/wp-json/serlachius/v1/events","nonce":"e570fce9f1","no_results":"Tapahtumia ei l\u00f6ytynyt","visit_website":"N\u00e4yt\u00e4 sivu","pagination":{"prev":"Edellinen","next":"Seuraava","page":"Sivu","of":"of"}};
1439//# sourceURL=theme-events-js-extra
1440</script>
vendor: 1 bytes, line 1440
1440
1441<script id="theme-events-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/events-a1bdbae73a.js"></script>
vendor: 1 bytes, line 1441
1441
1442<script id="theme-exhibitions-js-extra">
1443var exhibitions_data = {"rest_url":"https://serlachius.fi/wp-json/serlachius/v1/exhibitions","nonce":"e570fce9f1","no_results":"N\u00e4yttelyit\u00e4 ei l\u00f6ytynyt","pagination":{"prev":"Edellinen","next":"Seuraava","page":"Sivu","of":"of"}};
1444//# sourceURL=theme-exhibitions-js-extra
1445</script>
vendor: 1 bytes, line 1445
1445
1446<script id="theme-exhibitions-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/exhibitions-c63233c480.js"></script>
vendor: 1 bytes, line 1446
1446
1447<script id="theme-serlachius-plus-card-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/serlachius-plus-card-b9d698b01c.js"></script>
vendor: 1 bytes, line 1447
1447
1448<script id="theme-media-viewer-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/media-viewer-600c4810d1.js"></script>
vendor: 1 bytes, line 1448
1448
1449<script id="theme-video-js" src="https://serlachius.fi/wp-content/themes/theme/assets/build/js/video-7b2d0a9f95.js"></script>
vendor: 1 bytes, line 1449
1449
1450<script id="wp-dom-ready-js" src="https://serlachius.fi/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
vendor: 1 bytes, line 1450
1450
1451<script id="wp-hooks-js" src="https://serlachius.fi/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1451
1451
1452<script id="wp-i18n-js" src="https://serlachius.fi/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="wp-i18n-js-after">
1454wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1455//# sourceURL=wp-i18n-js-after
1456</script>
vendor: 1 bytes, line 1456
1456
1457<script id="wp-a11y-js-translations">
1458( function( domain, translations ) {
1459	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
1460	localeData[""].domain = domain;
1461	wp.i18n.setLocaleData( localeData, domain );
1462} )( "default", {"translation-revision-date":"2026-09-19 05:57:54+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"fi"},"Notifications":["Ilmoitukset"]}},"comment":{"reference":"wp-includes\/js\/dist\/a11y.js"}} );
1463//# sourceURL=wp-a11y-js-translations
1464</script>
vendor: 1 bytes, line 1464
1464
1465<script id="wp-a11y-js" src="https://serlachius.fi/wp-includes/js/dist/a11y.min.js?ver=31c6cec5a4ff7aff483d"></script>
vendor: 1 bytes, line 1465
1465
1466<script id="gform_json-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=3.1.2"></script>
vendor: 1 bytes, line 1466
1466
1467<script id="gform_gravityforms-js-extra">
1468var gform_i18n = {"datepicker":{"wdOffset":1,"helpTextShort":"Press F1 for help","helpText":"Press the arrow keys to navigate by day, PageUp and PageDown to navigate by month, Alt+PageUp and Alt+PageDown to navigate by year, or Escape to cancel.","openOnFocusHelpText":"Press Down arrow to browse the calendar, or Escape to close.","tooltipTxt":"Press Escape to cancel","disabledTxt":"Disabled","markedTxt":"Selected","prevTxt":"Previous","nextTxt":"Next","monthTxt":"Month","yearTxt":"Year","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"days":[{"s":"S","l":"Sunday"},{"s":"M","l":"Monday"},{"s":"T","l":"Tuesday"},{"s":"W","l":"Wednesday"},{"s":"T","l":"Thursday"},{"s":"F","l":"Friday"},{"s":"S","l":"Saturday"}]}};
1469var gf_legacy_multi = [];
1470var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","file_uploaded":"File uploaded","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled","error":"Error","message":"Message"},"vars":{"images_url":"https://serlachius.fi/wp-content/plugins/gravityforms/images"}};
1471var gf_global = {"gf_currency_config":{"name":"Euro","symbol_left":"","symbol_right":"&#8364;","symbol_padding":" ","thousand_separator":".","decimal_separator":",","decimals":2,"code":"EUR"},"base_url":"https://serlachius.fi/wp-content/plugins/gravityforms","number_formats":[],"version_hash":"bbb77997032964630cd9ddf649dcbb78","countries":{"AF":"Afghanistan","AX":"\u00c5land Islands","AL":"Albania","DZ":"Algeria","AS":"American Samoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua and Barbuda","AR":"Argentina","AM":"Armenia","AW":"Aruba","AU":"Australia","AT":"Austria","AZ":"Azerbaijan","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesh","BB":"Barbados","BY":"Belarus","BE":"Belgium","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia","BQ":"Bonaire, Sint Eustatius and Saba","BA":"Bosnia and Herzegovina","BW":"Botswana","BV":"Bouvet Island","BR":"Brazil","IO":"British Indian Ocean Territory","BN":"Brunei Darussalam","BG":"Bulgaria","BF":"Burkina Faso","BI":"Burundi","CV":"Cabo Verde","KH":"Cambodia","CM":"Cameroon","CA":"Canada","KY":"Cayman Islands","CF":"Central African Republic","TD":"Chad","CL":"Chile","CN":"China","CX":"Christmas Island","CC":"Cocos Islands","CO":"Colombia","KM":"Comoros","CD":"Congo, Democratic Republic of the","CG":"Congo","CK":"Cook Islands","CR":"Costa Rica","CI":"C\u00f4te d'Ivoire","HR":"Croatia","CU":"Cuba","CW":"Cura\u00e7ao","CY":"Cyprus","CZ":"Czechia","DK":"Denmark","DJ":"Djibouti","DM":"Dominica","DO":"Dominican Republic","EC":"Ecuador","EG":"Egypt","SV":"El Salvador","GQ":"Equatorial Guinea","ER":"Eritrea","EE":"Estonia","SZ":"Eswatini","ET":"Ethiopia","FK":"Falkland Islands","FO":"Faroe Islands","FJ":"Fiji","FI":"Finland","FR":"France","GF":"French Guiana","PF":"French Polynesia","TF":"French Southern Territories","GA":"Gabon","GM":"Gambia","GE":"Georgia","DE":"Germany","GH":"Ghana","GI":"Gibraltar","GR":"Greece","GL":"Greenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","HM":"Heard Island and McDonald Islands","VA":"Holy See","HN":"Honduras","HK":"Hong Kong","HU":"Hungary","IS":"Iceland","IN":"India","ID":"Indonesia","IR":"Iran","IQ":"Iraq","IE":"Ireland","IM":"Isle of Man","IL":"Israel","IT":"Italy","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordan","KZ":"Kazakhstan","KE":"Kenya","KI":"Kiribati","KP":"Korea, Democratic People's Republic of","KR":"Korea, Republic of","KW":"Kuwait","KG":"Kyrgyzstan","LA":"La
1471o People's Democratic Republic","LV":"Latvia","LB":"Lebanon","LS":"Lesotho","LR":"Liberia","LY":"Libya","LI":"Liechtenstein","LT":"Lithuania","LU":"Luxembourg","MO":"Macao","MG":"Madagascar","MW":"Malawi","MY":"Malaysia","MV":"Maldives","ML":"Mali","MT":"Malta","MH":"Marshall Islands","MQ":"Martinique","MR":"Mauritania","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia","MD":"Moldova","MC":"Monaco","MN":"Mongolia","ME":"Montenegro","MS":"Montserrat","MA":"Morocco","MZ":"Mozambique","MM":"Myanmar","NA":"Namibia","NR":"Nauru","NP":"Nepal","NL":"Netherlands","NC":"New Caledonia","NZ":"New Zealand","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk Island","MK":"North Macedonia","MP":"Northern Mariana Islands","NO":"Norway","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestine, State of","PA":"Panama","PG":"Papua New Guinea","PY":"Paraguay","PE":"Peru","PH":"Philippines","PN":"Pitcairn","PL":"Poland","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"R\u00e9union","RO":"Romania","RU":"Russian Federation","RW":"Rwanda","BL":"Saint Barth\u00e9lemy","SH":"Saint Helena, Ascension and Tristan da Cunha","KN":"Saint Kitts and Nevis","LC":"Saint Lucia","MF":"Saint Martin","PM":"Saint Pierre and Miquelon","VC":"Saint Vincent and the Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tome and Principe","SA":"Saudi Arabia","SN":"Senegal","RS":"Serbia","SC":"Seychelles","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten","SK":"Slovakia","SI":"Slovenia","SB":"Solomon Islands","SO":"Somalia","ZA":"South Africa","GS":"South Georgia and the South Sandwich Islands","SS":"South Sudan","ES":"Spain","LK":"Sri Lanka","SD":"Sudan","SR":"Suriname","SJ":"Svalbard and Jan Mayen","SE":"Sweden","CH":"Switzerland","SY":"Syria Arab Republic","TW":"Taiwan","TJ":"Tajikistan","TZ":"Tanzania, the United Republic of","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad and Tobago","TN":"Tunisia","TR":"T\u00fcrkiye","TM":"Turkmenistan","TC":"Turks and Caicos Islands","TV":"Tuvalu","UG":"Uganda","UA":"Ukraine","AE":"United Arab Emirates","GB":"United Kingdom","US":"United States","UY":"Uruguay","UM":"US Minor Outlying Islands","UZ":"Uzbekistan","VU":"Vanuatu","VE":"Venezuela","VN":"Viet Nam","VG":"Virgin Islands, British","VI":"Virgin Islands, U.S.","WF":"Wallis and Futuna","EH":"Western Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"},"strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved.  The content contains the link to return and complete the form."}};
1472//# sourceURL=gform_gravityforms-js-extra
1473</script>
vendor: 1 bytes, line 1473
1473
1474<script id="gform_gravityforms-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=3.1.2"></script>
vendor: 1 bytes, line 1474
1474
1475<script id="gform_gravityforms_utils-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=69a9db57304a9f86c3d1a0bea5fd2cf9"></script>
vendor: 1 bytes, line 1475
1475
1476<script id="gform_gravityforms_theme_vendors-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=0c901cb641ce64b99c20ea1a4d208cc9"></script>
vendor: 1 bytes, line 1476
1476
1477<script id="gform_gravityforms_theme-js-extra">
1478var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"bbb77997032964630cd9ddf649dcbb78"},"ajax":{"ajaxurl":"https://serlachius.fi/wp-admin/admin-ajax.php","ajax_submission_nonce":"1a2fd56e91","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again.","error_403":"The request was blocked (403 error) for unknown security reasons. Remove any code-like text (scripts or DB queries) and try again."}}}},"hmr_dev":"","public_path":"https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/","config_nonce":"7c5ed1c082"};
1479//# sourceURL=gform_gravityforms_theme-js-extra
1480</script>
vendor: 1 bytes, line 1480
1480
1481<script id="gform_gravityforms_theme-js" defer='defer' src="https://serlachius.fi/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=e27d9712159624c99129c8c208f022ad"></script>
vendor: 1 bytes, line 1481
1481
1482<script>
1483gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 1) {} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } );
1484</script>
vendor: 1 bytes, line 1484
1484
1485<script>
1486gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "1", currentPage: "1", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( "gform_wrapper_1" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( "span" );            visibilitySpan.id = "gform_visibility_test_1";            gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( "gform_visibility_test_1" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 1, 1 );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );
1487</script>
1487
1488
1489</body>
1490
1491</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.