@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.flex{display:flex}.h-\[400vh\]{height:400vh}.h-screen{height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.bg-black{background-color:var(--color-black)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-white{color:var(--color-white)}}:root{--font-brand:"Google Sans Code",monospace}.font-brand{font-family:var(--font-brand)}@keyframes zoom-in{0%{transform:translateZ(-1000px);opacity:0;filter:blur(5px)}50%{transform:translateZ(0);opacity:1;filter:blur(0px)}to{transform:translateZ(1000px);opacity:0;filter:blur(5px)}}.stuck-grid{block-size:100svh;perspective:1000px;transform-style:preserve-3d;display:grid;grid:repeat(4,25dvh) / repeat(4,25dvw);place-items:center;position:sticky;top:0;overflow:clip}.stuck-grid>.grid-item{transform-style:preserve-3d;font-size:5vmin;font-weight:lighter;text-wrap:nowrap}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.stuck-grid>.grid-item{animation:zoom-in linear both;animation-timeline:scroll(root block);will-change:transform,opacity,filter}}}.stuck-grid>.grid-item.special.special{grid-row:2 / span 2;grid-column:2 / span 2}.stuck-grid>.grid-item>b{font-size:15vmin}.stuck-grid>.grid-item:nth-of-type(1){animation-range:40% 50%}.stuck-grid>.grid-item:nth-of-type(2){animation-range:20% 30%}.stuck-grid>.grid-item:nth-of-type(3){animation-range:52% 62%}.stuck-grid>.grid-item:nth-of-type(4){animation-range:50% 60%}.stuck-grid>.grid-item:nth-of-type(5){animation-range:45% 55%}.stuck-grid>.grid-item:nth-of-type(6){animation-range:10% 20%}.stuck-grid>.grid-item:nth-of-type(7){animation-range:90% 100%}.stuck-grid>.grid-item:nth-of-type(8){animation-range:30% 40%}.stuck-grid>.grid-item:nth-of-type(9){animation-range:80% 90%}.stuck-grid>.grid-item:nth-of-type(10){animation-range:70% 80%}.stuck-grid>.grid-item:nth-of-type(11){animation-range:-10% 50%}.stuck-grid>.grid-item:nth-of-type(12){animation-range:52% 62%}.stuck-grid>.grid-item:nth-of-type(13){animation-range:15% 25%}.stuck-grid>.grid-item:nth-of-type(14){animation-range:7% 17%}.stuck-grid>.grid-item:nth-of-type(15){animation-range:75% 85%}.stuck-grid>.grid-item:nth-of-type(16){animation-range:3% 13%}.stuck-grid>.grid-item:nth-of-type(17){animation-range:87% 97%}.stuck-grid>.grid-item:nth-of-type(18){animation-range:42% 52%}.stuck-grid>.grid-item:nth-of-type(19){animation-range:57% 67%}.stuck-grid>.grid-item:nth-of-type(20){animation-range:37% 47%}.stuck-grid>.grid-item:nth-of-type(21){animation-range:12% 22%}.stuck-grid>.grid-item:nth-of-type(22){animation-range:8% 18%}.stuck-grid>.grid-item:nth-of-type(23){animation-range:84% 94%}.stuck-grid>.grid-item:nth-of-type(24){animation-range:33% 43%}.stuck-grid>.grid-item:nth-of-type(25){animation-range:48% 58%}.stuck-grid>.grid-item:nth-of-type(26){animation-range:13% 23%}.stuck-grid>.grid-item:nth-of-type(27){animation-range:78% 88%}.stuck-grid>.grid-item:nth-of-type(28){animation-range:62% 72%}.stuck-grid>.grid-item:nth-of-type(29){animation-range:31% 41%}.stuck-grid>.grid-item:nth-of-type(30){animation-range:8% 18%}.stuck-grid>.grid-item:nth-of-type(31){animation-range:4% 14%}.stuck-grid>.grid-item:nth-of-type(32){animation-range:74% 84%}.stuck-grid>.grid-item:nth-of-type(33){animation-range:61% 71%}.stuck-grid>.grid-item:nth-of-type(34){animation-range:26% 36%}.stuck-grid>.grid-item:nth-of-type(35){animation-range:63% 73%}.stuck-grid>.grid-item:nth-of-type(36){animation-range:11% 21%}.stuck-grid>.grid-item:nth-of-type(37){animation-range:89% 99%}.stuck-grid>.grid-item:nth-of-type(38){animation-range:33% 43%}.stuck-grid>.grid-item:nth-of-type(39){animation-range:88% 98%}.stuck-grid>.grid-item:nth-of-type(40){animation-range:22% 32%}.stuck-grid>.grid-item:nth-of-type(41){animation-range:16% 26%}.stuck-grid>.grid-item:nth-of-type(42){animation-range:26% 36%}.stuck-grid>.grid-item:nth-of-type(43){animation-range:66% 76%}.stuck-grid>.grid-item:nth-of-type(44){animation-range:3% 13%}.stuck-grid>.grid-item:nth-of-type(45){animation-range:44% 54%}.stuck-grid>.grid-item:nth-of-type(46){animation-range:11% 21%}.stuck-grid>.grid-item:nth-of-type(47){animation-range:23% 33%}.stuck-grid>.grid-item:nth-of-type(48){animation-range:39% 49%}.stuck-grid>.grid-item:nth-of-type(49){animation-range:59% 69%}.stuck-grid>.grid-item:nth-of-type(50){animation-range:6% 16%}@supports (animation-timeline: scroll()){.stuck-grid>.grid-item:nth-of-type(1){grid-area:1/1}.stuck-grid>.grid-item:nth-of-type(2){grid-area:1/2}.stuck-grid>.grid-item:nth-of-type(3){grid-area:1/3}.stuck-grid>.grid-item:nth-of-type(4){grid-area:1/4}.stuck-grid>.grid-item:nth-of-type(5){grid-area:2/1}.stuck-grid>.grid-item:nth-of-type(6){grid-area:2/2}.stuck-grid>.grid-item:nth-of-type(7){grid-area:2/3}.stuck-grid>.grid-item:nth-of-type(8){grid-area:2/4}.stuck-grid>.grid-item:nth-of-type(9){grid-area:3/1}.stuck-grid>.grid-item:nth-of-type(10){grid-area:3/2}.stuck-grid>.grid-item:nth-of-type(11){grid-area:3/3}.stuck-grid>.grid-item:nth-of-type(12){grid-area:3/4}.stuck-grid>.grid-item:nth-of-type(13){grid-area:4/1}.stuck-grid>.grid-item:nth-of-type(14){grid-area:4/2}.stuck-grid>.grid-item:nth-of-type(15){grid-area:4/3}.stuck-grid>.grid-item:nth-of-type(16){grid-area:4/4}.stuck-grid>.grid-item:nth-of-type(17){grid-area:2/1}.stuck-grid>.grid-item:nth-of-type(18){grid-area:2/2}.stuck-grid>.grid-item:nth-of-type(19){grid-area:2/3}.stuck-grid>.grid-item:nth-of-type(20){grid-area:2/4}.stuck-grid>.grid-item:nth-of-type(21){grid-area:3/1}.stuck-grid>.grid-item:nth-of-type(22){grid-area:3/2}.stuck-grid>.grid-item:nth-of-type(23){grid-area:3/3}.stuck-grid>.grid-item:nth-of-type(24){grid-area:3/4}.stuck-grid>.grid-item:nth-of-type(25){grid-area:1/1}.stuck-grid>.grid-item:nth-of-type(26){grid-area:1/2}.stuck-grid>.grid-item:nth-of-type(27){grid-area:1/3}.stuck-grid>.grid-item:nth-of-type(28){grid-area:1/4}.stuck-grid>.grid-item:nth-of-type(29){grid-area:4/1}.stuck-grid>.grid-item:nth-of-type(30){grid-area:4/2}.stuck-grid>.grid-item:nth-of-type(31){grid-area:4/3}.stuck-grid>.grid-item:nth-of-type(32){grid-area:4/4}.stuck-grid>.grid-item:nth-of-type(33){grid-area:2/1}.stuck-grid>.grid-item:nth-of-type(34){grid-area:2/2}.stuck-grid>.grid-item:nth-of-type(35){grid-area:2/3}.stuck-grid>.grid-item:nth-of-type(36){grid-area:2/4}.stuck-grid>.grid-item:nth-of-type(37){grid-area:3/1}.stuck-grid>.grid-item:nth-of-type(38){grid-area:3/2}.stuck-grid>.grid-item:nth-of-type(39){grid-area:3/3}.stuck-grid>.grid-item:nth-of-type(40){grid-area:3/4}.stuck-grid>.grid-item:nth-of-type(41){grid-area:1/1}.stuck-grid>.grid-item:nth-of-type(42){grid-area:1/2}.stuck-grid>.grid-item:nth-of-type(43){grid-area:1/3}.stuck-grid>.grid-item:nth-of-type(44){grid-area:1/4}.stuck-grid>.grid-item:nth-of-type(45){grid-area:4/1}.stuck-grid>.grid-item:nth-of-type(46){grid-area:4/2}.stuck-grid>.grid-item:nth-of-type(47){grid-area:4/3}.stuck-grid>.grid-item:nth-of-type(48){grid-area:4/4}.stuck-grid>.grid-item:nth-of-type(49){grid-area:3/1}.stuck-grid>.grid-item:nth-of-type(50){grid-area:3/2}.stuck-grid>.grid-item:nth-of-type(51){grid-area:3/3}.stuck-grid>.grid-item:nth-of-type(52){grid-area:3/4}}@layer support{*{box-sizing:border-box;margin:0}html{block-size:100%;color-scheme:dark light}body{min-block-size:400vh;font-family:system-ui,sans-serif}}