.etusivu-body{--tk-tausta: #f0ede8;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0;overflow:hidden;height:100vh;background:var(--tk-tausta);transition:background .8s ease}.teema-0{--tk-tausta: #f0ede8;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-1{--tk-tausta: #1a1a1a;--tk-kehys: rgba(192, 17, 17, .82);--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .6);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-2{--tk-tausta: #eef2f7;--tk-kehys: rgba(11, 84, 152, .9);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(11, 84, 152, .4);--tk-kieli-active: rgba(11, 84, 152, .9)}.teema-3{--tk-tausta: #1a1a1a;--tk-kehys: rgba(255, 158, 0, .9);--tk-teksti: rgba(26, 26, 26, .9);--tk-teksti-himea: rgba(26, 26, 26, .4);--tk-viiva: rgba(26, 26, 26, .3);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-4{--tk-tausta: #111;--tk-kehys: #f0ede8;--tk-teksti: rgba(26, 26, 26, .85);--tk-teksti-himea: rgba(26, 26, 26, .35);--tk-viiva: rgba(26, 26, 26, .4);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-5{--tk-tausta: #f5f0eb;--tk-kehys: rgba(200, 20, 160, .85);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(200, 20, 160, .4);--tk-kieli-active: rgba(200, 20, 160, .9)}.teema-6{--tk-tausta: #eef0eb;--tk-kehys: rgba(30, 80, 50, .9);--tk-teksti: rgba(255, 255, 255, .9);--tk-teksti-himea: rgba(255, 255, 255, .4);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(30, 80, 50, .4);--tk-kieli-active: rgba(30, 80, 50, .9)}.teema-7{--tk-tausta: #1a1a1a;--tk-kehys: rgba(202, 195, 54, .9);--tk-teksti: rgba(26, 26, 26, .9);--tk-teksti-himea: rgba(26, 26, 26, .4);--tk-viiva: rgba(26, 26, 26, .3);--tk-kieli: rgba(255, 255, 255, .3);--tk-kieli-active: #e0e0e0}.teema-8{--tk-tausta: #fff;--tk-kehys: #555;--tk-teksti: rgba(255, 255, 255, .85);--tk-teksti-himea: rgba(255, 255, 255, .35);--tk-viiva: rgba(255, 255, 255, .5);--tk-kieli: rgba(85, 85, 85, .4);--tk-kieli-active: #555}.teema-9{--tk-tausta: #111;--tk-kehys: #1a1a1a;--tk-teksti: rgba(255, 255, 255, .12);--tk-teksti-himea: rgba(255, 255, 255, .08);--tk-viiva: rgba(255, 255, 255, .08);--tk-kieli: rgba(255, 255, 255, .08);--tk-kieli-active: rgba(255, 255, 255, .15)}.teema-10{--tk-tausta: #17110b;--tk-kehys: rgba(11, 11, 10, .94);--tk-teksti: #efe6d2;--tk-teksti-himea: rgba(239, 230, 210, .42);--tk-viiva: rgba(239, 230, 210, .72);--tk-kieli: rgba(239, 230, 210, .35);--tk-kieli-active: #efe6d2}.teema-11{--tk-tausta: #101512;--tk-kehys: rgba(174, 162, 132, .94);--tk-teksti: #1c1711;--tk-teksti-himea: rgba(28, 23, 17, .48);--tk-viiva: rgba(28, 23, 17, .5);--tk-kieli: rgba(232, 240, 237, .4);--tk-kieli-active: #e8f0ed}.teema-12{--tk-tausta: #160d13;--tk-kehys: rgba(54, 29, 42, .93);--tk-teksti: #f4e4cf;--tk-teksti-himea: rgba(244, 228, 207, .46);--tk-viiva: rgba(244, 228, 207, .66);--tk-kieli: rgba(244, 228, 207, .42);--tk-kieli-active: #f4e4cf}html:not(.old-design) .etusivu-body.teema-0{--tk-tausta: #f2ebda;--tk-kehys: #13110f;--tk-teksti: #efe6d2;--tk-teksti-himea: rgba(239, 230, 210, .45);--tk-viiva: rgba(239, 230, 210, .65);--tk-kieli: rgba(27, 23, 20, .45);--tk-kieli-active: #1b1714}html:not(.old-design) .etusivu-body.teema-1{--tk-tausta: #17110f;--tk-kehys: #8e2419;--tk-teksti: #f7ead7;--tk-teksti-himea: rgba(247, 234, 215, .44);--tk-viiva: rgba(247, 234, 215, .65);--tk-kieli: rgba(247, 234, 215, .35);--tk-kieli-active: #f7ead7}html:not(.old-design) .etusivu-body.teema-2{--tk-tausta: #e8efe9;--tk-kehys: #183f50;--tk-teksti: #f4ead5;--tk-teksti-himea: rgba(244, 234, 213, .42);--tk-viiva: rgba(244, 234, 213, .58);--tk-kieli: rgba(24, 63, 80, .45);--tk-kieli-active: #183f50}html:not(.old-design) .etusivu-body.teema-3{--tk-tausta: #13110f;--tk-kehys: #c87818;--tk-teksti: #16120d;--tk-teksti-himea: rgba(22, 18, 13, .45);--tk-viiva: rgba(22, 18, 13, .4);--tk-kieli: rgba(239, 230, 210, .35);--tk-kieli-active: #efe6d2}html:not(.old-design) .etusivu-body.teema-4{--tk-tausta: #13110f;--tk-kehys: #efe6d2;--tk-teksti: #1b1714;--tk-teksti-himea: rgba(27, 23, 20, .42);--tk-viiva: rgba(27, 23, 20, .55);--tk-kieli: rgba(239, 230, 210, .35);--tk-kieli-active: #efe6d2}html:not(.old-design) .etusivu-body.teema-5{--tk-tausta: #f5eadf;--tk-kehys: #9f2d72;--tk-teksti: #fff1dc;--tk-teksti-himea: rgba(255, 241, 220, .42);--tk-viiva: rgba(255, 241, 220, .58);--tk-kieli: rgba(159, 45, 114, .4);--tk-kieli-active: #9f2d72}html:not(.old-design) .etusivu-body.teema-6{--tk-tausta: #edf0e6;--tk-kehys: #20462f;--tk-teksti: #f2ead6;--tk-teksti-himea: rgba(242, 234, 214, .43);--tk-viiva: rgba(242, 234, 214, .6);--tk-kieli: rgba(32, 70, 47, .42);--tk-kieli-active: #20462f}html:not(.old-design) .etusivu-body.teema-7{--tk-tausta: #13110f;--tk-kehys: #d7c83a;--tk-teksti: #17130f;--tk-teksti-himea: rgba(23, 19, 15, .42);--tk-viiva: rgba(23, 19, 15, .45);--tk-kieli: rgba(239, 230, 210, .35);--tk-kieli-active: #efe6d2}html:not(.old-design) .etusivu-body.teema-8{--tk-tausta: #f8f6f0;--tk-kehys: #514a41;--tk-teksti: #efe6d2;--tk-teksti-himea: rgba(239, 230, 210, .4);--tk-viiva: rgba(239, 230, 210, .55);--tk-kieli: rgba(81, 74, 65, .42);--tk-kieli-active: #514a41}html:not(.old-design) .etusivu-body.teema-9{--tk-tausta: #0d0c0b;--tk-kehys: #141210;--tk-teksti: rgba(239, 230, 210, .18);--tk-teksti-himea: rgba(239, 230, 210, .08);--tk-viiva: rgba(239, 230, 210, .11);--tk-kieli: rgba(239, 230, 210, .09);--tk-kieli-active: rgba(239, 230, 210, .2)}html:not(.old-design) .etusivu-body.teema-10,html:not(.old-design) .etusivu-body.teema-11,html:not(.old-design) .etusivu-body.teema-12{--tk-tausta: #17110b;--tk-kehys: rgba(11, 11, 10, .94);--tk-kehys-reuna: transparent;--tk-kehys-shadow: 0 30px 90px rgba(0, 0, 0, .38);--tk-kehys-blur: 5px;--tk-teksti: #efe6d2;--tk-teksti-himea: rgba(239, 230, 210, .42);--tk-viiva: rgba(239, 230, 210, .72);--tk-kieli: rgba(239, 230, 210, .38);--tk-kieli-active: #efe6d2}html:not(.old-design) .etusivu-body.teema-11{--tk-tausta: #101512;--tk-kehys: rgba(174, 162, 132, .94);--tk-kehys-reuna: rgba(39, 34, 24, .18);--tk-kehys-shadow: 0 28px 86px rgba(3, 7, 5, .46);--tk-kehys-blur: 3px;--tk-teksti: #1c1711;--tk-teksti-himea: rgba(28, 23, 17, .48);--tk-viiva: rgba(28, 23, 17, .5);--tk-kieli: rgba(232, 240, 237, .4);--tk-kieli-active: #e8f0ed}html:not(.old-design) .etusivu-body.teema-12{--tk-tausta: #160d13;--tk-kehys: rgba(54, 29, 42, .93);--tk-kehys-reuna: rgba(244, 228, 207, .12);--tk-kehys-shadow: 0 32px 100px rgba(64, 24, 41, .42);--tk-kehys-blur: 5px;--tk-teksti: #f4e4cf;--tk-teksti-himea: rgba(244, 228, 207, .46);--tk-viiva: rgba(244, 228, 207, .66);--tk-kieli: rgba(244, 228, 207, .42);--tk-kieli-active: #f4e4cf}html:not(.old-design) .etusivu-body[class*=teema-]{background:var(--tk-tausta)}.tuulikaappi-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;background:radial-gradient(circle at 78% 12%,rgba(184,90,36,.22),transparent 32rem),linear-gradient(135deg,#211508,#0f0d0b);transition:opacity .45s ease}.tuulikaappi-bg:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 18% 28%,transparent 0,rgba(0,0,0,.14) 34rem),linear-gradient(90deg,#00000047,#0000000a 45%,#00000061)}html:not(.old-design) .etusivu-body:is(.teema-10,.teema-11,.teema-12) .tuulikaappi-bg{opacity:1}.tuulikaappi-bg-layer{position:absolute;inset:-2vw;z-index:1;opacity:0;background-position:center;background-size:cover;filter:saturate(.95) contrast(1.05);transform:scale(1.04);transition:opacity .35s ease,transform 1.4s ease}.tk-bg-kuvat{background-image:url(/img/valokuvat/khlc50.jpg);background-position:50% 38%}.tk-bg-photari{background-image:url(/img/kasittely/yweptz.jpg);background-position:50% 42%}.tk-bg-misc{background-image:url(/img/misc/wpr2ch.jpg);background-position:50% 45%;filter:saturate(.7) contrast(1.12) brightness(.85)}.tk-bg-docs{background:radial-gradient(circle at 78% 24%,rgba(240,138,60,.3),transparent 18rem),linear-gradient(rgba(239,230,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(239,230,210,.05) 1px,transparent 1px),linear-gradient(135deg,#111418,#201914,#0c0d0f);background-size:auto,32px 32px,32px 32px,auto}.tk-bg-docs:after{content:"$ ssh henry.isakoff.fi  /  docs  /  ctf  /  linux  /  infra";position:absolute;right:3vw;bottom:3vw;max-width:42vw;color:#efe6d233;font-family:var(--mono-fontti);font-size:clamp(18px,2vw,34px);line-height:1.2;letter-spacing:-.05em;text-align:right}.tk-bg-whoami{background-image:url(/img/henry_k_still.jpg);background-position:70% 45%;filter:saturate(1.1) contrast(1.08) brightness(.82)}.etusivu-body.teema-11 .tk-bg-kuvat{background-image:url(/img/valokuvat/e1clex.jpg);background-position:50% 48%}.etusivu-body.teema-11 .tk-bg-photari{background-image:url(/img/kasittely/7l5rhe.jpg);background-position:50% 42%}.etusivu-body.teema-11 .tk-bg-misc{background-image:url(/img/misc/9vfy75.jpg);background-position:50% 50%;filter:saturate(.82) contrast(1.14) brightness(.82)}.etusivu-body.teema-11 .tk-bg-whoami{background-image:url(/img/henry_k_still.jpg);background-position:62% 45%;filter:saturate(.95) contrast(1.18) brightness(.78)}.etusivu-body.teema-11 .tk-bg-docs:after{content:"haaga-helia / linux / ctf / verkot / raportit"}.etusivu-body.teema-12 .tk-bg-kuvat{background-image:url(/img/valokuvat/t1bbxn.jpg);background-position:50% 35%}.etusivu-body.teema-12 .tk-bg-photari{background-image:url(/img/kasittely/fc6xb0.jpg);background-position:50% 48%}.etusivu-body.teema-12 .tk-bg-misc{background-image:url(/img/misc/j8h4ai.jpg);background-position:50% 44%;filter:saturate(1.05) contrast(1.1) brightness(.8)}.etusivu-body.teema-12 .tk-bg-whoami{background-image:url(/img/henry_k_still.jpg);background-position:74% 42%;filter:saturate(1.25) contrast(1.08) brightness(.78)}.etusivu-body.teema-12 .tk-bg-docs:after{content:"docs.iskff.fi  /  notes  /  labs  /  infra  /  security"}.etusivu-body:is(.teema-10,.teema-11,.teema-12)[data-ovi-bg=kuvat] .tk-bg-kuvat,.etusivu-body:is(.teema-10,.teema-11,.teema-12)[data-ovi-bg=photari] .tk-bg-photari,.etusivu-body:is(.teema-10,.teema-11,.teema-12)[data-ovi-bg=misc] .tk-bg-misc,.etusivu-body:is(.teema-10,.teema-11,.teema-12)[data-ovi-bg=docs] .tk-bg-docs,.etusivu-body:is(.teema-10,.teema-11,.teema-12)[data-ovi-bg=whoami] .tk-bg-whoami,.etusivu-body:is(.teema-10,.teema-11,.teema-12):has(.ovi[data-ovi-bg=kuvat]:is(:hover,:focus)) .tk-bg-kuvat,.etusivu-body:is(.teema-10,.teema-11,.teema-12):has(.ovi[data-ovi-bg=photari]:is(:hover,:focus)) .tk-bg-photari,.etusivu-body:is(.teema-10,.teema-11,.teema-12):has(.ovi[data-ovi-bg=misc]:is(:hover,:focus)) .tk-bg-misc,.etusivu-body:is(.teema-10,.teema-11,.teema-12):has(.ovi[data-ovi-bg=docs]:is(:hover,:focus)) .tk-bg-docs,.etusivu-body:is(.teema-10,.teema-11,.teema-12):has(.ovi[data-ovi-bg=whoami]:is(:hover,:focus)) .tk-bg-whoami{opacity:1;transform:scale(1)}html:not(.old-design) .etusivu-body:is(.teema-10,.teema-11,.teema-12) .tuulikaappi-kehys{outline:1px solid var(--tk-kehys-reuna);outline-offset:-1px;box-shadow:var(--tk-kehys-shadow);backdrop-filter:blur(var(--tk-kehys-blur));-webkit-backdrop-filter:blur(var(--tk-kehys-blur))}.tuulikaappi{position:relative;z-index:2;padding:var(--logo-top) 0 0 calc(var(--logo-left) - 1.5rem)}.etusivu-body .site-logo{position:static;color:var(--tk-teksti);transition:color .8s ease;margin-bottom:.3em}.tuulikaappi-kehys{background:var(--tk-kehys);padding:1.2rem 1.5rem;display:inline-block;transition:background .8s ease,box-shadow .8s ease,outline-color .8s ease}.tuulikaappi-ovet{display:flex;flex-direction:column;gap:0}.ovi{font-family:"karmina","utopia-std",var(--otsikko-fontti);font-size:58px;font-weight:700;line-height:1.15;text-decoration:none;transition:color .8s ease;display:block;color:var(--tk-teksti)}.ovi:hover{text-decoration:underline;text-decoration-color:var(--tk-viiva);text-underline-offset:4px}.ovi:after{content:attr(data-merkki);display:inline-block;margin-left:.2em;opacity:0;transform:scale(0);color:var(--tk-teksti);transition:opacity .15s steps(3),transform .15s steps(3),color .8s ease}.ovi:hover:after{opacity:1;transform:scale(1)}.ovi[data-merkki="[]"]:after{transition:none}.ovi[data-merkki="[]"]:hover:after{transform:none}.ovi[data-merkki="#"]:hover:after{animation:lowfi-flash 1.5s steps(6) infinite}.ovi[data-merkki="&"]:hover:after{animation:lowfi-type 1.2s steps(4) infinite}.ovi[data-merkki="[]"]:hover:after{animation:lowfi-cursor 1.06s infinite}.ovi[data-merkki="*"]:hover:after{animation:lowfi-spin .8s steps(8) infinite}.ovi[data-merkki="?"]:hover:after{animation:lowfi-wobble .6s steps(5) infinite}@keyframes lowfi-flash{0%{transform:scale(1);opacity:.3}15%{transform:scale(1.4);opacity:1}30%{transform:scale(1);opacity:.3}to{transform:scale(1);opacity:.3}}@keyframes lowfi-type{0%{transform:translateY(0);opacity:.4}25%{transform:translateY(2px);opacity:.7}50%{transform:translateY(4px);opacity:1}75%{transform:translateY(2px);opacity:.7}to{transform:translateY(0);opacity:.4}}@keyframes lowfi-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes lowfi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lowfi-wobble{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.tuulikaappi-ala{display:flex;justify-content:space-between;align-items:center;padding-top:1.5em}.tuulikaappi-social{display:flex;gap:1.2em;font-family:var(--nav-fontti);font-size:.85em}.tuulikaappi-social a{color:var(--tk-teksti-himea);text-decoration:none;transition:color .3s}.tuulikaappi-social a:hover{color:var(--tk-teksti);text-decoration:underline;text-decoration-color:var(--tk-viiva);text-underline-offset:3px}.tuulikaappi-kieli{font-family:var(--nav-fontti);font-size:.85em}.tuulikaappi-kieli a{color:var(--tk-teksti-himea);text-decoration:none;padding:2px 4px;transition:color .8s ease}.tuulikaappi-kieli a:hover,.tuulikaappi-kieli a.active{color:var(--tk-teksti)}.tuulikaappi-kieli .erotin{color:var(--tk-teksti-himea);margin:0 2px;transition:color .8s ease}.tuulikaappi-rivi{position:relative}.tk-num{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--tk-kieli);transition:color .8s ease;cursor:pointer;user-select:none;display:flex;align-items:center}.tk-num:hover{color:var(--tk-kieli-active)}.tk-num.shake{animation:lowfi-shake .5s steps(6)}@keyframes lowfi-shake{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@media(max-width:1200px){.tuulikaappi-logo{font-size:50px}.ovi{font-size:38px}}@media(max-width:768px){.tuulikaappi{padding:0;display:flex;align-items:center;justify-content:center;height:100vh}.tuulikaappi-rivi{width:100%;height:100%}.tuulikaappi-kehys{width:100%;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:center}.etusivu-body .site-logo{font-size:42px}.ovi{font-size:38px}.tk-num{position:fixed;left:10px;top:50%;transform:translateY(-50%)}}@media(max-width:670px){.etusivu-body .site-logo{font-size:34px}.ovi{font-size:32px}}@media(max-width:400px){.etusivu-body .site-logo{font-size:28px}.ovi{font-size:26px}}.animate-in{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--delay, 0s)}.animate-in.visible{opacity:1;transform:translateY(0)}.stagger-children>.animate-in{transition-duration:.5s}@media(prefers-reduced-motion:reduce){.animate-in,.animate-in.visible{opacity:1;transform:none;transition:none}}