@property --w_raw{syntax: "<length>"; inherits: true; initial-value: 100vw;}@property --h_raw{syntax: "<length>"; inherits: true; initial-value: 100vh;}:root{--w: tan(atan2(var(--w_raw), 1px));--h: tan(atan2(var(--h_raw), 1px))}html{scroll-behavior:smooth}body{display:grid;grid-template-rows:1fr auto;align-items:center;gap:2rem;min-height:100dvh;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:JetBrains Mono,monospace,system-ui,"sans-serif";font-size:1.125rem;background-color:#000;color:#dcdcdc}body:after{position:absolute;right:calc(.25rem + 1vw);top:.5rem;white-space:nowrap;user-select:none;cursor:default;font-size:10px;line-height:1.5;content:"viewport size: " counter(w) "x" counter(h);counter-reset:h var(--h) w var(--w)}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono.ttf) format("truetype") tech(variations);font-style:normal;font-weight:300 400 500 600}.container{width:min(100% - 3rem,90rem);margin-inline:auto;padding:calc(4px + 1.5625vw)}pre.astro-code,code.astro-code{border-radius:.25rem;padding-inline:.125rem}.cta{text-decoration:none;color:#dcdcdc!important;background-color:#7c3503;padding:1rem 1.5rem;border-radius:.5rem;transition:background-color .3s ease-in-out}.cta:hover,.cta:focus-visible{background-color:#e05f06;color:#dcdcdc!important}.scroller{--duration: 30s;--padding: 1rem;width:100%;height:calc(var(--height) + 2 * var(--padding));overflow:hidden;mask-image:linear-gradient(to right,transparent,rgb(0,0,0) 40% 60%,transparent)}.scroller ul{list-style:none;margin:0;padding:0;height:100%;width:100%;min-width:calc(var(--quantity) * var(--width));position:relative;display:flex;align-items:center}.scroller ul li{left:100%;position:absolute;animation:run var(--duration) linear infinite;animation-delay:calc(var(--duration) / var(--quantity) * (var(--position) - 20));transition:filter .5s}.scroller ul li:hover{filter:grayscale(0)}.scroller img{width:var(--width);height:var(--height);aspect-ratio:1}.scroller:hover li{filter:grayscale(1)}@keyframes run{0%{left:100%}to{left:calc(var(--width) * -1)}}.note{position:relative;border:1px solid #181818;padding:1.5rem;width:min(100%,80ch);margin-inline:auto;display:grid;grid-template-columns:3fr 1fr;gap:1rem}.note>a{position:absolute;width:100%;height:100%}.note h3{color:#e05f06;font-size:2em;line-height:1.3;font-weight:500}.note time{color:#dcdcdc;justify-self:end;font-size:.75em}.note div{grid-column:1/-1;font-size:1em;line-height:1.2}.note div *:where(:not(:first-child)){margin-block-start:1rem}.note div pre{padding:.5rem}.note div a{padding:0}a{width:max-content;text-decoration:none;border-radius:1rem;color:#ae4a04!important;transition:color .2s ease-in-out;padding-inline:1rem}a:hover{color:#e05f06!important}.footer{align-self:end;justify-self:center}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.self-center{align-self:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.grid{display:grid}.text-accent--100{color:#fdd2b4}.bg-accent--100{background-color:#fdd2b4}.text-accent--200{color:#fcb483}.bg-accent--200{background-color:#fcb483}.text-accent--300{color:#fb9651}.bg-accent--300{background-color:#fb9651}.text-accent--400{color:#f97316}.bg-accent--400{background-color:#f97316}.text-accent--500{color:#e05f06}.bg-accent--500{background-color:#e05f06}.text-accent--600{color:#ae4a04}.bg-accent--600{background-color:#ae4a04}.text-accent--700{color:#7c3503}.bg-accent--700{background-color:#7c3503}.text-accent--800{color:#4b2002}.bg-accent--800{background-color:#4b2002}.text-accent--900{color:#190b01}.bg-accent--900{background-color:#190b01}.text-gray--100{color:#dcdcdc}.bg-gray--100{background-color:#dcdcdc}.text-gray--200{color:#c4c4c4}.bg-gray--200{background-color:#c4c4c4}.text-gray--300{color:#ababab}.bg-gray--300{background-color:#ababab}.text-gray--400{color:#939393}.bg-gray--400{background-color:#939393}.text-gray--500{color:#7a7a7a}.bg-gray--500{background-color:#7a7a7a}.text-gray--600{color:#626262}.bg-gray--600{background-color:#626262}.text-gray--700{color:#494949}.bg-gray--700{background-color:#494949}.text-gray--800{color:#313131}.bg-gray--800{background-color:#313131}.text-gray--900{color:#181818}.bg-gray--900{background-color:#181818}.flow>*:where(:not(:first-child)){margin-top:var(--flow-spacer, 1rem)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mt-auto{margin-block-start:auto}.mb-auto{margin-block-end:auto}.ml-auto{margin-inline-start:auto}.mr-auto{margin-inline-end:auto}.p-auto{padding:auto}.px-auto{padding-inline:auto}.py-auto{padding-block:auto}.pt-auto{padding-block-start:auto}.pb-auto{padding-block-end:auto}.pl-auto{padding-inline-start:auto}.pr-auto{padding-inline-end:auto}.gap-auto{gap:auto}.m-0{margin:0}.mx-0{margin-inline:0}.my-0{margin-block:0}.mt-0{margin-block-start:0}.mb-0{margin-block-end:0}.ml-0{margin-inline-start:0}.mr-0{margin-inline-end:0}.p-0{padding:0}.px-0{padding-inline:0}.py-0{padding-block:0}.pt-0{padding-block-start:0}.pb-0{padding-block-end:0}.pl-0{padding-inline-start:0}.pr-0{padding-inline-end:0}.gap-0{gap:0}.m-1{margin:.25rem}.mx-1{margin-inline:.25rem}.my-1{margin-block:.25rem}.mt-1{margin-block-start:.25rem}.mb-1{margin-block-end:.25rem}.ml-1{margin-inline-start:.25rem}.mr-1{margin-inline-end:.25rem}.p-1{padding:.25rem}.px-1{padding-inline:.25rem}.py-1{padding-block:.25rem}.pt-1{padding-block-start:.25rem}.pb-1{padding-block-end:.25rem}.pl-1{padding-inline-start:.25rem}.pr-1{padding-inline-end:.25rem}.gap-1{gap:.25rem}.m-2{margin:.375rem}.mx-2{margin-inline:.375rem}.my-2{margin-block:.375rem}.mt-2{margin-block-start:.375rem}.mb-2{margin-block-end:.375rem}.ml-2{margin-inline-start:.375rem}.mr-2{margin-inline-end:.375rem}.p-2{padding:.375rem}.px-2{padding-inline:.375rem}.py-2{padding-block:.375rem}.pt-2{padding-block-start:.375rem}.pb-2{padding-block-end:.375rem}.pl-2{padding-inline-start:.375rem}.pr-2{padding-inline-end:.375rem}.gap-2{gap:.375rem}.m-3{margin:.5rem}.mx-3{margin-inline:.5rem}.my-3{margin-block:.5rem}.mt-3{margin-block-start:.5rem}.mb-3{margin-block-end:.5rem}.ml-3{margin-inline-start:.5rem}.mr-3{margin-inline-end:.5rem}.p-3{padding:.5rem}.px-3{padding-inline:.5rem}.py-3{padding-block:.5rem}.pt-3{padding-block-start:.5rem}.pb-3{padding-block-end:.5rem}.pl-3{padding-inline-start:.5rem}.pr-3{padding-inline-end:.5rem}.gap-3{gap:.5rem}.m-4{margin:.625rem}.mx-4{margin-inline:.625rem}.my-4{margin-block:.625rem}.mt-4{margin-block-start:.625rem}.mb-4{margin-block-end:.625rem}.ml-4{margin-inline-start:.625rem}.mr-4{margin-inline-end:.625rem}.p-4{padding:.625rem}.px-4{padding-inline:.625rem}.py-4{padding-block:.625rem}.pt-4{padding-block-start:.625rem}.pb-4{padding-block-end:.625rem}.pl-4{padding-inline-start:.625rem}.pr-4{padding-inline-end:.625rem}.gap-4{gap:.625rem}.m-5{margin:1rem}.mx-5{margin-inline:1rem}.my-5{margin-block:1rem}.mt-5{margin-block-start:1rem}.mb-5{margin-block-end:1rem}.ml-5{margin-inline-start:1rem}.mr-5{margin-inline-end:1rem}.p-5{padding:1rem}.px-5{padding-inline:1rem}.py-5{padding-block:1rem}.pt-5{padding-block-start:1rem}.pb-5{padding-block-end:1rem}.pl-5{padding-inline-start:1rem}.pr-5{padding-inline-end:1rem}.gap-5{gap:1rem}.m-6{margin:1.5rem}.mx-6{margin-inline:1.5rem}.my-6{margin-block:1.5rem}.mt-6{margin-block-start:1.5rem}.mb-6{margin-block-end:1.5rem}.ml-6{margin-inline-start:1.5rem}.mr-6{margin-inline-end:1.5rem}.p-6{padding:1.5rem}.px-6{padding-inline:1.5rem}.py-6{padding-block:1.5rem}.pt-6{padding-block-start:1.5rem}.pb-6{padding-block-end:1.5rem}.pl-6{padding-inline-start:1.5rem}.pr-6{padding-inline-end:1.5rem}.gap-6{gap:1.5rem}.m-7{margin:2rem}.mx-7{margin-inline:2rem}.my-7{margin-block:2rem}.mt-7{margin-block-start:2rem}.mb-7{margin-block-end:2rem}.ml-7{margin-inline-start:2rem}.mr-7{margin-inline-end:2rem}.p-7{padding:2rem}.px-7{padding-inline:2rem}.py-7{padding-block:2rem}.pt-7{padding-block-start:2rem}.pb-7{padding-block-end:2rem}.pl-7{padding-inline-start:2rem}.pr-7{padding-inline-end:2rem}.gap-7{gap:2rem}.m-8{margin:2.5rem}.mx-8{margin-inline:2.5rem}.my-8{margin-block:2.5rem}.mt-8{margin-block-start:2.5rem}.mb-8{margin-block-end:2.5rem}.ml-8{margin-inline-start:2.5rem}.mr-8{margin-inline-end:2.5rem}.p-8{padding:2.5rem}.px-8{padding-inline:2.5rem}.py-8{padding-block:2.5rem}.pt-8{padding-block-start:2.5rem}.pb-8{padding-block-end:2.5rem}.pl-8{padding-inline-start:2.5rem}.pr-8{padding-inline-end:2.5rem}.gap-8{gap:2.5rem}.m-9{margin:3rem}.mx-9{margin-inline:3rem}.my-9{margin-block:3rem}.mt-9{margin-block-start:3rem}.mb-9{margin-block-end:3rem}.ml-9{margin-inline-start:3rem}.mr-9{margin-inline-end:3rem}.p-9{padding:3rem}.px-9{padding-inline:3rem}.py-9{padding-block:3rem}.pt-9{padding-block-start:3rem}.pb-9{padding-block-end:3rem}.pl-9{padding-inline-start:3rem}.pr-9{padding-inline-end:3rem}.gap-9{gap:3rem}.m-10{margin:4rem}.mx-10{margin-inline:4rem}.my-10{margin-block:4rem}.mt-10{margin-block-start:4rem}.mb-10{margin-block-end:4rem}.ml-10{margin-inline-start:4rem}.mr-10{margin-inline-end:4rem}.p-10{padding:4rem}.px-10{padding-inline:4rem}.py-10{padding-block:4rem}.pt-10{padding-block-start:4rem}.pb-10{padding-block-end:4rem}.pl-10{padding-inline-start:4rem}.pr-10{padding-inline-end:4rem}.gap-10{gap:4rem}.m-11{margin:5rem}.mx-11{margin-inline:5rem}.my-11{margin-block:5rem}.mt-11{margin-block-start:5rem}.mb-11{margin-block-end:5rem}.ml-11{margin-inline-start:5rem}.mr-11{margin-inline-end:5rem}.p-11{padding:5rem}.px-11{padding-inline:5rem}.py-11{padding-block:5rem}.pt-11{padding-block-start:5rem}.pb-11{padding-block-end:5rem}.pl-11{padding-inline-start:5rem}.pr-11{padding-inline-end:5rem}.gap-11{gap:5rem}.m-12{margin:6.5rem}.mx-12{margin-inline:6.5rem}.my-12{margin-block:6.5rem}.mt-12{margin-block-start:6.5rem}.mb-12{margin-block-end:6.5rem}.ml-12{margin-inline-start:6.5rem}.mr-12{margin-inline-end:6.5rem}.p-12{padding:6.5rem}.px-12{padding-inline:6.5rem}.py-12{padding-block:6.5rem}.pt-12{padding-block-start:6.5rem}.pb-12{padding-block-end:6.5rem}.pl-12{padding-inline-start:6.5rem}.pr-12{padding-inline-end:6.5rem}.gap-12{gap:6.5rem}.m-13{margin:7.5rem}.mx-13{margin-inline:7.5rem}.my-13{margin-block:7.5rem}.mt-13{margin-block-start:7.5rem}.mb-13{margin-block-end:7.5rem}.ml-13{margin-inline-start:7.5rem}.mr-13{margin-inline-end:7.5rem}.p-13{padding:7.5rem}.px-13{padding-inline:7.5rem}.py-13{padding-block:7.5rem}.pt-13{padding-block-start:7.5rem}.pb-13{padding-block-end:7.5rem}.pl-13{padding-inline-start:7.5rem}.pr-13{padding-inline-end:7.5rem}.gap-13{gap:7.5rem}.m-14{margin:9rem}.mx-14{margin-inline:9rem}.my-14{margin-block:9rem}.mt-14{margin-block-start:9rem}.mb-14{margin-block-end:9rem}.ml-14{margin-inline-start:9rem}.mr-14{margin-inline-end:9rem}.p-14{padding:9rem}.px-14{padding-inline:9rem}.py-14{padding-block:9rem}.pt-14{padding-block-start:9rem}.pb-14{padding-block-end:9rem}.pl-14{padding-inline-start:9rem}.pr-14{padding-inline-end:9rem}.gap-14{gap:9rem}.m-15{margin:11rem}.mx-15{margin-inline:11rem}.my-15{margin-block:11rem}.mt-15{margin-block-start:11rem}.mb-15{margin-block-end:11rem}.ml-15{margin-inline-start:11rem}.mr-15{margin-inline-end:11rem}.p-15{padding:11rem}.px-15{padding-inline:11rem}.py-15{padding-block:11rem}.pt-15{padding-block-start:11rem}.pb-15{padding-block-end:11rem}.pl-15{padding-inline-start:11rem}.pr-15{padding-inline-end:11rem}.gap-15{gap:11rem}.text-12xl{font-size:clamp(12rem * .5,13.3333333333vw,12rem);font-weight:500}.text-9xl{font-size:clamp(10rem * .5,11.1111111111vw,10rem);font-weight:500}.text-6xl{font-size:clamp(7rem * .5,7.7777777778vw,7rem);font-weight:500}.text-5xl{font-size:clamp(6rem * .5,6.6666666667vw,6rem);font-weight:500}.text-4xl{font-size:clamp(5rem * .5,5.5555555556vw,5rem);font-weight:500}.text-3xl{font-size:clamp(4rem * .5,4.4444444444vw,4rem);font-weight:500}.text-2xl{font-size:clamp(3rem * .5,3.3333333333vw,3rem);font-weight:500}.text-xl{font-size:clamp(2rem * .5,2.2222222222vw,2rem);font-weight:500}.text-lg{font-size:1.5rem;font-weight:400}.text-base{font-size:1.125rem;font-weight:400}.text-sm{font-size:1rem;font-weight:400}.text-xs{font-size:.75rem;font-weight:400}.text-light{font-weight:300}.text-normal{font-weight:400}.text-bold{font-weight:500}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}