/* The whole title opens into four photographic panels, then the original entrance. */
.sry-shop-transition{position:fixed;inset:0;z-index:100010;display:grid;place-items:center;background:#cf0e0e;color:#f8f7f4;isolation:isolate;overflow:hidden;outline:none}
.sry-shop-transition[hidden]{display:none!important}
.sry-shop-transition__stage{position:absolute;inset:0;display:grid;place-items:center}
.sry-shop-transition__word{display:block;width:min(86vw,1440px);height:auto;overflow:visible;transform-origin:center;fill:#f8f7f4}
.sry-shop-transition__word text{font:400 590px Loverica,Didot,serif}
.sry-shop-transition__panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2.6vw,42px);align-items:center;padding:0 6vw}
.sry-shop-transition__panel{opacity:0;margin:0;min-width:0;overflow:hidden;aspect-ratio:3/4;transform:translateY(-6vh);background:#e7e5df}
.sry-shop-transition__panel:nth-child(even){transform:translateY(6vh)}
.sry-shop-transition__panel img{display:block;width:100%;height:100%;object-fit:cover}
.sry-shop-transition__panel:nth-child(2) img{object-position:50% 38%}
.sry-shop-transition__arrival{position:absolute;inset:0;visibility:hidden}
.sry-shop-transition__status{position:absolute;z-index:3;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;font:300 14px/1.5 var(--font-body,'Source Serif 4');margin:0}
.sry-shop-transition__back{position:absolute;z-index:3;top:max(22px,env(safe-area-inset-top));right:clamp(24px,4vw,64px);min-height:44px;padding:8px 0;border:0;background:none;color:inherit;font:300 15px/1.5 var(--font-body,'Source Serif 4');cursor:pointer}
.sry-shop-transition__back:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.sry-shop-transition[data-phase=arrival]{color:#cf0e0e}
.sry-shop-transition__status:not([data-delayed]){width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.sry-shop-transition__word{width:90vw}.sry-shop-transition__panels{gap:10px;padding:0 18px}.sry-shop-transition__panel{aspect-ratio:1/2.5;transform:translateY(-5vh)}.sry-shop-transition__panel:nth-child(even){transform:translateY(5vh)}}