body{background:#e1740d;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}input,button{font-size:1.25em}dl{display:flex;margin:0;justify-content:flex-end;align-items:center}dt{color:#888;padding-right:.25em;font-size:.75em;text-transform:uppercase}dd{margin-left:0;margin-right:1em}body>header{margin-bottom:3em;background:#f1f1f1;display:grid;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;grid-template-areas:"name nav" "name banner";border:3px solid #000}.landing{margin:0;width:auto;max-width:none}.home-hero{height:90vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#261603;color:#ff7c14;gap:2rem;img {border-radius: 50%; width: 333px; border: 6px solid #000;} > * {max-width: 50%; margin: 0;} > a {color: #fff;}}.c2a{display:flex;gap:1em;>a{--border-color: #C0430D;--c2a-color: #E1740D;border:5px solid var(--border-color);padding:.75em 1.25em;text-transform:uppercase;background-color:var(--c2a-color);&:nth-child(2){--c2a-color: #E1740D}&:nth-child(3){--c2a-color: #F05F00}&:hover,&:focus{--border-color: #E1740D;--c2a-color: #fff}}}.home-h1{margin:0;font-size:3em;text-wrap:pretty;text-shadow:0 0 60px #c0430d}} body > header > div{grid-area:banner;padding:.5em}body>header>strong{grid-area:name;font-size:2.66em;padding:.66rem;display:flex;place-items:center;border-right:3px solid #000;>a{text-decoration:none;color:inherit}}@media (max-width: 700px){body>header{grid-template-rows:auto auto}body>header>strong{writing-mode:vertical-rl;text-orientation:mixed;padding:.33rem 0}body>header>nav>ul{flex-direction:column;width:100%}}body>header>nav{grid-area:nav;display:flex;align-items:center;border-bottom:3px solid #000;>ul{list-style:none;margin:0;padding:0;display:flex;gap:.1em;border-left-width:0}a {font-weight: bold; text-decoration: none; color: #261603; line-height: 1; padding: .5rem; display: block; &:hover,&:focus {background-color: #261603; color: #ff7c14;} &.current {pointer-events: none; background-color: #c0430d; color: #fff;}}}h1{font-size:1.75em;letter-spacing:-.066em}h2{font-size:1.33em}p,li{line-height:1.66em}h3,h4{font-size:1em}main{margin:2em auto;max-width:40em}.cards{display:flex;flex-direction:column;gap:4em}.card{position:relative;background-color:#fff;border:6px solid #261603;padding:3em;box-sizing:border-box;:first-child{margin-top:0}:last-child{margin-bottom:0}&.collapsed{border-top-left-radius:0;border-top-right-radius:0}}@media (max-width: 400px){.card{padding:.5em}}pre{padding:.5em;background-color:#1e2025;color:#96df71;position:relative;margin:1em 2em;overflow-y:auto;button {position: absolute; top: 2px; right: 2px;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.source{font-size:small;background-color:#eee;color:#888;padding:.5em;margin-top:1rem}blockquote{font-style:italic;border-left:6px solid #aaa;margin-left:0;padding-left:1.5em}.breadcrumbs{>.trail>span:after{content:"/"}color:#bbb;a {color: #777;}}h3.note{font-size:1.5em;font-weight:400}.head{background:#ff7c14;border:10px solid #c0430d;position:relative;margin:3em 0 7em;font-size:1.25em;padding:1em 2em;:first-child{margin-top:0}:last-child{margin-bottom:0}&:after{display:block;width:10px;height:40px;content:"";background:#c0430d;position:absolute;left:50%;transform:translate(-10px) translateY(100%);bottom:-10px}}.skiplink{position:absolute;top:-2em;left:1em;background-color:#ff0;color:#000;text-decoration:none;padding:.25em;transition:top .25s ease-out;&:focus{top:1em}}.anders{img {position: fixed; top: 1em; left: 1em; aspect-ratio: 1; border-radius: 50%; width: 175px; &:hover {animation: 1s ease-out 0s infinite alternate burst;}} img + img {top: 12.5em; left: 5em; width: 125px;} img + img + img {top: 18.5em; left: .5em; width: 90px;}}body>footer{max-width:30em;margin:7em auto;display:flex;align-items:center;gap:2em;img {width: 100px; height: 100px; aspect-ratio: 1 / 1; border: 6px solid #c0430d; border-radius: 8px;} p {background: #ff7c14; border: 6px solid #c0430d; border-radius: 8px; padding: .5em; position: relative; &::before {content: ""; display: block; background: #c0430d; width: 12px; height: 6px; position: absolute; top: 45%; left: -16px;}}}@media (max-width: 400px){body>footer{gap:10px;margin:2em .5em 0;font-size:small;img {width: 60px; height: 60px;}}}.bookmarks,.notes{display:flex;flex-direction:column;gap:4em}.bookmark{h3 {font-weight: normal; font-size: 1.25em; line-height: 1.33; margin-top: 0; font-weight: bold; margin-bottom: 1rem;} footer {text-align: right; font-size: 1em; color: #888; a {color: #444;}}}.bookmark-date{font-size:1rem;background-color:#000;color:#fff;padding:.5em;position:absolute;top:-6px;right:-6px}#leaflet{aspect-ratio:5 / 4;border:10px solid #C0430D}figure{padding:0;margin:2em 0}.article{img {max-width: 100%; display: block;} margin: 2.8em 0;h3 {margin: 0; font-size: 1.4em; line-height: 1.33;} ul {padding-left: 1em; margin: 2em;} li + li {margin-top: .5em;} footer {margin-top: 3em; font-size: .75em; font-style: italic;} h2 {margin-top: 3rem;}}.vert{position:absolute;left:calc(-6px - 2.1em);top:1em;background:#fff;padding:.25em;border:2px solid #261603;border-top:0;margin:0;transform:rotate(90deg)}@keyframes burst{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(.8)}}.links{display:flex;flex-direction:column;gap:3em}.line{margin-top:1rem;display:flex;align-items:end;justify-content:space-between}.permalink{border:4px solid blue;padding:.5em;text-decoration:none}.events{display:flex;flex-direction:column;gap:4em}.event{display:grid;grid-template-areas:"heading poster" "text poster";grid-template-columns:1fr 25%;grid-template-rows:auto 1fr;gap:1em;>img{grid-area:poster;max-width:100%}>div{grid-area:text;:first-child{margin-top:0}}>h3{font-size:1.5em;text-wrap:balance;grid-area:heading;margin:0}&:nth-child(even){grid-template-areas:"poster heading" "poster text";grid-template-columns:25% 1fr}}.home-section{padding:1em 0;background:var(--hs-bg);color:var(--hs-c);&.articles-color{--hs-bg: #ff7c14}&.events-color{--hs-bg: #c0430d}&.brutal-color{--hs-bg: #261603;--hs-c: #fff}>*{display:block;width:40rem;margin:1em auto}}.home-articles{display:flex;gap:1.5rem;font-size:1.5em;margin-bottom:3rem}.poster-image{width:100%;aspect-ratio:2 / 3;object-fit:cover;border:6px solid var(--hg-bg)}.uc{background-color:#000;color:#fff;padding:.5em 1em;position:absolute;right:0;top:0}.cover-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:6px solid var(--hg-bg)}.poster-placeholder{width:100%;aspect-ratio:4 / 5;background-color:#fff3;display:inline-block}.home-grid{--hg-bg: #000;--hg-c: #fff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2em;margin-top:4em;margin-bottom:4em;>*{display:flex;gap:3px;align-items:flex-start}>*:focus-within,>*:hover{--hg-bg: #F05F00;--hg-c: #000}&.brutal{grid-template-columns:1fr 1fr 1fr 1fr}}.event-meta{writing-mode:vertical-rl;text-orientation:mixed;color:var(--hg-c);background-color:var(--hg-bg);padding:6px;font-size:small;time {color: #C0430D;}}.home-search{padding:3em 0}.frontcover{margin:0;padding:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;max-width:none;background-color:#000}