*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:16px;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{background:#fff;color:#000;word-wrap:break-word;margin:0 auto;max-width:100%;padding-left:calc(1.5rem + 224px);padding-right:1.5rem}a{color:inherit;text-decoration:none;transition:color .1s}a:hover,a:focus{color:#00000080}.navigation-container{position:fixed;top:0;left:0;width:224px;height:100vh;padding:1.5rem;display:flex;flex-direction:column;overflow:visible}.navigation{flex-grow:1;display:flex;flex-direction:column;overflow:visible}.logo-wrapper{position:relative;margin-bottom:.75rem;overflow:visible}.logo-blobs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.blob{position:absolute;width:60px;height:60px;border-radius:50%;opacity:0;filter:blur(18px);transition:opacity .3s}.logo-wrapper:hover .blob{opacity:.5}.blob:nth-child(1){background:#ff6ec7}.blob:nth-child(2){background:#7df9ff}.blob:nth-child(3){background:#ffe66d}.navigation .site-logo{display:block;position:relative;z-index:1;transition:filter .3s}.navigation .site-logo img{width:80%;height:auto;transition:filter .3s}.logo-wrapper:hover .site-logo img{animation:logo-colors 2s ease-in-out infinite}@keyframes logo-colors{0%,to{filter:invert(1) sepia(1) saturate(5) hue-rotate(280deg) brightness(1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}33%{filter:invert(1) sepia(1) saturate(5) hue-rotate(140deg) brightness(1.1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}66%{filter:invert(1) sepia(1) saturate(3) hue-rotate(0deg) brightness(1.1) drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,255,255,.9))}}.site-tagline{font-size:.85rem;line-height:1.45;color:#0009;margin:1rem 0 0;padding:0 .25rem}.navigation .tags{margin:1.5rem 0;overflow:hidden;flex-shrink:1}.home-intro{padding:1.5rem;max-width:760px}.home-intro h1{font-size:2rem;margin:0 0 .75rem}.home-intro p{font-size:1.05rem;line-height:1.55;color:#000000bf;margin:0 0 .5rem}.home-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0 1.5rem 2rem;max-width:1600px}.home-column h2 a{color:inherit;text-decoration:none}.home-column h2 a:hover{text-decoration:underline}.home-column h2{font-size:1.25rem;margin:0 0 .25rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.4rem}.home-column .section-lede{font-size:.85rem;color:#0009;margin:.5rem 0 1.25rem;line-height:1.45}.home-list{display:flex;flex-direction:column;gap:1.5rem}.home-column .section-lede{min-height:4.5em}.home-item{display:block;text-decoration:none;color:inherit;border-radius:6px;overflow:hidden;transition:background-color .15s}.home-item:hover{background-color:#0000000a}.home-item-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:#eee;display:block;border-top-left-radius:6px;border-top-right-radius:6px}.home-item-body{padding:.6rem;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.home-item-title{font-weight:600;font-size:1rem;margin:0 0 .25rem;color:#000}.home-item-desc{font-size:.9rem;line-height:1.5;color:#000000b3;margin:0}@media(max-width:1300px){.home-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.home-columns{grid-template-columns:1fr;gap:1.5rem}}.navigation .tags a,.navigation .menu a{display:block}.navigation .menu a{color:#00000080}.navigation .menu a:hover{color:#000}.navigation .menu a.active{color:#000;font-weight:500}.nav-toggle{display:none}.nav-toggle-label{display:none;line-height:.333;cursor:pointer;float:right;user-select:none}.posts{display:flex;flex-wrap:wrap;padding:1rem}.post{margin:.5rem;position:relative;text-decoration:none;color:inherit;cursor:pointer}.post:hover{opacity:.93}.post:active{opacity:.87}.post.photo{overflow:hidden}.post.photo i{display:block}.post.photo img{position:absolute;top:0;width:100%;height:100%;object-fit:cover;vertical-align:bottom;transition:opacity .3s}.post.text{border:2px solid rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3.9rem 2.6rem}.post.text:hover{border-color:#000}.post.text .title{font-size:1.375em;max-width:15em;text-align:center;margin:.65rem 0 .15rem}.post.text .date{font-size:.875em;color:#00000080}.post.photo .title{font-size:.875em;text-align:left;display:block;margin:.375rem 0 .75rem}.entry-header{padding:1.5rem 1.5rem 0}.entry-header h1{font-size:2em;margin:0 0 1.5rem}.entry-layout{display:flex;gap:2rem;padding:0 1.5rem 1.5rem;min-height:100vh}.entry{max-width:720px;flex:1;min-width:0}.entry a{color:#8b3a3a}.entry a:hover{color:#a85050}.entry p{margin:1.3em 0}.entry ul,.entry ol{padding-left:1.5em;margin:1.3em 0}.entry ul ul,.entry ul ol,.entry ol ul,.entry ol ol{margin:.25em 0}.entry table{border-collapse:collapse;width:auto;margin:1.3em 0;font-size:.95em}.entry th,.entry td{padding:.5em 1em;border:1px solid #e0e0e0;text-align:left}.entry th{background:#f7f7f7;font-weight:600}.entry tr:hover{background:#fafafa}.entry img{max-width:100%;height:auto}.entry hr{margin:2.6em 0;border:none;border-top:2px solid #f2f2f2}.entry-sidebar{width:160px;flex-shrink:0}.entry-sidebar .meta{position:sticky;top:1.5rem;color:#00000080;font-size:.875em}.entry-sidebar .tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.entry-sidebar .tags a{font-size:.8rem;padding:.2em .6em;border:1px solid rgba(0,0,0,.15);border-radius:3px}.entry-sidebar .tags a:hover{border-color:#000;color:#000}@media screen and (max-width:800px){body{padding-left:0;padding-top:4rem}.navigation-container{width:100%;height:auto;display:flex;z-index:3;background:#fff}.navigation{height:2rem;max-width:100%;flex-grow:1}.nav-toggle-label{display:block}.navigation>*:not(.site-title){display:none}.nav-toggle:checked~.navigation{min-height:100vh}.nav-toggle:checked~.navigation>*{display:block}.entry-layout{flex-direction:column}.entry-sidebar{width:100%;order:-1;padding-top:0;padding-bottom:1rem}.entry-sidebar .meta{position:static}}