.kinetic-text{font-family:Inter Variable,Inter,sans-serif;font-variation-settings:"wght" var(--font-weight, 400);transform:translateZ(0);will-change:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;perspective:1000px;overflow-wrap:break-word;word-wrap:break-word}.hero-text{max-width:100%;overflow:visible;white-space:normal}.kinetic-text .char{display:inline-block;transform-origin:center bottom;backface-visibility:hidden}.typography-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;padding:4rem 2rem;overflow:visible}.beat-layout-monolith{text-align:center}.beat-layout-monolith .hero-text{margin-bottom:2rem}.beat-layout-monolith .subheading{max-width:70%;margin:0 auto 1rem}.beat-layout-monolith .detail{max-width:60%;margin:0 auto}.beat-layout-split{text-align:center}.beat-layout-split .hero-text-1{margin-bottom:-1rem}.beat-layout-split .hero-text-2{margin-bottom:2rem;padding-left:4rem}.beat-layout-split .subheading{max-width:70%;margin:0 auto 1rem}.beat-layout-split .detail{max-width:60%;margin:0 auto}.beat-layout-stack{text-align:center}.beat-layout-stack .hero-text-1,.beat-layout-stack .hero-text-2,.beat-layout-stack .hero-text-3{margin-bottom:-.5rem;line-height:.85!important}.beat-layout-stack .hero-text-3{margin-bottom:2rem}.beat-layout-stack .subheading{max-width:70%;margin:0 auto 1rem}.beat-layout-stack .detail{max-width:60%;margin:0 auto}.beat-layout-asymmetric{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;width:100%;max-width:90%}.beat-layout-asymmetric .hero-text{grid-column:2;grid-row:1 / 3;text-align:right;align-self:center}.beat-layout-asymmetric .subheading{grid-column:1;grid-row:1;text-align:left;align-self:end}.beat-layout-asymmetric .detail{grid-column:1;grid-row:2;text-align:left;align-self:start}.text-gradient-teal-blue{background:linear-gradient(135deg,#2f6364,#248596 40%,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 100%}.text-gradient-blue-teal{background:linear-gradient(135deg,#0ea5e9,#248596 60%,#2f6364);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 100%}.text-teal{color:#2f6364}.text-blue{color:#0ea5e9}.beat-background{transition:background 1.5s cubic-bezier(.25,.1,.25,1);z-index:0;filter:blur(120px);transform:scale(1.2);isolation:isolate}.typography-vignette{position:relative;background:radial-gradient(ellipse at 50% 50%,#101015,#0c0c0e,#0a0a0a);isolation:isolate}.progress-dots{position:fixed;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100;pointer-events:none}.progress-dot{width:.75rem;height:.75rem;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #0000004d}.progress-dot.active{background:#0ea5e9;border-color:#0ea5e9cc;transform:scale(1.8);box-shadow:0 0 20px #0ea5e9cc,0 0 40px #0ea5e966}.mobile-stacked-beat{padding:6rem 1.5rem;text-align:center}.mobile-stacked-beat .hero-text{font-size:clamp(3rem,12vw,6rem);font-weight:700;margin-bottom:1rem;line-height:1.1}.mobile-stacked-beat .subheading{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:500;margin-bottom:.5rem;line-height:1.3}.mobile-stacked-beat .detail{font-size:clamp(1rem,3vw,1.25rem);font-weight:400;color:#ffffffb3;line-height:1.6}@media(prefers-reduced-motion:reduce){.kinetic-text{transition:none!important;animation:none!important}.progress-dot{transition:background .3s ease}}@media(max-width:1024px){.typography-grid{padding:3rem;gap:1.5rem}}@media(max-width:768px){.typography-grid{padding:2rem 1rem}.progress-dots{right:1rem;gap:1rem}.progress-dot{width:.5rem;height:.5rem}.progress-dot.active{transform:scale(1.5)}.beat-background{filter:blur(80px)}.beat-layout-monolith .subheading,.beat-layout-split .subheading,.beat-layout-stack .subheading{max-width:90%}.beat-layout-monolith .detail,.beat-layout-split .detail,.beat-layout-stack .detail{max-width:85%}.beat-layout-asymmetric{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.beat-layout-asymmetric .hero-text{text-align:center;grid-column:unset;grid-row:unset}.beat-layout-asymmetric .subheading,.beat-layout-asymmetric .detail{text-align:center;max-width:90%;grid-column:unset;grid-row:unset;align-self:center}}