@keyframes flicker{0%,9%,11%,40%,44%,60%,62%,100%{stroke:#c79595;filter:drop-shadow(0 0 2px #C79595)}10%,42%,61%{stroke:rgba(199,149,149,.7)}}@keyframes marquee-scroll-left{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes wave-shimmer{0%,100%{opacity:1}50%{opacity:.8}}@property --gradient-x1{syntax: '<percentage>';
  inherits: false;
  initial-value: 20%; }@property --gradient-y1{syntax: '<percentage>';
  inherits: false;
  initial-value: 50%; }@property --gradient-size1{syntax: '<percentage>';
  inherits: false;
  initial-value: 50%; }@property --gradient-x2{syntax: '<percentage>';
  inherits: false;
  initial-value: 60%; }@property --gradient-y2{syntax: '<percentage>';
  inherits: false;
  initial-value: 30%; }@property --gradient-size2{syntax: '<percentage>';
  inherits: false;
  initial-value: 70%; }@property --gradient-x3{syntax: '<percentage>';
  inherits: false;
  initial-value: 80%; }@property --gradient-y3{syntax: '<percentage>';
  inherits: false;
  initial-value: 70%; }@property --gradient-size3{syntax: '<percentage>';
  inherits: false;
  initial-value: 40%; }@property --gradient-opacity1{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@property --gradient-opacity2{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@property --gradient-opacity3{syntax: '<number>';
  inherits: false;
  initial-value: 1; }@keyframes wasteland-waves{0%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:0%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:150%;--gradient-opacity2:0.3;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:300%;--gradient-opacity3:0}33%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:150%;--gradient-opacity1:0.8;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:300%;--gradient-opacity2:0;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:0%;--gradient-opacity3:0}66%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:300%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:0%;--gradient-opacity2:0;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:150%;--gradient-opacity3:0.8}100%{--gradient-x1:100%;--gradient-y1:100%;--gradient-size1:0%;--gradient-opacity1:0;--gradient-x2:100%;--gradient-y2:100%;--gradient-size2:150%;--gradient-opacity2:0.3;--gradient-x3:100%;--gradient-y3:0%;--gradient-size3:300%;--gradient-opacity3:0}}@counter-style double-slash{system: extends decimal-leading-zero;
  suffix: " // "; }::selection{color:#c79595;background-color:transparent}*{box-sizing:border-box}body{background:#fff;color:#1c2023;font-family:inter,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1{font-size:clamp(2.25rem,8vw,6rem);overflow-wrap:break-word;margin:0;line-height:1;text-wrap:balance}.og-content>p:first-of-type::first-letter{font-family:monospace;font-size:2rem;line-height:.8;font-weight:900;padding-right:.125rem;text-shadow:#c79595 .125rem .125rem}ul{padding-left:2rem;list-style-type:square}ol{list-style-type:double-slash;padding-left:3rem}hr{border:.25rem solid #1c2023}a{color:#1c2023}.no-link-line{text-decoration:none}blockquote{margin:2rem 0;padding:0 1rem;border:.125rem solid #c79595;box-shadow:.5rem .5rem #FFFFFF,.5rem .5rem 0 .125rem #C79595;margin-right:.625rem;font-family:monospace}blockquote::selection,blockquote *::selection{color:#c79595}pre{padding:1rem;color:#c7ccd1;background:#1c2023;font-size:medium;overflow-x:auto;scrollbar-color:#C79595 #1C2023;line-height:1.3}@media screen and (max-width:52rem){pre{font-size:small}}pre+p em,div.highlight+p em,figure+p em{font-style:italic;color:#747c84;font-size:small}pre:has(+p),div.highlight pre{margin-bottom:0}pre+p,div.highlight+p,figure+p{margin-top:.25rem;margin-bottom:1rem}code{font-weight:bolder}code::selection,code *::selection{color:#c79595}figure{color:#f3f4f5;background:#1c2023;margin:0;padding:1rem;user-select:none}table{width:100%;margin:2rem 0;font-size:small;border-collapse:collapse}th{padding:.25rem;border-bottom:2px solid #1c2023}td{padding:.25rem;border-bottom:1px solid #1c2023}img{width:100%;height:auto}time{font-size:xx-small;color:#747c84;white-space:nowrap}.separator{color:#c79595}body{display:flex;flex-direction:column;min-height:100svh}.all-content{display:flex;flex-direction:column;gap:2rem}.og-content>*:first-child{margin-top:0}.og-content>*:last-child{margin-bottom:0}.reflection-content>*:first-child{margin-top:0}.reflection-content>*:last-child{margin-bottom:0}.page-title{font-size:small}.log-title{font-size:small}.toc-title{margin:.25rem}.toc-container{display:flex;flex-direction:column;padding:.5rem;border-style:solid;border-width:.125rem;border-color:#1c2023}.toc-content{font-size:small}.yonson-logo-link-wrapper{display:contents}.yonson-logo{height:8rem;flex-shrink:0}@media screen and (max-width:52rem){.yonson-logo{height:4rem}}.yonson-logo .logo-body{fill:#1c2023}.yonson-logo .circuit{animation-name:flicker;animation-duration:8s;animation-direction:alternate;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:forwards;fill:none;stroke:#c79595;stroke-width:4;stroke-linecap:round}main{display:grid;grid-template-columns:2rem clamp(45rem,33%,60rem)1fr;gap:1rem;overflow-wrap:anywhere;flex:1}@media screen and (max-width:52rem){main{grid-template-columns:100%}}.grid-vertical{display:flex;justify-content:center;align-items:flex-end}@media screen and (max-width:52rem){.grid-vertical{display:none}}.vertical-text{writing-mode:vertical-lr;text-orientation:upright;font-size:small;text-transform:uppercase;color:#1c2023;user-select:none}.grid-wasteland{background:radial-gradient(ellipse var(--gradient-size1) var(--gradient-size1) at var(--gradient-x1) var(--gradient-y1),transparent 0%,rgba(28,32,35,calc(.4 * var(--gradient-opacity1))) 40%,transparent 70%),radial-gradient(ellipse var(--gradient-size2) var(--gradient-size2) at var(--gradient-x2) var(--gradient-y2),transparent 0%,rgba(28,32,35,calc(.5 * var(--gradient-opacity2))) 30%,transparent 60%),radial-gradient(ellipse var(--gradient-size3) var(--gradient-size3) at var(--gradient-x3) var(--gradient-y3),transparent 0%,rgba(28,32,35,calc(.6 * var(--gradient-opacity3))) 50%,transparent 80%),linear-gradient(to right,transparent 0%,transparent 10%,#1C20231A 30%,#1C202333 45%,#1C20234D 60%,#1C202366 75%,#1C2023 100%);animation:wave-shimmer 30s ease-in-out infinite,wasteland-waves 25s linear infinite;display:flex;align-items:flex-end;justify-content:flex-end;min-height:16rem}.wasteland-text{color:#1c2023;font-size:xx-large;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;padding:.5rem 1rem;user-select:none}footer{display:flex;flex-direction:column;gap:1rem;font-size:small;padding:1rem;text-transform:uppercase}footer a{text-decoration:none}.footer-content{display:flex;justify-content:space-between;align-items:flex-start}.contact-links{display:flex;flex-direction:column}.license{display:flex;justify-content:flex-end;flex-basis:clamp(8rem,50%,12rem)}.license span{text-wrap:balance;text-align:right}.shoutout{display:flex;gap:.5rem;justify-content:space-between;background:#1c2023;padding:.25rem 1rem;text-transform:uppercase;font-size:small;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.shoutout-link{color:#f3f4f5;text-decoration:none;flex-shrink:0}nav#topbar{padding:.5rem;display:flex;align-items:center;gap:1rem;background:#fff;position:sticky;top:0;z-index:100}.nav-buttons{display:flex;gap:.5rem;flex:1;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;border-bottom:.125rem solid #1c2023}.nav-link{text-decoration:none;text-transform:uppercase;font-weight:700;font-size:4rem;transition:color .4s ease}@media screen and (max-width:52rem){.nav-link{font-size:2rem}}.nav-link:hover{color:#747c84}.button-holder{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem 1rem}@media screen and (max-width:52rem){.button-holder{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}}.click-button{color:#f3f4f5;background:#1c2023;font-weight:700;text-decoration:none;text-transform:uppercase;transition:background-color .4s ease;padding:.5rem;font-size:small}.click-button:hover{background:#747c84}@media screen and (max-width:52rem){.click-button{color:#f3f4f5;background:#1c2023;font-weight:700;text-decoration:none;text-transform:uppercase;transition:background-color .4s ease;padding:.25rem;font-size:x-small}.click-button:hover{background:#747c84}}.series-title{margin:0}.series-container{display:flex;flex-direction:column;gap:1rem;padding:.5rem;border-style:solid;border-width:.125rem;border-color:#1c2023}.series-index-list{font-size:small}.series-list{margin:0;font-size:small}.series-bullet{color:#747c84;text-decoration:none}.series-selected{font-weight:bolder}.series-index-container{display:flex;flex-direction:column;gap:1rem}.series-index-list-container{padding:.5rem;border-style:solid;border-width:.125rem;border-color:#1c2023}.series-intro{font-style:italic;color:#747c84;font-size:small}.series-intro a{color:#747c84}.series-index-list{margin:0}.description-container{display:flex;flex-direction:column;flex-wrap:wrap}.quotes{font-family:monospace;line-height:1.4}.invert-quote{color:#747c84}.list-container{display:flex;flex-direction:column;gap:2rem}.page-list{list-style-type:none;padding:0;margin:0}.title-less-list{margin:0}.content-container{display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem}.description-pop{font-size:small;margin:0;text-transform:uppercase}.description-list{font-size:small}.description-series{font-size:small}.description-series-start{font-size:x-small;color:#747c84}.description-series-start a{color:#747c84;text-decoration:none}.description-date{color:#747c84;font-size:x-small}.description-tags{color:#747c84;font-size:small;text-transform:lowercase}.description-dimensions{color:#747c84;font-size:small}.description-dimensions a{color:#747c84}.small-text{font-size:medium}@media screen and (max-width:52rem){.small-text{font-size:x-small}}.article-list h3{margin:.5rem}.section-directory{font-size:small;font-weight:800;text-transform:capitalize;color:#f3f4f5;background:#1c2023;padding:.125rem .25rem .25rem .125rem}.section-directory:hover{background:#c79595}.secondary-underline{text-decoration-color:#c79595;text-decoration-thickness:.25rem;text-underline-offset:.25rem;text-decoration-style:solid}.page-tags{text-transform:lowercase}.page-metadata{display:flex;flex-direction:column;gap:1rem}.pagedate{font-size:x-small;color:#747c84}.little-icon{height:4rem;width:4rem;color:#c79595}.little-icon .background{fill:#f3f4f5}.little-icon .bolt{fill:#1c2023}.license-logo{height:1rem;width:1rem;vertical-align:text-bottom}.resources{color:#747c84;font-size:x-small;line-height:1.5;word-break:break-all}.resources a{color:#747c84}.resources-title{color:#747c84}ul.resources-list{margin:0}ul.resources-list li::marker{color:#747c84}ul.resources-list li.resources-item a{color:#747c84}.project-metadata{display:flex;flex-direction:column;font-size:small;padding:.5rem;border-style:solid;border-width:.125rem;border-color:#1c2023}.project-metadata-title{margin:.25rem;font-weight:700;text-transform:uppercase}