/* Local 0927v3 preview: a centered work with visible neighboring cases. */
.work-carousel{--work-card-width:min(82vw,1280px);--work-gap:clamp(12px,1.1vw,22px)}
.work-viewport{width:calc(100% + var(--gutter)*2);margin-inline:calc(var(--gutter)*-1);overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom;outline-offset:-4px}
.work-track{display:flex;gap:var(--work-gap);align-items:start}
.work-viewport.is-moving .work-track{will-change:transform}
.work-card{flex:0 0 var(--work-card-width);width:var(--work-card-width);min-width:0}
.work-slide .work-card .media{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;background:#090909}
.work-slide .work-card .media>button:not(.film-hit){display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.work-slide .work-card .media img{display:block;min-height:0;min-width:0;width:100%;height:100%;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}
.work-slide .work-card .litu-window{width:100%;max-width:100%}
.work-card .media{transition:opacity .3s ease}
.work-card:not(.is-current) .media{opacity:.6}
.work-card:not(.is-current):hover .media,.work-card:not(.is-current):focus-within .media{opacity:.9}
.work-viewport.is-moving .work-card.is-current .media{opacity:.6}
.work-viewport.is-moving .work-card.is-arriving .media{opacity:1}
.work-slide .work-caption{width:min(100%,var(--work-card-width));margin-inline:auto;min-height:160px;padding-top:28px}
.work-controls{position:relative;z-index:4;gap:12px}
.work-controls>div{gap:18px;padding:4px 5px 4px 20px}
.work-controls>button{padding:4px 22px}
.work-controls .arrows{gap:4px}
.work-controls .arrows button{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;font-size:25px;line-height:1;transition:background .18s ease}
.work-controls .arrows button:hover:not(:disabled){background:var(--glass-hover)}
.work-controls .arrows button:disabled{opacity:.3;cursor:default}
#work-counter{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:46px}
:root{--glass-surface:rgb(237 240 234 / .7);--glass-border:rgb(255 255 255 / .78);--glass-hover:rgb(255 255 255 / .5);--glass-shadow:0 8px 26px rgb(18 28 22 / .08)}
[data-theme=dark]{--glass-surface:rgb(53 58 50 / .64);--glass-border:rgb(255 255 255 / .2);--glass-hover:rgb(255 255 255 / .13);--glass-shadow:0 8px 26px rgb(0 0 0 / .18)}
.work-controls>button,.work-controls>div{background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:999px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .1),var(--glass-shadow);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}
.on-chapter:not(.menu-open) .site-header,.reading-nav{background:var(--glass-surface);-webkit-backdrop-filter:blur(26px) saturate(145%);backdrop-filter:blur(26px) saturate(145%)}
.reading-nav{border-color:var(--glass-border)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.work-controls>button,.work-controls>div,.on-chapter:not(.menu-open) .site-header,.reading-nav{background:var(--paper)}}
@media(max-width:1100px) and (orientation:portrait){.work-controls{position:sticky;background:transparent}}
@media(max-width:600px){
  .work-carousel{--work-card-width:86vw;--work-gap:10px}
  .work-controls{font-size:12px;margin-bottom:18px}
  .work-controls>button{padding-inline:15px}
  .work-controls>div{gap:7px;padding-left:12px}
  .work-controls .arrows{gap:0}
  .work-controls .arrows button{width:44px;height:44px;min-width:44px;min-height:44px}
  .work-slide .work-caption{min-height:150px;padding-top:22px;grid-template-columns:1fr;gap:10px}
  .work-slide .work-caption h3{font-size:24px}
}
@media(prefers-reduced-transparency:reduce){.work-controls>button,.work-controls>div,.on-chapter:not(.menu-open) .site-header,.reading-nav{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media print{.work-viewport{width:100%;margin:0;overflow:visible}.work-track{display:block;transform:none!important}.work-card{width:100%}.work-card:not(.is-current){display:none}.work-controls{display:none}}