.gallery-wrap.svelte-uxv2kp{width:100%;padding:0 1.5rem;overflow:hidden}.gallery.svelte-uxv2kp{display:flex;gap:12px;max-width:1280px;height:460px;margin:0 auto}.panel.svelte-uxv2kp{flex:1;background-size:cover;background-position:center;border-radius:24px;cursor:pointer;transition:flex .8s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;text-decoration:none}.p1.svelte-uxv2kp{background-image:linear-gradient(#0006,#0009),url(../../../images/home_01.jpg);background-color:#1a1a2e}.p2.svelte-uxv2kp{background-image:linear-gradient(#0006,#0009),url(../../../images/home_02.jpg);background-color:#2d1b4e}.p3.svelte-uxv2kp{background-image:linear-gradient(#0006,#0009),url(../../../images/home_03.jpg);background-color:#1b4e2d}.panel-overlay.svelte-uxv2kp{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000000b3);opacity:.6;transition:opacity .9s ease}.panel.svelte-uxv2kp:hover .panel-overlay:where(.svelte-uxv2kp){background:none;opacity:0}.panel-content.svelte-uxv2kp{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;transform:translateY(0);transition:transform 1.9s cubic-bezier(.23,1,.32,1)}.panel.svelte-uxv2kp:hover .panel-content:where(.svelte-uxv2kp){transform:translateY(-.5rem)}.panel-logo.svelte-uxv2kp{opacity:.9;transition:opacity .9s ease}.panel.svelte-uxv2kp:hover .panel-logo:where(.svelte-uxv2kp){opacity:1}.logo-svg.svelte-uxv2kp{height:50px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.panel-label.svelte-uxv2kp{display:flex;flex-direction:column;gap:.25rem}.panel-label-title.svelte-uxv2kp{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.panel-label-sub.svelte-uxv2kp{color:#fffc;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.panel.svelte-uxv2kp:not(:hover) .panel-label-title:where(.svelte-uxv2kp){font-size:1rem}.panel.svelte-uxv2kp:not(:hover) .panel-label-sub:where(.svelte-uxv2kp){font-size:.65rem}.panel.svelte-uxv2kp:not(:hover) .panel-content:where(.svelte-uxv2kp){padding:1rem}.panel.svelte-uxv2kp:hover{flex:4}@media(max-width:768px){.gallery.svelte-uxv2kp{height:280px;gap:8px}.panel-content.svelte-uxv2kp{padding:.75rem}.panel-label-title.svelte-uxv2kp{font-size:.7rem}.panel-label-sub.svelte-uxv2kp{font-size:.5rem}.logo-svg.svelte-uxv2kp{height:24px}.panel.svelte-uxv2kp:not(:hover) .panel-label-title:where(.svelte-uxv2kp){font-size:.6rem}}
