@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:3s ease-in-out infinite float}.card-enter{will-change:transform, opacity;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards cardEnter}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.search-highlight{color:var(--accent);background:#e85d0426;border-radius:2px;padding:0 2px;font-weight:600}#resultCount.count-pulse{animation:.3s countPulse;display:inline-block}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#directoryGrid{content-visibility:auto;contain-intrinsic-size:600px}.ethereal-card{background:rgba(var(--bg-card-rgb,255, 255, 255), .7);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);transform-style:preserve-3d;flex-direction:column;height:100%;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -4px #0000000d}html.dark .ethereal-card{background:rgba(var(--bg-card-rgb,26, 26, 26), .7)}.ethereal-card:hover{border-color:#e85d044d;box-shadow:0 20px 40px -8px #00000026}.ethereal-card .card-image-container{flex-shrink:0;height:12rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000 98%);mask-image:linear-gradient(#000 60%,#0000 98%)}@media (width>=768px){.ethereal-card .card-image-container{height:14rem}}.holo-logo{background:var(--accent);z-index:20;border-radius:50%;width:2.5rem;height:2.5rem;padding:2px;transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;top:-1.25rem;left:1rem;box-shadow:0 4px 12px #00000026}@media (width>=768px){.holo-logo{width:3rem;height:3rem;top:-1.5rem}}.ethereal-card:hover .holo-logo{transform:scale(1.08)}.holo-logo-inner{background:var(--bg-card);width:100%;height:100%;color:var(--accent);border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex;overflow:hidden}.holo-logo-inner img{object-fit:cover;width:100%;height:100%}.ethereal-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:15;background:linear-gradient(135deg,#e85d0480,#2563eb80,#e85d0480) 0 0/200% 200%;padding:1px;transition:opacity .5s;animation:3s infinite gradientMove;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.ethereal-card:hover:after{opacity:1}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ethereal-card .card-content{z-index:20;flex-direction:column;flex-grow:1;padding-top:1.5rem;display:flex;position:relative}.skyline-path{stroke-dasharray:2000;stroke-dashoffset:2000px}.skyline-win{stroke-dasharray:200;stroke-dashoffset:200px;opacity:0}.cloud{animation:60s linear infinite drift}.cloud-1{animation-duration:45s}.cloud-2{animation-duration:70s;animation-delay:-20s}.cloud-3{animation-duration:55s;animation-delay:-10s}@keyframes drift{0%{transform:translate(-50px)}to{transform:translate(850px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.skyline-path,.skyline-win{stroke-dashoffset:0!important;opacity:1!important}.card-enter,.animate-float,.cloud{animation:none!important}.ethereal-card:after{transition:none!important;animation:none!important}}@media (width<=767px){.gsap-hero-badge,.gsap-hero-subtitle,.gsap-filter-panel{opacity:1!important;transform:none!important}.skyline-path,.skyline-win{stroke-dashoffset:0!important;opacity:1!important}.skyline-win{fill:#e85d0433}#hero-skyline{transform-origin:bottom;transform:scale(1.2)translateY(-10%)}.skyline-path,.skyline-win{vector-effect:non-scaling-stroke}.ethereal-card{-webkit-backdrop-filter:none;background:var(--bg-card)}.ethereal-card:after{display:none}}@media (width>=768px){.no-js .gsap-hero-badge,.no-js .gsap-hero-subtitle,.no-js .gsap-filter-panel{opacity:1!important;transform:none!important}}
