.bg-grid:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(90deg,rgba(6,74,130,.05) 1px,transparent 1px) 0 0 / 60px 60px,linear-gradient(rgba(6,74,130,.05) 1px,transparent 1px) 0 0 / 60px 60px;mask:linear-gradient(-15deg,transparent 50%,white);z-index:-1;pointer-events:none}.year-display{position:relative;font-size:5rem;line-height:1;font-weight:700;width:auto;height:100px;display:flex;align-items:center}.prefix-container{position:relative;width:120px;display:inline-block;text-align:right}.suffix-container{position:relative;width:120px;display:inline-block}.year-prefix{position:absolute;right:0;opacity:0;transition:opacity .6s ease}.year-prefix.active{opacity:1}.year-suffix{position:absolute;left:0;opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.year-suffix.active{opacity:1;transform:translateY(0)}.content-block{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:.05s}.content-block.active{opacity:1;transform:translateY(0)}.content-block:not(.active){opacity:0;transform:translateY(30px)}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid rgba(1,109,197,.3);border-radius:15px;display:flex;justify-content:center;opacity:.8;transition:opacity 1s ease}.scroll-indicator:after{content:"";width:6px;height:10px;background:#016dc580;border-radius:3px;margin-top:8px;animation:scrollDown 2s infinite}@keyframes scrollDown{0%{transform:translateY(0);opacity:0}30%{opacity:1}60%{transform:translateY(20px);opacity:0}to{opacity:0}}.year-container{position:relative;display:flex;justify-content:center;align-items:center;font-size:clamp(2.5rem,10vw,5rem);line-height:1;height:120px}.prefix-container,.suffix-container{position:relative;display:inline-block;overflow:hidden;height:100%}.year-prefix,.year-suffix{position:absolute;opacity:0;transition:all .4s ease;font-weight:700}.year-prefix.active,.year-suffix.active{opacity:1}.content-block{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.content-block.active{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-section{height:80vh}@media (max-width: 768px){main{padding-bottom:4rem!important}.max-w-5xl{padding-bottom:2rem!important}.year-container{height:80px;margin-bottom:1rem}.content-block h2{font-size:2rem;line-height:1.2;overflow:hidden}.scroll-section{height:60vh}.grid.grid-cols-1.md\:grid-cols-\[180px_1fr\]{grid-template-columns:1fr;gap:.5rem}}@media (max-width: 480px){main{padding-bottom:5rem!important}.max-w-5xl{padding-bottom:3rem!important}.year-container{font-size:3rem;height:60px}.content-block{padding:0 .5rem}.scroll-section{height:50vh}}
