@font-face{font-family:Red Hat Display;font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/RedHatDisplay-BTviO6d0.woff2) format("woff2")}@font-face{font-family:Red Hat Display;font-style:italic;font-weight:300 900;font-display:swap;src:url(/assets/RedHatDisplay-Italic-Cb5jRCpQ.woff2) format("woff2")}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/RedHatText-CGOGgrWw.woff2) format("woff2")}@font-face{font-family:Red Hat Text;font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/RedHatText-Italic-CsLtAe-v.woff2) format("woff2")}@font-face{font-family:Red Hat Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/RedHatMono-CsVjRF6-.woff2) format("woff2")}@font-face{font-family:Red Hat Mono;font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/RedHatMono-Italic-BVryPmR1.woff2) format("woff2")}html{--font-base: Red Hat Text, ui-sans-serif, system-ui, sans-serif;--font-disp: Red Hat Display, ui-sans-serif, system-ui, sans-serif;--font-mono: Red Hat Mono, ui-monospace, monospace;--col-hl-dark: oklch(59.2% .249 .584);--col-hl-base: oklch(65.6% .241 354.308);--col-main-dark: oklch(20.5% 0 0);--col-main-base: oklch(98.5% 0 0);--col-acct-dark: oklch(70.4% .14 182.503);--col-acct-base: oklch(77.7% .152 181.912);--font-size-xs: calc(1rem*pow(1.2, -2)) ;--font-size-sm: calc(1rem*pow(1.2, -1)) ;--font-size-md: 1rem;--font-size-lg: calc(1rem*pow(1.2, 1)) ;--font-size-xl: calc(1rem*pow(1.2, 2)) ;--font-size-hg: calc(1rem*pow(1.2, 3)) ;--text-measure: 65rch;font:400 calc(1em + .25vw) / 1.5 var(--font-base);-webkit-hyphens:auto;hyphens:auto;tab-size:2;text-align:justify;color:#404040;background:fixed center top / 32px 32px radial-gradient(var(--col-hl-dark) 3px,transparent 4px) var(--col-hl-base)}html:focus-within{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;padding:0;margin:0;border:0}img,svg{display:block;max-width:100%;height:auto}a{text-decoration:inherit;color:inherit;transition-property:color,background-color;transition-duration:.1s}button,summary{cursor:pointer}button,input{font-size:inherit;line-height:inherit;font-family:inherit}:root code[class*=language-],:root pre[class*=language-]{font-family:var(--font-mono);border-radius:0}html,body{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-disp);font-size:var(--font-size-md)}h1{font-size:var(--font-size-hg)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}:not(pre)>code{font-family:var(--font-mono);padding-inline:.3em;background-color:color-mix(in oklch,var(--col-main-dark) 10%,transparent)}body{display:flex;flex-direction:column;gap:1.5rem}body>footer{color:#a1a1a1;background-color:var(--col-main-dark);padding:1.5rem;font-size:var(--font-size-sm);position:relative}body>footer .decor{position:absolute;top:-.75rem;left:3rem;fill:var(--col-main-dark)}body>footer a{font-weight:600}body>footer a:hover,body>footer a:focus{color:var(--col-main-base)}body>footer>div{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:space-between}body>footer>div>*:nth-child(odd){flex-basis:40rch}body>footer nav{display:flex;align-items:center;gap:1.5rem}body>footer .social-links{list-style:none;display:flex;align-items:center;gap:1rem}body>footer .social-links li:last-child{border-left:solid 1px color-mix(in srgb,currentColor 40%,transparent);padding-inline-start:1rem}main{flex-grow:1}main>*+*{margin-top:1.5rem}main>article{padding:1.2rem}main>article .content>*+*{margin-block-start:1.2em}main>article .content>*+* a{font-weight:600}main>article pre[class*=language-]{margin-inline:-1.2rem;padding:1.2rem}main>article *+pre[class*=language-]{margin-block-start:1.2em}main>section{background-color:var(--col-main-base)}main>section>header{color:var(--col-main-base);background-color:var(--col-main-dark);overflow-y:hidden;padding-inline:1rem}main>section>header h2{font-size:3em;font-style:italic;font-weight:900;line-height:.8;margin-block:-.2rem;text-transform:uppercase}.container{margin-inline:auto;max-width:var(--text-measure);width:100%}.area-base{background-color:var(--col-main-base)}.area-pane{color:var(--col-main-base);background-color:var(--col-main-dark)}body>header{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:relative}body>header .decor{position:absolute;bottom:-.75rem;right:3rem;fill:var(--col-main-dark);z-index:-10}#site-bar{display:flex;align-items:stretch;justify-content:space-between;width:100%}#site-bar h1{aspect-ratio:2 / 1;background-color:var(--col-main-base)}#site-bar a{display:block;color:var(--col-hl-base);fill:currentColor;line-height:0}#site-bar a:focus,#site-bar a:hover{color:var(--col-main-base);background-color:var(--col-acct-base)}#site-bar label{display:flex;cursor:pointer;align-items:center;justify-content:center;aspect-ratio:1;transition-property:color,background-color;transition-duration:.2s}#site-nav{display:flex;flex-direction:column;align-items:stretch;max-height:0;transition:max-height .3s;overflow:hidden}#site-nav a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;font-weight:600}#site-nav a:hover,#site-nav a:focus{color:var(--col-hl-base);background-color:var(--col-main-base)}#site-nav form{display:flex;align-items:stretch;border-top:solid 1px color-mix(in srgb,currentColor 20%,transparent);transition-property:color,background-color;transition-duration:.1s}#site-nav form:focus-within{color:var(--col-main-dark);background-color:var(--col-main-base)}#site-nav form input{flex:1;padding:1rem;color:inherit;background:none}#site-nav form button{display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:inherit;background:none;fill:currentColor}#site-nav:focus-within,#site-menu-toggle:checked~#site-nav{max-height:100vmax}#site-bar label:hover,#site-menu-toggle:checked~#site-bar label{color:var(--col-main-dark);background-color:var(--col-main-base)}.carousel{padding-block:1.5rem;margin:-1.2rem -1.2rem 1.2rem}.carousel ul,.carousel ol{list-style:none}.carousel ul{display:flex;position:relative;max-height:30rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-block:1.5rem;overflow-x:auto;gap:1.5rem}.carousel ul li{display:flex;min-width:100%;justify-content:center;pointer-events:none;scroll-snap-stop:always;scroll-snap-align:start;margin-inline-end:calc(-100% + 20rem);perspective:500px;transition:opacity,filter;transition-duration:.15s}.carousel ul li div{max-width:20rem;pointer-events:auto;transition:transform .15s}.carousel ol{display:flex;gap:1rem;justify-content:center}.carousel ol a{display:block;width:var(--font-size-sm);height:.3rem;opacity:25%;background-color:currentColor}.carousel ul li:not(.active){opacity:40%;filter:grayscale(.8)}.carousel ul li:not(.active)>div{transform:rotateY(-5deg) translateZ(-1rem)}.carousel ul li.active~li:not(.active)>div{transform:rotateY(5deg) translateZ(-1rem)}.carousel li.active a{opacity:100%}.post-list{list-style:none}.post-list>li+li{border-top:solid 1px color-mix(in srgb,currentColor 20%,transparent)}.post-list a{display:block;padding:1.2rem}.post-list header{display:flex;align-content:flex-start}.post-list header h3{flex-grow:1}.post-list header time{flex-shrink:0;color:#a1a1a1}.post-list p{margin-top:.75rem}.art-grid{list-style:none;display:flex;flex-wrap:wrap}.art-grid li{flex-grow:1;flex-basis:calc(var(--text-measure) / 3.1)}.art-grid a{display:block;aspect-ratio:1;overflow:hidden}.art-grid img{width:100%;height:100%;object-fit:cover;object-position:top}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--col-main-base)}.error h2{font-style:italic;font-weight:900;font-size:6em;line-height:1}.error a{font-weight:600;background-color:var(--col-acct-dark);padding:.6rem 1.2rem;margin-block-start:2.4rem}.error a:focus,.error a:hover{background-color:var(--col-acct-base)}.controls{display:flex;flex-direction:row-reverse;position:sticky;bottom:1.2rem;pointer-events:none}.controls a{pointer-events:auto;color:var(--col-main-base);background-color:var(--col-acct-dark);padding:var(--font-size-sm);border-radius:100%}.controls a:focus,.controls a:hover{background-color:var(--col-acct-base)}