@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Iosevka:wght@400;700&family=Miriam+Libre:wght@400;700&display=swap");:root{--default-font:"Iosevka","Space Mono",monaco,Consolas,"Lucida Console",monospace;--display-font:"Space Mono","Iosevka",monaco,Consolas,"Lucida Console",monospace;--reading-font:"Miriam Libre",Futura,"Trebuchet MS",Arial,sans-serif;--bg-clr:#111616;--card-clr:#222c2c;--clr0-light:#54f8c1;--clr0:#0ad591;--clr0-dark:#05b97d;--clr1:#df2063;--text-clr:#fff;--text2-clr:#999;--card-border-radius:18px;--ease:cubic-bezier(0.8,0,1,1);scroll-snap-type:block proximity}body{margin:0;min-height:100svh;font-family:var(--default-font,monospace);font-size:16px;font-display:swap;font-feature-settings:none;font-variant-ligatures:none;background-color:var(--bg-clr,#111);color:var(--text-clr,#fff);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--display-font);font-weight:700;font-style:italic;margin:1.5em 0 1em;line-height:1.6;letter-spacing:-.03em;text-wrap:balance}.artworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:140px;grid-gap:12px;gap:12px}.art-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.art-item.item-0{grid-column:span 2;grid-row:span 5}.art-item.item-3{grid-row:span 2}@media (max-width:768px){.artworks-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.art-item.item-0{grid-column:span 2;grid-row:span 1}}.bento-grid{max-width:1600px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-auto-rows:160px;grid-gap:16px;gap:16px}.bento-item{border-radius:16px;border:1px solid #ffffff1a;padding:5px;margin:20px;color:inherit;text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;overflow:hidden}.bento-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}@media (max-width:768px){.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.bento-grid>:global(:nth-child(n)){grid-column:span 1}.bento-grid>:global(:nth-child(3)){grid-column:span 2}.bento-grid>:global(:nth-child(6)){grid-column:span 2}}p{margin:1.5em 0}li,p,ul{line-height:1.4}a{color:var(--clr0-light,#fff)}a:visited{color:var(--clr0,#fff)}img[width][height]{height:auto}figure{margin:0}.site-header{display:block;position:-webkit-sticky;position:sticky;top:0;height:60px;padding:0 calc(25% - 150px);z-index:100;box-sizing:border-box;pointer-events:none}.site-header>nav{position:relative;display:flex;justify-content:space-evenly;align-items:flex-end;height:100%}.site-header a,.site-header a:visited{display:inline-flex;justify-content:center;align-items:center;width:6ch;height:36px;padding:0 calc(min(18px, -18px + 8vw));border-radius:18px;font-family:var(--display-font);font-size:12px;font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#2222;background-image:linear-gradient(60deg,#9994 60%,transparent 0);background-repeat:no-repeat;background-size:220% 100%;background-position:117%;pointer-events:all;transition:background-color .2s var(--ease),background-position .2s var(--ease)}.site-header a:hover{background-image:linear-gradient(60deg,#9994 50%,#fff 0,#fff 60%,transparent 0);background-position:0}.site-header a.selected{background:#9994}.site-header img{width:48px;height:48px;border-radius:25%;image-rendering:pixelated;object-fit:cover;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all}.site-header .site-header-icon-yay{border-radius:50%;object-position:0 0}.site-header .site-header-icon-yay:hover{object-position:100% 0}.site-header .site-header-indicator{position:absolute;width:6px;height:6px;left:50%;top:calc(100% + 12px);transform:translate(-50%,-50%);border-color:transparent;border-style:solid;border-width:6mm 45vw;border-radius:50%;background:#fff;background-clip:padding-box;opacity:0;transition:opacity 50ms}.site-header.hidden .site-header-indicator{opacity:.4;pointer-events:all}@media (max-width:600px){.site-header{height:90px;padding-top:6px}.site-header>nav{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;grid-row-gap:6px;row-gap:6px}.site-header img{display:none}}html:has(.site-header.hidden){overscroll-behavior-y:contain}.site-footer{width:100%}.site-footer>footer{overflow:hidden;content-visibility:auto;contain-intrinsic-height:200px;position:absolute;display:block}.site-footer.with-bg>footer{background:var(--clr0);color:#000;font-weight:700}.site-footer h2{margin:18px 0;font-size:inherit}.site-footer p{margin:12px 0}.site-footer a,.site-footer a:hover,.site-footer a:visited{color:inherit}.site-footer>footer>div{z-index:1}.site-footer>footer{position:relative;z-index:2}.footer-content{display:flex;flex-direction:row;justify-content:space-between;gap:90px;padding:42px calc(max(36px, 50vw - 600px));font-family:var(--display-font);font-size:15px;color:black}@media (max-width:768px){.footer-content{padding:30px 20px;text-align:center}.footer-content,.footer-social-and-projects{flex-direction:column;gap:30px;align-items:center}.footer-social-and-projects{display:flex}.footer-contact,.footer-copyright,.footer-links,.footer-tagline{margin-bottom:15px}.social-icons{display:flex;justify-content:center;gap:15px}.site-footer h2{margin-top:20px;margin-bottom:10px}}.footer-lava-lamp-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at 15% 20%,#ffff0a,transparent),radial-gradient(circle at 85% 80%,#02ffe6,transparent),radial-gradient(circle at 30% 70%,#00c08b,transparent),radial-gradient(circle at 70% 30%,#0056b3,transparent);background-size:150% 150%;background-position:50% 50%;mix-blend-mode:overlay;animation:lava-lamp-movement 5s ease-in-out infinite alternate}@keyframes lava-lamp-movement{0%{background-position:50% 50%}to{background-position:100% 0}}.site-footer a[href="#top"],.site-footer a[href="#top"]:visited{display:block;z-index:2;position:absolute;right:0;top:0;width:72px;height:36px;padding-right:9px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border:none;border-bottom-left-radius:18px;background:var(--bg-clr);text-decoration:none;color:var(--clr0-light);font:inherit;font-size:18px;font-weight:700;cursor:pointer}.site-footer a[href="#top"]:hover{color:var(--clr1)}.site-footer a[href="#top"]:before{content:"";position:absolute;right:0;top:0;width:36px;height:18px;border-top-right-radius:18px;transform:translateX(-72px);box-shadow:18px 0 0 var(--bg-clr)}@media (max-width:700px){.site-footer>footer{flex-direction:column-reverse}}.site-footer:not(.with-bg) img{filter:invert(1)}.site-footer:not(.with-bg) a:hover{color:var(--clr0)}.site-footer:not(.with-bg) a:hover img{opacity:.6}.inline-block{display:inline-block}.icon-and-text-line{display:flex;align-items:center;gap:12px}.lg-column-section,.md-column-section,.section,.sm-column-section{margin:60px auto;padding:0 12px}.sm-column-section{max-width:800px}.md-column-section{max-width:1200px}.lg-column-section{max-width:1800px}.sm-icon{width:16px;height:16px}.md-icon{width:32px;height:32px}.lg-icon{width:64px;height:64px;margin:10px}.masonry-item .lg-icon,.masonry-item .md-icon{width:auto;height:auto;max-width:100%;max-height:50px}@media (max-width:640px){.masonry-item .lg-icon,.masonry-item .md-icon{max-height:40px}}.full-width{width:100%}.rounded{border-radius:12px}.center-text{text-align:center}.wrap-text{overflow-wrap:anywhere}.wrap-text code,.wrap-text code:where(&){white-space:pre-wrap}.no-text-decoration{text-decoration:none}.title-font{font-family:var(--display-font);font-style:italic}.text2-color{color:var(--text2-clr)}.text-accent-color0{color:var(--clr0-light)}.text-accent-color1{color:var(--clr1)}.bold{font-weight:700}.empty-line{height:2em;height:1lh}.pixelated{image-rendering:pixelated}.invert,.invert-on-hover:hover{filter:invert(1)}.nebula-animation-placeholder{position:relative}.nebula-animation-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle closest-corner at 15% 20%,#4d4aff,transparent),radial-gradient(circle closest-corner at 90% 85%,#e79907,transparent),radial-gradient(circle closest-corner at 80% 60%,#4d4aff,transparent),radial-gradient(circle closest-corner at 20% 40%,#e79907,transparent);mix-blend-mode:overlay}.tag-chip{display:inline-block;padding:0 3px;height:16px;line-height:16px;font-family:var(--default-font);font-size:12px;font-weight:700;text-wrap:nowrap;background:oklch(from var(--tag-chip-color,#ccc) calc(max(l, .7)) calc(min(c, .15)) h);color:oklch(from var(--tag-chip-color,#444) calc(l * .4) calc(c * .8) h);border-radius:3px;margin:0 2px}.tag-chip:after{content:attr(title)}.tag-chip[title="✎hidden"]{--tag-chip-color:#ffeeff}.tag-chip[title=essay]{--tag-chip-color:#eeeeee}.tag-chip[title="µpost"]{--tag-chip-color:#aaaaaa}.tag-chip[title^="/"]{--tag-chip-color:var(--clr0-light)}.tag-chip[title="↗"]{--tag-chip-color:#ffffff}.tag-chip[title=algo]{--tag-chip-color:#00ffff}.tag-chip[title=art]{--tag-chip-color:#ff88bb}.tag-chip[title=games]{--tag-chip-color:#00ff00}.tag-chip[title=keyboard]{--tag-chip-color:#77ccff}.tag-chip[title=c]{--tag-chip-color:#e2bb9e}.tag-chip[title=css]{--tag-chip-color:rebeccapurple}.tag-chip[title=js]{--tag-chip-color:#f7df1e}.tag-chip[title=html]{--tag-chip-color:#fcbe03}.tag-chip[title=rust]{--tag-chip-color:#f46623}.tag-chip[title=android]{--tag-chip-color:#3ddc84}.tag-chip[title=piano]{--tag-chip-color:#fcfcfc}.tag-chip[title=lofi]{--tag-chip-color:#0d35ff}.tag-chip[title=funk]{--tag-chip-color:#ff6929}.tag-chip[title=edm]{--tag-chip-color:#ff05e9}.feature-card{display:grid;grid-template-columns:minmax(min-content,7fr) 5fr;grid-template-rows:144px 72px min-content;grid-template-areas:"img img" "title imgtail" "desc desc";padding:20px 0 0;text-align:start;color:var(--text-clr)}.feature-card a{display:grid;grid:subgrid/subgrid;grid-area:1/1/-1/-1;text-decoration:none;color:inherit}.feature-card .media-placeholder,.feature-card img{grid-area:img/img/imgtail/imgtail;width:100%;height:100%;max-width:unset;border-radius:var(--card-border-radius);object-fit:cover;object-position:center;overflow:hidden;filter:contrast(.8);transition:filter .1s ease-out,object-position .2s var(--ease)}.media-placeholder{position:relative;display:block;font-family:var(--display-font);font-size:120px;font-weight:400;letter-spacing:-.34ch;line-height:51px;text-overflow:clip;overflow-wrap:anywhere;background:var(--card-clr);color:#fff;text-shadow:2.67ch -1lh 0 #fff,4ch -1.5lh 0 #fff;filter:contrast(1)}.feature-card h1{margin:0;font-family:var(--display-font);font-size:18px;font-style:italic;font-weight:700;text-wrap:stable}.feature-card em{display:block;margin-top:12px;font-size:15px;font-weight:700;font-style:italic;color:var(--text2-clr)}.feature-card p{grid-area:desc;margin:18px 0;font-size:15px;line-height:1.5}.blog-header{margin:0 auto 24px;height:300px;overflow:hidden;animation:fade-in .5s 1s backwards}.blog-post-info{display:block;margin:24px 0;font-family:var(--default-font);font-size:12px;font-weight:700;text-align:center;color:var(--text2-clr)}@keyframes header-circle-reveal{0%{-webkit-clip-path:circle(2.5vh);clip-path:circle(2.5vh)}to{-webkit-clip-path:circle(50%);clip-path:circle(50%)}}@keyframes fade-background-in{0%{background:transparent}}@keyframes home-circle-text-animation{to{transform:rotate(-1turn)}}@keyframes intro-text{0%{line-height:8}}@keyframes intro-text-drift{0%{transform:translate(-1em,4em);text-shadow:0 3em 0 var(--clr0),0 6em 0 var(--clr1)}to{transform:translate(0);text-shadow:0 0 0 var(--clr0),0 0 0 var(--clr1)}}@keyframes intro-spacer{0%{height:100%}}@keyframes intro-text-mobile{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes great-time-counter-appear{0%{opacity:0;transform:scale(4)}}@keyframes section-appear{0%{opacity:0}}@keyframes nebula-element-fade{0%{opacity:0}}@keyframes nebula-noise-x{to{background-position-x:100px}}@keyframes nebula-noise-y{to{background-position-y:100px}}@keyframes card-carousel-btn-next-symbol{to{transform:translateX(.5ch)}}@keyframes card-carousel-btn-prev-symbol{to{transform:translateX(-.5ch)}}@keyframes art-gallery-arrow{50%{background-position:calc(50% + 24px) 50%}}@keyframes now-playing-marquee{0%,20%{color:transparent;text-shadow:0 0 0 var(--text-clr)}80%,to{color:transparent;text-shadow:calc(var(--now-playing-marquee-scroll-length, 0) * -1) 0 0 var(--text-clr)}}@keyframes now-playing-bars{0%,to{background-size:33% 3%,33% 7%,33% 87%}10%{background-size:33% 8%,33% 23%,33% 93%}20%{background-size:33% 73%,33% 65%,33% 16%}30%{background-size:33% 97%,33% 54%,33% 37%}40%{background-size:33% 79%,33% 47%,33% 82%}50%{background-size:33% 48%,33% 48%,33% 82%}60%{background-size:33% 6%,33% 59%,33% 68%}70%{background-size:33% 35%,33% 86%,33% 8%}80%{background-size:33% 65%,33% 88%,33% 21%}90%{background-size:33% 86%,33% 71%,33% 59%}}.guestbook-form{max-width:600px;margin:0 auto;padding:24px;background:var(--card-clr);border-radius:var(--card-border-radius)}.form-group{margin-bottom:24px;margin-right:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--text2-clr);border-radius:6px;background:var(--bg-clr);color:var(--text-clr);font-family:var(--default-font);font-size:16px}.form-group textarea{min-height:120px;resize:vertical}.submit-button{padding:12px 24px;border-radius:12px;border:none;font-family:var(--display-font);font-size:12px;font-weight:700;background:var(--clr0-dark);color:#fff;cursor:pointer}.submit-button:hover{background:var(--clr0)}.card-style-options{display:flex;gap:12px;flex-wrap:wrap}.style-button{padding:6px 12px;border-radius:12px;border:none;font-family:var(--display-font);font-size:12px;font-weight:700;background:var(--text2-clr);color:#fff;cursor:pointer}.style-button:hover{background:var(--text-clr)}.guestbook-card{margin-bottom:24px;padding:24px;background:var(--card-clr);border-radius:var(--card-border-radius)}.card-content p{margin:0 0 12px}.card-author{font-style:italic;color:var(--text2-clr);text-align:right}.thank-you-message{margin:24px 0;padding:24px;background:var(--clr0-dark);border-radius:var(--card-border-radius);text-align:center;font-weight:700}.art-item{transition:transform .2s ease}.art-item:hover{transform:scale(1.05)}.artwork-detail img{max-width:100%;height:auto;border-radius:var(--card-border-radius)}.about-section{flex-direction:column;border-radius:var(--card-border-radius)}.about-section,.hero-section{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;gap:2rem}@media (max-width:768px){.hero-section{flex-direction:column}.hero-text{max-width:100%}}.hero-text{max-width:50%}.hero-image{max-width:400px;height:auto;border-radius:var(--card-border-radius)}.art-grid{column-count:2;column-gap:3rem}.art-grid>*{page-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}@media (max-width:1024px){.art-grid{column-count:2}}@media (max-width:640px){.art-grid{column-count:1}}.masonry-grid{column-count:3;column-gap:1rem;padding:1rem}.masonry-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;display:block;width:100%;box-sizing:border-box;padding:15px;border:1px solid var(--card-clr);border-radius:var(--card-border-radius);background-color:transparent;color:var(--text-clr)}@media (max-width:1024px){.masonry-grid{column-count:2}}@media (max-width:640px){.masonry-grid{column-count:1;padding:.5rem}.masonry-item{margin-bottom:.75rem;padding:10px}}.portrait-container{display:block;text-decoration:none;color:inherit;transition:transform .2s ease}.portrait-container:hover{transform:scale(1.05)}.portrait-container img{width:100%;height:auto;border-radius:var(--card-border-radius);margin-bottom:1rem}.portrait-container figcaption{text-align:center;font-weight:700}.music-item{transition:transform .2s ease}.music-item:hover{transform:scale(1.05)}.track-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-clr);border-radius:var(--card-border-radius);margin-bottom:16px}.track-item img{border-radius:6px}.track-detail{display:grid;grid-template-columns:1fr 2fr;grid-gap:24px;gap:24px;align-items:start}.track-info h2{margin-top:0}@media (max-width:768px){.track-detail{grid-template-columns:1fr}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:24px;gap:24px;margin:0 auto}@media (max-width:768px){.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project-item{display:block;position:relative;height:42px;border-bottom:1px solid var(--card-clr);font-size:15px;text-decoration:inherit;white-space:nowrap;overflow:hidden;color:inherit}.project-item:first-child,.project-item:first-child img{border-top-left-radius:18px}.project-item:last-child,.project-item:last-child img{border-bottom-left-radius:18px}.project-item a{width:100%;height:100%;display:flex;justify-content:stretch;align-items:center;text-decoration:none}.project-item:before{content:"";position:absolute;left:0;width:90px;height:100%;background-color:var(--clr0);mix-blend-mode:darken}.project-item img{flex:0 0 auto;width:90px;height:100%;overflow:hidden;pointer-events:none;transition:all .1s var(--ease);transition-property:border-radius,height;object-fit:cover}.project-item strong{flex:0 0 auto;margin-left:18px;font-family:var(--display-font);font-weight:700;color:var(--text-clr)}.project-item time{display:flex;flex:0 0 auto;color:var(--text2-clr)}.project-item time:before{content:"·";margin:0 6px}.project-item span{display:flex;align-items:center;flex:1 1 auto;color:var(--text2-clr);text-overflow:ellipsis;overflow:hidden;pointer-events:none}.project-item span:before{content:"·";margin:0 6px}.project-item em{flex:0 0 auto;margin:0 18px 0 24px;font-size:15px;font-weight:700;color:var(--text2-clr)}.project-item em:after{content:"→";display:inline-block}.project-item:has([target=_blank]) em:after{content:"↗";display:inline-block}@media (max-width:1600px){.project-item{font-size:15px}}@media (max-width:1200px){.project-item{height:72px}.project-item a{display:grid;grid-template-columns:90px min-content 1fr min-content;grid-template-rows:12px 1fr 1fr 12px;grid-template-areas:"img _ _ _" "img title posttitle link" "img content content content" "img __ __ __"}.project-item img{grid-area:img;align-self:center}.project-item strong{grid-area:title;margin-left:12px}.project-item time{grid-area:posttitle}.project-item span{grid-area:content;margin-left:12px}.project-item span:before{display:none}.project-item em{grid-area:link;font-size:12px}}@media (max-width:600px){.project-item{height:auto}.project-item a{height:auto;display:grid;grid-template-columns:90px 12px 1fr;grid-template-rows:12px min-content min-content min-content 12px;grid-template-areas:"img _ __" "img _ title" "img _ content" "img _ link" "img _ ___"}.project-item strong{margin:0 0 6px}.project-item span{margin:0;white-space:normal}.project-item time{display:none}.project-item em{margin:0;text-align:right;text-decoration:underline}}@media (hover:hover){.project-item:hover{background:var(--card-clr)}.project-item:hover:before{background-color:#fff}.project-item:hover span{border-radius:6px;white-space:normal;background:var(--card-clr);overflow:visible}.project-item:hover em{color:var(--clr0-light);text-decoration:underline}@media not (max-width:1200px){.project-item:hover{overflow:visible;z-index:1}.project-item:hover img{height:90px;border-radius:18px}}}.bento-section{max-width:1600px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));grid-auto-rows:180px;justify-items:center;grid-gap:12px;gap:12px;font-size:120%;font-weight:700;font-style:italic}@media (max-width:690px){.bento-section{padding:0 6px;grid-template-columns:repeat(auto-fit,minmax(min(172px,100%),1fr));gap:6px;font-size:100%}}.bento-section>*{display:block;color:inherit;width:100%;height:100%;max-width:600px}.bento-section card-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;overflow:hidden;container-type:inline-size}.bento-tall{grid-row:span 2}card-box.bento-map{overflow:hidden;position:relative;justify-content:end;text-align:center}card-box[appearance=bento-image]{position:relative;padding:0}card-box[appearance=bento-image] img{object-fit:cover;width:100%;height:100%;border-radius:6px}card-box[appearance=bento-image] span{position:absolute;bottom:6px;left:6px;padding:6px;border-radius:6px;background:var(--bg-clr)}.header{display:flex;justify-content:center;align-items:center;height:clamp(75vh,600px,100vh)}@media (prefers-reduced-motion){.header *{animation:none!important}}.header-content{white-space:nowrap;height:40vh;min-width:80vh;overflow:hidden}.header-circle{position:relative;display:block;float:left;width:40vh;height:40vh;box-sizing:content-box;margin:0 2vh;border-radius:50%;background:#bf1852;shape-outside:circle(calc(50% + 1vh));text-align:initial;overflow:hidden;animation:header-circle-reveal .5s cubic-bezier(1,0,.9,1),fade-background-in .2s}.header-circle-text{position:relative;margin:2vh;width:100%;height:100%;font-size:3vh;color:#fff;animation:home-circle-text-animation 7s cubic-bezier(.785,.135,.15,.86) infinite}.header-circle:active .header-circle-text{animation-play-state:paused}.header-circle-text-big{width:36vh;height:36vh}.header-circle-text-small{display:none}.header-circle-text-char{display:inline-block;width:0;-webkit-clip-path:inset(.8ex -1ch 0);clip-path:inset(.8ex -1ch 0);color:transparent;text-shadow:0 0 0 #fff,0 4vh 0 #fff;transition:text-shadow .4s cubic-bezier(0,0,.2,1) .4s}.home-circle-icon{position:absolute;left:calc(50% - 2.5vh);top:calc(50% - 2.5vh);width:5vh;height:5vh;object-fit:cover;object-position:0 0}.header-circle:hover .header-circle-text-char{text-shadow:0 -4vh 0 #fff,0 0 0 #fff;transition-delay:0s;transition-timing-function:var(--ease)}.header-circle:hover .home-circle-icon{object-position:20% 0}.intro-text{line-height:1.8;font-size:2.2vh;font-style:italic;animation:intro-text .8s cubic-bezier(0,.7,.4,1) .4s backwards}.intro-line{display:inline-block;animation:intro-text-drift 1.6s cubic-bezier(0,.8,.2,1) both;font:inherit}.intro-line a,.intro-line a:visited{color:inherit}.intro-spacer{display:block;height:0;animation:intro-spacer .4s cubic-bezier(0,.8,.1,1) .4s backwards}.ipa{font-size:85%;font-style:normal;text-decoration:none;color:inherit}.ipa-text{text-decoration:underline}.ipa-icon{display:inline-block;transform:scale(.6);filter:brightness(8)}@media (max-aspect-ratio:4/5){.header{height:auto;min-height:80vh;margin:30px 0 60px}.header-content{height:auto;min-width:unset;text-align:center}.header-circle{display:inline-block;float:none;width:30vh;height:30vh}.header-circle-text-big{display:none}.header-circle-text-small{display:block;width:26vh;height:26vh}.intro-text{display:block;margin-top:4vh;font-size:16px;animation:intro-text-mobile 1s cubic-bezier(.8,.2,.2,.8)}.intro-spacer{animation:none}}.great-time-trigger{text-decoration:underline;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.great-time-counter{display:none;position:fixed;bottom:0;right:0;font-size:15px;background-color:var(--bg-clr);pointer-events:none;transform-origin:bottom right;animation:great-time-counter-appear .6s both;z-index:200}.great-time-counter.flash{background-color:#fff}.feature-card-carousel{position:relative;display:grid;grid-auto-flow:column;justify-content:start;--feature-card-carousel-inline-padding:calc(max(30px, 50svw - 879px));padding:12px var(--feature-card-carousel-inline-padding) 0;width:100%;box-sizing:border-box;scrollbar-width:none;overflow:auto}.feature-card-carousel .feature-card{width:calc(min(546px, 100svw - 90px));margin-left:60px}.feature-card-carousel .feature-card:first-of-type{margin-left:0}@media (max-width:900px){.feature-card-carousel .feature-card{margin-left:30px}}.card-carousel-btn-container{position:-webkit-sticky;position:sticky;display:grid;inset:0;width:0;z-index:1}.card-carousel-btn{position:relative;display:flex;justify-content:center;align-items:center;width:15mm;height:15mm;box-sizing:border-box;border:none;background:var(--bg-clr);color:var(--text-clr);cursor:pointer;font-family:var(--display-font);font-size:21px;font-weight:700;text-shadow:0 0 18px #000;opacity:0;pointer-events:all;transition:opacity 80ms ease-out}.card-carousel-btn-visible{opacity:1}.feature-card-carousel:hover .card-carousel-btn{color:var(--clr0-light)}.card-carousel-btn:hover{color:var(--clr1)}.card-carousel-btn-next{align-self:end;right:calc(var(--feature-card-carousel-inline-padding) * -1 + 15mm);border-top-left-radius:12px}.card-carousel-btn-prev{left:calc(var(--feature-card-carousel-inline-padding) * -1);border-bottom-right-radius:12px}.card-carousel-btn-symbol{display:inline-block;pointer-events:none}.feature-card-carousel:hover .card-carousel-btn-next .card-carousel-btn-symbol{animation:card-carousel-btn-next-symbol .5s var(--ease) infinite alternate}.feature-card-carousel:hover .card-carousel-btn-prev .card-carousel-btn-symbol{animation:card-carousel-btn-prev-symbol .5s var(--ease) infinite alternate}@media (hover:none) and (pointer:coarse){.card-carousel-btn{display:none}}.feature-card a:after{grid-area:img/img/imgtail/imgtail;content:"";background-color:var(--clr0);mix-blend-mode:darken;transition:background-color 1s}.feature-card hgroup{position:relative;grid-area:title;justify-self:start;align-self:end;background:var(--bg-clr);border-top-right-radius:var(--card-border-radius);padding:12px 24px 0 0;z-index:1}.feature-card hgroup:before{left:0;bottom:100%;width:var(--card-border-radius);height:36px;box-shadow:0 var(--card-border-radius) 0 var(--bg-clr)}.feature-card hgroup:after,.feature-card hgroup:before{content:"";position:absolute;border-bottom-left-radius:var(--card-border-radius)}.feature-card hgroup:after{left:100%;bottom:0;width:36px;height:var(--card-border-radius);box-shadow:calc(-1 * var(--card-border-radius)) 0 0 var(--bg-clr)}@media (hover:hover){.feature-card,.feature-card hgroup{transition:.2s var(--ease);transition-property:margin,padding}.feature-card .media-placeholder,.feature-card a:after,.feature-card img,.feature-card video{transition:filter 1s ease,object-position 1s ease,background-color 2s,margin .2s var(--ease),width .2s var(--ease)}.feature-card:hover{padding:0 0 12px}.feature-card:hover a:after{margin:0 -12px;background-color:#fff}.feature-card:hover .media-placeholder,.feature-card:hover img,.feature-card:hover video{margin:0 -12px;width:calc(100% + 24px);filter:contrast(1);object-position:50% 67%}.feature-card:hover hgroup{padding:12px 24px;margin:0 -12px}}.fixed-grid{grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));grid-gap:calc(var(--gap, 1) * 6px)}.auto-grid,.fixed-grid{display:grid;justify-content:center;gap:calc(var(--gap, 1) * 6px)}.auto-grid{grid-template-columns:repeat(auto-fit,calc(min(var(--colwidth, 300px), 100%)));grid-gap:calc(var(--gap, 1) * 6px)}.song-card{display:grid;grid-template-columns:min-content 18px 1fr;grid-template-rows:min-content min-content;grid-template-areas:"play . title" "play . description";border:1px solid var(--card-clr);border-radius:12px;padding:12px;min-height:84px;box-sizing:border-box;background-color:var(--bg-clr);background-image:linear-gradient(to right,var(--card-clr) var(--song-card-progress,0),transparent var(--song-card-progress,0))}.song-card.song-card-playing{background-image:linear-gradient(to right,var(--clr0-dark) var(--song-card-progress,0),transparent var(--song-card-progress,0))}.song-card button{display:flex;justify-content:center;align-items:center;grid-area:play;border:1px solid var(--card-clr);border-radius:50%;padding:0;width:60px;height:60px;box-sizing:border-box;background:var(--bg-clr);cursor:pointer}.song-card button:focus-visible,.song-card button:hover{background:var(--clr0-dark)}.song-card.song-card-playing button{background:var(--clr0-dark);animation:songCardPlayingPlayButton 1s linear infinite}.song-card.song-card-playing button:focus-visible,.song-card.song-card-playing button:hover{background:var(--bg-clr)}.song-card button:active,.song-card.song-card-playing button:active{background:var(--clr0-light)}.song-card button:after{content:"";margin-left:16px;border:12px solid transparent;border-left:12px solid var(--text-clr);width:24px;height:24px;box-sizing:border-box}.song-card.song-card-playing button:after{content:"💿";margin:0;border:none;width:auto;height:auto;font-size:30px;line-height:30px;filter:brightness(.65) contrast(9)}@keyframes songCardPlayingPlayButton{to{transform:rotate(1turn)}}.song-card-title{grid-area:title;font-size:18px}.song-card-description,.song-card-title{font-family:var(--display-font);font-style:italic}.song-card-description{grid-area:description;font-size:15px;font-weight:700;opacity:.4}.song-card audio{grid-area:play;max-width:180px}.intro-paragraph{margin:30px auto;padding:0 12px;max-width:600px;text-align:center}body>section{display:grid;grid-template-columns:200px 30px 1fr;grid-template-rows:min-content 18px min-content;grid-template-areas:"title title title" ". . ." "meta . songs";margin:60px auto 90px;padding:0 12px;max-width:1200px}@media (max-width:800px){body>section{grid-template-columns:1fr;grid-template-rows:min-content 18px min-content 24px min-content;grid-template-areas:"title" "." "meta" "." "songs"}}body>section>h2{grid-area:title;font-size:21px;font-family:var(--display-font);font-weight:700;font-style:italic}body>section>header{grid-area:meta;max-width:470px}body>section>header>:first-child{margin-top:0}body>section>header>img{border-radius:12px;width:100%;max-width:200px}.song-card-grid{grid-area:songs;align-self:flex-start;display:grid;grid-template-columns:repeat(auto-fit,calc(min(470px, 100%)));grid-gap:30px;gap:30px}.song-card-grid-sparse{grid-template-columns:1fr}@layer prose-base, base, prose, prose-extra, component, utility;@layer base{:root{--default-font:"Iosevka","Space Mono",monaco,Consolas,"Lucida Console",monospace;--display-font:"Space Mono","Iosevka",monaco,Consolas,"Lucida Console",monospace;--reading-font:"Miriam Libre",Futura,"Trebuchet MS",Arial,sans-serif;--bg-clr:#111616;--card-clr:#222c2c;--clr0-light:#54f8c1;--clr0:#0ad591;--clr0-dark:#05b97d;--clr1:#df2063;--text-clr:#fff;--text2-clr:#999;--card-border-radius:18px;--ease:cubic-bezier(0.8,0,1,1);scroll-snap-type:block proximity}body{margin:0;min-height:100svh;font-family:var(--default-font,monospace);font-size:16px;font-display:swap;font-feature-settings:none;font-variant-ligatures:none;background-color:var(--bg-clr,#111);color:var(--text-clr,#fff);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--display-font);font-weight:700;font-style:italic;margin:1.5em 0 1em;line-height:1.6;letter-spacing:-.03em;text-wrap:balance}p{margin:1.5em 0}li,p,ul{line-height:1.4}a{color:var(--clr0-light,#fff)}a:visited{color:var(--clr0,#fff)}:where(img,video)[width][height]{height:auto;--aspect-ratio:calc(attr(width type(<number>)) / attr(height type(<number>)))}figure{margin:0}table{font:inherit}[style*="--lqip:"]:where([loading=lazy],[preload=none],.force-lqip){--lqip-ca:mod(round(down,calc((var(--lqip) + 524288) / 262144)),4);--lqip-cb:mod(round(down,calc((var(--lqip) + 524288) / 65536)),4);--lqip-cc:mod(round(down,calc((var(--lqip) + 524288) / 16384)),4);--lqip-cd:mod(round(down,calc((var(--lqip) + 524288) / 4096)),4);--lqip-ce:mod(round(down,calc((var(--lqip) + 524288) / 1024)),4);--lqip-cf:mod(round(down,calc((var(--lqip) + 524288) / 256)),4);--lqip-ll:mod(round(down,calc((var(--lqip) + 524288) / 64)),4);--lqip-aaa:mod(round(down,calc((var(--lqip) + 524288) / 8)),8);--lqip-bbb:mod(calc(var(--lqip) + 524288),8);--lqip-ca-clr:hsl(0 0% calc(var(--lqip-ca) / 3 * 100%));--lqip-cb-clr:hsl(0 0% calc(var(--lqip-cb) / 3 * 100%));--lqip-cc-clr:hsl(0 0% calc(var(--lqip-cc) / 3 * 100%));--lqip-cd-clr:hsl(0 0% calc(var(--lqip-cd) / 3 * 100%));--lqip-ce-clr:hsl(0 0% calc(var(--lqip-ce) / 3 * 100%));--lqip-cf-clr:hsl(0 0% calc(var(--lqip-cf) / 3 * 100%));--lqip-base-clr:oklab(calc(var(--lqip-ll) / 3 * 0.6 + 0.2) calc(var(--lqip-aaa) / 8 * 0.7 - 0.35) calc((var(--lqip-bbb) + 1) / 8 * 0.7 - 0.35));--lqip-stop10:2%;--lqip-stop20:8%;--lqip-stop30:18%;--lqip-stop40:32%;background-blend-mode:hard-light,hard-light,hard-light,hard-light,hard-light,hard-light,overlay,overlay,overlay,overlay,overlay,overlay,normal;background-image:radial-gradient(50% 75% at 16.67% 25%,rgb(from var(--lqip-ca-clr) r g b/50%),rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 83.33% 25%,rgb(from var(--lqip-cc-clr) r g b/50%),rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 50% 25%,rgb(from var(--lqip-cb-clr) r g b/50%),rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 16.67% 75%,rgb(from var(--lqip-cd-clr) r g b/50%),rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 83.33% 75%,rgb(from var(--lqip-cf-clr) r g b/50%),rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 50% 75%,rgb(from var(--lqip-ce-clr) r g b/50%),rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%,rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%,rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%,rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%,transparent),radial-gradient(50% 75% at 16.67% 25%,var(--lqip-ca-clr),rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),radial-gradient(50% 75% at 50% 25%,var(--lqip-cb-clr),rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),radial-gradient(50% 75% at 83.33% 25%,var(--lqip-cc-clr),rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),radial-gradient(50% 75% at 16.67% 75%,var(--lqip-cd-clr),rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),radial-gradient(50% 75% at 50% 75%,var(--lqip-ce-clr),rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),radial-gradient(50% 75% at 83.33% 75%,var(--lqip-cf-clr),rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop10))) 10%,rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop20))) 20%,rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop30))) 30%,rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop40))) 40%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop40))) 60%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop30))) 70%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop20))) 80%,rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop10))) 90%,transparent),linear-gradient(0deg,var(--lqip-base-clr),var(--lqip-base-clr))}}@layer utility{.inline-block{display:inline-block}.icon-and-text-line{display:flex;align-items:center;gap:12px}.lg-column-section,.md-column-section,.section,.sm-column-section{margin:60px auto;padding:0 12px}.sm-column-section{max-width:800px}.md-column-section{max-width:1200px}.lg-column-section{max-width:1800px}.sm-icon{width:16px;height:16px}.md-icon{width:32px;height:32px}.lg-icon{width:64px;height:64px}.full-width{width:100%}.rounded{border-radius:12px}.center-text{text-align:center}.wrap-text{overflow-wrap:anywhere}.wrap-text code,.wrap-text code:where(&){white-space:pre-wrap}.no-text-decoration{text-decoration:none}.title-font{font-family:var(--display-font);font-style:italic}.text2-color{color:var(--text2-clr)}.text-accent-color0{color:var(--clr0-light)}.text-accent-color1{color:var(--clr1)}.bold{font-weight:700}.empty-line{height:2em;height:1lh}.pixelated{image-rendering:pixelated}.invert,.invert-on-hover:hover{filter:invert(1)}}@keyframes fade-in{0%{opacity:0}}.noise-container{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.noise-overlay-1,.noise-overlay-2{position:absolute;inset:0;width:100%;height:100%;background-image:url(/noise.png)}.noise-overlay-2{filter:invert(1)}@keyframes flicker{0%,to{opacity:1}50%{opacity:0}}.noise-overlay-1{animation:flicker .2s steps(1) infinite}.noise-overlay-2{animation:flicker .2s steps(1) infinite reverse}