@font-face{font-family:"Archivo";src:url('../fonts/archivo-600.woff2?v=1.2.2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Archivo";src:url('../fonts/archivo-700.woff2?v=1.2.2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url('../fonts/hanken-grotesk-400.woff2?v=1.2.2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url('../fonts/hanken-grotesk-600.woff2?v=1.2.2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{
 --header-h:90px;
 --ground:#efebe3;--ground-2:#e3dfd6;--pinta-kirkas:#fbf9f4;
 --ink:#15171a;--ink-door:#1d1f1d;--muste-2:#3a3e44;--paperi-teksti:#fbf9f4;--paperi-2:#c9ccd1;
 --atr-red:#d6232a;--talo-green:#245e3f;--talo-red:#c63130;
 --line:rgb(21 23 26/.24);--viiva-tumma:rgb(255 255 255/.28);--fokus:var(--ink);
 --f-otsikko:"Archivo",Arial,sans-serif;--f-leipa:"Hanken Grotesk",Arial,sans-serif;
 --t-hero:clamp(44px,5.6vw,92px);--t-h1:clamp(38px,4.2vw,64px);
 --t-h2:clamp(30px,3.1vw,48px);--t-h3:clamp(23px,1.9vw,30px);--t-h4:20px;
 --t-luku:clamp(40px, 3.8vw, 56px);--t-kausi:clamp(30px,3.1vw,44px);--t-puhelin:28px;--t-puhelin-palkki:21px;
 --t-korttikuvaus:15px;--t-ingressi:22px;--t-leipa:18px;--t-nappi:17px;--t-valikko:16px;--t-pieni:15px;--t-nimio:14px;
 --ikoni-s:20px;--ikoni-m:24px;--ikoni-l:32px;
 --sade-0:0;--sade-s:4px;--sade-m:8px;--sade-kortti:14px;--sade-l:var(--sade-kortti);
 --varjo-kortti:0 1px 0 rgb(21 23 26/.10),0 10px 14px -10px rgb(21 23 26/.30);
 --varjo-nosto:0 1px 0 rgb(21 23 26/.12),0 18px 22px -14px rgb(21 23 26/.38);
 --varjo-lasi:0 1px 0 rgb(0 0 0/.08),0 8px 12px -10px rgb(0 0 0/.28);
 --valo-reuna:inset 0 1px 0 rgb(255 255 255/.90);
 --valo-reuna-tumma:inset 0 1px 0 rgb(255 255 255/.30);
 --valo-reuna-lakka:inset 0 1px 0 rgb(255 255 255/.42),inset 0 -1px 0 rgb(0 0 0/.32);
 --lasi-vaalea:239 235 227;--lasi-tumma:21 23 26;
 --lasi-palkki-peitto:.90;--lasi-palkki-blur:6px;--lasi-palkki-saturate:100%;
 --lasi-palkki-valo:rgb(255 255 255/.90);--lasi-palkki-reuna:rgb(var(--lasi-tumma)/.30);
 --lasi-palkki-varjo:var(--varjo-lasi);--lasi-palkki-sade:var(--sade-0);
 --lasi-laatta-peitto:.72;--lasi-laatta-blur:6px;--lasi-laatta-saturate:100%;
 --lasi-laatta-valo:rgb(255 255 255/.40);--lasi-laatta-reuna:rgb(255 255 255/.28);
 --lasi-laatta-varjo:0 1px 0 rgb(0 0 0/.40),0 12px 18px -12px rgb(0 0 0/.60);
 --lasi-laatta-sade:var(--sade-kortti);--lasi-laatta-tayte:13px 20px 15px;
 --lasi-valikko-peitto:.94;--lasi-valikko-blur:8px;--lasi-valikko-saturate:100%;
 --lasi-valikko-valo:rgb(255 255 255/.92);--lasi-valikko-reuna:rgb(var(--lasi-tumma)/.22);
 --lasi-valikko-varjo:0 1px 0 rgb(0 0 0/.10),0 14px 20px -12px rgb(0 0 0/.34);
 --lasi-valikko-sade:var(--sade-kortti);--lasi-valikko-rivi:rgb(var(--lasi-tumma)/.10);--lasi-valikko-hover:rgb(var(--lasi-tumma)/.045);
 --tausta-savy:#0f1113;--hero-peitto-a:.84;--hero-peitto-b:0;--hero-peitto-raja:30%;
 --k-pinta:#fbfaf6;--k-sade:var(--sade-kortti);--k-sade-nappi:var(--sade-m);
 --k-reuna:1px solid rgb(21 23 26/.14);--k-valo:inset 0 1px 0 rgb(255 255 255/.95);
 --k-valo-vari:var(--valo-reuna-lakka);--k-viiva-valo:inset 0 1px 0 rgb(255 249 232/.34),inset 0 -1px 0 rgb(0 0 0/.30);--k-varjo-lepo:var(--varjo-kortti);--k-varjo-nosto:var(--varjo-nosto);
 --k-heijastus:linear-gradient(180deg,rgb(0 0 0/.02) 0%,rgb(0 0 0/.18) 100%);
 --k-sade-merkki:var(--sade-s);--k-nelio-valo:inset 0 1px 0 rgb(255 255 255/.45);
 --k-kuva-valo:inset 0 0 0 1px rgb(255 255 255/.14);--k-valkoinen:#fff;--k-raita-musta:#2a2d31;
 --k-kiilto:linear-gradient(100deg,rgb(236 242 255/0),rgb(236 242 255/.09) 50%,rgb(236 242 255/0));
 --k-vali:16px;--k-tayte:28px;
 --s-05:4px;--s-1:8px;--s-25:12px;--s-2:16px;--s-3:24px;--s-35:32px;--s-4:48px;--s-5:90px;
 --d-fast:180ms;--d-base:320ms;--d-slow:800ms;--e-out:cubic-bezier(.22,1,.36,1);--e-talo:cubic-bezier(.65,0,.35,1);
}
@media(max-width:767px){:root{
 --header-h:112px;--lasi-palkki-blur:4px;--lasi-laatta-blur:5px;--lasi-valikko-blur:6px;
 --sade-kortti:12px;--lasi-laatta-tayte:10px 16px 11px;
 --t-h4:19px;--t-kausi:30px;--t-puhelin:26px;--t-puhelin-palkki:22px;--t-ingressi:19px;--t-leipa:17px;--t-valikko:19px;
 --hero-peitto-b:.12;--hero-peitto-raja:44%;--s-4:20px;--s-5:52px;--k-vali:12px;--k-tayte:20px;
}}
@media(prefers-reduced-transparency:reduce){:root{
 --lasi-palkki-peitto:.97;--lasi-laatta-peitto:.86;--lasi-valikko-peitto:.98;
 --lasi-palkki-blur:0px;--lasi-laatta-blur:0px;--lasi-valikko-blur:0px;
}}