.sh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.sh.on{display:block}.sh__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#050504f0;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sh__wash{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background-size:cover;background-position:center;filter:blur(90px) saturate(1.5) brightness(.5);opacity:0;transition:opacity 1.1s var(--ease-smooth);transform:scale(1.1);pointer-events:none}.sh__wash.on{opacity:.42}.sh__room{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);padding:clamp(14px,2vh,24px) clamp(16px,3vw,42px) clamp(12px,1.8vh,20px)}.sh__top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f5f4f0a8}.sh__top i{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:8px;vertical-align:middle}.sh__close{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(245,244,240,.2);color:var(--paper);cursor:pointer;flex:0 0 auto;transition:transform .55s var(--ease-smooth),background .35s,border-color .35s}.sh__close:hover{transform:rotate(90deg);background:var(--accent);border-color:var(--accent)}.sh__close svg{width:16px;height:16px}.sh__stage{position:relative;display:grid;place-items:center;min-height:0}.sh__frame{position:relative;will-change:transform}.sh__frame img{display:block;width:100%;height:100%;object-fit:cover;box-shadow:0 40px 90px #000000b3;transition:opacity .32s var(--ease-smooth)}.sh__nav{position:absolute;top:0;bottom:0;width:min(28%,220px);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .4s var(--ease-smooth)}.sh__stage:hover .sh__nav{opacity:1}.sh__nav.prev{left:0}.sh__nav.next{right:0}.sh__nav span{width:clamp(42px,3.6vw,54px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0c0c0bb8;border:1px solid rgba(245,244,240,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .35s,border-color .35s,transform .5s var(--ease-smooth)}.sh__nav:hover span{background:var(--accent);border-color:var(--accent)}.sh__nav.prev:hover span{transform:translate(-5px)}.sh__nav.next:hover span{transform:translate(5px)}.sh__nav svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}.sh__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:clamp(10px,1.6vh,18px)}.sh__cap h2{font-size:clamp(1.05rem,1.7vw,1.5rem);font-weight:700;letter-spacing:-.032em}.sh__cap .meta{margin-top:7px;color:#f5f4f099}.sh__count{color:#f5f4f099;white-space:nowrap}.sh__count b{color:var(--paper);font-weight:500}.sh__rail{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}.sh__rail::-webkit-scrollbar{display:none}.sh__t{flex:0 0 auto;width:52px;height:38px;overflow:hidden;opacity:.4;cursor:pointer;transition:opacity .35s,transform .5s var(--ease-smooth)}.sh__t img{width:100%;height:100%;object-fit:cover;display:block}.sh__t:hover{opacity:.8}.sh__t.on{opacity:1;transform:translateY(-3px);outline:1px solid var(--accent);outline-offset:1px}@media (max-width: 700px){.sh__nav{width:34%}.sh__nav{opacity:1}}