@property --hero-accent{syntax:"<color>";inherits:true;initial-value:#c9dde3}.hero-stage-chamber{--hero-accent:#c9dde3;transform-style:preserve-3d;transition:--hero-accent .85s cubic-bezier(.22,1,.36,1)}.hero-stage-chamber:before{background:radial-gradient(ellipse at 49% 43%, color-mix(in srgb, var(--hero-accent) 61%, white) 0%, color-mix(in srgb, var(--hero-accent) 18%, transparent) 40%, transparent 72%);opacity:.95;filter:blur(12px);pointer-events:none}.hero-stage-chamber:after{opacity:.64;animation-duration:15s}.hero-stage-chamber .hero-screen{transform-origin:45%;box-shadow:0 42px 100px #203d5530, 0 16px 65px color-mix(in srgb, var(--hero-accent) 30%, transparent);animation:1.15s cubic-bezier(.16,1,.3,1) .25s backwards lumora-hero-arrive;transform:perspective(1400px)rotateY(-3deg)rotate(-1.5deg)}.hero-stage-chamber .hero-screen:hover,.hero-stage-chamber .hero-screen:focus-visible{box-shadow:0 48px 110px #233d5744, 0 12px 54px color-mix(in srgb, var(--hero-accent) 35%, transparent);transform:perspective(1400px)rotateY(0)rotate(0)translateY(-8px)scale(1.012)}.hero-stage-chamber .hero-screen:after{opacity:.28;animation:none;transform:translate(-135%)}.hero-stage-chamber .hero-screen:hover:after,.hero-stage-chamber .hero-screen:focus-visible:after{animation:.9s ease-out both lumora-hero-sheen}.hero-stage-chamber .browser-chrome{background:color-mix(in srgb, var(--hero-accent) 18%, #f2f4f4);transition:background-color .8s}.hero-stage-chamber .stage-caption{animation:.9s cubic-bezier(.2,1,.32,1) .75s backwards lumora-hero-caption-in}.hero-stage-chamber .project-selectors{animation:.85s cubic-bezier(.2,1,.32,1) .9s backwards lumora-hero-caption-in}.hero-stage-chamber .project-selectors button{transition:background-color .5s,color .3s,transform .35s,box-shadow .4s}.hero-stage-chamber .project-selectors button[aria-selected=true]{background:color-mix(in srgb, var(--hero-accent) 16%, #243943);box-shadow:0 6px 20px #263a4730}@keyframes lumora-hero-arrive{0%{opacity:0;filter:blur(4px);transform:perspective(1400px)translate3d(32px,44px,-75px)rotateY(-11deg)rotate(-4deg)scale(.92)}to{opacity:1;filter:blur();transform:perspective(1400px)rotateY(-3deg)rotate(-1.5deg)}}@keyframes lumora-hero-caption-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes lumora-hero-sheen{0%{transform:translate(-135%)}to{transform:translate(135%)}}@media (max-width:550px){.hero-stage-chamber .hero-screen{animation:.82s cubic-bezier(.16,1,.3,1) .15s backwards lumora-hero-mobile-arrive;transform:rotate(-1.1deg)}.hero-stage-chamber .hero-screen:hover,.hero-stage-chamber .hero-screen:focus-visible{transform:rotate(0)translateY(-3px)}.hero-stage-chamber:before{filter:blur(8px);opacity:.7}@keyframes lumora-hero-mobile-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)rotate(-2deg)}to{opacity:1;transform:rotate(-1.1deg)}}}@media (prefers-reduced-motion:reduce){.hero-stage-chamber .hero-screen,.hero-stage-chamber .stage-caption,.hero-stage-chamber .project-selectors,.hero-stage-chamber .hero-screen:after{animation:none!important}}.hero-stage-chamber[data-motion=off] .hero-screen,.hero-stage-chamber[data-motion=off] .stage-caption,.hero-stage-chamber[data-motion=off] .project-selectors,.hero-stage-chamber[data-motion=off]:after{animation:none!important}