:root{--black:black;--white:white}*{box-sizing:border-box}html{font-size:16px}body{font-optical-sizing:auto;font-style:normal;font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;font-family:helvetica neue;color:var(--black);line-height:1.5;margin:0;background-color:var(--white)}header{height:10dvh;display:flex;padding:0 3rem;justify-content:space-between;align-items:center;position:sticky;top:0;color:var(--black);fill:var(--black);z-index:10;border-bottom:5px solid var(--black);background-color:var(--white)}header a{display:flex;align-items:center;height:100%;padding:1rem 0;gap:1rem;color:inherit}.header-logo{height:100%}h1{font-size:1rem;font-weight:200;line-height:4dvh;margin:0}main{padding:0 3rem}a{color:var(--black);text-decoration:none}a:hover{color:var(--black);fill:var(--black)}.main-wrapper{display:flex;flex-direction:row;justify-content:center;gap:5rem}.post-entries-list{flex:1 300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%}.post-entry a:hover h2{color:var(--white);background-color:var(--black)}.post-entry h2{position:relative;padding-right:1rem}.post-entry h2:before{content:'';display:block;position:absolute;left:0;width:1rem;height:100%;background-color:inherit;transform:translate(-1rem,0)}.post-image{flex:1;height:100%;display:flex;position:sticky;top:10dvh;height:90dvh}.post-image picture{width:100%;color:var(--black);align-items:center;display:flex}.picture-wrapper{position:relative;width:100%;aspect-ratio:1/1;align-items:center;border:5px solid var(--black)}.post-image svg,.post-image #dynamic-image{position:absolute;overflow:visible;width:100%;height:100%}.post-image svg{z-index:0}.post-image #dynamic-image{z-index:1;background-image:unset;background-size:cover;background-position:50%}.single-post{padding:4.5rem 0;font-size:1rem;font-weight:300}.single-post img{max-width:100%;max-height:50dvh}.single-post time{font-weight:900;text-transform:uppercase;margin-bottom:3rem;display:inline-block}.single-post h2{font-size:3rem;margin:0}.single-post p{margin:0;padding:1rem 0;max-width:55ch;font-size:1.3rem;line-height:1.9rem}.single-post ul{margin:0;padding:1rem 0 1rem 4rem;max-width:70ch}footer{display:flex;font-size:.8rem;font-weight:200;align-items:flex-end;justify-content:center;border-top:5px solid var(--black)}footer p{margin:0;padding:1rem 0}