.gallery-wrap.svelte-2efvt9{display:flex;flex-direction:column;gap:12px;width:100%}.gallery.svelte-2efvt9{display:flex;flex-direction:row;height:620px;gap:1rem}.panel.svelte-2efvt9{position:relative;overflow:hidden;cursor:pointer;flex-shrink:0;border:none;padding:0;background:#111;border-radius:var(--radius-image);transition:flex .6s cubic-bezier(.4,0,.2,1),filter .5s ease;min-height:0;min-width:0}.panel.active.svelte-2efvt9{flex:6}.panel.inactive.svelte-2efvt9{flex:1}.panel.svelte-2efvt9 img:where(.svelte-2efvt9){width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.2,1)}.panel.svelte-2efvt9:hover img:where(.svelte-2efvt9){transform:scale(1.03)}.label.svelte-2efvt9{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:2px;padding:28px 14px 12px;background:linear-gradient(transparent,#0009);opacity:0;transform:translateY(6px);transition:opacity .3s ease .22s,transform .3s ease .22s;pointer-events:none}.panel.active.svelte-2efvt9 .label:where(.svelte-2efvt9){opacity:1;transform:translateY(0)}.label.svelte-2efvt9 strong:where(.svelte-2efvt9){font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description.svelte-2efvt9{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.num.svelte-2efvt9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:500;color:#ffffffa6;letter-spacing:.1em;transition:opacity .3s ease;pointer-events:none;writing-mode:vertical-rl;font-family:var(--font-autography)}.panel.active.svelte-2efvt9 .num:where(.svelte-2efvt9){opacity:0}.panel.inactive.svelte-2efvt9 .num:where(.svelte-2efvt9){opacity:1}.panel.inactive.svelte-2efvt9 img:where(.svelte-2efvt9){filter:brightness(50%)}@media (max-width: 900px){.gallery.svelte-2efvt9{flex-direction:column;height:auto}.panel.svelte-2efvt9{min-height:0;overflow:hidden}.panel.svelte-2efvt9 img:where(.svelte-2efvt9){height:100%;min-height:0}.panel.active.svelte-2efvt9{flex:0 0 420px}.panel.inactive.svelte-2efvt9{flex:0 0 120px}.num.svelte-2efvt9{writing-mode:horizontal-tb}.label.svelte-2efvt9 strong:where(.svelte-2efvt9){font-size:15px}}@media (max-width: 600px){.panel.active.svelte-2efvt9{flex:0 0 450px}.panel.inactive.svelte-2efvt9{flex:0 0 64px}}