.hero{position:relative;overflow:hidden;min-height:min(85vh,700px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem 3rem;gap:0}.hero-map-bg{position:absolute;inset:0;background:url(/maps/austin.png) 50%/cover no-repeat;filter:contrast(1.1);opacity:.35;transform-origin:center;z-index:0}.hero-map-bg.animate{animation:map-zoom 8s ease-out forwards}@keyframes map-zoom{0%{transform:scale(1)}to{transform:scale(1.4)}}.hero-radial-fade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,hsl(0 0% 100%/.85) 0,hsl(0 0% 100%/.2) 70%,transparent 100%);pointer-events:none;z-index:1}.hero-ripple-container{position:absolute;bottom:29%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:2}.hero-ripple-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border:2px solid hsl(336 83% 40%/.25);border-radius:50%;opacity:0;will-change:width,height,opacity}.hero-ripple-ring.animate{animation:ripple-size 3s ease-out infinite,ripple-fade 3s linear infinite}.hero-ripple-ring:first-child{animation-delay:0s}.hero-ripple-ring:nth-child(2){animation-delay:1s}.hero-ripple-ring:nth-child(3){animation-delay:2s}@keyframes ripple-size{0%{width:0;height:0}to{width:50vw;height:50vw}}@keyframes ripple-fade{0%{opacity:0}8%{opacity:.4}to{opacity:0}}.hero-rive-container{position:relative;width:300px;height:420px;z-index:3;opacity:0;transform:translateY(-80px)}.hero-rive-container.animate{animation:pin-drop .8s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes pin-drop{0%{opacity:0;transform:translateY(-80px)}40%{opacity:1}to{opacity:1;transform:translateY(0)}}.hero-rive-container>canvas,.hero-rive-container>div:not(.hero-ripple-container){width:100%!important;height:100%!important}.hero-scattered-heart{z-index:2;opacity:0;color:hsl(336 83% 40%/.5);fill:transparent;stroke-width:2;pointer-events:none}.hero-scattered-heart.animate{animation:heart-appear .4s ease-out forwards var(--appear-delay),heart-fill .5s ease-out forwards var(--fill-delay)}@keyframes heart-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes heart-fill{0%{fill:transparent;color:hsl(336 83% 40%/.5)}to{fill:hsl(336 83% 40%/.7);color:hsl(336 83% 40%/.7)}}.hero-title{position:relative;z-index:4;margin-top:-.5rem;font-family:var(--font-heading);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;color:var(--brand-crimson);opacity:0;transform:translateY(8px)}.hero-title.animate{animation:fade-up .6s ease-out forwards;animation-delay:2.5s}.hero-subtitle{position:relative;z-index:4;margin-top:.75rem;max-width:40rem;font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:hsl(var(--muted-foreground));opacity:0;transform:translateY(8px);text-align:center}.hero-subtitle.animate{animation:fade-up .6s ease-out forwards;animation-delay:2.8s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-map-bg.animate{animation:none;transform:scale(1.2)}.hero-rive-container.animate{animation:none;opacity:1;transform:translateY(0)}.hero-scattered-heart.animate{animation:none;opacity:1;fill:hsl(336 83% 40%/.7);color:hsl(336 83% 40%/.7)}.hero-ripple-ring.animate{animation:none}.hero-subtitle.animate,.hero-title.animate{animation:none;opacity:1;transform:translateY(0)}}@media (max-width:640px){.hero-rive-container{width:200px;height:280px}@keyframes ripple{0%{width:0;height:0;opacity:.5}to{width:80vw;height:80vw;opacity:0}}.hero-map-bg.animate{animation:map-zoom-mobile 8s ease-out forwards}@keyframes map-zoom-mobile{0%{transform:scale(1)}to{transform:scale(1.2)}}}