.landing-page.svelte-1uha8ag{height:120vh;width:100%;position:relative}.split-view.svelte-1uha8ag{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;z-index:1}.intro-overlay.svelte-1uha8ag{position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:10;text-align:center;pointer-events:none;opacity:0;transition:opacity 1s ease .5s}.intro-overlay.visible.svelte-1uha8ag{opacity:1}.pet-panel.svelte-1uha8ag{flex:1;position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:flex .5s ease;overflow:hidden;background-color:var(--color-bg)}.pet-panel.svelte-1uha8ag:hover{flex:1.5}.uji-panel.svelte-1uha8ag{background:var(--gradient-uji)}.mimi-panel.svelte-1uha8ag{background:var(--gradient-mimi)}.image-container.svelte-1uha8ag{width:400px;height:400px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.pet-hero-image.svelte-1uha8ag{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.15))}.pet-panel.svelte-1uha8ag:hover .image-container:where(.svelte-1uha8ag){transform:scale(1.1) translateY(-20px)}.name-tag.svelte-1uha8ag{position:absolute;bottom:10%;text-align:center;background:#ffffffe6;padding:1.5rem 3rem;border-radius:2rem;box-shadow:0 10px 25px #0000001a;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.pet-panel.svelte-1uha8ag:hover .name-tag:where(.svelte-1uha8ag){transform:translateY(-10px) scale(1.05);box-shadow:0 20px 35px #00000026}.name-tag.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:2.5rem;margin:0;color:var(--color-text-main)}.view-more.svelte-1uha8ag{display:block;margin-top:.5rem;color:var(--color-primary);font-weight:600;opacity:0;transform:translateY(10px);transition:all .3s ease}.pet-panel.svelte-1uha8ag:hover .view-more:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}@media(max-width:768px){.split-view.svelte-1uha8ag{flex-direction:column}.image-container.svelte-1uha8ag{width:250px;height:250px}.name-tag.svelte-1uha8ag{padding:1rem 2rem;bottom:5%}.name-tag.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:1.8rem}.intro-overlay.svelte-1uha8ag{top:5%;width:90%}}