.Homepage{background-image:url(/cat.jpg);background-position:bottom;background-repeat:no-repeat;background-size:contain;max-height:100vh}.Homepage:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 40%,#000000d9 100%);position:absolute;inset:0}h3{letter-spacing:-.04em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}
.ring-container{perspective:800px;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene,.ring{transform-style:preserve-3d;position:relative}.letter{transform-style:preserve-3d;backface-visibility:visible;color:#f8f8ff;padding:auto;font-family:Oswald,sans-serif;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%}.highlight{color:#3b82f6}.letter{text-shadow:0 0 12px #ffffff4c;transition:opacity .4s,filter .4s,color .4s}@keyframes spin_{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}
.about-scroll{min-height:200vh}.about-sticky{place-items:center;height:100vh;display:grid;position:sticky;top:0}.about-text{max-width:22ch;font-size:clamp(3rem,6vw,8rem);font-weight:500;line-height:1.05;font-family:var(--font-interTight),sans-serif;white-space:normal;word-break:normal;overflow-wrap:break-word}.about-text span{opacity:.15;will-change:opacity;transition:opacity .15s linear;display:inline}.timeline{scroll-snap-type:y mandatory;height:100vh;overflow-y:auto}.year-section{scroll-snap-align:start}
.marquee-wrapper{width:100%;line-height:normal;position:absolute;bottom:0;transform:translateY(20%)}.marquee-fade{pointer-events:none;z-index:2;background:linear-gradient(90deg,#000 0%,#0000 20% 80%,#000 100%);position:absolute;inset:0}.marquee{width:max-content;animation:20s linear infinite marquee;display:flex}.marquee span{letter-spacing:-.02em;white-space:nowrap;color:#fff6;margin-right:8rem;font-family:Inter Tight,sans-serif;font-size:20rem;font-weight:700}.dot{background-color:#fff9;border-radius:50%;align-self:center;width:24px;height:24px;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loader{--color-one:#ffbf48;--color-two:#be4a1d;--color-three:#ffbf4780;--color-four:#bf4a1d80;--color-five:#ffbf4740;--time-animation:2s;--size:1;align-self:anchor-center;justify-self:anchor-center;transform:scale(var(--size));box-shadow:0 0 25px 0 var(--color-three),0 20px 50px 0 var(--color-four);animation:colorize calc(var(--time-animation)*3)ease-in-out infinite;border-radius:50%;position:absolute}.loader:before{content:"";border-top:solid 1px var(--color-one);border-bottom:solid 1px var(--color-two);background:linear-gradient(180deg,var(--color-five),var(--color-four));width:100px;height:100px;box-shadow:inset 0 10px 10px 0 var(--color-three),inset 0 -10px 10px 0 var(--color-four);border-radius:50%;position:absolute;top:0;left:0}.loader .box{background:linear-gradient(180deg,var(--color-one)30%,var(--color-two)70%);width:100px;height:100px;-webkit-mask:url(#clipping);mask:url(#clipping)}.loader svg{position:absolute}.loader svg #clipping{filter:contrast(15);animation:roundness calc(var(--time-animation)/2)linear infinite}.loader svg #clipping polygon{filter:blur(7px)}.loader svg #clipping polygon:first-child{transform-origin:75% 25%;transform:rotate(90deg)}.loader svg #clipping polygon:nth-child(2){transform-origin:50%;animation:rotation var(--time-animation)linear infinite reverse}.loader svg #clipping polygon:nth-child(3){transform-origin:50% 60%;animation:rotation var(--time-animation)linear infinite;animation-delay:calc(var(--time-animation)/-3)}.loader svg #clipping polygon:nth-child(4){transform-origin:40% 40%;animation:rotation var(--time-animation)linear infinite reverse}.loader svg #clipping polygon:nth-child(5){transform-origin:40% 40%;animation:rotation var(--time-animation)linear infinite reverse;animation-delay:calc(var(--time-animation)/-2)}.loader svg #clipping polygon:nth-child(6){transform-origin:60% 40%;animation:rotation var(--time-animation)linear infinite}.loader svg #clipping polygon:nth-child(7){transform-origin:60% 40%;animation:rotation var(--time-animation)linear infinite;animation-delay:calc(var(--time-animation)/-1.5)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes roundness{0%{filter:contrast(15)}20%{filter:contrast(3)}40%{filter:contrast(3)}60%{filter:contrast(15)}to{filter:contrast(15)}}@keyframes colorize{0%{filter:hue-rotate()}20%{filter:hue-rotate(-30deg)}40%{filter:hue-rotate(-60deg)}60%{filter:hue-rotate(-90deg)}80%{filter:hue-rotate(-45deg)}to{filter:hue-rotate()}}