.iso-gallery{--ink:#2b1a10;--muted:#8a6e4e;--line:#2b1a1024;--paper:#f5f2eb;--ease:cubic-bezier(.76, 0, .24, 1);background:var(--paper);width:100%;height:100%;min-height:520px;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;position:relative;overflow:hidden}.iso-gallery__canvas{touch-action:pan-y;cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .9s ease-out;display:block}.iso-gallery[data-ready] .iso-gallery__canvas{opacity:1}.iso-gallery__canvas:active{cursor:grabbing}.iso-gallery__swap{vertical-align:bottom;display:inline-grid;overflow:hidden}.iso-gallery__swap-item{white-space:nowrap;transition:transform .75s var(--ease);grid-area:1/1;display:inline-block}.iso-gallery__swap-item[data-state=enter]{animation:iso-gallery-swap-in .75s var(--ease) both}.iso-gallery__swap-item[data-state=leave]{animation:iso-gallery-swap-out .75s var(--ease) both}.iso-gallery__swap-item[data-axis=x]{--from:translateY(105%);--to:translateY(-105%)}.iso-gallery__swap-item[data-axis=x][data-dir="-1"]{--from:translateY(-105%);--to:translateY(105%)}.iso-gallery__swap-item[data-axis=y]{--from:translateX(105%);--to:translateX(-105%)}.iso-gallery__swap-item[data-axis=y][data-dir="-1"]{--from:translateX(-105%);--to:translateX(105%)}@keyframes iso-gallery-swap-in{0%{transform:var(--from)}to{transform:none}}@keyframes iso-gallery-swap-out{0%{transform:none}to{transform:var(--to)}}.iso-gallery__side{width:64px;color:var(--ink);font:inherit;letter-spacing:.02em;cursor:pointer;writing-mode:vertical-rl;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0;font-size:13px;transition:color .4s;display:flex;position:absolute;top:0;bottom:0}.iso-gallery__side:after{content:"";background:var(--line);transform-origin:top;width:1px;transition:transform 1.2s var(--ease) .2s;position:absolute;top:0;bottom:0;transform:scaleY(0)}.iso-gallery[data-ready] .iso-gallery__side:after{transform:scaleY(1)}.iso-gallery__side[data-side=prev]{left:0}.iso-gallery__side[data-side=prev]:after{right:0}.iso-gallery__side[data-side=next]{flex-direction:column-reverse;right:0}.iso-gallery__side[data-side=next]:after{left:0}.iso-gallery__side[data-side=next] .iso-gallery__side-label{transform:rotate(180deg)}.iso-gallery__side:hover{color:var(--muted)}.iso-gallery__side:focus-visible,.iso-gallery__enter:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.iso-gallery__side-label{opacity:0;transition:opacity .8s .6s;display:inline-flex}.iso-gallery[data-ready] .iso-gallery__side-label{opacity:1}.iso-gallery__arrow{fill:none;stroke:currentColor;stroke-width:1.4px;writing-mode:horizontal-tb;width:8px;height:12px;transition:transform .9s var(--ease) .8s;transform:scale(0)}.iso-gallery[data-ready] .iso-gallery__arrow{transform:scale(1)}.iso-gallery__caption{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:clamp(28px,6vh,64px);left:50%;transform:translate(-50%)}.iso-gallery__count{color:var(--muted);letter-spacing:.12em;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.iso-gallery__title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease) .2s, transform 1.1s var(--ease) .2s;margin:0;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.1;transform:translateY(40%)}.iso-gallery[data-ready] .iso-gallery__title{clip-path:inset(-10% 0);transform:none}.iso-gallery__enter{background:var(--ink);height:43px;color:var(--paper);letter-spacing:.02em;pointer-events:auto;opacity:0;transition:opacity 1s var(--ease) .45s, transform 1s var(--ease) .45s;border-radius:999px;padding:0 26px;font-size:14px;line-height:43px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;transform:translateY(16px)}.iso-gallery[data-ready] .iso-gallery__enter{opacity:1;transform:none}.iso-gallery__enter-text{transition:transform .6s var(--ease);display:inline-block;position:relative}.iso-gallery__enter-text:after{content:attr(data-text);text-align:center;width:100%;position:absolute;top:100%;left:0}@media (hover:hover){.iso-gallery__enter:hover .iso-gallery__enter-text{transform:translateY(-100%)}}.iso-gallery__error{color:var(--muted);place-items:center;margin:0;display:grid;position:absolute;inset:0}@media (max-width:767px){.iso-gallery__side{writing-mode:horizontal-tb;width:44px;height:44px;top:auto;bottom:clamp(28px,6vh,64px)}.iso-gallery__side:after,.iso-gallery__side-label{display:none}.iso-gallery__side[data-side=prev]{left:16px}.iso-gallery__side[data-side=next]{right:16px}}@media (prefers-reduced-motion:reduce){.iso-gallery *,.iso-gallery :after{transition:none!important;animation:none!important}}.iso-gallery__caption{width:calc(100% - 80px)}.iso-gallery__title,.iso-gallery__title .iso-gallery__swap{max-width:100%}.iso-gallery__title .iso-gallery__swap-item{white-space:normal;overflow-wrap:anywhere}.iso-gallery__loading{color:var(--muted);font-size:13px;position:absolute;top:34%;left:50%;transform:translate(-50%)}@media (max-width:767px){.iso-gallery__caption{width:calc(100% - 32px)}.iso-gallery__title{font-size:26px}}
