</noscript> <!-- End Google Tag Manager (noscript) --> <!-- Sitewrapper --> <div class="site-wrapper flex flex-col h-full relative"> <!-- Header --> <div class="absolute inset-0 invisible transition-all duration-300 ease-button z-40" jss="backdrop"></div> <header class="header bg-transparent px-s m1024:pt-xs translate-y-0 fixed left-0 right-0 top-0 z-40 transition-navigation ease-open duration-300"> <div class="flex justify-between items-center pt-s base-border-bottom pb-s m1024:pt-0 m1024:pb-xs m1024:grid grid-cols-12 m1024:gap-x-s m1024:gap-y-xs transition-[border-color] ease-open duration-300 delay-300" jss="nav-wrapper"> <button class="border-none bg-transparent group m1024:hidden" jss="search"><svg class="m1024:hidden" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt=""> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M21.7498 21.7498L15.5825 15.5825" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade origin-[9.5px_9.5px] rotate-45 group-hover:-scale-y-100 group-focus:-scale-y-100" d="M9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18Z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> <span class="sr-only"></span> </button> <a class="col-start-1 col-end-auto w-min" href="https://mannagroup.fi"> <span class="m480:hidden"> <svg width="52" height="40" viewBox="0 0 52 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill-header-fill transition-all duration-250 ease-nav-fade" d="M43.2718 11.3505C43.4499 10.5472 43.5401 9.72696 43.5409 8.9042C43.5409 3.9151 39.7555 0 34.112 0C30.3749 0 27.4427 1.67757 25.8881 4.28916C24.3473 1.67757 21.4059 0 17.6666 0C12.0138 0 8.23765 3.9151 8.23765 8.9042C8.23842 9.72696 8.32864 10.5472 8.50672 11.3505L5.10771 17.8084C2.29973 23.1234 0 27.1784 0 31.0958C0 36.0826 3.78306 40 9.42891 40C13.166 40 16.1096 38.2742 17.6505 35.6626C19.1936 38.2742 22.1372 40 25.872 40C29.6068 40 32.555 38.2742 34.0959 35.6626C35.6367 38.2742 38.5804 40 42.3174 40C47.9725 40 51.7463 36.0826 51.7463 31.0958C51.7463 27.1784 49.4581 23.1234 46.6547 17.8084L43.2718 11.3505ZM9.42891 37.5743C5.27099 37.5743 2.46762 34.8204 2.46762 31.0958C2.46762 27.8302 4.47758 24.2433 7.23267 18.9329L9.42891 14.685L11.5792 18.9283C14.2883 24.2433 16.3442 27.8302 16.3442 31.0912C16.3511 34.825 13.5937 37.5743 9.42891 37.5743ZM15.5025 21.3058C12.8394 15.9449 10.6892 12.1675 10.6892 8.91337C10.6892 5.18417 13.4948 2.43489 17.6505 2.43489C21.8061 2.43489 24.5658 5.18876 24.5658 8.91337C24.5658 12.1767 22.5098 15.9541 19.8007 21.3058L17.6505 25.5927L15.5025 21.3058ZM25.872 37.5743C21.7164 37.5743 18.959 34.8204 18.959 31.0958C18.959 27.8302 21.015 24.2433 23.7241 18.9329L25.872 14.6896L28.0223 18.9329C30.7337 24.2478 32.7873 27.8348 32.7873 31.0958C32.7942 34.825 30.0391 37.5743 25.8789 37.5743H25.872ZM31.9663 21.3058C29.2572 15.9449 27.199 12.1675 27.199 8.91337C27.199 5.18417 29.9586 2.43489 34.1143 2.43489C38.2699 2.43489 41.0756 5.18876 41.0756 8.91337C41.0756 12.1767 38.9253 15.9541 36.2645 21.3058L34.1143 25.5927L31.9663 21.3058ZM42.3151 37.5743C38.1595 37.5743 35.4021 34.8204 35.4021 31.0958C35.4021 27.8302 37.4581 24.2433 40.1672 18.9329L42.3151 14.685L44.5114 18.9283C47.271 24.2433 49.2764 27.8302 49.2764 31.0912C49.2856 34.825 46.4822 37.5743 42.3151 37.5743Z" /> </svg> </span> <span class="hidden m480:block"> <svg width="236" height="40" viewBox="0 0 236 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill-header-fill transition-all duration-250 ease-nav-fade" d="M43.2718 11.3505C43.4499 10.5472 43.5401 9.72696 43.5409 8.9042C43.5409 3.9151 39.7555 0 34.112 0C30.3749 0 27.4427 1.67757 25.8881 4.28916C24.3473 1.67757 21.4059 0 17.6666 0C12.0138 0 8.23765 3.9151 8.23765 8.9042C8.23842 9.72696 8.32864 10.5472 8.50672 11.3505L5.10771 17.8084C2.29973 23.1234 0 27.1784 0 31.0958C0 36.0826 3.78306 40 9.42891 40C13.166 40 16.1096 38.2742 17.6505 35.6626C19.1936 38.2742 22.1372 40 25.872 40C29.6068 40 32.555 38.2742 34.0959 35.6626C35.6367 38.2742 38.5804 40 42.3174 40C47.9725 40 51.7463 36.0826 51.7463 31.0958C51.7463 27.1784 49.4581 23.1234 46.6547 17.8084L43.2718 11.3505ZM9.42891 37.5743C5.27099 37.5743 2.46762 34.8204 2.46762 31.0958C2.46762 27.8302 4.47758 24.2433 7.23267 18.9329L9.42891 14.685L11.5792 18.9283C14.2883 24.2433 16.3442 27.8302 16.3442 31.0912C16.3511 34.825 13.5937 37.5743 9.42891 37.5743ZM15.5025 21.3058C12.8394 15.9449 10.6892 12.1675 10.6892 8.91337C10.6892 5.18417 13.4948 2.43489 17.6505 2.43489C21.8061 2.43489 24.5658 5.18876 24.5658 8.91337C24.5658 12.1767 22.5098 15.9541 19.8007 21.3058L17.6505 25.5927L15.5025 21.3058ZM25.872 37.5743C21.7164 37.5743 18.959 34.8204 18.959 31.0958C18.959 27.8302 21.015 24.2433 23.7241 18.9329L25.872 14.6896L28.0223 18.9329C30.7337 24.2478 32.7873 27.8348 32.7873 31.0958C32.7942 34.825 30.0391 37.5743 25.8789 37.5743H25.872ZM31.9663 21.3058C29.2572 15.9449 27.199 12.1675 27.199 8.91337C27.199 5.18417 29.9586 2.43489 34.1143 2.43489C38.2699 2.43489 41.0756 5.18876 41.0756 8.91337C41.0756 12.1767 38.9253 15.9541 36.2645 21.3058L34.1143 25.5927L31.9663 21.3058ZM42.3151 37.5743C38.1595 37.5743 35.4021 34.8204 35.4021 31.0958C35.4021 27.8302 37.4581 24.2433 40.1672 18.9329L42.3151 14.685L44.5114 18.9283C47.271 24.2433 49.2764 27.8302 49.2764 31.0912C49.2856 34.825 46.4822 37.5743 42.3151 37.5743ZM227.11 26.0631C228.209 26.0768 229.299 25.8722 230.318 25.4611C231.336 25.0501 232.263 24.4408 233.043 23.6689C233.823 22.8969 234.442 21.9777 234.862 20.9649C235.283 19.952 235.497 18.8657 235.493 17.7694C235.493 12.9937 231.873 9.62708 227.241 9.62708C222.426 9.62708 218.838 13.3632 218.838 17.9231C218.838 22.6965 222.458 26.0631 227.12 26.0631H227.11ZM227.172 12.2593C230.238 12.2593 232.57 14.5244 232.57 17.829C232.57 21.0419 230.238 23.4309 227.172 23.4309C224.107 23.4309 221.743 21.1658 221.743 17.8612C221.752 14.6781 224.114 12.2593 227.182 12.2593H227.172ZM216.191 26.8296L216.619 26.9512L216.559 30.685C214.432 31.767 212.075 32.3234 209.688 32.3075C202.848 32.3075 198.065 27.6856 198.065 21.1061C198.065 14.5267 203.154 9.56741 209.874 9.56741C212.154 9.56842 214.402 10.1029 216.437 11.1279L216.497 14.7378L216.069 14.8617L214.443 13.1773C212.968 12.5993 211.396 12.3087 209.812 12.3213C204.872 12.3213 201.13 15.9334 201.13 21.0419C201.13 26.1503 204.75 29.549 209.75 29.549C211.38 29.5601 212.997 29.2481 214.505 28.6311L216.191 26.8296ZM233.03 29.0006L233.306 29.2461V31.9334H223.994C223.089 31.9181 222.184 32.0005 221.297 32.179L221.021 31.9334V29.2461L230.344 29.2163C231.247 29.24 232.151 29.1677 233.039 29.0006H233.03ZM88.5168 11.8325V30.0723L89.5908 31.5112L89.5287 31.9334H84.5911L84.467 31.5043L85.5731 30.0654V14.311L78.1496 24.0138H77.5977L70.2385 14.311V30.0723L71.3723 31.5112L71.2504 31.9403H66.3704L66.3106 31.5112L67.3523 30.0723V11.8325L66.3106 10.3936L66.3704 9.96444H70.5444L77.9035 19.6672L85.3202 9.96444H89.5287L89.5908 10.3936L88.5168 11.8325ZM123.82 30.1342L124.862 31.5112L124.8 31.9403H120.016L119.954 31.5112L120.998 30.1342V22.6047C120.998 20.0941 119.618 18.8709 117.378 18.8709C115.937 18.8709 114.465 19.4217 113.147 20.3396V30.1342L114.189 31.5112L114.127 31.9403H109.373L109.311 31.5112L110.263 30.1342V21.6546C110.263 19.7889 109.771 18.5336 108.607 17.5536V17.1268L111.153 16.4842C111.82 17.0196 112.355 17.7002 112.717 18.4739C113.424 17.7773 114.262 17.2267 115.183 16.8538C116.103 16.4808 117.089 16.2929 118.082 16.3006C121.55 16.3006 123.82 18.4739 123.82 22.2077V30.1342ZM158.233 22.2077C158.233 18.4739 155.934 16.3006 151.578 16.3006C149.646 16.3006 147.56 16.6678 146.086 17.3104L145.803 20.6885L146.263 20.8721L147.827 19.3712C148.945 19.0062 150.114 18.8203 151.29 18.8204C154.05 18.8204 155.37 20.0459 155.37 22.4923V22.8594L150.003 23.6558C146.815 24.1147 145.249 25.5835 145.249 27.8485C145.249 30.5726 147.305 32.3167 150.308 32.3167C152.366 32.3073 154.345 31.5324 155.86 30.1434C156.167 30.9496 156.712 31.6436 157.424 32.1331L159.97 31.5204V30.9925C158.804 30.0746 158.222 28.7573 158.222 26.8916L158.233 22.2077ZM150.874 29.8267C149.186 29.8267 148.144 28.8789 148.144 27.6856C148.144 26.7676 148.758 26.1251 150.26 25.8795L155.382 25.0235V27.3804C155.369 27.6572 155.39 27.9346 155.444 28.2065C153.999 29.1796 152.436 29.8267 150.863 29.8267H150.874ZM142.041 30.1342L143.113 31.5112L142.991 31.9403H138.235L138.113 31.5112L139.187 30.1342V22.6047C139.187 20.0941 137.867 18.8709 135.627 18.8709C134.078 18.9051 132.578 19.4183 131.333 20.3396C131.382 20.6123 131.402 20.889 131.395 21.1658V30.1342L132.375 31.5112L132.315 31.9403H127.592L127.44 31.5112L128.511 30.1342V21.6546C128.511 19.7889 127.96 18.5336 126.764 17.5536V17.1268L129.339 16.4842C130.025 16.9939 130.555 17.6824 130.873 18.4739C132.315 17.086 134.238 16.3074 136.241 16.3006C139.799 16.3006 142.039 18.4739 142.039 22.2077L142.041 30.1342ZM105.477 26.8847V22.2077C105.477 18.4739 103.178 16.3006 98.8541 16.3006C96.9556 16.2846 95.0711 16.6272 93.3002 17.3104L93.0565 20.6885L93.5463 20.8721L95.0503 19.3712C96.1996 19.0012 97.4004 18.8153 98.608 18.8204C101.306 18.8204 102.656 20.0444 102.656 22.4923V22.8594L97.2259 23.6558C94.1282 24.1147 92.5045 25.5835 92.5045 27.8485C92.5045 30.5726 94.6203 32.3167 97.5639 32.3167C99.6213 32.3082 101.601 31.5331 103.116 30.1434C103.464 30.917 103.99 31.5984 104.649 32.1331L107.225 31.5204V30.9925C106.029 30.0723 105.477 28.7573 105.477 26.8847ZM102.656 27.3735V28.1996C101.246 29.1796 99.6797 29.8198 98.178 29.8198C96.4279 29.8198 95.3562 28.934 95.3562 27.7407C95.3562 26.7608 96.0001 26.1182 97.5019 25.8726L102.656 25.0166V27.3735ZM190.899 21.4068L191.297 21.2232L190.899 18.529H183.059L182.813 18.8044C183 19.8455 183.102 20.9 183.119 21.9576C183.126 22.8279 183.002 23.6943 182.751 24.5278C175.205 19.5387 172.751 16.9983 172.751 14.5198C172.751 13.0511 173.825 12.2547 176.217 12.2547C177.91 12.2543 179.597 12.439 181.249 12.8055L183.059 14.3683L183.425 14.1847L182.997 10.5129C180.783 9.88279 178.489 9.57364 176.187 9.59495C172.016 9.59495 169.716 11.2174 169.716 14.3706C169.731 15.3933 169.983 16.3987 170.452 17.3081C167.722 18.9925 166.312 21.3471 166.312 24.4383C166.312 28.9386 169.992 32.3052 175.178 32.3052C178.765 32.3052 181.803 30.8663 183.673 28.4498C185.361 29.5491 187.231 30.7447 189.349 32.0597L189.809 32L191.234 29.6386L191.021 29.2392C190.101 29.0557 189.241 28.7206 187.923 27.8944L185.223 26.21C185.659 25.0116 185.897 23.7507 185.929 22.4762C185.929 21.9874 185.899 21.5284 185.867 21.1589H187.555C188.675 21.1324 189.795 21.217 190.899 21.4114V21.4068ZM175.224 29.6087C171.758 29.6087 169.244 27.3138 169.244 24.2226C169.244 22.2031 170.132 20.5508 171.758 19.2335C173.506 21.3448 176.482 23.7017 181.297 26.887C179.98 28.6357 177.861 29.6133 175.224 29.6133V29.6087Z" /> </svg> </span> <span class="sr-only">Manna & Co</span> </a> <ul class="hidden m1024:flex col-start-1 col-end-auto"> <nav nav class="navigation"> <ul class="flex gap-m"> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/meista/">Meistä <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-0 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/brandimme/">Brändimme <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-100 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/vastuullisuus/">Vastuullisuus <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-0 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/tyopaikat/">Työpaikat <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-0 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/media/">Media <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-0 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> <li class="group"> <a class="whitespace-nowrap text-navlink tracking-normal font-normal font-sans group relative" href="https://mannagroup.fi/yritysmyynti/">Yritysmyynti <span class="absolute w-auto divider-header inset-x-[-3px] bottom-[-3px] scale-x-0 ease-overline transition-overline duration-200 group-hover:scale-x-100 origin-left"></span> </a> </li> </ul> </nav> </ul> <div class="col-start-7 col-span-6 row-start-1 justify-self-end hidden m1024:flex gap-x-s"> <button class="border-none bg-transparent group hidden m1024:flex m1024:flex-row-reverse gap-x-3xs" jss="search"><svg class="hidden m1024:flex m1024:flex-row-reverse gap-x-3xs" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt=""> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M21.7498 21.7498L15.5825 15.5825" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade origin-[9.5px_9.5px] rotate-45 group-hover:-scale-y-100 group-focus:-scale-y-100" d="M9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18Z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> <span class="sr-only"></span> <span class="text-[0.75rem] leading-[1.5rem] tracking-widest font-sans uppercase">Haku</span> </button> <a class="js-world text-[0.75rem] leading-[1.5rem] tracking-widest font-sans uppercase group" href="https://mannagroup.fi/en/our-brands/" title="English"> <span class="flex gap-3xs"> In English <svg class="transition-transform duration-500 group-hover:rotate-[13.5deg] group-focus:rotate-[13.5deg] ease-open" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="world_last" class="stroke-header-fill transition-icon duration-250 ease-nav-fade" d="M12,22.5A10.33,10.33,0,0,0,22.5,12C22.3,5.81,17.63,1.42,12,1.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_fourth" class="stroke-header-fill transition-icon duration-250 ease-nav-fade" d="M12,22.5c3.32.2,6-4.7,6-10.5S15.36,1.35,12,1.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_third" class="stroke-header-fill transition-icon duration-250 ease-nav-fade" d="M12,1.5v21" fill="none" stroke-miterlimit="10" stroke-width="2"/> <path id="world_second" class="stroke-header-fill transition-icon duration-250 ease-nav-fade" d="M12,1.5C8.75,1.35,6,6.2,6,12s2.69,10.72,6,10.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_first" class="stroke-header-fill transition-icon duration-250 ease-nav-fade" d="M12,1.5C6.37,1.42,1.7,5.81,1.5,12A10.33,10.33,0,0,0,12,22.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M1.5,12h21" stroke-miterlimit="10" stroke-width="2"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M12,22.5A10.5,10.5,0,1,0,1.5,12,10.32,10.32,0,0,0,12,22.5Z" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> </svg></span> </a> </div> <button class="border-none border-0 bg-transparent m1024:hidden" type="button" role="button" aria-label="" aria-controls="navigation" aria-pressed="false" jss="nav-toggle"> <span class="sr-only"></span> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M2 16H30" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M2 7H30" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-header-fill transition-all duration-250 ease-nav-fade" d="M2 25H30" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> </button> </div> <!-- full mobile nav --> <div jss="mobile-menu" class="full-nav box-content fixed inset-0 height-full pt-s bg-orange text-black z-50 invisible overflow-hidden grid grid-cols-4 translate-x-full pointer-events-auto m1024:hidden transition-mobile-nav duration-300 ease-open"> <!-- controls --> <div class="grid grid-cols-12 items-center pb-s px-s col-span-full row-start-1"> <button class="back-button w-min invisible col-start-1 col-span-1 focus-dark opacity-0 ease-open transition-opacity" jss="second-anim-item"><svg class="" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.5,7l-9,9,9,9" fill="none" stroke="#000" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> </svg></button> <h4 class="col-start-4 col-span-6 text-center opacity-0 ease-open transition-opacity" jss="page-title"></h4> <button class="border-none border-0 bg-transparent m1024:hidden opacity-0 ease-open transition-opacity col-start-12 col-span-1 justify-self-end focus-dark" type="button" role="button" aria-label="" aria-controls="navigation" aria-pressed="false" jss="nav-close"> <span class="sr-only"></span> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-black" d="M26 6L6 26" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-black" d="M26 26L6 6" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> </button> </div> <!-- end controls--> <!-- scrollwrapper --> <div class="overflow-y-auto px-s flex-col h-full grid-cols-4 col-span-full row-start-2" jss="scrollwrapper"> <!-- navigation --> <nav class="mb-l w-full"> <ul class="" jss="list-item"> <li class=""> <a class="nav-link" href="https://mannagroup.fi/meista/" jss="nav-anim-item" >Meistä</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> <li class=""> <a class="nav-link" href="https://mannagroup.fi/brandimme/" jss="nav-anim-item" >Brändimme</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> <li class=""> <a class="nav-link" href="https://mannagroup.fi/vastuullisuus/" jss="nav-anim-item" >Vastuullisuus</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> <li class=""> <a class="nav-link" href="https://mannagroup.fi/tyopaikat/" jss="nav-anim-item" >Työpaikat</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> <li class=""> <a class="nav-link" href="https://mannagroup.fi/media/" jss="nav-anim-item" >Media</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> <li class=""> <a class="nav-link" href="https://mannagroup.fi/yritysmyynti/" jss="nav-anim-item" >Yritysmyynti</a> <span class="divider-mobile-nav" jss="nav-anim-item"></span> </li> </ul> </nav> <!-- end navigation --> <!-- extra nav --> <div class="flex flex-col gap-xs mb-l opacity-0 translate-x-s ease-navin transition-nav-item w-full col-span-full" jss="nav-anim-item"> <button class="border-none bg-transparent group flex gap-2xs items-center focus-dark inline-block self-start" jss="search"><svg class="flex gap-2xs items-center focus-dark inline-block self-start" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt=""> <path class="stroke-black transition-all duration-250 ease-nav-fade" d="M21.7498 21.7498L15.5825 15.5825" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-black transition-all duration-250 ease-nav-fade origin-[9.5px_9.5px] rotate-45 group-hover:-scale-y-100 group-focus:-scale-y-100" d="M9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18Z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> <span class="sr-only">Haku</span> <span class="text-[0.75rem] leading-[1.5rem] tracking-widest font-sans uppercase">Haku</span> </button> <div class="col-start-9 col-span-4 row-start-1 justify-self-end"> <a class="js-world text-[0.75rem] leading-[1.5rem] w-min whitespace-nowrap tracking-widest font-sans uppercase items-center flex focus-dark" href="https://mannagroup.fi/en/our-brands/" title="English"> <span class="flex gap-2xs"><svg class="transition-transform duration-500 group-hover:rotate-[13.5deg]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path id="world_last" class="stroke-black transition-icon duration-250 ease-nav-fade" d="M12,22.5A10.33,10.33,0,0,0,22.5,12C22.3,5.81,17.63,1.42,12,1.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_fourth" class="stroke-black transition-icon duration-250 ease-nav-fade" d="M12,22.5c3.32.2,6-4.7,6-10.5S15.36,1.35,12,1.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_third" class="stroke-black transition-icon duration-250 ease-nav-fade" d="M12,1.5v21" fill="none" stroke-miterlimit="10" stroke-width="2"/> <path id="world_second" class="stroke-black transition-icon duration-250 ease-nav-fade" d="M12,1.5C8.75,1.35,6,6.2,6,12s2.69,10.72,6,10.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path id="world_first" class="stroke-black transition-icon duration-250 ease-nav-fade" d="M12,1.5C6.37,1.42,1.7,5.81,1.5,12A10.33,10.33,0,0,0,12,22.5" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path class="stroke-black transition-all duration-250 ease-nav-fade" d="M1.5,12h21" stroke-miterlimit="10" stroke-width="2"/> <path class="stroke-black transition-all duration-250 ease-nav-fade" d="M12,22.5A10.5,10.5,0,1,0,1.5,12,10.32,10.32,0,0,0,12,22.5Z" fill="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> </svg> <span> In English </span> </span> </a> </div> </div> <!-- end extra nav --> <!-- content --> <div class="flex flex-col items-center justify-center pb-m pt-s w-full mt-auto opacity-0 translate-x-s ease-navin transition-nav-item" jss="nav-anim-item"> <span class="w-full flex justify-center mb-xs"> <svg width="236" height="40" viewBox="0 0 236 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill-black transition-all duration-250 ease-nav-fade" d="M43.2718 11.3505C43.4499 10.5472 43.5401 9.72696 43.5409 8.9042C43.5409 3.9151 39.7555 0 34.112 0C30.3749 0 27.4427 1.67757 25.8881 4.28916C24.3473 1.67757 21.4059 0 17.6666 0C12.0138 0 8.23765 3.9151 8.23765 8.9042C8.23842 9.72696 8.32864 10.5472 8.50672 11.3505L5.10771 17.8084C2.29973 23.1234 0 27.1784 0 31.0958C0 36.0826 3.78306 40 9.42891 40C13.166 40 16.1096 38.2742 17.6505 35.6626C19.1936 38.2742 22.1372 40 25.872 40C29.6068 40 32.555 38.2742 34.0959 35.6626C35.6367 38.2742 38.5804 40 42.3174 40C47.9725 40 51.7463 36.0826 51.7463 31.0958C51.7463 27.1784 49.4581 23.1234 46.6547 17.8084L43.2718 11.3505ZM9.42891 37.5743C5.27099 37.5743 2.46762 34.8204 2.46762 31.0958C2.46762 27.8302 4.47758 24.2433 7.23267 18.9329L9.42891 14.685L11.5792 18.9283C14.2883 24.2433 16.3442 27.8302 16.3442 31.0912C16.3511 34.825 13.5937 37.5743 9.42891 37.5743ZM15.5025 21.3058C12.8394 15.9449 10.6892 12.1675 10.6892 8.91337C10.6892 5.18417 13.4948 2.43489 17.6505 2.43489C21.8061 2.43489 24.5658 5.18876 24.5658 8.91337C24.5658 12.1767 22.5098 15.9541 19.8007 21.3058L17.6505 25.5927L15.5025 21.3058ZM25.872 37.5743C21.7164 37.5743 18.959 34.8204 18.959 31.0958C18.959 27.8302 21.015 24.2433 23.7241 18.9329L25.872 14.6896L28.0223 18.9329C30.7337 24.2478 32.7873 27.8348 32.7873 31.0958C32.7942 34.825 30.0391 37.5743 25.8789 37.5743H25.872ZM31.9663 21.3058C29.2572 15.9449 27.199 12.1675 27.199 8.91337C27.199 5.18417 29.9586 2.43489 34.1143 2.43489C38.2699 2.43489 41.0756 5.18876 41.0756 8.91337C41.0756 12.1767 38.9253 15.9541 36.2645 21.3058L34.1143 25.5927L31.9663 21.3058ZM42.3151 37.5743C38.1595 37.5743 35.4021 34.8204 35.4021 31.0958C35.4021 27.8302 37.4581 24.2433 40.1672 18.9329L42.3151 14.685L44.5114 18.9283C47.271 24.2433 49.2764 27.8302 49.2764 31.0912C49.2856 34.825 46.4822 37.5743 42.3151 37.5743ZM227.11 26.0631C228.209 26.0768 229.299 25.8722 230.318 25.4611C231.336 25.0501 232.263 24.4408 233.043 23.6689C233.823 22.8969 234.442 21.9777 234.862 20.9649C235.283 19.952 235.497 18.8657 235.493 17.7694C235.493 12.9937 231.873 9.62708 227.241 9.62708C222.426 9.62708 218.838 13.3632 218.838 17.9231C218.838 22.6965 222.458 26.0631 227.12 26.0631H227.11ZM227.172 12.2593C230.238 12.2593 232.57 14.5244 232.57 17.829C232.57 21.0419 230.238 23.4309 227.172 23.4309C224.107 23.4309 221.743 21.1658 221.743 17.8612C221.752 14.6781 224.114 12.2593 227.182 12.2593H227.172ZM216.191 26.8296L216.619 26.9512L216.559 30.685C214.432 31.767 212.075 32.3234 209.688 32.3075C202.848 32.3075 198.065 27.6856 198.065 21.1061C198.065 14.5267 203.154 9.56741 209.874 9.56741C212.154 9.56842 214.402 10.1029 216.437 11.1279L216.497 14.7378L216.069 14.8617L214.443 13.1773C212.968 12.5993 211.396 12.3087 209.812 12.3213C204.872 12.3213 201.13 15.9334 201.13 21.0419C201.13 26.1503 204.75 29.549 209.75 29.549C211.38 29.5601 212.997 29.2481 214.505 28.6311L216.191 26.8296ZM233.03 29.0006L233.306 29.2461V31.9334H223.994C223.089 31.9181 222.184 32.0005 221.297 32.179L221.021 31.9334V29.2461L230.344 29.2163C231.247 29.24 232.151 29.1677 233.039 29.0006H233.03ZM88.5168 11.8325V30.0723L89.5908 31.5112L89.5287 31.9334H84.5911L84.467 31.5043L85.5731 30.0654V14.311L78.1496 24.0138H77.5977L70.2385 14.311V30.0723L71.3723 31.5112L71.2504 31.9403H66.3704L66.3106 31.5112L67.3523 30.0723V11.8325L66.3106 10.3936L66.3704 9.96444H70.5444L77.9035 19.6672L85.3202 9.96444H89.5287L89.5908 10.3936L88.5168 11.8325ZM123.82 30.1342L124.862 31.5112L124.8 31.9403H120.016L119.954 31.5112L120.998 30.1342V22.6047C120.998 20.0941 119.618 18.8709 117.378 18.8709C115.937 18.8709 114.465 19.4217 113.147 20.3396V30.1342L114.189 31.5112L114.127 31.9403H109.373L109.311 31.5112L110.263 30.1342V21.6546C110.263 19.7889 109.771 18.5336 108.607 17.5536V17.1268L111.153 16.4842C111.82 17.0196 112.355 17.7002 112.717 18.4739C113.424 17.7773 114.262 17.2267 115.183 16.8538C116.103 16.4808 117.089 16.2929 118.082 16.3006C121.55 16.3006 123.82 18.4739 123.82 22.2077V30.1342ZM158.233 22.2077C158.233 18.4739 155.934 16.3006 151.578 16.3006C149.646 16.3006 147.56 16.6678 146.086 17.3104L145.803 20.6885L146.263 20.8721L147.827 19.3712C148.945 19.0062 150.114 18.8203 151.29 18.8204C154.05 18.8204 155.37 20.0459 155.37 22.4923V22.8594L150.003 23.6558C146.815 24.1147 145.249 25.5835 145.249 27.8485C145.249 30.5726 147.305 32.3167 150.308 32.3167C152.366 32.3073 154.345 31.5324 155.86 30.1434C156.167 30.9496 156.712 31.6436 157.424 32.1331L159.97 31.5204V30.9925C158.804 30.0746 158.222 28.7573 158.222 26.8916L158.233 22.2077ZM150.874 29.8267C149.186 29.8267 148.144 28.8789 148.144 27.6856C148.144 26.7676 148.758 26.1251 150.26 25.8795L155.382 25.0235V27.3804C155.369 27.6572 155.39 27.9346 155.444 28.2065C153.999 29.1796 152.436 29.8267 150.863 29.8267H150.874ZM142.041 30.1342L143.113 31.5112L142.991 31.9403H138.235L138.113 31.5112L139.187 30.1342V22.6047C139.187 20.0941 137.867 18.8709 135.627 18.8709C134.078 18.9051 132.578 19.4183 131.333 20.3396C131.382 20.6123 131.402 20.889 131.395 21.1658V30.1342L132.375 31.5112L132.315 31.9403H127.592L127.44 31.5112L128.511 30.1342V21.6546C128.511 19.7889 127.96 18.5336 126.764 17.5536V17.1268L129.339 16.4842C130.025 16.9939 130.555 17.6824 130.873 18.4739C132.315 17.086 134.238 16.3074 136.241 16.3006C139.799 16.3006 142.039 18.4739 142.039 22.2077L142.041 30.1342ZM105.477 26.8847V22.2077C105.477 18.4739 103.178 16.3006 98.8541 16.3006C96.9556 16.2846 95.0711 16.6272 93.3002 17.3104L93.0565 20.6885L93.5463 20.8721L95.0503 19.3712C96.1996 19.0012 97.4004 18.8153 98.608 18.8204C101.306 18.8204 102.656 20.0444 102.656 22.4923V22.8594L97.2259 23.6558C94.1282 24.1147 92.5045 25.5835 92.5045 27.8485C92.5045 30.5726 94.6203 32.3167 97.5639 32.3167C99.6213 32.3082 101.601 31.5331 103.116 30.1434C103.464 30.917 103.99 31.5984 104.649 32.1331L107.225 31.5204V30.9925C106.029 30.0723 105.477 28.7573 105.477 26.8847ZM102.656 27.3735V28.1996C101.246 29.1796 99.6797 29.8198 98.178 29.8198C96.4279 29.8198 95.3562 28.934 95.3562 27.7407C95.3562 26.7608 96.0001 26.1182 97.5019 25.8726L102.656 25.0166V27.3735ZM190.899 21.4068L191.297 21.2232L190.899 18.529H183.059L182.813 18.8044C183 19.8455 183.102 20.9 183.119 21.9576C183.126 22.8279 183.002 23.6943 182.751 24.5278C175.205 19.5387 172.751 16.9983 172.751 14.5198C172.751 13.0511 173.825 12.2547 176.217 12.2547C177.91 12.2543 179.597 12.439 181.249 12.8055L183.059 14.3683L183.425 14.1847L182.997 10.5129C180.783 9.88279 178.489 9.57364 176.187 9.59495C172.016 9.59495 169.716 11.2174 169.716 14.3706C169.731 15.3933 169.983 16.3987 170.452 17.3081C167.722 18.9925 166.312 21.3471 166.312 24.4383C166.312 28.9386 169.992 32.3052 175.178 32.3052C178.765 32.3052 181.803 30.8663 183.673 28.4498C185.361 29.5491 187.231 30.7447 189.349 32.0597L189.809 32L191.234 29.6386L191.021 29.2392C190.101 29.0557 189.241 28.7206 187.923 27.8944L185.223 26.21C185.659 25.0116 185.897 23.7507 185.929 22.4762C185.929 21.9874 185.899 21.5284 185.867 21.1589H187.555C188.675 21.1324 189.795 21.217 190.899 21.4114V21.4068ZM175.224 29.6087C171.758 29.6087 169.244 27.3138 169.244 24.2226C169.244 22.2031 170.132 20.5508 171.758 19.2335C173.506 21.3448 176.482 23.7017 181.297 26.887C179.98 28.6357 177.861 29.6133 175.224 29.6133V29.6087Z" /> </svg> </span> <p class="text-center m-0 body-s max-w-[var(--nav-tag-width)]">Tavoitteenamme on olla Pohjoismaiden kiinnostavin, kannattavin ja vastuullisin bränditalo.</p> </div> <!-- end content --> </div> <!-- end scrollwrapper --> <!-- second level nav --> <ul class="bg-orange overflow-y-auto px-s pb-m flex flex-col h-full col-start-1 col-span-full row-start-2 translate-x-full transition-mobile-nav duration-300 ease-open invisible " jss="second-level"></ul> <!-- end second level nav --> </div></header> <!-- End Header --> <main class="site-main tmpl-layouts transition-all duration-300" id="content" tabindex="-1"> <section id="" class="heroText relative min-height-full bg-black flex text-white"> <div jss="hero-image-container" class="absolute w-full h-full inset-0 bg-cover bg-center transition-all bg-black"> <img class="absolute w-full h-full inset-0 object-cover object-center transition-all duration-1000 ease-out hero-image-black" src="https://mannagroup.fi/wp-content/uploads/2024/12/Kulttuuriperima2.jpg"> <noscript> <img class="absolute w-full h-full inset-0 object-cover object-center" src="https://mannagroup.fi/wp-content/uploads/2024/12/Kulttuuriperima2.jpg"> </noscript> </div> <div class="heroText__wrapper relative grid-base base-padding-sides pt-s pb-l self-end gap-y-s w-full"> <div class="overflow-hidden m960:mt-3xs col-start-1 col-span-12 m960:col-start-1 m960:col-span-3 h-min"> <span class="heroText__subtitle subheadline-xl translate-y-[110%] block" jss="subtitle">Brändimme</span> </div> <div class="heroText__content flex flex-col gap-y-s col-start-1 col-span-12 m960:col-start-4 m960:col-span-9 self-end"> <h1 class="headline-xs-l opacity-0 will-change-transform" jss="title">Meille brändit ovat osa paikallista kulttuuriperimää sekä nykyistä populäärikulttuuria. Meidän tehtävämme on auttaa niitä kasvamaan tavanomaisuudesta erinomaisuuteen. </h1> </div> </div> </section> <!-- Brandlist --> <section class="brands px-s first-of-type:pt-header "> <ul class="brands__wrapper"> <li class="brands__brand grid-base gap-y-s pt-s pb-sb-mb m1024:pb-sb-dt relative"> <a href="https://www.finlayson.fi/" target="_blank" class="col-start-1 col-span-12 justify-self-center m640:col-start-4 m640:col-span-9 m640:justify-self-start m1200:absolute top-s right-0 pt-l pb-s m1200:py-0 m1200:col-start-7 m1200:col-span-6 m1440:static m1440:col-span-3 m1440:self-center m1440:justify-self-center"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/finlogosite.jpg" loading="lazy" class="brands__logo max-h-[4rem] max-w-[16.25rem]" alt="" /> </a> <a href="https://www.finlayson.fi/" target="_blank" class="col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200-max:row-start-3 m1200:col-span-6 m1440:col-start-4 m1440:col-span-4 aspect-square"> <span class="relative" jss="lazy-reveal"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/Finlaybrnd1.jpg" loading="lazy" class="aspect-square" alt="" /> </span> </a> <div class="brands__texts col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200:col-span-6 m1440:col-start-8 m1440:col-span-5 m1920:col-start-9 m1920:col-span-4 self-end"> <p><span class="subheadline text-inherit">FINLAYSON. </span>Suomen kolmanneksi vanhimpana yrityksenä Finlayson on ollut mukana ihmisten arjessa jo vuodesta 1820. Rohkeus, vastuullisuus ja ennakkoluulottomuus on tehnyt Finlaysonista vuosien varrella Suomen suosituimman tekstiilialan yrityksen. Tämän päivän Finlayson ei pelkää tarttua epäkohtiin, vaan haastaa ihmisiä vastuullisemman ja laadukkaamman arjen puolesta. Finlayson suunnittelee kuoseja ja valmistaa erilaisia kodintekstiilejä, vaatteita ja astioita.</p> <a href="https://www.finlayson.fi/" target="_blank" class="text-base font-sans underline underline-offset-[0.05em] flex gap-x-3xs items-center"> finlayson.fi <svg class="h-[1rem] w-[1rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_483_10936)"> <path d="M16.5266 10.7625C16.3076 10.8683 16.1025 10.8256 15.9114 10.6345C15.8548 10.5779 15.8158 10.5319 15.7946 10.4965C15.4475 9.96587 15.2489 9.38589 15.1987 8.75659C15.1414 8.12021 15.268 7.52645 15.5785 6.97533L9.95343 12.6004L8.53072 11.1777L14.1558 5.55262C13.6047 5.86309 13.0145 5.99322 12.3852 5.94302C11.7488 5.88575 11.1653 5.68359 10.6346 5.33655C10.5992 5.3153 10.5532 5.27637 10.4966 5.21974C10.3055 5.02863 10.2628 4.82355 10.3686 4.60449L11.1833 2.87675C11.8981 3.49266 12.6833 3.86826 13.5389 4.00356C14.3946 4.13885 15.2393 4.01607 16.0732 3.63522L17.4959 5.05793C17.1151 5.89178 16.9923 6.73653 17.1276 7.59218C17.2629 8.44782 17.6385 9.23303 18.2544 9.94781L16.5266 10.7625Z" fill="black"/> <rect x="3.3335" y="4.16675" width="2.5" height="13.3333" fill="black"/> <rect x="16.6665" y="15" width="2.5" height="12.5" transform="rotate(90 16.6665 15)" fill="black"/> <rect x="16.6665" y="17.5" width="2.5" height="4.16667" transform="rotate(-180 16.6665 17.5)" fill="black"/> <rect x="7.5" y="4.16675" width="2.5" height="4.16667" transform="rotate(90 7.5 4.16675)" fill="black"/> </g> <defs> <clipPath id="clip0_483_10936"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </div> <span class="divider-dark absolute bottom-0 left-0 right-0 divider-hidden delay-200 col-span-12" jss="divider"></span> </li> <li class="brands__brand grid-base gap-y-s pt-s pb-sb-mb m1024:pb-sb-dt relative"> <a href="https://www.vallila.fi/" target="_blank" class="col-start-1 col-span-12 justify-self-center m640:col-start-4 m640:col-span-9 m640:justify-self-start m1200:absolute top-s right-0 pt-l pb-s m1200:py-0 m1200:col-start-7 m1200:col-span-6 m1440:static m1440:col-span-3 m1440:self-center m1440:justify-self-center"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/Vallila_logosite.jpg" loading="lazy" class="brands__logo max-h-[4rem] max-w-[16.25rem]" alt="" /> </a> <a href="https://www.vallila.fi/" target="_blank" class="col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200-max:row-start-3 m1200:col-span-6 m1440:col-start-4 m1440:col-span-4 aspect-square"> <span class="relative" jss="lazy-reveal"> <img src="https://mannagroup.fi/wp-content/uploads/2025/01/Vallila_Brand3.jpg" loading="lazy" class="aspect-square" alt="" /> </span> </a> <div class="brands__texts col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200:col-span-6 m1440:col-start-8 m1440:col-span-5 m1920:col-start-9 m1920:col-span-4 self-end"> <p><span class="subheadline text-inherit">VALLILA </span>on vuonna 1935 perustettu suomalainen sisustus- ja tekstiilialan yritys, jonka toimintaa ohjaavat rohkeus, värikkyys ja leikittely eri tyyleillä. Vallila oli aikaansa edellä jo 60-luvulla, jolloin New Yorkista lennätettiin vierailevia suunnittelijoita luomaan kuoseja brändille. Tämä perinne jatkuu tänäkin päivänä nuorien suunnittelijoiden luomissa ennakkoluulottomissa mallistoissa. Vallila on erikoistunut kuosien suunnitteluun sekä kodintekstiilien ja -tavaroiden valmistamiseen. Vallilaan kuuluu myös julkitilasisustamiseen erikoistunut Vallila Contract.</p> <a href="https://www.vallila.fi/" target="_blank" class="text-base font-sans underline underline-offset-[0.05em] flex gap-x-3xs items-center"> vallila.fi <svg class="h-[1rem] w-[1rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_483_10936)"> <path d="M16.5266 10.7625C16.3076 10.8683 16.1025 10.8256 15.9114 10.6345C15.8548 10.5779 15.8158 10.5319 15.7946 10.4965C15.4475 9.96587 15.2489 9.38589 15.1987 8.75659C15.1414 8.12021 15.268 7.52645 15.5785 6.97533L9.95343 12.6004L8.53072 11.1777L14.1558 5.55262C13.6047 5.86309 13.0145 5.99322 12.3852 5.94302C11.7488 5.88575 11.1653 5.68359 10.6346 5.33655C10.5992 5.3153 10.5532 5.27637 10.4966 5.21974C10.3055 5.02863 10.2628 4.82355 10.3686 4.60449L11.1833 2.87675C11.8981 3.49266 12.6833 3.86826 13.5389 4.00356C14.3946 4.13885 15.2393 4.01607 16.0732 3.63522L17.4959 5.05793C17.1151 5.89178 16.9923 6.73653 17.1276 7.59218C17.2629 8.44782 17.6385 9.23303 18.2544 9.94781L16.5266 10.7625Z" fill="black"/> <rect x="3.3335" y="4.16675" width="2.5" height="13.3333" fill="black"/> <rect x="16.6665" y="15" width="2.5" height="12.5" transform="rotate(90 16.6665 15)" fill="black"/> <rect x="16.6665" y="17.5" width="2.5" height="4.16667" transform="rotate(-180 16.6665 17.5)" fill="black"/> <rect x="7.5" y="4.16675" width="2.5" height="4.16667" transform="rotate(90 7.5 4.16675)" fill="black"/> </g> <defs> <clipPath id="clip0_483_10936"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </div> <span class="divider-dark absolute bottom-0 left-0 right-0 divider-hidden delay-200 col-span-12" jss="divider"></span> </li> <li class="brands__brand grid-base gap-y-s pt-s pb-sb-mb m1024:pb-sb-dt relative"> <a href="https://makia.com/" target="_blank" class="col-start-1 col-span-12 justify-self-center m640:col-start-4 m640:col-span-9 m640:justify-self-start m1200:absolute top-s right-0 pt-l pb-s m1200:py-0 m1200:col-start-7 m1200:col-span-6 m1440:static m1440:col-span-3 m1440:self-center m1440:justify-self-center"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/makialogosite.jpg" loading="lazy" class="brands__logo max-h-[4rem] max-w-[16.25rem]" alt="" /> </a> <a href="https://makia.com/" target="_blank" class="col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200-max:row-start-3 m1200:col-span-6 m1440:col-start-4 m1440:col-span-4 aspect-square"> <span class="relative" jss="lazy-reveal"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/Makia_brnd.jpg" loading="lazy" class="aspect-square" alt="" /> </span> </a> <div class="brands__texts col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200:col-span-6 m1440:col-start-8 m1440:col-span-5 m1920:col-start-9 m1920:col-span-4 self-end"> <p><span class="subheadline text-inherit">MAKIA </span>on suomalainen vuonna 2001 perustettu katuvaatebrändi, joka valmistaa yksinkertaisen tyylikkäitä käyttövaatteita kestämään aikaa ja kulutusta. Pohjoisen ilmastossa varttunut Makia yhdistelee mallistoissaan vaivattomasti modernia funktionaalisuutta ja klassista ajattomuutta. Suunnittelussa on pyritty ottamaan huomioon käytännönläheisyys, jossa sään kestävä toiminnallisuus sulautuu urbaaniin ympäristöön luontevalla tavalla.</p> <a href="https://makia.com/" target="_blank" class="text-base font-sans underline underline-offset-[0.05em] flex gap-x-3xs items-center"> makia.com <svg class="h-[1rem] w-[1rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_483_10936)"> <path d="M16.5266 10.7625C16.3076 10.8683 16.1025 10.8256 15.9114 10.6345C15.8548 10.5779 15.8158 10.5319 15.7946 10.4965C15.4475 9.96587 15.2489 9.38589 15.1987 8.75659C15.1414 8.12021 15.268 7.52645 15.5785 6.97533L9.95343 12.6004L8.53072 11.1777L14.1558 5.55262C13.6047 5.86309 13.0145 5.99322 12.3852 5.94302C11.7488 5.88575 11.1653 5.68359 10.6346 5.33655C10.5992 5.3153 10.5532 5.27637 10.4966 5.21974C10.3055 5.02863 10.2628 4.82355 10.3686 4.60449L11.1833 2.87675C11.8981 3.49266 12.6833 3.86826 13.5389 4.00356C14.3946 4.13885 15.2393 4.01607 16.0732 3.63522L17.4959 5.05793C17.1151 5.89178 16.9923 6.73653 17.1276 7.59218C17.2629 8.44782 17.6385 9.23303 18.2544 9.94781L16.5266 10.7625Z" fill="black"/> <rect x="3.3335" y="4.16675" width="2.5" height="13.3333" fill="black"/> <rect x="16.6665" y="15" width="2.5" height="12.5" transform="rotate(90 16.6665 15)" fill="black"/> <rect x="16.6665" y="17.5" width="2.5" height="4.16667" transform="rotate(-180 16.6665 17.5)" fill="black"/> <rect x="7.5" y="4.16675" width="2.5" height="4.16667" transform="rotate(90 7.5 4.16675)" fill="black"/> </g> <defs> <clipPath id="clip0_483_10936"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </div> <span class="divider-dark absolute bottom-0 left-0 right-0 divider-hidden delay-200 col-span-12" jss="divider"></span> </li> <li class="brands__brand grid-base gap-y-s pt-s pb-sb-mb m1024:pb-sb-dt relative"> <a href="https://www.reino.fi/" target="_blank" class="col-start-1 col-span-12 justify-self-center m640:col-start-4 m640:col-span-9 m640:justify-self-start m1200:absolute top-s right-0 pt-l pb-s m1200:py-0 m1200:col-start-7 m1200:col-span-6 m1440:static m1440:col-span-3 m1440:self-center m1440:justify-self-center"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/reinoainositelogo.jpg" loading="lazy" class="brands__logo max-h-[4rem] max-w-[16.25rem]" alt="" /> </a> <a href="https://www.reino.fi/" target="_blank" class="col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200-max:row-start-3 m1200:col-span-6 m1440:col-start-4 m1440:col-span-4 aspect-square"> <span class="relative" jss="lazy-reveal"> <img src="https://mannagroup.fi/wp-content/uploads/2023/05/reino-e1735638098494.jpg" loading="lazy" class="aspect-square" alt="" /> </span> </a> <div class="brands__texts col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200:col-span-6 m1440:col-start-8 m1440:col-span-5 m1920:col-start-9 m1920:col-span-4 self-end"> <p><span class="subheadline text-inherit">REINO & AINO </span>on perinteikäs suomalainen yritys, joka on valmistanut Reino- ja Aino -jalkineita 1930-luvulta saakka. Reino ja Aino -tuoteperheeseen kuuluu nykyään useita reinoutumiseen liittyviä tuotteita, jotka muistuttavat perusasioista, mitkä tuppaavat arjen hälinässä unohtumaan.</p> <a href="https://www.reino.fi/" target="_blank" class="text-base font-sans underline underline-offset-[0.05em] flex gap-x-3xs items-center"> reino.fi <svg class="h-[1rem] w-[1rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_483_10936)"> <path d="M16.5266 10.7625C16.3076 10.8683 16.1025 10.8256 15.9114 10.6345C15.8548 10.5779 15.8158 10.5319 15.7946 10.4965C15.4475 9.96587 15.2489 9.38589 15.1987 8.75659C15.1414 8.12021 15.268 7.52645 15.5785 6.97533L9.95343 12.6004L8.53072 11.1777L14.1558 5.55262C13.6047 5.86309 13.0145 5.99322 12.3852 5.94302C11.7488 5.88575 11.1653 5.68359 10.6346 5.33655C10.5992 5.3153 10.5532 5.27637 10.4966 5.21974C10.3055 5.02863 10.2628 4.82355 10.3686 4.60449L11.1833 2.87675C11.8981 3.49266 12.6833 3.86826 13.5389 4.00356C14.3946 4.13885 15.2393 4.01607 16.0732 3.63522L17.4959 5.05793C17.1151 5.89178 16.9923 6.73653 17.1276 7.59218C17.2629 8.44782 17.6385 9.23303 18.2544 9.94781L16.5266 10.7625Z" fill="black"/> <rect x="3.3335" y="4.16675" width="2.5" height="13.3333" fill="black"/> <rect x="16.6665" y="15" width="2.5" height="12.5" transform="rotate(90 16.6665 15)" fill="black"/> <rect x="16.6665" y="17.5" width="2.5" height="4.16667" transform="rotate(-180 16.6665 17.5)" fill="black"/> <rect x="7.5" y="4.16675" width="2.5" height="4.16667" transform="rotate(90 7.5 4.16675)" fill="black"/> </g> <defs> <clipPath id="clip0_483_10936"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </div> <span class="divider-dark absolute bottom-0 left-0 right-0 divider-hidden delay-200 col-span-12" jss="divider"></span> </li> <li class="brands__brand grid-base gap-y-s pt-s pb-sb-mb m1024:pb-sb-dt relative"> <a href="https://www.lexingtoncompany.com/fi" target="_blank" class="col-start-1 col-span-12 justify-self-center m640:col-start-4 m640:col-span-9 m640:justify-self-start m1200:absolute top-s right-0 pt-l pb-s m1200:py-0 m1200:col-start-7 m1200:col-span-6 m1440:static m1440:col-span-3 m1440:self-center m1440:justify-self-center"> <img src="https://mannagroup.fi/wp-content/uploads/2024/12/lexisitelogo.jpg" loading="lazy" class="brands__logo max-h-[4rem] max-w-[16.25rem]" alt="" /> </a> <a href="https://www.lexingtoncompany.com/fi" target="_blank" class="col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200-max:row-start-3 m1200:col-span-6 m1440:col-start-4 m1440:col-span-4 aspect-square"> <span class="relative" jss="lazy-reveal"> <img src="https://mannagroup.fi/wp-content/uploads/2023/05/LEX3-e1735638192148.jpg" loading="lazy" class="aspect-square" alt="" /> </span> </a> <div class="brands__texts col-start-1 col-span-12 m640:col-start-4 m640:col-span-9 m1200:col-span-6 m1440:col-start-8 m1440:col-span-5 m1920:col-start-9 m1920:col-span-4 self-end"> <p><span class="subheadline text-inherit">LEXINGTON. </span>Vuonna 1997 perustettu The Lexington Company on ruotsalaislähtöinen lifestyle-brändi, jonka tuotevalikoimaan kuuluu New England -tyyliset kodintekstiilit, sisustustuotteet ja vaatteet. Tuotteet kunnioittavat amerikkalaista käsityöläisperintöä ja tarjoavat korkealuokkaista designia ja laatua.</p> <a href="https://www.lexingtoncompany.com/fi" target="_blank" class="text-base font-sans underline underline-offset-[0.05em] flex gap-x-3xs items-center"> lexingtoncompany.com <svg class="h-[1rem] w-[1rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_483_10936)"> <path d="M16.5266 10.7625C16.3076 10.8683 16.1025 10.8256 15.9114 10.6345C15.8548 10.5779 15.8158 10.5319 15.7946 10.4965C15.4475 9.96587 15.2489 9.38589 15.1987 8.75659C15.1414 8.12021 15.268 7.52645 15.5785 6.97533L9.95343 12.6004L8.53072 11.1777L14.1558 5.55262C13.6047 5.86309 13.0145 5.99322 12.3852 5.94302C11.7488 5.88575 11.1653 5.68359 10.6346 5.33655C10.5992 5.3153 10.5532 5.27637 10.4966 5.21974C10.3055 5.02863 10.2628 4.82355 10.3686 4.60449L11.1833 2.87675C11.8981 3.49266 12.6833 3.86826 13.5389 4.00356C14.3946 4.13885 15.2393 4.01607 16.0732 3.63522L17.4959 5.05793C17.1151 5.89178 16.9923 6.73653 17.1276 7.59218C17.2629 8.44782 17.6385 9.23303 18.2544 9.94781L16.5266 10.7625Z" fill="black"/> <rect x="3.3335" y="4.16675" width="2.5" height="13.3333" fill="black"/> <rect x="16.6665" y="15" width="2.5" height="12.5" transform="rotate(90 16.6665 15)" fill="black"/> <rect x="16.6665" y="17.5" width="2.5" height="4.16667" transform="rotate(-180 16.6665 17.5)" fill="black"/> <rect x="7.5" y="4.16675" width="2.5" height="4.16667" transform="rotate(90 7.5 4.16675)" fill="black"/> </g> <defs> <clipPath id="clip0_483_10936"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </a> </div> </li> </ul> </section> <!-- End Brandlist --> <section class="imageAndText bg-gradient-orange "> <div class="imageAndText__wrapper grid-base gap-y-s base-padding-sides py-3xl"> <div class="imageAndText__imageContent col-start-1 col-span-12 m768:col-start-2 m768:col-span-5"> <img class="aspect-square object-cover object-center" src="https://mannagroup.fi/wp-content/uploads/2024/12/Yrityksille2.jpg" title="Yrityksille2" > </div> <div class="imageAndText__textContent col-start-1 col-span-12 m768:col-start-7 m768:col-span-5 flex flex-col gap-y-s justify-between"> <div class="imageAndText__headings flex flex-col gap-y-2xs"> <span class="imageAndText__subtitle subheadline-m">B2B</span> <h2 class="imageAndText__title headline-l">Manna yrityksille </h2> </div> <div class="imageAndText__content flex flex-col gap-y-s max-w-[65ch]"> <p class="imageAndText__text body-s-l m-0">Tutustu kattavaan palveluvalikoimaamme. </p> <a class="tw-button-primary group imageAndText__link" href="https://mannagroup.fi/yritysmyynti/" jss="selector" >Yritysmyynti<svg class="h-[0.875rem] w-[0.875rem] m1024:h-[1.25rem] m1024:w-[1.25rem]" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="button-icon-transition fill-white group-hover:fill-grey-200 group-hover:translate-x-3" d="M10.588 16.5315C10.2434 16.4114 10.0711 16.1486 10.0711 15.7432C10.0711 15.6231 10.0786 15.533 10.0936 15.473C10.2884 14.542 10.6929 13.7162 11.3071 12.9955C11.9213 12.2598 12.6854 11.7643 13.5992 11.509L1.66666 11.509L1.66666 8.49099L13.5992 8.49099C12.6854 8.23574 11.9213 7.74775 11.3071 7.02703C10.6929 6.29129 10.2884 5.45796 10.0936 4.52703C10.0786 4.46697 10.0711 4.37688 10.0711 4.25676C10.0711 3.85135 10.2434 3.58859 10.588 3.46847L13.2846 2.5C13.3895 3.91141 13.824 5.14264 14.588 6.19369C15.352 7.24475 16.3783 8.01051 17.6667 8.49099L17.6667 11.509C16.3783 11.9895 15.352 12.7553 14.588 13.8063C13.824 14.8574 13.3895 16.0886 13.2846 17.5L10.588 16.5315Z" /> </svg></a> </div> </div> </div> </section> </main> <footer id="footer" class="mt-auto grid-base base-padding-sides gap-y-m py-m bg-black w-full"> <div class="logo flex w-auto h-[3rem] col-start-1 col-span-12 m960:col-span-1"> <svg class="m960:w-m h-auto" width="52" height="40" viewBox="0 0 52 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="fill-grey-600" d="M43.2718 11.3505C43.4499 10.5472 43.5401 9.72696 43.5409 8.9042C43.5409 3.9151 39.7555 0 34.112 0C30.3749 0 27.4427 1.67757 25.8881 4.28916C24.3473 1.67757 21.4059 0 17.6666 0C12.0138 0 8.23765 3.9151 8.23765 8.9042C8.23842 9.72696 8.32864 10.5472 8.50672 11.3505L5.10771 17.8084C2.29973 23.1234 0 27.1784 0 31.0958C0 36.0826 3.78306 40 9.42891 40C13.166 40 16.1096 38.2742 17.6505 35.6626C19.1936 38.2742 22.1372 40 25.872 40C29.6068 40 32.555 38.2742 34.0959 35.6626C35.6367 38.2742 38.5804 40 42.3174 40C47.9725 40 51.7463 36.0826 51.7463 31.0958C51.7463 27.1784 49.4581 23.1234 46.6547 17.8084L43.2718 11.3505ZM9.42891 37.5743C5.27099 37.5743 2.46762 34.8204 2.46762 31.0958C2.46762 27.8302 4.47758 24.2433 7.23267 18.9329L9.42891 14.685L11.5792 18.9283C14.2883 24.2433 16.3442 27.8302 16.3442 31.0912C16.3511 34.825 13.5937 37.5743 9.42891 37.5743ZM15.5025 21.3058C12.8394 15.9449 10.6892 12.1675 10.6892 8.91337C10.6892 5.18417 13.4948 2.43489 17.6505 2.43489C21.8061 2.43489 24.5658 5.18876 24.5658 8.91337C24.5658 12.1767 22.5098 15.9541 19.8007 21.3058L17.6505 25.5927L15.5025 21.3058ZM25.872 37.5743C21.7164 37.5743 18.959 34.8204 18.959 31.0958C18.959 27.8302 21.015 24.2433 23.7241 18.9329L25.872 14.6896L28.0223 18.9329C30.7337 24.2478 32.7873 27.8348 32.7873 31.0958C32.7942 34.825 30.0391 37.5743 25.8789 37.5743H25.872ZM31.9663 21.3058C29.2572 15.9449 27.199 12.1675 27.199 8.91337C27.199 5.18417 29.9586 2.43489 34.1143 2.43489C38.2699 2.43489 41.0756 5.18876 41.0756 8.91337C41.0756 12.1767 38.9253 15.9541 36.2645 21.3058L34.1143 25.5927L31.9663 21.3058ZM42.3151 37.5743C38.1595 37.5743 35.4021 34.8204 35.4021 31.0958C35.4021 27.8302 37.4581 24.2433 40.1672 18.9329L42.3151 14.685L44.5114 18.9283C47.271 24.2433 49.2764 27.8302 49.2764 31.0912C49.2856 34.825 46.4822 37.5743 42.3151 37.5743Z" /> </svg> </div> <div class="company text-grey-600 max-w-[45ch] col-start-1 col-span-12 m960:col-start-2 m960:col-span-6"> <p class="body-s m-0">Mannan visiona on olla Pohjoismaiden kiinnostavin, kannattavin ja vastuullisin bränditalo. Liiketoimintamme ytimessä ovat kodintekstiileihin, vaatteisiin ja sisustustuotteisiin keskittyvät rakastetut brändit, joiden pitkäjänteinen kehittäminen on avainasemassa meidän kasvumme ja kehityksemme kannalta.</p> </div> <div class="contact col-start-1 col-span-12 text-grey-600 m960:col-span-5 m960:justify-self-end"> <a class="tw-button-secondary text-grey-600 border-grey-600 hover:border-grey-400 transition-colors" href="mailto:info@mannagroup.fi" >Ota yhteyttä</a> </div> <div class="footerLogos py-m col-start-1 col-span-12 border-y-[1px] border-grey-900 m960:py-s"> <ul class="flex gap-m flex-row flex-wrap justify-center m960:gap-xl m960:flex-nowrap m960:justify-evenly m960:items-center m1600:col-start-1 m1600:col-span-12"> <li class="flex justify-center flex-[0_0_40%] m540:flex-[0_0_25%] m960:flex-initial m960:flex group"> <a class="" href="https://www.finlayson.fi/" target="_blank" > <img class="footerLogo grayscale opacity-30 max-w-full max-h-xs m960:max-h-[1.7vw] group-hover:opacity-50 transition-opacity" src="https://mannagroup.fi/wp-content/uploads/2022/05/finlayson.png" alt="" /> </a> </li> <li class="flex justify-center flex-[0_0_40%] m540:flex-[0_0_25%] m960:flex-initial m960:flex group"> <a class="" href="https://www.vallila.fi/" target="_blank" > <img class="footerLogo grayscale opacity-30 max-w-full max-h-xs m960:max-h-[1.7vw] group-hover:opacity-50 transition-opacity" src="https://mannagroup.fi/wp-content/uploads/2022/05/vallila.png" alt="" /> </a> </li> <li class="flex justify-center flex-[0_0_40%] m540:flex-[0_0_25%] m960:flex-initial m960:flex group"> <a class="" href="https://makia.com/" target="_blank" > <img class="footerLogo grayscale opacity-30 max-w-full max-h-xs m960:max-h-[1.7vw] group-hover:opacity-50 transition-opacity" src="https://mannagroup.fi/wp-content/uploads/2022/05/makia.png" alt="" /> </a> </li> <li class="flex justify-center flex-[0_0_40%] m540:flex-[0_0_25%] m960:flex-initial m960:flex group"> <a class="" href="https://www.reino.fi/" target="_blank" > <img class="footerLogo grayscale opacity-30 max-w-full max-h-xs m960:max-h-[1.7vw] group-hover:opacity-50 transition-opacity" src="https://mannagroup.fi/wp-content/uploads/2022/05/reinoaino.png" alt="" /> </a> </li> <li class="flex justify-center flex-[0_0_40%] m540:flex-[0_0_25%] m960:flex-initial m960:flex group"> <a class="" href="https://www.lexingtoncompany.com/fi" target="_blank" > <img class="footerLogo grayscale opacity-30 max-w-full max-h-xs m960:max-h-[1.7vw] group-hover:opacity-50 transition-opacity" src="https://mannagroup.fi/wp-content/uploads/2022/05/lexington.png" alt="" /> </a> </li> </ul> </div> <div class="footnote flex flex-wrap flex-col gap-y-s gap-x-m justify-between col-start-1 col-span-12 m480:flex-row m480:items-center"> <ul class="text-grey-600 body-s flex flex-wrap gap-y-2xs gap-x-m"> <li><a class="inline-block hover:text-grey-400 transition-colors" href="https://mannagroup.fi/evasteet/" >Evästeet</a></li> <li><a class="inline-block hover:text-grey-400 transition-colors" href="javascript:Cookiebot.show();" >Evästeasetukset</a></li> <li><a class="inline-block hover:text-grey-400 transition-colors" href="https://mannagroup.fi/tietosuojaseloste/" >Tietosuojaseloste</a></li> <li><a class="inline-block hover:text-grey-400 transition-colors" href="https://mannagroup.fi/kayttoehdot/" >Käyttöehdot</a></li> <li><a class="inline-block hover:text-grey-400 transition-colors" href="https://mannagroup.fi/code-of-conduct/" >Code of Conduct</a></li> <li><a class="inline-block hover:text-grey-400 transition-colors" href="https://mannagroup.fi/ilmoituskanava/" >Ilmoituskanava</a></li> </ul> <div class="flex gap-x-m items-center"> <ul class="flex gap-m body-s col-start-6 col-span-2"> <li><a class="w-[1.5rem] h-[1.5rem] opacity-30 block hover:opacity-50 focus:opacity-100 transition-opacity" href="https://www.linkedin.com/company/mannaco" ><img class="" src="https://mannagroup.fi/wp-content/uploads/2022/05/linkedin.svg" alt=""><span class="sr-only">LinkedIn</span></a></li> </ul> <p class="text-grey-600 body-s m-0">Copyright © 2022 Manna & Co Oy</p> </div> </div> </footer> </div> <!-- End Sitewrapper --> <!-- Footer --> <script type="text/javascript"> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> <!-- End Footer --> <div class="fixed inset-0 invisible transition-all duration-300 ease-button z-40" jss="backdrop"></div> <div class="fixed justify-center inset-0 z-50 bg-black pt-l invisible overflow-hidden flex -translate-x-full m1024:translate-x-full pointer-events-auto transition-mobile-nav duration-300 ease-open" jss="search-overlay"> <div class="max-w-md w-full flex flex-col gap-y-m px-s m768:max-w-[80vw]"> <button class="self-end opacity-0 -translate-x-s ease-navin transition-nav-item m1024:translate-x-s group" jss="search-overlay-close"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-grey-800 group-hover:stroke-grey-100 transition ease-in-out duration-200" d="M26 6L6 26" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-grey-800 group-hover:stroke-grey-100 transition ease-in-out duration-200" d="M26 26L6 6" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> </button> <h2 class="text-grey-100 headline-m opacity-0 -translate-x-s ease-navin transition-nav-item m1024:translate-x-s" jss="search-title">Etsi sivustolta.</h2> <form class="search-form w-full opacity-0 -translate-x-s ease-navin transition-nav-item m1024:translate-x-s" action="https://mannagroup.fi" jss="anim-item"> <label class="sr-only" for="search-form-input">Kirjoita hakusana</label> <div class="relative w-full flex items-center base-border-bottom-light border-grey-900 py-2xs focus-within outline-offset-8 m1024:py-xs"> <input type="text" name="s" jss="search-form-input" class="focus:outline-none w-full body-m-xl bg-transparent text-grey-100 placeholder:text-grey-100" placeholder="Kirjoita hakusana" value="" aria-label="Kirjoita hakusana"> <button class=""><svg class="h-s w-s" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" alt=""> <path class="stroke-grey-800 focus:stroke-grey-100 transition-all duration-250 ease-nav-fade" d="M21.7498 21.7498L15.5825 15.5825" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> <path class="stroke-grey-800 focus:stroke-grey-100 transition-all duration-250 ease-nav-fade origin-[9.5px_9.5px] rotate-45 group-hover:-scale-y-100 group-focus:-scale-y-100" d="M9.75 18C14.3063 18 18 14.3063 18 9.75C18 5.19365 14.3063 1.5 9.75 1.5C5.19365 1.5 1.5 5.19365 1.5 9.75C1.5 14.3063 5.19365 18 9.75 18Z" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/> </svg> <span class="sr-only">Hae</span></button> </div> </form> </div> </div> </body> </html>