.overflow-slider{-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:max-content;grid-auto-flow:column;width:100%;max-width:max-content;display:grid;position:relative;overflow:auto}.overflow-slider::-webkit-scrollbar{display:none}.overflow-slider>*{outline-offset:-2px;scroll-snap-align:start}:root{--overflow-slider-arrows-size:1.5rem;--overflow-slider-arrows-gap:.5rem;--overflow-slider-arrows-inactive-opacity:.5}.overflow-slider__arrows{gap:var(--overflow-slider-arrows-gap);display:flex}.overflow-slider__arrows-button{cursor:pointer;outline-offset:-2px;align-items:center;display:flex}.overflow-slider__arrows-button svg{height:var(--overflow-slider-arrows-size);width:var(--overflow-slider-arrows-size)}.overflow-slider__arrows-button[data-has-content=false]{opacity:var(--overflow-slider-arrows-inactive-opacity)}:root{--overflow-slider-dots-gap:.5rem;--overflow-slider-dot-size:.75rem;--overflow-slider-dot-inactive-color:#0000001a;--overflow-slider-dot-active-color:#000c}.overflow-slider__dots{justify-content:center;align-items:center;display:flex}.overflow-slider__dots ul{gap:var(--overflow-slider-dots-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.overflow-slider__dots li{margin:0;padding:0;line-height:0}.overflow-slider__dot-item{background:var(--overflow-slider-dot-inactive-color);cursor:pointer;height:var(--overflow-slider-dot-size);outline-offset:2px;width:var(--overflow-slider-dot-size);border-radius:50%;margin:0;padding:0;position:relative}.overflow-slider__dot-item:after{bottom:calc(var(--overflow-slider-dots-gap)*-1);content:"";left:calc(var(--overflow-slider-dots-gap)*-1);right:calc(var(--overflow-slider-dots-gap)*-1);top:calc(var(--overflow-slider-dots-gap)*-1);display:block;position:absolute}.overflow-slider__dot-item:focus,.overflow-slider__dot-item:hover,.overflow-slider__dot-item[aria-pressed=true]{background:var(--overflow-slider-dot-active-color)}:root{--overflow-slider-fade-color:#fff;--overflow-slider-fade-width:3rem}.overflow-slider-fade{pointer-events:none;height:100%;width:var(--overflow-slider-fade-width);z-index:1;position:absolute;top:0}.overflow-slider-fade--start{background:linear-gradient(to right,var(--overflow-slider-fade-color)0,transparent 100%);left:0}[dir=rtl] .overflow-slider-fade--start{left:auto}.overflow-slider-fade--end,[dir=rtl] .overflow-slider-fade--start{background:linear-gradient(to left,var(--overflow-slider-fade-color)0,transparent 100%);right:0}[dir=rtl] .overflow-slider-fade--end{background:linear-gradient(to right,var(--overflow-slider-fade-color)0,transparent 100%);left:0;right:auto}[data-has-drag-scrolling][data-has-overflow=true]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--overflow-slider-scroll-indicator-button-height:4px;--overflow-slider-scroll-indicator-padding:1rem;--overflow-slider-scroll-indicator-button-color:#000000bf;--overflow-slider-scroll-indicator-bar-color:#00000040}.overflow-slider__scroll-indicator{cursor:pointer;padding-block:var(--overflow-slider-scroll-indicator-padding);outline:0;width:100%;position:relative}.overflow-slider__scroll-indicator[data-has-overflow=false]{display:none}.overflow-slider__scroll-indicator:focus-visible .overflow-slider__scroll-indicator-button{outline-offset:2px;outline:2px solid}.overflow-slider__scroll-indicator-bar{background:var(--overflow-slider-scroll-indicator-bar-color);border-radius:3px;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.overflow-slider__scroll-indicator-button{background:var(--overflow-slider-scroll-indicator-button-color);cursor:grab;height:var(--overflow-slider-scroll-indicator-button-height);left:0;top:calc(50% - var(--overflow-slider-scroll-indicator-button-height)/2);border-radius:3px;position:absolute}.overflow-slider__scroll-indicator-button:hover,.overflow-slider__scroll-indicator-button[data-is-grabbed=true]{--overflow-slider-scroll-indicator-button-height:6px}.overflow-slider__scroll-indicator-button:after{bottom:calc(var(--overflow-slider-scroll-indicator-padding)*-1);content:"";top:calc(var(--overflow-slider-scroll-indicator-padding)*-1);width:100%;display:block;position:absolute}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(poppins-v20-latin-regular.1110a71c.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(poppins-v20-latin-600.414c1233.woff2)format("woff2")}@font-face{font-display:swap;font-family:Agbalumo;font-style:normal;font-weight:400;src:url(agbalumo-v2-latin-regular.a084b181.woff2)format("woff2")}:root{--color-black:#080017;--color-dark:#032042;--color-white:#fff;--color-lila:#a5aefe;--color-light-lila:#dcd8f7;--color-cyan:#a8fdf2;--color-purple:#5303e1;--color-dark-purple:#2a0271;--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.5rem;--font-size-body:1.25rem;--section-padding:4rem 1rem;--section-header-margin-bottom:clamp(1rem,5vw,2.5rem);@media screen and (width>=768px){&{--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.75rem;--section-padding:6rem 2.5rem}}@media screen and (width>=1280px){&{--font-size-h1:3rem;--font-size-h2:2.5rem;--font-size-h3:2.125rem;--section-padding:8rem 5rem}}}*{scroll-margin-top:4rem;@media screen and (width>=768px){&{scroll-margin-top:8rem}}}html{scroll-behavior:smooth}body{background-color:var(--color-purple);color:var(--color-lila);font-family:Poppins,sans-serif;font-size:var(--font-size-body);z-index:0;position:relative}h1{font-weight:600;font-size:var(--font-size-h1);margin:.25em 0 .75em;line-height:1.125}h2{font-weight:600;font-size:var(--font-size-h2);margin:.25em 0 .625em;line-height:1.06}h3{font-weight:600;font-size:var(--font-size-h3);margin:.25em 0 .625em;line-height:1.17}p{font-size:var(--font-size-body);margin:0 0 1em;line-height:1.5}img{width:100%;height:auto;margin:0}a{color:inherit;text-decoration:underline;&:hover{text-decoration:none}}p a{color:inherit}ul{& li{line-height:1.5}.list-header+&{margin-top:-1em}}header{border-bottom:3px solid var(--color-dark);align-items:center;padding:16px 16px 13px;display:flex;@media screen and (width>=768px){&{padding:20px 20px 17px}}& img{width:auto;height:20px}& .logo-wrapper{flex:0 auto}& nav{flex:auto;margin-left:20px;& ul{align-items:center;margin:0;padding:0;list-style:none;display:flex;& li{margin-left:1.875rem;display:none;@media screen and (width>=768px){&{display:inline-block}}}& a{color:var(--color-white);text-decoration:none;&:hover{color:var(--color-cyan)}}}}}.logo{color:var(--color-cyan);flex:0 auto;font-family:Agbalumo;font-size:2.5rem;line-height:1;display:block;transform:translateY(-6px);text-decoration:none!important;@media screen and (width>=768px){&{margin:0 20px}}}nav ul li{&.current{& a{color:var(--color-cyan)}}& a{&:hover{color:var(--color-cyan)}}}.desktop-nav{font-size:1.125rem;& a{line-height:2em}& .current{border-bottom:3px solid var(--color-cyan)}}section{flex-direction:column;justify-content:center;align-items:center;display:flex;& .wrapper{width:100%;max-width:90rem;padding:var(--section-padding)}}.section-header{margin-bottom:var(--section-header-margin-bottom)}.contact{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:10vw 32px;display:flex;@media screen and (width>=1280px){&{padding:12vw 32px}}& svg{margin-bottom:1.5rem}}address{text-align:center;font-style:normal}address div{margin-bottom:.5em}address a{color:inherit}.footer{& nav{& ul{margin:0;padding:0;list-style:none}& li a{color:var(--color-white);padding:10px 0;text-decoration:none;display:inline-block}}& footer{border-top:1px solid var(--color-cyan);flex-direction:column;align-items:center;margin:2rem 1.5rem 0;padding:2rem 0;display:flex;@media screen and (width>=768px){&{flex-direction:row;justify-content:space-between;margin-left:0;margin-right:0}}& .logo{margin:0 0 1rem;font-size:1.75rem}}}.hero{min-height:calc(100vh - 106px - 10rem);color:var(--color-white);& .button{@media screen and (width<=767px){&{width:100%}}}}.hero--bg{background-blend-mode:normal,multiply,normal;background-color:#5303e1;background-image:radial-gradient(50% 50%,#0000 0%,#0003 100%),url(heineli-hero-bg.baf7d33b.webp),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.tc-white{color:var(--color-white)}.tc-black{color:var(--color-black)}.tc-dark{color:var(--color-dark)}.tc-cyan{color:var(--color-cyan)}.bg-white{background-color:var(--color-white)}.bg-lila{background-color:var(--color-lila)}.bg-light-lila{background-color:var(--color-light-lila)}.bg-cyan{background-color:var(--color-cyan)}.bg-black{background-color:var(--color-black)}.bg-dark{background-color:var(--color-dark)}.bg-purple{background-color:var(--color-purple)}.bg-dark-purple{background-color:var(--color-dark-purple)}.bg-gradient{background:linear-gradient(252.03deg,#dcd8f7 50%,#a5aefe 100%)}.center{text-align:center}.rounded{border-radius:32px;padding:32px 24px;@media screen and (width>=768px){&{border-radius:48px;padding:48px 32px}}@media screen and (width>=1280px){&{border-radius:64px;padding:64px}}}.button{--button-bg-color:transparent;--button-text-color:inherit;background-color:var(--button-bg-color);cursor:pointer;border:2px solid;border-color:var(--color-cyan);text-align:center;border-radius:40px;padding:18px 1.75rem;font-size:1.25rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block;color:var(--button-text-color)!important}.button:hover{background-color:var(--color-cyan);border-color:var(--color-purple);text-decoration:none;color:var(--color-purple)!important}.button--cyan{--button-bg-color:var(--color-cyan);--button-text-color:var(--color-dark)}.button--black{--button-bg-color:var(--color-dark);--button-text-color:var(--color-lila)}.button--purple{--button-bg-color:var(--color-purple);--button-text-color:var(--color-white)}.button--text{background-color:unset;border:none;padding-left:0;padding-right:0}.button--text:hover{opacity:.8;background-color:unset;color:inherit!important}.button--text:after{content:"→";color:var(--color-cyan);margin-left:5px;display:inline-block;transform:translateY(1px)}.button--full-width{text-align:center;width:100%}.pre-headline{font-size:1.125rem;font-weight:600;@media screen and (width>=768px){&{font-size:1.25rem}}}.burger{cursor:pointer;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;& svg{& path{fill:var(--color-white)}}}.slideout-nav{background-color:var(--color-purple);color:var(--color-white);z-index:2;flex-direction:column;width:min(100vw,480px);margin:0;padding:82px 24px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:100vw;@media screen and (width>=768px){&{padding:90px 24px}}&.slideout-nav--open{transform:translate(-100%)}& .close{cursor:pointer;background-color:#0f0b1c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:16px;right:16px;@media screen and (width>=768px){&{top:20px;right:20px}}& svg{fill:var(--color-cyan)}}& ul{display:block;@media screen and (width>=768px){&{padding:0 10px}}& li{margin-left:0;display:block}& a{align-items:center;height:50px;display:flex}& .button{justify-content:center;height:auto;margin-top:30px}}}.overflow-slider__container{position:relative}.overflow-slider{& .card{width:320px;color:var(--color-white);background-color:#5303e1;border-radius:20px;margin-right:1rem;padding:24px 18px;@media screen and (width>=768px){&{width:400px;padding:32px 24px}}& svg{width:50px;height:50px;margin-bottom:24px}& .pre-headline{color:var(--color-cyan);margin-bottom:10px;font-size:18px;font-weight:600;line-height:20px;@media screen and (width>=768px){&{font-size:19.2px}}}& h3{margin-bottom:24px;font-size:25.63px;line-height:1.3;@media screen and (width>=768px){&{font-size:33.18px;line-height:1.12}}}& ul{margin:0 0 0 1.5rem;padding:0;font-size:18px;line-height:20px;& li{margin-bottom:.5em}}& p{font-size:18px;line-height:1;@media screen and (width>=768px){&{font-size:20px}}}& .button{font-size:18px}&:first-of-type{background-blend-mode:multiply,normal;background-color:#5303e1;background-image:url(heineli-hero-bg.baf7d33b.webp),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}}}.overflow-slider__nav-container{display:none;position:absolute;top:-90px;right:0;@media screen and (width>=768px){&{gap:2rem;display:flex}}& .overflow-slider__nav-prev-button,& .overflow-slider__nav-next-button{cursor:pointer;backdrop-filter:blur(60px);background:linear-gradient(#fff3,#fff3),linear-gradient(#0003,#0003);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}}.columns{--column-gap:4rem;--column-min-width:330px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--column-min-width)),1fr));gap:var(--column-gap);display:grid;@media screen and (width>=768px){&{--column-gap:6rem}}@media screen and (width>=1280px){&{--column-gap:8rem}}}.columns--alt{--column-gap:4rem;--column-min-width:420px;@media screen and (width>=768px){&{--column-gap:4rem}}@media screen and (width>=1280px){&{--column-gap:4rem}}}.scroll-to-top{backdrop-filter:blur(60px);cursor:pointer;background:linear-gradient(#fff3,#fff3),linear-gradient(#0003,#0003);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto;display:flex;& svg{fill:var(--color-cyan)}}#sahkokytkennat,#lampovuodot{@media screen and (width>=768px){&{margin-top:64px}}}.backdrop{z-index:-1;background-color:#0000;transition:background-color .3s cubic-bezier(.25,1,.5,1);position:fixed;inset:0;&[class*=--active]{z-index:1;background-color:#000000b3}}
/*# sourceMappingURL=index.2c524428.css.map */