:root{--tausta: #1a1416;--pinta: #241c1f;--reuna: #3a2d32;--pinkki: #e82ca8;--pinkki-tumma: #b01f80;--kulta: #c9a048;--keltainen: #fff050;--teksti: #f4eef0;--himmea: #b9aab0;--otsikko: "Archivo Black", "Arial Black", sans-serif;--leipa: "Archivo", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--tausta);color:var(--teksti);font-family:var(--leipa)}a{color:var(--kulta)}img{display:block;max-width:100%}button{font:inherit}.sivu{min-height:100vh;display:flex;flex-direction:column}.yla{display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--reuna)}.logo{font-family:var(--otsikko);letter-spacing:4px;color:var(--kulta);text-decoration:none;font-size:15px}.yla-linkki{color:var(--teksti);text-decoration:none;font-size:14px;font-weight:700}.yla-linkki:hover{color:var(--pinkki)}.sisalto{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,40px)}.ala{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:18px clamp(16px,4vw,40px);border-top:1px solid var(--reuna);font-size:13px;color:var(--himmea)}.ala a{color:var(--himmea)}.esikatselu{background:var(--keltainen);color:#000;font-weight:700;font-size:13px;text-align:center;padding:8px 16px}.js-hero{max-width:820px;margin-bottom:clamp(20px,3vw,32px)}.js-eyebrow{display:inline-block;font-family:var(--otsikko);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;background:var(--pinkki);color:#fff;padding:6px 10px;margin-bottom:14px}.js-eyebrow.virhe{background:#d33}.js-hero h1,.kp h1{font-family:var(--otsikko);font-size:clamp(30px,5.6vw,60px);line-height:.95;margin:0 0 16px;letter-spacing:-.5px}.js-hero h1{text-shadow:3px 3px 0 var(--pinkki-tumma)}.js-ingressi{font-size:clamp(16px,1.8vw,18px);line-height:1.55;color:var(--himmea);margin:0 0 12px}.js-ingressi b{color:var(--teksti)}.js-luvut{font-size:15px;color:var(--kulta);margin:0}.js-luvut b{color:var(--keltainen);font-family:var(--otsikko)}.js-asettelu{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,3vw,36px);align-items:start}@media (max-width: 900px){.js-asettelu{grid-template-columns:1fr}}.js-sivu{position:sticky;top:16px;background:var(--pinta);border:2px solid var(--reuna);padding:clamp(18px,2.5vw,26px);scroll-margin-top:16px}@media (max-width: 900px){.js-sivu{position:static}}.js-sivu h2{font-family:var(--otsikko);font-size:24px;margin:0 0 14px;color:var(--kulta);text-transform:uppercase;letter-spacing:1px}.js-kuvat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,18px)}@media (max-width: 1180px){.js-kuvat{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.js-kuvat{grid-template-columns:repeat(2,minmax(0,1fr))}}.js-kortti{background:var(--pinta);border:2px solid var(--reuna);transition:border-color .15s,transform .15s}.js-kortti.on{border-color:var(--pinkki);box-shadow:5px 5px 0 var(--pinkki-tumma);transform:translate(-2px,-2px)}.js-valinta{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:1 / 1;overflow:hidden;isolation:isolate}.js-valinta:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;background:var(--kuva) center / cover;filter:blur(16px) brightness(.45)}.js-valinta:disabled{cursor:default}.js-valinta img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.js-valinta:hover:not(:disabled) img{transform:scale(1.03)}.js-valinta:focus-visible{outline:3px solid var(--keltainen);outline-offset:-3px}.js-merkki{position:absolute;left:0;right:0;bottom:0;background:var(--pinkki);color:#fff;font-family:var(--otsikko);font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:8px;text-align:center}.js-kortti-ala{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:10px 12px}.js-kortti-ala>div{min-width:0}.js-nimi{font-weight:700;font-size:15px}.js-kuvaaja{font-size:12px;color:var(--himmea)}.js-suurenna{background:none;border:1px solid var(--reuna);color:var(--himmea);font-size:12px;padding:5px 8px;cursor:pointer;white-space:nowrap}.js-suurenna:hover{color:var(--teksti);border-color:var(--teksti)}.js-osuus{position:relative;height:26px;margin:0 12px 12px;background:var(--tausta);overflow:hidden}.js-osuus i{position:absolute;inset:0 auto 0 0;background:var(--kulta)}.js-osuus span{position:relative;display:block;line-height:26px;padding:0 8px;font-family:var(--otsikko);font-size:13px;color:#fff;text-shadow:0 1px 2px #000}.js-suurennos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0608eb;display:grid;place-items:center;padding:20px;cursor:zoom-out}.js-suurennos img{max-height:90vh;width:auto;box-shadow:0 10px 40px #000}.js-sulje{position:absolute;top:14px;right:14px;width:44px;height:44px;background:var(--pinkki);color:#fff;border:0;font-size:20px;cursor:pointer}.js-lomake{display:flex;flex-direction:column;gap:14px}.js-valittu{border:2px dashed var(--reuna);padding:12px;font-size:15px;color:var(--himmea);text-align:center}.js-valittu.on{border-style:solid;border-color:var(--pinkki);color:var(--teksti)}.js-valittu b{color:var(--pinkki)}.js-rivi2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 641px) and (max-width: 900px){.js-rivi2{grid-template-columns:1fr 1fr}}.js-kentta{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:var(--himmea)}.js-kentta input,.js-kentta select{width:100%;background:var(--tausta);border:2px solid var(--reuna);color:var(--teksti);font:inherit;font-size:16px;font-weight:400;padding:11px 12px}.js-kentta input:focus,.js-kentta select:focus{outline:none;border-color:var(--pinkki)}.js-lisat{border:1px solid var(--reuna);padding:10px 12px}.js-lisat summary{cursor:pointer;font-weight:700;font-size:14px}.js-lisat summary em{font-style:normal;font-weight:400;color:var(--himmea)}.js-lisat[open] summary{margin-bottom:12px}.js-lisat .js-ryhma+.js-ryhma{margin-top:14px}.js-rasti-sisennys{margin-top:10px;padding-left:28px}.js-ryhma{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.js-ryhma legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--kulta)}.js-ryhma legend em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--himmea);font-weight:400}.js-lupaus{border:0;margin:0;padding:0}.js-lupaus legend{font-weight:700;font-size:15px;margin-bottom:8px;padding:0}.js-lupaus legend em{font-weight:400;color:var(--himmea);font-style:normal;font-size:13px}.js-kpl{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px}.js-kpl button{background:var(--tausta);border:2px solid var(--reuna);color:var(--teksti);padding:9px 4px;cursor:pointer;font-weight:700;font-size:14px}.js-ehdot{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.js-ehdot button{background:var(--tausta);border:2px solid var(--reuna);color:var(--teksti);padding:10px 12px;cursor:pointer;font-weight:700;font-size:14px;text-align:left}.js-ehdot button.on{border-color:var(--pinkki);background:var(--pinkki);color:#fff}.js-ehdot button:focus-visible{outline:2px solid var(--keltainen)}.js-kpl button.on{border-color:var(--kulta);background:var(--kulta);color:var(--tausta)}.js-kpl button:focus-visible{outline:2px solid var(--keltainen)}.js-etu{border-left:4px solid var(--kulta);background:var(--tausta);padding:12px 12px 12px 14px}.js-etu p{margin:0 0 10px;font-weight:700;font-size:15px;line-height:1.4;color:var(--kulta)}.js-rasti{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}.js-rasti input{width:18px;height:18px;margin-top:2px;accent-color:var(--pinkki);flex-shrink:0}.js-rasti em{color:var(--himmea);font-style:normal}.js-laheta{background:var(--pinkki);color:#fff;border:0;font-family:var(--otsikko);font-size:18px;letter-spacing:1.5px;text-transform:uppercase;padding:16px;cursor:pointer;box-shadow:4px 4px 0 var(--kulta)}.js-laheta:hover{background:var(--pinkki-tumma)}.js-laheta:disabled{opacity:.6;cursor:wait}.js-virhe{color:#ff7a9c;font-size:14px;font-weight:700}.js-pieni{font-size:12px;line-height:1.5;color:var(--himmea);margin:0}.js-pieni a{color:var(--himmea)}.js-pieni b{color:var(--teksti)}.js-piilo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.js-valmis{border:2px solid var(--pinkki);padding:16px}.js-valmis-otsikko{font-family:var(--otsikko);font-size:20px;color:var(--pinkki);margin-bottom:6px}.js-valmis p{margin:0;line-height:1.55;color:var(--himmea)}.js-valmis b{color:var(--teksti)}.kp{max-width:640px;margin:clamp(20px,6vw,60px) auto;text-align:center}.kp-napit{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.kp-nappi{font-family:var(--otsikko);font-size:14px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;background:var(--pinkki);color:#fff;padding:13px 20px;box-shadow:4px 4px 0 var(--kulta)}.kp-nappi.toinen{background:transparent;border:2px solid var(--reuna);box-shadow:none;color:var(--teksti)}.js-alapalkki{display:none}@media (max-width: 900px){.js-alapalkki{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--pinkki);color:#fff;border:0;font-size:15px;text-align:left;cursor:pointer;box-shadow:0 -4px 16px #0006}.js-alapalkki-nappi{font-family:var(--otsikko);letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.sivu{padding-bottom:64px}}
