.hc-top{--tc:.85rem;position:sticky;top:0;z-index:50;isolation:isolate}
.hc-top::before{content:"";position:absolute;left:0;right:0;top:0;bottom:calc(var(--tc) * -1);z-index:-1;background-color:color-mix(in srgb,var(--hc-ink) 76%,transparent);background-image:var(--dpg);background-repeat:no-repeat;background-position:right -1.6rem bottom -2.4rem;background-size:8rem;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--tc)),0 100%);transition:background-color .32s var(--ease),background-size .32s var(--ease)}
.hc-top.is-stuck::before{background-color:color-mix(in srgb,var(--hc-plate) 93%,transparent);background-size:9.4rem}
.hc-top__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.6rem}
.hc-logo{position:relative;z-index:56;display:block;flex:none;font:900 1.3rem/1 var(--ff-d);text-transform:uppercase;color:var(--hc-cream)}
.hc-logo>img{height:2.5rem;width:auto;display:block}
.hc-burg__in{position:absolute;right:0;top:50%;width:2.9rem;height:2.9rem;margin:-1.45rem 0 0;opacity:0;z-index:60;cursor:pointer}
.hc-burg{position:relative;z-index:55;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:var(--r);background:var(--hc-plate-2);flex:none}
.hc-burg>b{position:absolute;height:3px;border-radius:var(--r-pill);background:var(--hc-cream);transform-origin:center;transition:transform .35s var(--ease),opacity .25s var(--ease),background-color .25s var(--ease)}
.hc-burg>b:nth-child(1){width:1.5rem;top:.8rem}
.hc-burg>b:nth-child(2){width:1.1rem;top:1.3rem}
.hc-burg>b:nth-child(3){width:1.1rem;top:1.3rem}
.hc-burg>b:nth-child(4){width:1.5rem;top:1.8rem}
.hc-burg__in:hover~.hc-burg>b{background:var(--hc-lime)}
.hc-burg__in:focus-visible~.hc-burg{outline:3px solid var(--hc-lime);outline-offset:2px}
.hc-burg__in:checked~.hc-burg>b{background:var(--hc-lime)}
.hc-burg__in:checked~.hc-burg>b:nth-child(1),.hc-burg__in:checked~.hc-burg>b:nth-child(4){transform:scale(0);opacity:0}
.hc-burg__in:checked~.hc-burg>b:nth-child(2){width:1.5rem;transform:rotate(45deg)}
.hc-burg__in:checked~.hc-burg>b:nth-child(3){width:1.5rem;transform:rotate(-45deg)}
.hc-nav{position:fixed;inset:0;z-index:52;display:grid;grid-template-rows:1fr auto;gap:1.6rem;background:var(--hc-ink);padding:5.4rem 1.25rem 1.75rem;overflow:auto;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .26s var(--ease),transform .34s var(--ease),visibility 0s linear .34s}
.hc-burg__in:checked~.hc-nav{opacity:1;visibility:visible;transform:none;transition:opacity .24s var(--ease),transform .38s var(--ease),visibility 0s}
body:has(.hc-burg__in:checked){overflow:hidden}
.hc-nav__l{display:grid;align-content:space-evenly}
.hc-nav__l>li{opacity:0;transform:translateY(.9rem);transition:opacity .3s var(--ease),transform .34s var(--ease)}
.hc-burg__in:checked~.hc-nav .hc-nav__l>li{opacity:1;transform:none}
.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(1){transition-delay:.07s}
.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(2){transition-delay:.12s}
.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(3){transition-delay:.17s}
.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(4){transition-delay:.22s}
.hc-nav__l a{display:flex;align-items:center;justify-content:center;gap:.5em;padding:.75rem .5rem;font:900 1.7rem/1 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;transition:color .2s var(--ease),text-shadow .25s var(--ease)}
.hc-nav__l a.is-on{color:var(--hc-lime)}
.hc-nav__l a.is-on::before{content:"";width:.7em;height:.7em;flex:none;background:currentColor;-webkit-mask:var(--dp) center/contain no-repeat;mask:var(--dp) center/contain no-repeat}
.hc-nav__cta{display:grid;gap:.8rem;opacity:0;transform:translateY(.9rem);transition:opacity .3s var(--ease),transform .34s var(--ease)}
.hc-burg__in:checked~.hc-nav .hc-nav__cta{opacity:1;transform:none;transition-delay:.27s}
@media (prefers-reduced-motion:reduce){.hc-nav,.hc-nav__l>li,.hc-nav__cta,.hc-burg__in:checked~.hc-nav,.hc-burg__in:checked~.hc-nav .hc-nav__cta,.hc-burg__in:checked~.hc-nav .hc-nav__l>li,.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(1),.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(2),.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(3),.hc-burg__in:checked~.hc-nav .hc-nav__l>li:nth-child(4){transition-duration:.01ms;transition-delay:0s;transform:none}}
.hc-hero{--h1s:var(--fz-1);position:relative;overflow:clip;padding-top:clamp(2.2rem,6vw,4.4rem);padding-bottom:clamp(1.6rem,4vw,3rem)}
.hc-hero::before{content:"";position:absolute;inset:0;z-index:0;background:url('/assets/images/hero-pattern.webp') center/cover no-repeat;opacity:.55;pointer-events:none}
.hc-hero__in{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}
.hc-hero__h1{position:relative;z-index:2;max-width:17ch}
.hc-hero__h2{position:relative;z-index:2;max-width:34ch;font:600 var(--fz-lead)/1.5 var(--ff-b);color:var(--hc-txt-soft);text-wrap:balance}
.hc-hero--home{--h1s:clamp(2.3rem,8.8vw,8.4rem);padding-top:clamp(1.6rem,4vw,3rem)}
.hc-hero--home .hc-hero__in{--wrap:96rem}
.hc-hero--home .hc-hero__h1{z-index:1;width:100%;max-width:none;font-size:var(--h1s);line-height:.88}
.hc-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;width:min(100%,76rem);justify-items:center;margin-top:calc(var(--h1s) * -.28)}
.hc-hero__obj{position:relative;z-index:2;width:min(100%,22rem);order:-1}
.hc-hero__img{width:100%;height:auto;display:block}
.hc-hero__cta{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);display:grid;gap:.8rem;z-index:3;width:max-content}
.hc-hero__tag{position:absolute;z-index:3}
.hc-hero__tag--1{left:0;top:12%}
.hc-hero__tag--2{right:0;top:24%}
.hc-hero__note{position:relative;max-width:27ch;padding-left:1.95rem;text-align:left;justify-self:start}
.hc-hero__note::before{content:"";position:absolute;left:0;top:.3em;width:1.2rem;height:1.2rem;background:var(--hc-lime);-webkit-mask:var(--dp) center/contain no-repeat;mask:var(--dp) center/contain no-repeat}
.hc-hero__note>b{display:block;margin-bottom:.45rem;font-size:1.2rem;font-weight:700;line-height:1.32;color:var(--hc-cream)}
.hc-hero--home .hc-hero__h2{justify-self:end;width:min(100%,24rem);max-width:none;margin:0;padding:1.5rem 1.7rem 1.7rem;background-color:var(--hc-cream);background-image:linear-gradient(225deg,var(--hc-ink) 0 1.1rem,var(--hc-peach-d) 1.1rem 2.2rem,var(--hc-cream) 2.2rem);color:var(--hc-on-paper-soft);border-radius:var(--r);border-start-end-radius:0;text-align:left;font:500 1.05rem/1.5 var(--ff-b);text-wrap:pretty;transform:rotate(calc(var(--tilt) * .6));transition:transform .35s var(--ease)}
.hc-hero--home .hc-hero__h2:hover{transform:rotate(0)}
.hc-hero__h2b{display:block;margin-bottom:.55rem;font:900 1.45rem/1.05 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;color:var(--hc-moss-d)}
@media (min-width:38rem){
.hc-hero__obj{width:min(100%,27rem)}
.hc-hero__cta{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,29rem)}
.hc-hero__cta>.hc-btn{padding-inline:1.2em}
}
@media (min-width:54rem){
.hc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 2rem;margin-top:calc(var(--h1s) * -.62)}
.hc-hero__obj{grid-column:1/-1;justify-self:center;width:min(100%,29rem)}
.hc-hero__note{grid-column:1;justify-self:start;max-width:26ch;margin-top:-2.5rem}
.hc-hero--home .hc-hero__h2{grid-column:2;justify-self:end;margin-top:-3rem}
.hc-hero__tag--1{left:-12%;top:22%}
.hc-hero__tag--2{right:-14%;top:36%}
.hc-hero__cta{bottom:12%}
}
@media (min-width:70rem){
.hc-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:1.5rem;margin-top:calc(var(--h1s) * -1.05)}
.hc-hero__obj{grid-column:auto;order:0;width:min(100%,34rem)}
.hc-hero__note{grid-column:auto;align-self:end;max-width:24ch;margin-top:0;padding-bottom:2.5rem}
.hc-hero--home .hc-hero__h2{grid-column:auto;align-self:center;width:min(100%,26rem);margin-top:0}
.hc-hero__tag--1{left:-14%;top:30%}
.hc-hero__tag--2{right:-16%;top:17%}
.hc-hero__cta{gap:1rem;width:min(100%,34rem)}
.hc-hero__cta>.hc-btn{min-height:3.7rem;padding:1em 1.4em;font-size:1.15rem}
}
.hc-ico{width:1.5rem;height:1.5rem;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hc-ico--lg{width:2.6rem;height:2.6rem;stroke-width:2}
.hc-icm{display:inline-block;width:1.5rem;height:1.5rem;flex:none;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hc-icm--lg{width:2.6rem;height:2.6rem}
.hc-nain__l{margin-bottom:clamp(2.2rem,5vw,3.6rem)}
.hc-stair{display:grid;gap:var(--gap)}
.hc-stair__i{display:flex;flex-direction:column;justify-content:space-between;gap:2.6rem;min-height:15rem}
.hc-stair__i .hc-p{margin-top:.7rem}
@media (min-width:54rem){
.hc-stair{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.hc-stair__i{min-height:19rem;gap:3.5rem}
.hc-stair__i:nth-child(2){margin-top:2.8rem}
.hc-stair__i:nth-child(3){margin-top:5.6rem}
.hc-stair--flip>.hc-stair__i:nth-child(1){margin-top:5.6rem}
.hc-stair--flip>.hc-stair__i:nth-child(3){margin-top:0}
}
.hc-kaava__head{margin-bottom:clamp(1.8rem,4vw,3rem)}
.hc-tehty{margin-top:var(--sec)}
.hc-tehty__head{margin-bottom:clamp(2rem,4.5vw,3.2rem)}
.hc-tehty__head>.hc-lead{max-width:42ch}
.hc-tiles{display:grid;gap:var(--gap)}
.hc-tile{display:grid;gap:.45rem;align-content:start}
.hc-tile__ib{--ib:4.4rem;--ib-o:var(--hc-cream-2);--ib-t:var(--hc-peach-d);--ib-b:var(--hc-cream);--ib-c:var(--hc-moss);margin:0 auto 1.1rem}
.hc-tile--2 .hc-tile__ib{--ib-o:var(--hc-cream);--ib-t:var(--hc-peach)}
.hc-tiles--6>.hc-tile{padding-top:1.6rem}
@media (min-width:38rem){.hc-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:54rem){
.hc-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.hc-tile__ib{--ib:5.2rem;margin-bottom:1.4rem}
.hc-tiles--6{grid-template-columns:repeat(24,minmax(0,1fr))}
.hc-tiles--6>.hc-tile{padding-top:2rem}
.hc-tiles--6>.hc-tile:nth-child(1){grid-column:span 8}
.hc-tiles--6>.hc-tile:nth-child(2){grid-column:span 8}
.hc-tiles--6>.hc-tile:nth-child(3){grid-column:span 8}
.hc-tiles--6>.hc-tile:nth-child(4){grid-column:span 9}
.hc-tiles--6>.hc-tile:nth-child(5){grid-column:span 8}
.hc-tiles--6>.hc-tile:nth-child(6){grid-column:span 7}
}
.hc-dlg{width:min(100vw - 1.5rem,80rem);max-width:none;height:min(100vh - 1.5rem,52rem);margin:auto;padding:0;border:0;border-radius:var(--r);background:var(--hc-plate);color:var(--hc-txt);display:none;grid-template-rows:auto 1fr;overflow:clip}
.hc-dlg[open]{display:grid}
.hc-dlg::backdrop{background:color-mix(in srgb,var(--hc-ink) 82%,transparent)}
.hc-dlg__bar{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center;padding:.9rem 1rem .9rem 1.2rem}
.hc-dlg__note{grid-column:1}
.hc-dlg__x{grid-column:2;grid-row:1/3;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:var(--r);color:var(--hc-cream);background:var(--hc-plate-2);transition:background-color .2s var(--ease),color .2s var(--ease)}
.hc-dlg__x:hover{background-color:var(--hc-lime);color:var(--hc-ink)}
.hc-dlg__stage{position:relative;background:var(--hc-ink)}
.hc-dlg__stage>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hc-hero--in{padding-bottom:clamp(2.4rem,5vw,3.6rem)}
.hc-hero--in .hc-hero__h2{margin-top:1.4rem}
.hc-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 1.6rem;margin-top:2rem}
.hc-duo__head{margin-bottom:clamp(1.6rem,4vw,2.6rem)}
.hc-duo{display:grid;gap:var(--gap)}
.hc-duo__i{display:grid;gap:1rem;align-content:start}
.hc-duo__i>.hc-p+.hc-p{margin-top:0}
.hc-spread{display:grid;gap:2rem;padding:clamp(1.6rem,3.5vw,3rem)}
.hc-spread__h{display:grid;gap:1rem;align-content:start}
.hc-spread__h>.hc-h2{max-width:14ch}
.hc-spread__l>*{padding-block:1.2rem}
.hc-spread__l>:first-child{padding-top:0}
.hc-tile__a{display:grid;gap:1rem;align-content:start;height:100%}
.hc-close__in{display:grid;gap:2rem;align-items:center}
.hc-close__cta{display:flex;flex-wrap:wrap;gap:.9rem}
@media (min-width:38rem){.hc-spread__l>*{grid-template-columns:9rem 1fr}}
@media (min-width:54rem){
.hc-duo{grid-template-columns:repeat(2,minmax(0,1fr))}
.hc-duo__i:nth-child(2){margin-top:2.4rem}
.hc-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:3rem}
.hc-close__in{grid-template-columns:minmax(0,1fr) auto}
}
@media (min-width:54rem){
.hc-top{--tc:1.05rem}
.hc-top__in{min-height:5.2rem}
.hc-logo>img{height:2.75rem}
.hc-burg__in,.hc-burg{display:none}
body:has(.hc-burg__in:checked){overflow:visible;overflow-x:clip}
.hc-nav{position:static;display:flex;flex:1;background:none;padding:0 0 0 clamp(2rem,6vw,5rem);overflow:visible;opacity:1;visibility:visible;transform:none;transition:none}
.hc-nav__l{display:flex;justify-content:space-between;align-content:normal;width:100%;gap:.5rem}
.hc-nav__l>li{opacity:1;transform:none;transition:none}
.hc-nav__l a{padding:.55em .2em;font:700 1rem/1 var(--ff-d);letter-spacing:.04em;text-shadow:0 0 0 transparent}
.hc-nav__l a:hover,.hc-nav__l a:focus-visible{text-shadow:.15em .13em 0 var(--hc-lime)}
.hc-nav__l a.is-on{text-shadow:.15em .13em 0 var(--hc-moss-d)}
.hc-nav__l a.is-on:hover,.hc-nav__l a.is-on:focus-visible{text-shadow:.15em .13em 0 var(--hc-cream)}
.hc-nav__l a.is-on::before{display:none}
.hc-nav__cta{display:none}
}
@media (min-width:70rem){
.hc-nav{padding-left:clamp(4rem,9vw,8rem)}
}
.hc-strip,.hc-kauppa,.hc-who,.hc-more,.hc-close{overflow:clip}
.hc-strip{position:relative;padding-bottom:calc(var(--sec) + 4.2rem)}
.hc-strip__head{--sw:clamp(1.25rem,4vw,4rem);display:grid;gap:.9rem;padding-inline:var(--sw);margin-bottom:clamp(1.6rem,3.4vw,2.8rem)}
.hc-strip__kick{color:var(--hc-lime)}
.hc-strip__h{margin:0;max-width:18ch}
.hc-strip__aside>.hc-sm{max-width:52ch}
.hc-strip__nav{position:absolute;z-index:4;bottom:var(--sec);left:clamp(1.25rem,4vw,4rem);right:clamp(1.25rem,4vw,4rem);display:flex;justify-content:space-between;gap:.6rem}
.hc-strip__btn{width:3rem;height:3rem;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--hc-plate-2);color:var(--hc-cream);transition:background-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.hc-strip__btn:hover,.hc-strip__btn:focus-visible{background-color:var(--hc-lime);color:var(--hc-ink)}
.hc-strip__btn:active{transform:scale(.94)}
.hc-strip__ar{width:1.3rem;height:1.3rem}
.hc-strip__ar--l{transform:scaleX(-1)}
.hc-strip__l{--sw:clamp(1.25rem,4vw,4rem);display:flex;align-items:start;gap:var(--gap);min-height:clamp(31rem,54vw,37rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sw);padding:.2rem var(--sw) .6rem;scrollbar-width:none;overscroll-behavior-x:contain}
.hc-strip__l::-webkit-scrollbar{display:none}
.hc-card{position:relative;flex:0 0 min(76vw,17rem);scroll-snap-align:start}
.hc-card__a{display:grid;gap:.9rem;color:inherit}
.hc-card__img{display:block;height:19rem;border-radius:var(--r);overflow:clip;background:var(--hc-plate);transition:height .45s var(--ease)}
.hc-card__a:hover .hc-card__img,.hc-card__a:focus-visible .hc-card__img{height:22rem}
.hc-card__tag{position:absolute;left:-.5rem;top:.9rem;z-index:2;--tilt:-2deg}
.hc-card__t{position:relative;display:block;padding-left:1.1rem}
.hc-card__t::before{content:"";position:absolute;left:0;top:.5em;width:.5rem;height:.5rem;border-radius:var(--r-pill);background:var(--hc-txt-mute);transition:background-color .25s var(--ease)}
.hc-card__a:hover .hc-card__t::before,.hc-card__a:focus-visible .hc-card__t::before{background-color:var(--hc-lime)}
.hc-card__s{display:block;font:700 1.05rem/1.3 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;color:var(--hc-cream);transition:color .25s var(--ease)}
.hc-card__a:hover .hc-card__s,.hc-card__a:focus-visible .hc-card__s{color:var(--hc-lime)}
.hc-card__more{display:grid;gap:.4rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s var(--ease)}
.hc-card__a:hover .hc-card__more,.hc-card__a:focus-visible .hc-card__more{max-height:9rem;opacity:1}
.hc-card__q{display:block;margin-top:.5rem;font-size:var(--fz-s);line-height:1.45;color:var(--hc-txt-soft)}
.hc-card__f{display:flex;align-items:center;gap:.45rem;font-size:var(--fz-s);color:var(--hc-txt-mute)}
.hc-card__fi{width:1.05rem;height:1.05rem;color:var(--hc-lime)}
.hc-cover__img{width:100%;height:100%;object-fit:cover;display:block}
.hc-cover__txt{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;padding:1.2rem;text-align:center;background:linear-gradient(160deg,var(--hc-plate-2),var(--hc-ink-2));font:900 clamp(1.3rem,2.6vw,1.9rem)/.98 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;color:var(--hc-cream);text-wrap:balance;overflow-wrap:anywhere}
.hc-cover__txt::before{content:"";position:absolute;right:-12%;bottom:-14%;z-index:-1;width:60%;aspect-ratio:1;background:var(--hc-rule);-webkit-mask:var(--dp) center/contain no-repeat;mask:var(--dp) center/contain no-repeat;transform:rotate(14deg)}
.hc-cover__txt>span{transform:rotate(var(--tilt))}
@media (hover:none){.hc-card__more{max-height:none;opacity:1}}
@media (min-width:54rem){
.hc-strip{padding-bottom:var(--sec)}
.hc-strip__head{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr);align-items:start;gap:1.5rem 2.4rem}
.hc-strip__kick{justify-self:start;padding-top:.6rem}
.hc-strip__h{justify-self:center;text-align:center;max-width:15ch}
.hc-strip__aside{display:grid;justify-self:end;justify-items:end;gap:1.2rem;max-width:26rem;text-align:right}
.hc-strip__aside>.hc-sm{order:-1;max-width:none}
.hc-strip__nav{position:static;justify-content:flex-end}
.hc-card{flex-basis:17.5rem}
.hc-card__img{height:21rem}
.hc-card__a:hover .hc-card__img,.hc-card__a:focus-visible .hc-card__img{height:24.5rem}
}
.hc-koke{position:relative;overflow:clip}
.hc-koke,.hc-stage{--sh:clamp(19rem,42vw,28rem)}
.hc-koke::before{content:"";position:absolute;z-index:0;left:-9rem;bottom:-6rem;width:26rem;height:26rem;background:var(--hc-peach-d);opacity:.5;-webkit-mask:var(--dp) center/contain no-repeat;mask:var(--dp) center/contain no-repeat;transform:rotate(18deg);pointer-events:none}
.hc-koke__in{position:relative;z-index:1;display:grid;gap:var(--gap);padding-inline:clamp(1.25rem,4vw,4rem)}
.hc-koke__head{display:grid;gap:1.2rem;margin-bottom:.4rem}
.hc-koke__h{max-width:none}
.hc-koke__nav{display:flex;gap:.6rem;justify-self:end}
.hc-koke__btn{width:3rem;height:3rem;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--hc-ink);color:var(--hc-cream);transition:background-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}
.hc-koke__btn:hover,.hc-koke__btn:focus-visible{background-color:var(--hc-lime);color:var(--hc-ink)}
.hc-koke__btn:active{transform:scale(.94)}
.hc-koke__ar{width:1.25rem;height:1.25rem}
.hc-koke__ar--u{transform:rotate(-90deg)}
.hc-koke__ar--d{transform:rotate(90deg)}
.hc-koke__foot{display:grid;gap:1.2rem;padding-top:.4rem}
.hc-koke__nn{font-size:clamp(1.3rem,2.4vw,1.9rem);text-transform:uppercase}
.hc-koke__now>.hc-sm{margin-top:.4rem;max-width:58ch}
.hc-koke__act{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.hc-koke__live{display:flex;flex-wrap:wrap;gap:.7rem}
.hc-stage{display:block}
.hc-stage__media{position:relative;height:var(--sh);border-radius:var(--r);overflow:clip;background:var(--hc-ink-2)}
.hc-stage__poster{position:absolute;inset:0}
.hc-stage__cov{position:absolute;inset:0}
.hc-sch{width:100%;height:auto;transform:rotate(var(--tilt))}
.hc-stage__cov .hc-cover__txt{font-size:clamp(1.8rem,4vw,3.2rem)}
.hc-stage__frame{position:absolute;inset:0}
.hc-stage__frame>iframe{width:100%;height:100%;border:0;display:block;background:var(--hc-ink)}
.hc-stage__act{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:color-mix(in srgb,var(--hc-ink) 58%,transparent);opacity:0;transition:opacity .3s var(--ease)}
.hc-stage__media:hover .hc-stage__act,.hc-stage__act:focus-within{opacity:1}
@media (hover:none){.hc-stage__act{opacity:1;background:color-mix(in srgb,var(--hc-ink) 34%,transparent)}}
.hc-stage.is-live .hc-stage__poster,.hc-stage.is-live .hc-stage__act{display:none}
.hc-stage__name{position:absolute;z-index:4;left:1.1rem;top:1rem;padding:.35em .7em;border-radius:var(--r);background:color-mix(in srgb,var(--hc-ink) 78%,transparent);color:var(--hc-cream)}
.hc-stage__bar{display:grid;gap:.8rem;padding:.9rem .4rem .2rem}
.hc-stage__note{max-width:60ch}
.hc-stage__live{display:flex;flex-wrap:wrap;gap:.6rem}
.hc-rail{display:grid;gap:.9rem;grid-auto-rows:calc((var(--sh) - .9rem) / 2);max-height:var(--sh);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;align-content:start}
.hc-rail::-webkit-scrollbar{display:none}
.hc-rail>li{scroll-snap-align:start}
.hc-rail__b{position:relative;display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,1fr);align-items:stretch;gap:1.1rem;width:100%;height:100%;text-align:left;padding:0;background:none;color:var(--hc-on-paper);transition:transform .25s var(--ease)}
.hc-rail__b:hover{transform:translateX(.25rem)}
.hc-rail__th{display:block;height:100%;border-radius:var(--r);overflow:clip;background:var(--hc-cream-2)}
.hc-rail__th .hc-cover__txt{font-size:0;padding:.3rem}
.hc-rail__th .hc-cover__txt::before{right:auto;bottom:auto;inset:0;margin:auto;width:55%;transform:rotate(-8deg);background:var(--hc-plate-2)}
.hc-rail__t{display:grid;align-content:start;gap:.5rem;padding-top:.2rem}
.hc-rail__n{display:block;font:900 clamp(1.15rem,1.8vw,1.5rem)/1.05 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em;transition:color .25s var(--ease)}
.hc-rail__k{color:var(--hc-on-paper-soft)}
.hc-rail__b.is-on .hc-rail__n,.hc-rail__b:hover .hc-rail__n{color:var(--hc-moss-d)}
@media (min-width:38rem){.hc-stage{padding:1.2rem}}
@media (min-width:54rem){
.hc-koke__in{grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);align-items:start}
.hc-koke__head{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.hc-koke__foot{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between}
.hc-koke__act{justify-content:flex-end}
}
@media (min-width:100rem){.hc-koke,.hc-stage{--sh:clamp(28rem,26vw,34rem)}}
.hc-kauppa__head{margin-bottom:clamp(1.8rem,4vw,3rem)}
.hc-sheets{position:relative;display:grid;gap:0}
.hc-sheet{position:relative}
.hc-sheet__t{margin-bottom:1.3rem}
.hc-sheet--d{padding:clamp(1.6rem,3vw,2.4rem) clamp(1.6rem,3vw,2.4rem) clamp(2.6rem,5vw,4rem);overflow:clip}
.hc-sheet--d::after{content:"";position:absolute;right:-3rem;bottom:-3.5rem;width:13rem;height:13rem;background:var(--hc-plate-2);-webkit-mask:var(--dp) center/contain no-repeat;mask:var(--dp) center/contain no-repeat;transform:rotate(-12deg);pointer-events:none}
.hc-spec{position:relative;z-index:1;display:grid;gap:1.15rem}
.hc-spec>li{display:grid;grid-template-columns:4.3rem minmax(0,1fr);gap:.2rem 1rem;align-items:start}
.hc-spec__i{grid-row:1/3;font:900 2.6rem/.9 var(--ff-d);letter-spacing:-.02em;color:var(--hc-lime);-webkit-mask-image:linear-gradient(#000 45%,transparent 100%);mask-image:linear-gradient(#000 45%,transparent 100%)}
.hc-spec__k{font:900 1.2rem/1.15 var(--ff-d);text-transform:uppercase;letter-spacing:.02em;color:var(--hc-cream)}
.hc-spec__v{color:var(--hc-txt-soft)}
.hc-sheet--l{position:relative;z-index:1;display:grid;gap:1.3rem;justify-items:start;margin:-1.4rem .8rem 0;padding:clamp(1.7rem,3.2vw,2.6rem);border-radius:var(--r);background:var(--hc-lime);color:var(--hc-ink);box-shadow:.6rem .6rem 0 var(--hc-moss-d)}
.hc-sheet__q{width:100%;font:700 clamp(1.1rem,1.9vw,1.35rem)/1.35 var(--ff-b)}
.hc-sheet__q>li{padding-left:2rem}
.hc-sheet__q>li+li{margin-top:.75rem}
.hc-sheet__q>li::before{top:.3em;width:1.15em;height:1.15em;background:var(--hc-ink)}
.hc-sheet__l{max-width:38ch;font-weight:600;color:var(--hc-on-paper-soft)}
.hc-sheet--l .hc-lead{font-weight:600;max-width:34ch}
.hc-sheet--l .hc-btn{color:var(--hc-ink);box-shadow:inset 0 0 0 3px var(--hc-ink)}
.hc-sheet--l .hc-btn:hover,.hc-sheet--l .hc-btn:focus-visible{color:var(--hc-lime);background-color:var(--hc-ink);box-shadow:inset 0 0 0 3px var(--hc-plate-2),inset 0 0 1.4rem var(--hc-plate-2)}
@media (min-width:54rem){
.hc-sheets{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
.hc-sheet--d{padding:clamp(1.8rem,3vw,2.6rem) 7rem clamp(1.8rem,3vw,2.6rem) clamp(1.8rem,3vw,2.6rem)}
.hc-sheet--l{margin:2.5rem 0 0 -6rem}
}
.hc-who__head{margin-bottom:clamp(1.4rem,3vw,2.2rem)}
.hc-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.2rem;margin-bottom:clamp(3.6rem,7.5vw,6rem)}
.hc-nums>li{display:grid;gap:.2rem;align-content:start}
.hc-nums>li:nth-child(even){margin-top:1.6rem}
.hc-num{display:block;font:900 clamp(4.2rem,11vw,9.5rem)/.82 var(--ff-d);letter-spacing:-.03em;color:var(--hc-cream);-webkit-mask-image:linear-gradient(#000 38%,transparent 96%);mask-image:linear-gradient(#000 38%,transparent 96%)}
.hc-num>small{font-size:.42em;letter-spacing:0;margin-left:.06em;color:var(--hc-lime)}
.hc-nums .hc-sm{max-width:22ch;font-size:1.1rem;line-height:1.4}
.hc-bento{display:grid;gap:var(--gap)}
.hc-bento__i{position:relative;display:grid;gap:.9rem;align-content:end;min-height:15rem;padding:clamp(1.4rem,3vw,2rem);border-radius:var(--r);background:var(--hc-plate-2);color:var(--hc-txt);box-shadow:.5rem .5rem 0 var(--hc-moss-d)}
.hc-bento__i:nth-child(1){border-start-end-radius:0}
.hc-bento__i:nth-child(2){border-end-start-radius:0}
.hc-bento__i:nth-child(4){border-start-start-radius:0}
.hc-bento__h{position:relative;padding-bottom:.8rem;font:700 clamp(1.15rem,1.8vw,1.4rem)/1.1 var(--ff-d);text-transform:none;letter-spacing:0;max-width:16ch}
.hc-bento__h::after{content:"";position:absolute;left:0;bottom:0;width:50%;height:2px;background:currentColor}
.hc-bento__i>.hc-p{max-width:40ch;color:inherit}
.hc-bento__i--cream{background:var(--hc-cream);color:var(--hc-on-paper)}
.hc-bento__i--cream>.hc-p{color:var(--hc-on-paper-soft)}
.hc-bento__i--peach{background:var(--hc-peach);color:var(--hc-on-paper)}
.hc-bento__i--peach>.hc-p{color:var(--hc-on-paper-soft)}
.hc-bento__i--lime{background:var(--hc-lime);color:var(--hc-ink)}
.hc-bento__i--lime>.hc-p{color:var(--hc-ink)}
.hc-bento__i--img{padding-top:0;color:var(--hc-txt)}
.hc-bento__i--img>.hc-p{color:var(--hc-txt-soft)}
.hc-bento__img{width:min(100%,22rem);height:auto;justify-self:center;margin-top:-1.2rem;transform:rotate(calc(var(--tilt) * -.7))}
.hc-bento__ic{position:absolute;left:50%;top:clamp(1.4rem,3vw,2rem);transform:translateX(-50%);width:4.2rem;height:4.2rem;display:grid;place-items:center;border-radius:var(--r);border-start-end-radius:0;background:var(--hc-ink);color:var(--hc-lime)}
@media (min-width:38rem){.hc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:54rem){
.hc-nums{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}
.hc-nums>li:nth-child(even){margin-top:2.6rem}
.hc-bento{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto}
.hc-bento__i--img{grid-column:2;grid-row:1/3}
.hc-bento__i--lime{grid-column:3;grid-row:1/3}
}
.hc-ukk__in{padding-inline:clamp(1.25rem,4vw,4rem)}
.hc-ukk__head{margin-bottom:clamp(1.2rem,3vw,2rem)}
.hc-faq{display:grid;gap:.6rem}
.hc-faq__i{border-radius:var(--r);background:var(--hc-plate);color:var(--hc-txt);transition:background-color .42s var(--ease),color .42s var(--ease)}
@supports selector(::details-content){
.hc-faq__i::details-content{block-size:0;overflow:hidden;content-visibility:hidden;transition:block-size .42s var(--ease),content-visibility .42s allow-discrete}
.hc-faq__i[open]::details-content{block-size:auto;content-visibility:visible}
}
@media (prefers-reduced-motion:reduce){.hc-faq__i,.hc-faq__i::details-content{transition-duration:.01ms}}
.hc-faq__i:hover{background-color:var(--hc-plate-2)}
.hc-faq__i[open]{background-color:var(--hc-cream);color:var(--hc-ink)}
.hc-faq__q{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1rem 1rem 1.3rem;cursor:pointer;list-style:none;font:700 var(--fz-3)/1.15 var(--ff-d);text-transform:uppercase;letter-spacing:-.01em}
.hc-faq__q::-webkit-details-marker{display:none}
.hc-faq__q::marker{content:""}
.hc-faq__ar{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--hc-plate-2);color:var(--hc-cream);transition:transform .35s var(--ease),background-color .3s var(--ease),color .3s var(--ease)}
.hc-faq__ar>.hc-ico,.hc-faq__ar>.hc-icm{width:1.2rem;height:1.2rem}
.hc-faq__i[open] .hc-faq__ar{background-color:var(--hc-ink);color:var(--hc-lime);transform:rotate(90deg)}
.hc-faq__a{padding:0 1.3rem 1.3rem;min-height:clamp(6.5rem,13vw,8.6rem)}
.hc-faq__a>p{max-width:70ch;color:var(--hc-txt-soft)}
.hc-faq__i[open] .hc-faq__a>p{color:var(--hc-on-paper-soft)}
.hc-faq__a a{color:var(--hc-lime);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.hc-faq__i[open] .hc-faq__a a{color:var(--hc-moss-d)}
.hc-ukk__cta{display:grid;gap:1.2rem;justify-items:start;max-width:64rem;margin:clamp(2rem,4vw,3rem) auto 0}
.hc-ukk__cta>.hc-lead{max-width:36ch}
@media (min-width:38rem){.hc-ukk__cta{grid-template-columns:1fr auto;align-items:center}}
.hc-foot{position:relative;isolation:isolate;margin-top:var(--sec);background:var(--hc-plate);clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);padding:calc(var(--cut) + clamp(2.4rem,5vw,4.4rem)) clamp(1.25rem,4vw,4rem) 1.6rem;overflow:clip}
.hc-foot::before{content:"";position:absolute;z-index:-1;right:-4%;bottom:-18%;width:min(46%,32rem);aspect-ratio:1000/1400;background:url('/assets/images/hero-object.webp') center/contain no-repeat;opacity:.07;pointer-events:none}
.hc-foot__in{display:grid;gap:clamp(2.4rem,5vw,4rem)}
.hc-foot__lead{max-width:36rem}
.hc-foot__h{max-width:20ch;margin:0}
.hc-foot__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(1.4rem,3vw,2.2rem)}
.hc-foot__cols{display:grid;gap:2rem}
.hc-foot__ct{color:var(--hc-txt-mute);margin-bottom:.9rem}
.hc-foot__col ul{display:grid;gap:.55rem;font:700 var(--fz-s)/1.25 var(--ff-d);text-transform:uppercase;letter-spacing:.04em}
.hc-foot__mail{display:grid;gap:.15rem;font-family:var(--ff-b);font-weight:600;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.hc-foot__mail>b{font:700 var(--fz-s)/1.2 var(--ff-d);text-transform:uppercase;letter-spacing:.06em;color:var(--hc-txt-mute)}
.hc-foot__col li+li{margin-top:.35rem}
.hc-foot__col a,.hc-foot__legal a{transition:color .2s var(--ease)}
.hc-foot__col a:hover,.hc-foot__legal a:hover{color:var(--hc-lime)}
.hc-foot__reg{display:grid;gap:.25rem;margin-top:1.4rem;font-style:normal;color:var(--hc-txt-mute);max-width:32ch}
.hc-foot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;margin-top:clamp(2.2rem,4.5vw,3.4rem);padding-top:1.4rem;border-block-start:2px solid var(--hc-rule)}
.hc-foot__bar>p{max-width:60ch;overflow-wrap:anywhere}
.hc-foot__legal{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:var(--fz-s)}
@media (min-width:54rem){
.hc-foot__in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:3rem}
.hc-foot__cols{grid-template-columns:minmax(0,auto) minmax(0,1.25fr);gap:clamp(2.4rem,5vw,4.5rem);justify-items:end;text-align:right}
.hc-foot__reg{justify-self:end}
}
@media (prefers-reduced-motion:reduce){.hc-top::before,.hc-burg>b,.hc-hero--home .hc-hero__h2,.hc-strip__btn,.hc-card__img,.hc-card__more,.hc-koke__btn,.hc-rail__b,.hc-faq__ar,.hc-stage__act{transition-duration:.01ms}}