:root{--black:#1c2a30;--white:#f6f1e7;--grey:#5a6a6e;--grey-light:#e4e9e7;--primary:#355c66;--red:#c66948;--line:#1c2a3024;--shadow:0 28px 60px -32px #1c2a3080;--font-heading:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--radius:1rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--white);color:var(--black);font-family:var(--font-body);text-rendering:optimizelegibility;font-size:1rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}ul{list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.bg-grey{background-color:var(--grey)}.bg-grey-light{background-color:var(--grey-light)}.bg-primary{background-color:var(--primary)}.bg-red{background-color:var(--red)}.text-black{color:var(--black)}.text-white{color:var(--white)}.text-grey{color:var(--grey)}.text-grey-light{color:var(--grey-light)}.text-primary{color:var(--primary)}.text-red{color:var(--red)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}h1,h2,h3,.otsikko,.otsikko-m,.otsikko-s{font-family:var(--font-heading);text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:1.05}.otsikko{font-size:clamp(2.25rem,1.4rem + 3.6vw,3.75rem)}.otsikko-m{font-size:clamp(1.5rem,1.2rem + 1.2vw,1.875rem)}.otsikko-s{font-size:1.5rem;font-weight:600}.ylaotsikko{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.ingressi{text-wrap:pretty;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.6}.teksti{color:var(--grey);text-wrap:pretty}.pieni{font-size:.875rem}.tekstivarjo{text-shadow:0 2px 10px #1c2a3080}.ikoni{flex-shrink:0;width:1.25rem;height:1.25rem}.ikoni-pieni{flex-shrink:0;width:1rem;height:1rem}.sisalto{width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.osio{padding-block:clamp(4rem,8vw,6rem)}.mt-s{margin-top:.75rem}.mt-m{margin-top:1.25rem}.mt-l{margin-top:2rem}.paneeli{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f1e7d1;padding:clamp(1.5rem,4vw,3rem)}.nappi{background-color:var(--red);min-height:3rem;color:var(--white);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.nappi:hover{background-color:#b35a3b}.nappi-pieni{min-height:2.5rem;padding:.5rem 1.5rem;font-size:.75rem}.nappi-levea{width:100%}.nappi-lapinakyva{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f6f1e714;border:2px solid #f6f1e759}.nappi-lapinakyva:hover{background-color:#f6f1e72e;border-color:#f6f1e799}.nappi-vaalea{background-color:var(--white);color:var(--black);border-color:var(--line)}.nappi-vaalea:hover{background-color:var(--grey-light)}.nappi-ikoni{width:2.75rem;min-height:2.75rem;padding:0}.ylapalkki{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f6f1e7d9;position:fixed;inset:0 0 auto}.ylapalkki-sisalto{justify-content:space-between;align-items:center;padding-block:.75rem;display:flex}.logo{width:auto;height:2.25rem}.paavalikko{color:var(--grey);align-items:center;gap:1.75rem;display:none}.paavalikko a,.paavalikko button{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600;transition:color .2s}.paavalikko a:hover,.paavalikko button:hover{color:var(--primary)}.alasveto{position:relative}.alasveto-nappi{align-items:center;gap:.25rem;display:flex}.alasveto-nappi svg{transition:transform .2s}.alasveto-nappi[aria-expanded=true] svg{transform:rotate(180deg)}.alasveto-lista{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:18rem;box-shadow:var(--shadow);margin-top:.75rem;position:absolute;top:100%;left:0;overflow:hidden}.alasveto-lista a{border-bottom:1px solid var(--line);text-transform:none;letter-spacing:0;padding:.75rem 1rem;display:block}.alasveto-lista a:hover{background:var(--grey-light);color:inherit}.alasveto-lista a:last-child{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;border-bottom:0;font-size:.75rem}.alasveto-nimi{font-family:var(--font-heading);text-transform:uppercase;color:var(--black);font-size:1rem;font-weight:600;line-height:1.1;display:block}.alasveto-tyyppi{letter-spacing:.08em;text-transform:uppercase;color:var(--red);margin-top:.25rem;font-size:.75rem;display:block}.ylapalkki-toiminnot{align-items:center;gap:.5rem;display:flex}.ylapalkki-yhteys{display:none}.mobiili-avaa{display:inline-flex}.mobiilivalikko{z-index:60;background:var(--white);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobiilivalikko-ylaosa{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.mobiilivalikko-linkit{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:1.25rem;padding:2.5rem 2rem;display:flex}.mobiilivalikko-linkit a:not(.nappi){font-family:var(--font-heading);text-transform:uppercase;font-size:1.875rem;font-weight:700;line-height:1}.mobiilivalikko-linkit a:not(.nappi):hover{color:var(--primary)}.mobiilivalikko-linkit .nappi{align-self:stretch;margin-top:1rem}@media (width>=640px){.logo{height:2.5rem}.ylapalkki-yhteys{display:inline-flex}}@media (width>=768px){.paavalikko{display:flex}.mobiili-avaa{display:none}}.hero{background:var(--black);min-height:92svh;color:var(--white);align-items:flex-end;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-matala{min-height:70svh;padding-top:6rem}.hero-kuva{object-fit:cover;opacity:0;z-index:1;filter:brightness(1.1)contrast(1.05)saturate(1.1);width:100%;height:100%;transition:opacity 0s linear 1.8s;position:absolute;inset:0}.hero-kuva.aktiivinen{opacity:1;z-index:2;transition:opacity 1.8s ease-in-out}.hero-maski{z-index:3;background:radial-gradient(110% 80% at 12% 100%,#1c2a30eb 0%,#1c2a30a3 40%,#1c2a303d 70%,#1c2a3000 100%);position:absolute;inset:0}.hero-maski-kohde{z-index:3;background:linear-gradient(90deg,#1c2a30e6,#1c2a3073 50%,#1c2a3000),linear-gradient(#1c2a3040,#1c2a3099 50%,#1c2a30);position:absolute;inset:0}.hero-sisalto{z-index:4;padding-bottom:clamp(6rem,10vw,8rem);position:relative}.hero-matala .hero-sisalto{padding-bottom:4rem}.hero-teksti{max-width:48rem;animation:.8s cubic-bezier(.32,.72,0,1) both nousu}.hero-teksti p{color:#f6f1e7e6}.hero-napit{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.karuselli-ohjaimet{z-index:10;justify-content:center;align-items:center;gap:1rem;padding:0 clamp(1rem,3vw,2rem) 1.5rem;display:flex;position:absolute;inset:auto 0 0}.karuselli-nuolet{gap:.5rem;display:none}@media (width<=639px){.karuselli-ohjaimet{display:none}}@media (width>=640px){.hero-napit{flex-direction:row}.karuselli-ohjaimet{justify-content:flex-end}.karuselli-nuolet{display:flex}}@media (width>=1024px){.hero-maski{background:radial-gradient(78% 80% at 10% 100%,#1c2a30eb 0%,#1c2a3099 38%,#1c2a3038 70%,#1c2a3000 100%)}}.osio-otsikko{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.korttiruudukko{gap:1rem;display:grid}.kortti{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:border-color .3s;display:flex;overflow:hidden}.kortti:hover{border-color:var(--primary)}.kortti-kuva{aspect-ratio:4/5;background:var(--grey-light);position:relative;overflow:hidden}.kortti-kuva img{object-fit:cover;filter:brightness(.92)contrast(1.06)saturate(.88);width:100%;height:100%;transition:transform .7s}.kortti:hover .kortti-kuva img{transform:scale(1.05)}.kortti-kuva:after{content:"";background:linear-gradient(#1c2a301a,#1c2a301a 50%,#1c2a30bf);position:absolute;inset:0}.kortti-sisalto{flex-direction:column;flex:1;padding:1.25rem;display:flex}.kortti-sisalto .teksti{flex:1}.kortti-alalinkki{text-align:center;letter-spacing:.08em;text-transform:uppercase;margin-top:.75rem;font-size:.75rem;font-weight:600;display:block}a.kortti-alalinkki{color:var(--primary)}a.kortti-alalinkki:hover{color:var(--red)}@media (width>=640px){.osio-otsikko{flex-direction:row;justify-content:space-between;align-items:flex-end}.osio-otsikko>p{text-align:right;max-width:28rem}.korttiruudukko{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.korttiruudukko{grid-template-columns:repeat(4,1fr)}}.kaksi-palstaa{gap:1.5rem;display:grid}@media (width>=1024px){.kaksi-palstaa{grid-template-columns:1fr 1fr;align-items:center}.kaksi-palstaa-kuva-vasen{grid-template-columns:.86fr 1.14fr}.kaksi-palstaa-opas{grid-template-columns:.72fr 1.28fr;gap:2rem}.kaksi-palstaa-yhteys{grid-template-columns:1.1fr .9fr;align-items:stretch}}.kuvalaatta{border-radius:var(--radius);min-height:400px;box-shadow:var(--shadow);color:var(--white);position:relative;overflow:hidden}.kuvalaatta img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kuvalaatta:after{content:"";background:linear-gradient(#1c2a3000,#1c2a301a 50%,#1c2a30b8);position:absolute;inset:0}.kuvalaatta-teksti{z-index:1;padding:clamp(1.25rem,3vw,1.75rem);position:absolute;inset:auto 0 0}.kuvalaatta-teksti .ylaotsikko{color:#f6f1e7cc}.linkkiruudukko{gap:.75rem;display:grid}@media (width>=640px){.linkkiruudukko{grid-template-columns:repeat(2,1fr)}}.linkkilaatikko{border:1px solid var(--line);background:#f6f1e7b3;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;padding:1rem;transition:border-color .2s,background-color .2s;display:flex}.linkkilaatikko:hover{border-color:var(--primary);background:var(--white)}.linkkilaatikko span{font-family:var(--font-heading);text-transform:uppercase;font-size:1.25rem;font-weight:600;line-height:1.2}.linkkilaatikko svg{color:var(--primary)}.opas{position:relative}.opas-tausta{object-fit:cover;opacity:.25;width:100%;height:100%;position:absolute;inset:0}.opas .sisalto{position:relative}.opas-kansi{background:var(--white);width:100%;max-width:20rem;box-shadow:var(--shadow);margin-inline:auto;padding:.75rem;transform:rotate(-2deg)}@media (width>=640px){.opas-kansi{max-width:24rem}}.yhteys-tiedot{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.sahkoposti{font-family:var(--font-heading);text-underline-offset:4px;align-items:center;gap:.5rem;margin-top:.5rem;font-size:clamp(1.5rem,1.2rem + 1.2vw,1.875rem);font-weight:600;transition:color .2s;display:inline-flex}.sahkoposti:hover{color:var(--primary);text-decoration:underline}.sahkoposti svg{color:var(--red)}.pikkulinkki{letter-spacing:.08em;text-transform:uppercase;text-underline-offset:4px;align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.pikkulinkki:hover{text-decoration:underline}.takaisin-linkki{letter-spacing:.08em;text-transform:uppercase;color:#f6f1e7d9;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.takaisin-linkki:hover{color:var(--white)}.kohde-ruudukko{gap:2.5rem;display:grid}@media (width>=1024px){.kohde-ruudukko{grid-template-columns:1.4fr .6fr;align-items:start}.kohde-sivupalkki{position:sticky;top:7rem}}.kohde-ingressi p{margin-bottom:1.25rem}.kohde-osio{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.5rem}.tietolista>div{border-bottom:1px solid var(--line);padding-block:.75rem}.tietolista>div:last-child{border-bottom:0}.tietolista dt{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);font-size:.75rem}.tietolista dd{margin-top:.25rem;font-weight:500}.laatikko{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:1.5rem;padding:1.5rem}.muut-kohteet{gap:.75rem;margin-top:1rem;display:grid}.muut-kohteet a{border:1px solid var(--line);border-radius:.75rem;padding:.75rem 1rem;transition:background-color .2s;display:block}.muut-kohteet a:hover{background:var(--grey-light)}.alapalkki{background:var(--black);color:#f6f1e7a6;letter-spacing:.08em;text-transform:uppercase;padding-block:2rem;font-size:.75rem}.alapalkki-sisalto{flex-direction:column;gap:1rem;display:flex}.alapalkki-logo{align-items:flex-end;gap:.5rem;display:flex}.alapalkki p,.alapalkki a{margin-top:.5rem}.alapalkki a:hover{color:var(--white);text-decoration:underline}.alapalkki-kuvaus{letter-spacing:0;text-transform:none;max-width:24rem;font-size:.875rem}@media (width>=640px){.alapalkki-sisalto{flex-direction:row;justify-content:space-between;align-items:center}.alapalkki-kuvaus{text-align:right}}.virhesivu{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.virhesivu-napit{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}@keyframes nousu{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
