@layer base,layout,component,utility;@layer base{:root{color-scheme:light dark;--color-fg: #f8efe8;--color-bg: #151515;--font-family: var(--font-neue-montreal-mono);--font-size-md: 1.0625rem;--font-size-lg: 1.125rem;--font-weight-medium: 530;--font-weight-semibold: 620;--font-weight-bold: 800;--line-height-sm: 1;--line-height-md: 1.25;--spacing-base-unit: 1ch;--spacing-y-unit: 1ch;--spacing-x-unit: 1ch;--spacing-fake-unit: 0ch;--spacing-section: 8ch;--border-thickness: 2px;--border-thickness-offset: calc(var(--border-thickness) * -.5);--border-default: var(--border-thickness) solid var(--border-strong);--border-fake: var(--border-thickness) solid transparent;--page-width: min( 68ch, round(down, 100% - 2ch, 2ch) );--page-padding: min( calc((100% - var(--page-width)) / 2), calc(var(--spacing-base-unit) * 2.5) );--surface-strong: light-dark(var(--color-fg), var(--color-bg));--text-strong: light-dark(var(--color-bg), var(--color-fg));--text-soft: light-dark( color-mix(in srgb, var(--color-bg) 56%, transparent), color-mix(in srgb, var(--color-fg) 36%, transparent) );--border-strong: light-dark(var(--color-bg), var(--color-fg));--layout-grid: color-mix(in srgb, var(--text-strong) 12%, transparent)}html.contain-on{--spacing-fake-unit: var(--spacing-x-unit);--border-fake: var(--border-thickness) solid var(--border-strong)}[data-mood=lime]{--color-fg: #e2f4a1;--color-bg: #181e03}[data-mood=sky]{--color-fg: #c5f3f7;--color-bg: #041a1c}[data-mood=gum]{--color-fg: #feddfc;--color-bg: #261226}[data-mood=apricot]{--color-fg: #f8ccae;--color-bg: #190c03}}@media(prefers-color-scheme:dark){:root{--border-thickness: 1.5px}}@layer base{*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{scroll-behavior:smooth;height:100%}body{-webkit-font-smoothing:antialiased;font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--text-strong);background-color:var(--surface-strong);line-height:var(--line-height-md);font-size:var(--font-size-md);font-feature-settings:"case" on,"liga" off;min-height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:transparent;border-radius:0;border:none;padding:0;cursor:pointer;text-transform:uppercase}cite{font-style:normal}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}h1,.h1{font-size:3em;text-transform:uppercase;line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}h2,.h2{font-size:2em;text-transform:uppercase;line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}h3,.h3{font-size:1em;text-transform:uppercase;line-height:var(--line-height-md);font-weight:var(--font-weight-bold)}p{margin-bottom:1.25ch;overflow-wrap:break-word;hyphens:auto}a,[a-style]{color:inherit;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:8%;text-underline-offset:12%;text-underline-position:from-font}a:focus-visible,button:focus-visible,[a-style]:focus-visible{outline:2px dashed var(--text-strong);outline-offset:2px;border-radius:.125rem;text-decoration:none}table{border-collapse:collapse;width:100%}th{font-weight:var(--font-weight-bold);text-transform:uppercase}th,td{text-align:left;vertical-align:baseline;padding:var(--spacing-y-unit) var(--spacing-x-unit);outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}pre{font:inherit}ol,ul{padding:0;list-style:none}@media(min-width:640px){body{font-size:var(--font-size-lg)}}@media(hover:hover)and (pointer:fine){a:hover,button:hover{font-weight:var(--font-weight-bold)}}}@layer layout{.page-wrapper{position:relative;overflow:clip;display:flex;flex-flow:column;align-items:center;padding:var(--page-padding) 0 0 0}.page-wrapper:after{background-image:url(/images/grain-main.webp);background-repeat:repeat;content:"";height:300%;left:-100%;opacity:.72;pointer-events:none;position:fixed;top:-100%;width:300%;z-index:1;will-change:transform;animation:grain 6s steps(10) infinite;animation-play-state:paused}html.noise-on .page-wrapper:after{animation-play-state:running}@media(prefers-color-scheme:dark){.page-wrapper:after{opacity:.05}}@keyframes grain{0%{transform:translate(20%,-15%)}10%{transform:translate(-20%,-15%)}20%{transform:translate(20%,-5%)}30%{transform:translate(-20%,-5%)}40%{transform:translate(20%,5%)}50%{transform:translate(-20%,5%)}60%{transform:translate(20%,15%)}70%{transform:translate(-20%,15%)}80%{transform:translate(20%,5%)}90%{transform:translate(-20%,5%)}to{transform:translate(20%,-5%)}}.page{width:var(--page-width);position:relative;z-index:2}main{margin-bottom:calc(var(--border-thickness) * -.5)}html.contain-on .page-wrapper{padding-bottom:var(--page-padding)}html.contain-on .page,html.contain-on .container-base{outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}.container-box{padding:var(--spacing-y-unit) var(--spacing-x-unit)}.container-base{padding:var(--spacing-y-unit) var(--spacing-fake-unit)}}@layer component{.top-bar{background-color:var(--text-strong);height:2.5ch}.header{display:flex;justify-content:space-between}.layout-grid{margin-left:-.5px;width:calc(100% + 1px);height:100%;inset:0;position:absolute;z-index:-2;display:flex;opacity:0;overflow:clip}html.grid-on .layout-grid{opacity:1}.layout-grid_col{display:block;width:1ch;height:100%;flex:none;border-left:1px solid var(--layout-grid)}.path-stroke-width{stroke-width:.1em}.face-toggle{display:none}.face-toggle.visible{display:block}@media(hover:hover)and (pointer:fine){a:hover .path-stroke-width,button:hover .path-stroke-width{stroke-width:.15em}}}@layer utility{.u-outline{outline:var(--border-thickness) solid var(--border-strong);outline-offset:var(--border-thickness-offset)}.u-spacer{width:100%;height:8ch}.u-link-cover{position:absolute;inset:0}.u-sr-only{white-space:nowrap;border:0 solid #0000;width:1px;height:1px;margin-top:-1px;padding:0;position:absolute;overflow:hidden}.u-cross{width:100%;height:100%}.u-cross path{vector-effect:non-scaling-stroke}.u-text-uppercase{text-transform:uppercase}.u-text-sentencecase{text-transform:none}.u-text-strong{color:var(--text-strong)}.u-text-soft{color:var(--text-soft)}.u-mb-0{margin-bottom:0}}