@font-face{font-family:Anaheim;src:url(../../assets/fonts/Anaheim-60fdadfbe17d6b5a4fa08672b536b5a5.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anaheim;src:url(../../assets/fonts/Anaheim-527a13b3e1e9568b7020668cbfc5a7ed.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anaheim;src:url(../../assets/fonts/Anaheim-e6090babea2da15ffe3b40ad782e1784.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Cutive Mono';src:url(../../assets/fonts/Cutive%20Mono-f6140012757a59fb02a443c9e270136d.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Cutive Mono';src:url(../../assets/fonts/Cutive%20Mono-011c49d84ee1e966d57d4cfa22b8a4d5.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Kaushan Script';src:url(../../assets/fonts/Kaushan%20Script-3db770c46931b64b6e281dcb2a7d0586.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Kaushan Script';src:url(../../assets/fonts/Kaushan%20Script-ba85b3a237ebd28058cd515071c02485.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-16d9ee0ebbec087f1d7d1a0a3f72e273.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-30bd1028004fd46e16721f5aacb1be51.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-b5899d3276b788302c5a70ae63bd6fa3.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-4324ae120a67404c707aa93d6b0064e7.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-acc5ddb9ccd43e6501c2cdc1846574f4.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-16d9ee0ebbec087f1d7d1a0a3f72e273.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-30bd1028004fd46e16721f5aacb1be51.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-b5899d3276b788302c5a70ae63bd6fa3.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-4324ae120a67404c707aa93d6b0064e7.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;src:url(../../assets/fonts/Montserrat-acc5ddb9ccd43e6501c2cdc1846574f4.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.bs-icon{--bs-icon-size:.75rem;display:flex;flex-shrink:0;justify-content:center;align-items:center;font-size:var(--bs-icon-size);width:calc(var(--bs-icon-size) * 2);height:calc(var(--bs-icon-size) * 2);color:var(--bs-primary)}.bs-icon-xs{--bs-icon-size:1rem;width:calc(var(--bs-icon-size) * 1.5);height:calc(var(--bs-icon-size) * 1.5)}.bs-icon-sm{--bs-icon-size:1rem}.bs-icon-md{--bs-icon-size:1.5rem}.bs-icon-lg{--bs-icon-size:2rem}.bs-icon-xl{--bs-icon-size:2.5rem}.bs-icon.bs-icon-primary{color:var(--bs-white);background:var(--bs-primary)}.bs-icon.bs-icon-primary-light{color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}.bs-icon.bs-icon-semi-white{color:var(--bs-primary);background:rgba(255,255,255,.5)}.bs-icon.bs-icon-rounded{border-radius:.5rem}.bs-icon.bs-icon-circle{border-radius:50%}*,:after,:before{box-sizing:border-box}html{color-scheme:light only}body{min-height:100vh;font-family:monospace}body::before{--size:60px;--line:hsl(0 0% 0% / 0.15);content:'';height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size);mask:linear-gradient(-15deg,transparent 30%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}h1{margin:0;font-family:monospace;text-transform:uppercase}header{padding:50px 0 2rem}.content{width:700px;max-width:calc(100% - 2rem);margin:0 auto}.drop{--drop:clamp(1.5rem, 1vw + 1rem, 6rem);height:var(--drop);width:calc(var(--drop) * 2.25);aspect-ratio:4/3;float:left;position:relative;shape-outside:inset(0 0 0 0)}.drop::after{content:"CSS";position:absolute;inset:0;display:grid;line-height:2rem;font-size:calc(var(--drop) * 1);font-weight:600;text-align:left;place-items:start}.quote-holder{position:absolute;left:calc(100% + (var(--gap) * .5));top:calc(var(--y) * 1%);height:calc(var(--size) * 2px);aspect-ratio:1;background:radial-gradient(white 0 50%,transparent 70%);translate:-50% -50%;border-radius:50%;margin:0;font-weight:600;font-size:1.5rem;text-align:center;container-type:inline-size;display:grid;place-items:center}blockquote{margin:0;text-align:center;font-size:14cqi}.columns{display:flex;gap:var(--gap)}:root{--size:100;--y:200;--x:50;--gap:1rem;--gap:8px;--base:clamp(2rem, 8cqi, 80px);--easing:linear( 0 0%, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1 100% );--speed:0.6s}.outside{position:relative;width:calc(var(--size) * 1px);height:calc(100% + (var(--size) * 1px));float:right;shape-outside:circle(50%)}.column:first-of-type .outside{float:right;shape-outside:circle(calc(var(--size) * 1px) at 100% calc(var(--y) * 1%))}.column:last-of-type .outside{float:left;shape-outside:circle(calc(var(--size) * 1px) at 0 calc(var(--y) * 1%))}.columns p{font-size:12px;text-align:justify}.bear-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.erratic{animation:2s steps(1) infinite erratic-blink}@keyframes erratic-blink{0%,100%,40%,60%,70%,80%,90%{opacity:1}10%,20%,30%,50%{opacity:0}}.modal-background{position:absolute;inset:0;--size:35px;--line:hsl(0 0% 0% / 0.15);background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50%/var(--size) var(--size);mask:linear-gradient(-15deg,transparent 30%,white);pointer-events:none}.modal-body{position:relative;overflow:hidden;padding:20px}h1.fluid{--font-size-min:22;--font-level:4.25}h3{white-space:nowrap;margin:0}body>p{width:74ch;max-width:calc(100% - 4rem);text-wrap:balance;font-family:monospace;margin-bottom:4rem;line-height:1.5;opacity:.8;font-weight:400}li.slide :is(svg,h3){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}li.slide :is(a,p){opacity:0;transition:opacity calc(var(--speed) * 1.2) var(--easing);width:fit-content}li.slide img{filter:grayscale(1) brightness(1.5);scale:1.1;transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing)}.slide [data-active=true] :is(a,p,h3,svg){opacity:var(--opacity, 1)}.slide [data-active=true] :is(a,p){transition-delay:calc(var(--speed) * 0.25)}.slide [data-active=true] img{filter:grayscale(0) brightness(1);scale:1;transition-delay:calc(var(--speed) * 0.25)}article{width:calc(var(--article-width) * 1px);height:100%;position:absolute;font-family:monospace;top:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding-inline:calc(var(--base) * 0.5 - 9px);padding-bottom:1rem;overflow:hidden}article h3{position:absolute;top:1rem;left:calc(var(--base) * .5);transform-origin:0 50%;transform:rotate(90deg);font-size:1rem;font-weight:300;text-transform:uppercase;font-family:monospace}article svg{width:18px;fill:none}article p{font-size:13px;line-height:1.25;opacity:.8}article a{height:18px;line-height:1;color:inherit;text-decoration:none}article a:focus-visible,article a:hover{outline:0}article a:focus-visible span,article a:hover span{text-decoration:underline;text-underline-offset:4px}article a span{display:inline-block;line-height:18px;transform:translateX(calc(var(--base) * .5));font-weight:500}article img{position:absolute;pointer-events:none;inset:0;width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(100% 100% at 100% 0,#fff,rgba(0,0,0,0))}ul.slide{display:grid;container-type:inline-size;grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:var(--gap);list-style-type:none;justify-content:center;padding:0;height:clamp(300px,40dvh,474px);margin:0;width:calc(((var(--items) - 1) * var(--base)) + ((var(--items) - 1) * var(--gap)) + var(--ideal));width:820px;max-width:calc(100% - 4rem);transition:grid-template-columns var(--speed) var(--easing)}li.slide{background:light-dark(#fff,#000);position:relative;overflow:hidden;min-width:var(--base);border-radius:8px;border:1px solid}