*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#000;--text:#e8e4dce6;--screen-height:100lvh;--font-manrope:"Manrope", system-ui, sans-serif}html{overscroll-behavior:none;background:var(--void);width:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;overflow:hidden auto}@media (hover:none) and (pointer:coarse){html{scroll-behavior:auto}body{touch-action:pan-y;-webkit-overflow-scrolling:touch}}body,#root{overscroll-behavior:none;background:var(--void);width:100%;min-height:100%;overflow-x:hidden}body{touch-action:pan-y}@media (hover:hover) and (pointer:fine){body{touch-action:auto}}.hero{z-index:2;width:100%;height:var(--screen-height);min-height:var(--screen-height);background:var(--void);position:relative;overflow:visible}.intro{width:100%;height:100%;position:relative;overflow:visible}.grain{pointer-events:none;z-index:30;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:1.2s steps(8,end) infinite grainShift;position:absolute;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,-1%)}to{transform:translate(0)}}.navy-glow{pointer-events:none;z-index:1;opacity:0;transform-origin:50% 100%;will-change:transform, opacity;height:100%;position:absolute;bottom:0;left:0;right:0;overflow:visible}.navy-glow__blob{transform-origin:50% 100%;backface-visibility:hidden;filter:blur(20px);mix-blend-mode:screen;will-change:transform, opacity;background:linear-gradient(#000 46%,#3168c8 60%,#7eb5ff 72%,#fff 85%,#000 100%);width:100%;height:100%;position:absolute;inset:0}.name-reveal{z-index:10;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.name-reveal__stage{will-change:transform, opacity;transform:translate(-1.2%,-.8%)}.name-reveal__title{text-align:center;white-space:nowrap;font-family:var(--font-manrope);letter-spacing:-.03em;color:var(--text);font-size:clamp(4.5rem,18vw,7rem);font-weight:500;line-height:1}@media (width>=768px){.name-reveal__title{font-size:clamp(4rem,10vw,7.5rem)}}.horizontal-scroll{z-index:3;width:100%;height:var(--screen-height);min-height:var(--screen-height);background:var(--void);margin-top:7vh;position:relative;overflow:hidden}.horizontal-scroll__viewport{will-change:transform;align-items:center;width:100%;height:100%;display:flex}.horizontal-scroll__track{will-change:transform;align-items:center;height:100%;display:flex}.horizontal-scroll__slide{flex:0 0 100vw;align-items:center;width:100vw;height:100%;padding:0 1.25rem;display:flex}.horizontal-scroll__card{background:gray;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;gap:.75rem;width:100%;height:min(74vh,38rem);padding:clamp(1.5rem,4vw,2.25rem);display:flex;position:relative}.horizontal-scroll__card-year{font-family:var(--font-manrope);letter-spacing:.04em;color:#1111118c;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(.7rem,1.5vw,.8rem);font-weight:500;line-height:1;position:absolute;top:clamp(1.5rem,4vw,2.25rem);left:clamp(1.5rem,4vw,2.25rem)}.horizontal-scroll__card-title{font-family:var(--font-manrope);letter-spacing:-.02em;color:#111;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;line-height:1.1}.horizontal-scroll__card-subtitle{font-family:var(--font-manrope);letter-spacing:-.01em;color:#111;font-size:clamp(1.05rem,2.4vw,1.25rem);font-weight:500;line-height:1.3}.horizontal-scroll__card-text{max-width:36ch;font-family:var(--font-manrope);color:#111;font-size:clamp(1rem,2.2vw,1.125rem);font-weight:400;line-height:1.5}
