.hero{height:340vh;position:relative}.hero-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero-canvas{position:absolute;inset:0}.hero-canvas canvas{display:block}.hero-vignette{pointer-events:none;background:radial-gradient(#0000004d 0%,#000 85%);position:absolute;inset:0}.hero-intro{padding:0 var(--gutter);pointer-events:none;flex-direction:column;align-items:center;gap:32px;display:flex;position:absolute;bottom:max(40px,7vh);left:0;right:0}.hero-tagline{letter-spacing:-.022em;text-align:center;color:var(--text);justify-content:center;max-width:20em;font-size:clamp(21px,2.4vw,32px);font-weight:600;line-height:1.2}.hero-tagline:lang(de){max-width:26em}@media (width<=600px){.hero-tagline{max-width:14em}.hero-tagline:lang(de){max-width:17em}}.hero-scroll{border-radius:13px;justify-content:center;width:26px;height:42px;padding-top:8px;display:flex;box-shadow:inset 0 0 0 1.5px #ffffff59}.hero-scroll span{background:var(--text);width:3px;height:8px;animation:scroll-cue 2s var(--ease-out) infinite;border-radius:2px}@keyframes scroll-cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.hero-phrases{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.hero-phrase{letter-spacing:-.045em;text-align:center;padding:0 var(--gutter);text-wrap:balance;will-change:transform, opacity;grid-area:1/1;font-size:clamp(48px,10vw,148px);font-weight:700;line-height:1}.hero-phrase:lang(de){font-size:clamp(40px,8vw,128px)}.hero-fallback{place-items:center;display:grid;position:absolute;inset:0}.hero-fallback span{letter-spacing:-.06em;grid-area:1/1;font-size:clamp(96px,26vw,360px);font-weight:800;position:relative}.hero-fallback-orb{aspect-ratio:1;filter:blur(40px);opacity:.8;background:radial-gradient(circle at 30% 30%,#7dd3fcb3,#0000 55%),radial-gradient(circle at 70% 70%,#f0abfc99,#0000 55%);border-radius:50%;grid-area:1/1;width:min(60vw,520px)}.statement{padding:clamp(96px,16vh,200px) 0 clamp(64px,10vh,120px)}.statement .scroll-reveal{margin:0}.statement-text{letter-spacing:-.035em;max-width:1040px;font-size:clamp(30px,4.4vw,60px)!important;font-weight:700!important;line-height:1.12!important}.work{padding-bottom:clamp(40px,8vh,120px)}.showcase{padding:clamp(72px,14vh,180px) 0 0}.showcase-copy{max-width:820px}.showcase-eyebrow{color:var(--a);align-items:center;gap:12px;margin-bottom:20px;display:flex}.showcase-index{font-variant-numeric:tabular-nums;color:var(--text);background:color-mix(in srgb, var(--a) 22%, transparent);border-radius:6px;padding:3px 8px;font-size:13px}.showcase .gradient-text{background-image:linear-gradient(100deg, var(--a), var(--b))}.showcase-desc{max-width:640px;margin-top:24px}.showcase-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.showcase-stage{max-width:1280px;padding:0 var(--gutter);perspective:1400px;margin:clamp(48px,8vh,96px) auto 0;position:relative}.showcase-glow{background:radial-gradient(40% 45% at 30% 50%, color-mix(in srgb, var(--a) 30%, transparent), transparent), radial-gradient(40% 45% at 70% 50%, color-mix(in srgb, var(--b) 26%, transparent), transparent);pointer-events:none;position:absolute;inset:-5% 0 -15%}.showcase-device{transform-origin:50% 0;transform-style:preserve-3d;will-change:transform;display:block;position:relative}.showcase-device .browser{transition:box-shadow .5s var(--ease-out)}.showcase-device:hover .browser{box-shadow:0 0 0 1px #ffffff2e, 0 40px 140px -20px color-mix(in srgb, var(--a) 40%, #000)}.showcase-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.numbers{padding:clamp(96px,16vh,200px) 0 clamp(64px,10vh,120px)}.numbers-title{margin-bottom:clamp(32px,5vh,56px)}.bento{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-wide{grid-column:span 2}.bento-full{grid-column:1/-1}.bento-full .bento-card.spotlight-card{flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:clamp(20px,4vw,56px);min-height:200px}.bento-cell{display:flex}.bento-card.spotlight-card{border-radius:28px;flex-direction:column;flex:1;justify-content:space-between;gap:24px;min-height:240px;padding:clamp(24px,3vw,40px);display:flex}.bento-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, #fff 20%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,8vw,112px);font-weight:700;line-height:.9}.bento-label{letter-spacing:-.015em;color:var(--text-2);max-width:28ch;font-size:clamp(17px,1.5vw,21px);font-weight:600;line-height:1.3}@media (width<=860px){.bento{grid-template-columns:1fr 1fr}.bento-wide{grid-column:span 2}}@media (width<=560px){.bento{grid-template-columns:1fr}.bento-wide,.bento-full{grid-column:auto}.bento-full .bento-card.spotlight-card{flex-direction:column;justify-content:space-between;align-items:stretch}.bento-card.spotlight-card{min-height:200px}}.marquee{padding:clamp(40px,8vh,96px) 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee .rb-scroller{font-family:var(--font);letter-spacing:-.04em;filter:none;font-size:clamp(36px,6vw,88px);font-weight:700;line-height:1.15}.marquee .rb-parallax:first-child .marquee-text{color:var(--text)}.marquee .rb-parallax:nth-child(2) .marquee-text{color:var(--bg);-webkit-text-stroke:2px #ffffff59;paint-order:stroke fill}.outro{text-align:center;padding:clamp(96px,18vh,220px) 0 clamp(96px,16vh,200px)}.outro-inner{flex-direction:column;align-items:center;display:flex}.outro-lede{max-width:560px;margin-top:24px}.outro-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.5;display:block}.scroll-reveal-word{display:inline-block}.rb-parallax{position:relative;overflow:hidden}.rb-scroller{white-space:nowrap;text-align:center;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px #0000001a);font-family:sans-serif;font-size:2.25rem;font-weight:700;display:flex}.rb-scroller span{flex-shrink:0}@media (width>=768px){.rb-scroller{font-size:5rem;line-height:5rem}}.shiny-text{-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.shiny-text__glow{filter:blur(.14em);pointer-events:none;-webkit-user-select:none;user-select:none;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}