nav{font-size:calc(var(--font-size) * .8);display:flex}nav>:first-child>img{height:auto;margin-right:auto}nav img{aspect-ratio:1}
header.site-heading{grid-template-rows:auto;place-items:center;display:grid;position:relative}header.site-heading a{text-decoration:none}header.site-heading>:is(h1,h2,h3,h4,h5,h6)>.tape:first-child{align-items:center;gap:.25em;display:inline-flex}header.site-heading>:is(h1,h2,h3,h4,h5,h6)>.tape:first-child img{width:auto;height:1em}@media (min-width:600px){header.site-heading{grid-template-rows:min-content min-content;place-items:center start}header.site-heading>:is(h1,h2,h3,h4,h5,h6){margin:-1em 0 0}}header.site-heading img{mix-blend-mode:lighten}
@view-transition{navigation:auto}html{box-sizing:border-box;-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;line-height:1.5}*,:before,:after,::backdrop{box-sizing:inherit}*{margin:0;padding:0;list-style:none}[popover],dialog,::backdrop{transition:display 1s allow-discrete, overlay 1s allow-discrete, opacity 1s;opacity:0}[open],[open]::backdrop{opacity:1}:popover-open{opacity:1}:popover-open::backdrop{opacity:1}@starting-style{[open],[open]::backdrop{opacity:0}:popover-open{opacity:0}:popover-open::backdrop{opacity:0}}details{inline-size:50ch}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}details::details-content{opacity:0;block-size:0;transition:content-visibility 1s allow-discrete, opacity 1s, block-size 1s;overflow-y:clip}details[open]::details-content{opacity:1;block-size:auto}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}
:root{--black:#0d0326;--white:#fff;--highlight:#f72585;--lowlight:#2e1963;--screen-edge:8vw;--mq-tablet:600px;--mq-desktop:800px;--font-size:calc(.8rem + 2vw);--body-copy:"Libre Baskerville", serif;--heading-copy:Raleway, Roboto, Fira Sans, Droid Sans, Helvetica Neue, sans-serif}@media (min-width:1220px){:root{--font-size:calc(.8rem + 25.2px)}}:root{box-sizing:border-box;color:#fff;background-image:linear-gradient(144deg,#7209b7 0%,#72129c 10% 10%,#3a0ca3 39% 85%,#3f37c9 100%);min-height:100vh;margin:0;padding:0;font-family:Libre Baskerville,serif;line-height:1.6}*,:after,:before{box-sizing:inherit;margin:0}body{font-size:var(--font-size);line-height:1.6}a,button{color:inherit}#__next{justify-content:stretch;align-items:stretch;min-width:100vw;min-height:100vh;display:grid}
:where(a,.link){cursor:pointer;-webkit-text-decoration:underline var(--highlight) solid .15em;text-decoration:underline var(--highlight) solid .15em;background:0 0;padding:0;transition:all .15s ease-in-out}:where(a,.link):hover{-webkit-text-decoration:underline var(--highlight) solid .25em;text-decoration:underline var(--highlight) solid .25em}
blockquote{border-left:4px solid var(--highlight);border-right:4px solid var(--highlight);margin:0 3vw 0 12vw;padding:1em;font-style:italic}blockquote :last-child{margin-bottom:0}blockquote cite{text-align:right;border-right:4px solid #0000;margin:1em 0;padding:0 1em 0 0;font-style:italic;font-weight:700;display:block}blockquote cite:before{content:"~"}
code{background:var(--lowlight);color:var(--highlight);margin:0 .15em;padding:0 .5em;font-family:Fira Code,Operator Mono,monospace;display:inline-block}
p{font-family:Libre Baskerville,serif;font-size:var(--font-size)}p[size=small]{--font-size:.8}p[italic]{font-style:italic}
button{border:none}button:not(.link){font-size:var(--font-size);background:var(--highlight);color:var(--white);cursor:pointer;border:none;border-radius:4px;padding:.5em;position:relative}button:not(.link):hover{filter:brightness(.8)}button:not(.link):active{filter:brightness(.6)}button[is=proper-button]{--color:var(--highlight);border:1px solid var(--color);background-color:var(--color);color:oklch(from var(--color) calc(1 - round(l)) 0 h);cursor:pointer;border-radius:3px;padding:.5em 1em;font-size:1em;transition:all .2s ease-in-out;display:inline-block}button[is=proper-button][secondary]{--color:var(--lowlight)}
dialog{--_rotation:var(--rotation,0deg);--_x:var(--x,0%);--_y:var(--y,0%);translate:calc(-50% + var(--_x)) calc(-50% + var(--_y));rotate:var(--_rotation);width:max-content;padding:1em;position:fixed;inset:50% auto auto 50%}dialog::backdrop{background:#000000bf;background:lab(0% 0 0/.75)}
figure>figcaption{margin:0;font-size:.5em;font-style:italic}figure.image{position:relative}figure.image:after{content:"";width:4em;height:.5em;translate:-50% -.25em;rotate:calc(var(--rotation) * 1deg);opacity:.2;background-color:#000;position:absolute;top:0;left:50%}figure.image>img{width:100%;height:auto}
form{grid-gap:8em;grid-template-rows:1fr;display:grid}form>footer{flex-flow:row;justify-content:space-between;display:flex}form>footer>button[type=submit]{grid-template-areas:"content";place-items:center;display:grid}
:where(h1,h2,h3,h4,h5,h6){--level:6;font-family:var(--heading-copy);line-height:1.6;font-size:calc(1em + (2/var(--level) * 1vw));word-break:break-word}:where(h1,[level="1"]){--level:1}:where(h2,[level="2"]){--level:2}:where(h3,[level="3"]){--level:3}:where(h4,[level="4"]){--level:4}:where(h5,[level="5"]){--level:5}:where(h6,[level="6"]){--level:6}
hr{transform:rotate(var(--rotation)deg) translate(calc(var(--x) / 10 * 1em), calc(var(--y) / 10 * 1em));border:none;margin:1em;position:relative}hr:before{content:" ";background:var(--highlight);border-radius:4px;height:4px;display:block;transform:translateY(1em)}hr:after{content:"<hr />";color:var(--highlight);background:var(--black);border:1px solid var(--lowlight);text-align:center;z-index:1;transform:rotate(var(--rotation)deg);border-radius:4px;margin-left:10vw;padding:.25em;font-style:italic;font-weight:700;display:inline-block;position:relative}
figure:is([data-live],[data-preview]){grid-template-columns:1fr;margin:0;display:grid}figure:is([data-live],[data-preview]) output{background:#ffffff1a;background:lab(100% 0 0/.1);padding:1em}
pre{font-size:calc(var(--font-size) * .75);background:var(--lowlight);padding:1em;overflow:auto}pre>code{margin:0;padding:0}
.pubdate{color:violet;font-size:.5em;font-style:italic}
sup{font-size:.5em;display:inline-block}

body>section{grid-template:"nav nav nav"min-content".content."1fr". . ."0/0 calc(100vw - 4em) 0;gap:2em;min-height:100vh;display:grid;position:relative}body>section>nav{z-index:1;background:var(--black);flex-wrap:nowrap;grid-area:nav;justify-content:flex-end;gap:1em;padding:10px 2em;font-family:Raleway,sans-serif;font-weight:700;display:flex;position:sticky;top:-1px}body>section>nav a{text-decoration:none}body>section>#content{grid-area:content;width:100%}@media (min-width:800px){body>section{grid-template:". . . ."min-content".content nav."1fr". . . ."0/0 minmax(0,auto) min-content 0;align-self:stretch;justify-items:center;gap:2em;width:100vw}body>section>nav{background:0 0;flex-flow:column;justify-content:start;align-items:center;height:50vh;padding:0;top:0}body>section>#content{justify-self:start}}
