.developer-area{background:var(--background);color:var(--foreground)}.developer-area.developer-area--white{background:#fff}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade-up-blur{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-animate-line1{animation:.7s cubic-bezier(.22,1,.36,1) both hero-fade-up}.hero-animate-word{margin-right:.25em;animation:.65s cubic-bezier(.22,1,.36,1) both hero-fade-up-blur;display:inline-block}.developer-hero-card,.developer-hero-thumb{transition:box-shadow .28s}.developer-hero-card--left{box-shadow:0 1px 3px color-mix(in srgb, var(--primary) 10%, transparent), 0 16px 38px color-mix(in srgb, var(--primary) 19%, transparent)}.developer-hero-thumb--left{box-shadow:0 1px 2px color-mix(in srgb, var(--primary) 9%, transparent), 0 14px 34px color-mix(in srgb, var(--primary) 17%, transparent)}.developer-hero-col--left:hover .developer-hero-card--left,.developer-hero-col--left:hover .developer-hero-thumb--left{box-shadow:0 1px 4px color-mix(in srgb, var(--primary) 17%, transparent), 0 22px 52px color-mix(in srgb, var(--primary) 34%, transparent)}.developer-hero-card--right{box-shadow:0 1px 3px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 9%, transparent), 0 16px 38px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 20%, transparent)}.developer-hero-thumb--right{box-shadow:0 1px 2px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 7%, transparent), 0 14px 34px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 16%, transparent)}.developer-hero-col--right:hover .developer-hero-card--right,.developer-hero-col--right:hover .developer-hero-thumb--right{box-shadow:0 1px 4px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 14%, transparent), 0 20px 48px color-mix(in srgb, var(--developer-hero-thumb-orange,#c45a2d) 34%, transparent)}
