.minami-gallery{--minami-gallery-peek:clamp(64px, 12vw, 150px);max-width:100vw;max-height:100vh;width:100%;height:100%;margin:0;padding:0;border:0;background:#fff0;overflow:hidden}.minami-gallery::backdrop{background:rgb(0 0 0 / .92);transition:opacity var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}.minami-gallery.is-closing::backdrop{opacity:0}.minami-gallery__frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(0.75rem, 4vw, 3rem);pointer-events:none}.minami-gallery__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:clamp(20px, 2.5vw, 28px);box-shadow:0 4px 8px rgb(0 0 0 / .3),0 24px 64px rgb(0 0 0 / .55);pointer-events:auto;touch-action:pan-y;cursor:grab}.minami-gallery__img:active{cursor:grabbing}.minami-gallery__peek{position:absolute;top:50%;z-index:0;width:var(--minami-gallery-peek);height:clamp(96px, 24vh, 260px);object-fit:cover;border-radius:18px;box-shadow:0 8px 30px rgb(0 0 0 / .5);filter:brightness(.7);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity var(--minami-dur-short,240ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),transform var(--minami-dur-long,320ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),filter var(--minami-dur-short,240ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}.minami-gallery__peek--prev{left:0;transform:translate(-48%,-50%) scale(.9)}.minami-gallery__peek--next{right:0;transform:translate(48%,-50%) scale(.9)}.minami-gallery.is-open .minami-gallery__peek{opacity:.4}.minami-gallery__peek:hover,.minami-gallery__peek:focus-visible{opacity:.9;filter:brightness(1)}.minami-gallery__peek--prev:hover{transform:translate(-30%,-50%) scale(.95)}.minami-gallery__peek--next:hover{transform:translate(30%,-50%) scale(.95)}.minami-gallery__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:0;padding:0;cursor:pointer;color:#fff;background:rgb(255 255 255 / .14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;line-height:1;transition:transform var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),background-color var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}.minami-gallery__btn::before{content:"";position:absolute;inset:0;background:currentcolor;opacity:0;transition:opacity var(--minami-dur-short,150ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}.minami-gallery__btn:hover::before{opacity:.08}.minami-gallery__btn:focus-visible::before{opacity:.12}.minami-gallery__btn:active{transform:scale(.92)}.minami-gallery__nav:active{transform:translateY(-50%) scale(.92)}.minami-gallery__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.minami-gallery__close{top:clamp(0.5rem, 2vw, 1.25rem);right:clamp(0.5rem, 2vw, 1.25rem);width:3rem;height:3rem;font-size:1.75rem}.minami-gallery__nav{top:50%;transform:translateY(-50%);width:3.5rem;height:3.5rem;font-size:2.25rem}.minami-gallery__prev{left:calc(var(--minami-gallery-peek) * 0.6 + clamp(0.5rem, 2vw, 1.25rem))}.minami-gallery__next{right:calc(var(--minami-gallery-peek) * 0.6 + clamp(0.5rem, 2vw, 1.25rem))}.minami-gallery-trigger{cursor:zoom-in}:where(*):has(>.minami-gallery-trigger){position:relative}:where(*):has(>.minami-gallery-trigger)::after{content:"";position:absolute;inset:auto auto clamp(0.5rem, 2vw, 1rem) clamp(0.5rem, 2vw, 1rem);width:2.75rem;height:2.75rem;border-radius:999px;background:rgb(0 0 0 / .55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='20' y1='20' x2='16.5' y2='16.5'/%3E%3C/svg%3E") center / 1.4rem no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px rgb(0 0 0 / .35);opacity:0;transform:scale(.6);pointer-events:none;transition:opacity var(--minami-dur-short,180ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),transform var(--minami-dur-long,320ms) var(--minami-ease-spring-expressive,cubic-bezier(.34,1.56,.64,1))}:where(*):has(>.minami-gallery-trigger):hover::after,:where(*):has(>.minami-gallery-trigger):focus-within::after{opacity:1;transform:scale(1)}.minami-gallery__img,.minami-gallery__btn{opacity:0}.minami-gallery__img{transform:scale(.92);transition:transform var(--minami-dur-medium,280ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),opacity var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}.minami-gallery.is-open .minami-gallery__img{opacity:1;transform:scale(1)}.minami-gallery.is-open .minami-gallery__btn{opacity:1;transition:opacity var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)) 120ms,transform var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1)),background-color var(--minami-dur-short,200ms) var(--minami-ease-emphasized,cubic-bezier(.2,0,0,1))}@media (max-width:600px){.minami-gallery__frame{padding:.5rem}.minami-gallery__img{border-radius:16px;max-height:82vh}.minami-gallery .minami-gallery__nav{top:auto;bottom:max(1rem, env(safe-area-inset-bottom));transform:none;width:3rem;height:3rem;font-size:1.75rem;background:rgb(255 255 255 / .12)}.minami-gallery .minami-gallery__nav:active{transform:scale(.92)}.minami-gallery .minami-gallery__prev{left:50%;right:auto;margin-left:-4rem}.minami-gallery .minami-gallery__next{right:50%;left:auto;margin-right:-4rem}.minami-gallery__close{top:max(0.75rem, env(safe-area-inset-top));right:max(0.75rem, env(safe-area-inset-right));width:2.75rem;height:2.75rem;font-size:1.5rem}:where(*):has(>.minami-gallery-trigger)::after{width:2.25rem;height:2.25rem;background-size:1.15rem}.minami-gallery__peek{display:none}}