:root{--color-dark:#454545;--color-red:#ff6000;--color-orange:#ffa559;--color-yellow:#ffe6c7;--content-max-width:52rem;--content-column-count:8;--grid-gap:1rem;--column-max-width:calc((var(--content-max-width) - ((var(--content-column-count) - 1) * var(--grid-gap))) / var(--content-column-count))}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,sans-serif;font-size:clamp(1rem,.83333vw,2rem);line-height:1.5}h1{text-wrap:balance;margin-top:5rem;font-size:2rem}h1+*{margin-top:2rem}h2{margin-top:2rem;font-size:1.5rem}h3{margin-top:1rem;font-size:1.25rem}h1,h2,h3{font-family:DM Serif Display,serif;line-height:1.1}img{width:100%;max-width:100%;height:auto;display:block}ol,ul{margin-left:2rem}a{color:#b0390d}a:visited{color:#6c2004}.grid{grid-template-columns:[full-start] minmax(1rem, 1fr) [center-start] repeat(8, [col-start] minmax(min-content, var(--column-max-width)) [col-end]) [center-end] minmax(1rem, 1fr) [full-end];grid-column-gap:1rem;display:grid}.page-grid{min-height:100vh}.content-grid{grid-row-gap:2rem}.grid>*{grid-column:center-start/center-end}.page-grid>*{grid-column:full-start/full-end}.main-nav{pointer-events:none;background:#00000080;width:100%;padding:4rem 2rem 2rem;transition:transform .3s;position:absolute;top:0;left:0}.main-nav.closed{transition:transform .3s;transform:translateY(-100%)}.nav-list{pointer-events:all;margin:0}.nav-item{color:#fff;font-weight:700;display:block}.nav-item--active{color:#000;background:#fff;padding:.5rem;font-weight:700}.nav-link,.nav-link:visited{color:inherit;padding:.5rem;text-decoration:none;display:block}.nav-toggle{z-index:100;position:absolute;top:1rem;right:1rem}.hamburger{background-image:linear-gradient(#0000 40%,#fff 40% 60%,#0000 60% 100%);background-position:50%;background-repeat:no-repeat;width:2rem;height:2rem;transition:background-position .3s;display:block}.hamburger:before,.hamburger:after{content:"";background:#fff;width:100%;height:.4rem;transition:all .5s;position:absolute;left:0}.hamburger:before{top:0}.hamburger:after{bottom:0}.hamburger.close{background-position:-2rem;transition:background-position .3s}.hamburger.close:before{background:#fff;top:50%;transform:translateY(-50%)rotate(225deg)}.hamburger.close:after{background:#fff;bottom:50%;transform:translateY(50%)rotate(-225deg)}.site-header,.site-footer{color:var(--color-yellow);background-size:cover;grid-column:full-start/full-end;min-height:32rem;padding:6rem 1rem}.site-header{aspect-ratio:1}.site-footer{align-self:end;margin-top:4rem}.full-width{grid-column:full-start/full-end}.supports-avif .site-header{background:#000 url(../i/wikkela-hero-aurinkopaneelit-02-1920x720.avif) 50%/cover no-repeat}.supports-avif .site-footer{background:#000 url(../i/adh-maisema-ranua-kesa-072-1920x720.avif) 50%/cover no-repeat}.supports-jpg .site-header{background:#000 url(../i/wikkela-hero-aurinkopaneelit-02-1920x720.jpg) 50%/cover no-repeat}.supports-jpg .site-footer{background:#000 url(../i/adh-maisema-ranua-kesa-072-1920x720.jpg) 50%/cover no-repeat}.site-header.site-header--index,.site-header.site-header--accommodation{background:#000 url(../i/wikkela-hero-lapin-maisema-1920x720.jpg) 50%/cover no-repeat}.site-header.site-header--kukkapuro{background:#000 url(../i/wikkela-yrjo-kukkapuro-hero-v1-1920x720.jpg) 0 0/cover no-repeat}.site-footer.site-footer--accommodation{background:#000 url(../i/adh-revontulet-footer-v2-1920x720-denoised.jpg) 50%/cover no-repeat}.company-title{background:#000;grid-column:full-start/full-end;height:4rem;position:absolute;top:0;left:0;right:0}.company-title a{height:100%;display:inline-block}.company-title img{width:auto;height:100%;margin:auto}.main-content{color:#000;background-color:#fff;grid-column:full-start/full-end}.copyright{text-align:center;align-self:center}table{border-collapse:collapse;border-top:1px solid #000;width:100%}thead{background:var(--color-yellow)}tr{border-bottom:1px solid #000}th,td{text-align:left;padding:0 .5rem}.button{cursor:pointer;background:#45aa9c;border:none;border-radius:.5rem;justify-self:baseline;padding:.5rem 1rem;display:inline-block}.button,.button:visited{color:#fff;text-decoration:none}.caption{font-style:italic}.content-container>.extra-margin{margin-top:4rem}.message{background:var(--color-orange);border-radius:5px;margin-top:2rem;padding:1rem;font-weight:700}aside{margin-top:2rem;padding:2rem 0}.bg-light{background-color:var(--color-yellow)}.bg-green{background-color:#daeace}.bold{font-weight:700}.centered{text-align:center}.screen-reader{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-bottom-margin+*{margin-top:calc(0 - var(--grid-gap))}.square-container{grid-gap:0;background:#303030 url(../i/adh-revontulet-syksy-12-1600x2400-blurred-op.jpg) 0 0/cover no-repeat;grid-template-columns:1fr;margin-top:2rem;display:grid}.square.image:not(:first-child){margin-top:2rem}.description{color:#fff;z-index:1;background:#45aa9c;padding:2rem;container:square-desc/inline-size}.description h3{margin-top:0;font-family:DM Serif Display,serif}.description h3+p{margin-top:1rem;font-style:italic}.services{grid-gap:2rem;grid-template-columns:1fr;grid-auto-rows:1fr;align-items:stretch;padding:0 2rem;display:grid}.services>.service{grid-column:span 1}.personnel{flex-wrap:wrap;gap:4rem;display:flex}.service{color:#fff;background:#000;flex-direction:column;height:100%;display:flex}.service__description{flex-direction:column;flex:auto;gap:1rem;padding:2rem;display:flex}.service__title{text-wrap:balance;margin:0;font-size:1.5rem}.service__image{aspect-ratio:16/10;order:-1;overflow:hidden}.service__img{object-fit:cover;object-position:center;height:100%}.service__read-more{margin-top:auto}.service a{color:inherit}.site-header--kukkapuro{margin-top:4rem}@container square-desc (width>=40rem){h3{font-size:2rem}p{font-size:1.5rem}}@container square-desc (width>=50rem){h3{font-size:2.5rem}p{font-size:1.75rem}}@media (width>=768px){.site-header{aspect-ratio:16/6}}@media (width>=40rem){h1{font-size:2.5rem}h2,.service__title{font-size:2rem}}@media (width>=50rem){h1{font-size:3rem}h2,.service__title{font-size:2.5rem}.nav-toggle{display:none}.company-title img{margin:0 0 0 2rem}.main-nav,.main-nav.closed{text-align:center;background:0 0;padding-top:.75rem;transform:none}.nav-list{grid-gap:2rem;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid}.nav-item{position:relative}.nav-item:after,.nav-item:before{content:"";background:#fff;width:0;height:2px;transition:width .3s;display:block;position:absolute;bottom:0}.nav-item:before{left:50%}.nav-item:after{right:50%}.nav-item:hover:before,.nav-item:hover:after{width:40%;transition:width .3s}.square-container{grid-template-columns:1fr 1fr;grid-auto-flow:dense}.square.image:not(:first-child){margin-top:0}.square.description{--clip-path:polygon(0 0, 100% 0, 100% 100%);--tri-pos-left:0;--tri-pos-right:auto;--sh-pos-amount:2rem;--sh-pos-left:var(--sh-pos-amount);--sh-pos-right:0;align-self:center;position:relative}.square.description:before{content:"";width:4rem;height:1.5rem;left:var(--tri-pos-left);right:var(--tri-pos-right);clip-path:var(--clip-path);background:#35867b;display:block;position:absolute;bottom:-1.5rem}.square:nth-child(4n+1){grid-column:1/2}.square:nth-child(4n+1).description{--clip-path:polygon(0 0, 100% 0, 0 100%);--tri-pos-left:auto;--tri-pos-right:0;--sh-pos-left:0;--sh-pos-right:var(--sh-pos-amount);margin-right:-4rem}.square:nth-child(4n){grid-column:1/2}.square:nth-child(4n).description{--clip-path:polygon(0 0, 100% 0, 0 100%);--tri-pos-left:auto;--tri-pos-right:0;--sh-pos-left:0;--sh-pos-right:var(--sh-pos-amount);margin-right:-4rem}.square:nth-child(4n+2){grid-column:2/-1}.square:nth-child(4n+2).description{margin-left:-4rem}.square:nth-child(4n+3){grid-column:2/-1}.square:nth-child(4n+3).description{margin-left:-4rem}}@media (width>=60rem){.square.description{--sh-pos-amount:4rem;padding:4rem}}@media (width>=80rem){.services{grid-template-columns:repeat(2,1fr)}}@media (width<=30rem){table,thead,tbody,th,td,tr{display:block}table{border:none}thead tr{position:absolute;top:-9999rem;left:-9999rem}tbody tr{border-top:1px solid #000;margin-top:1rem}td{padding-left:50%;position:relative}td:before{white-space:nowrap;content:attr(data-label);background-color:var(--color-yellow);width:calc(50% - .75rem);padding-left:.25rem;position:absolute;top:0;bottom:0;left:0}}