.dvd-library{--case-height:330px;--spine-width:44px;--cover-width:230px;--open-width:600px;margin-top:12px;position:relative}
.dvd-library-top{border-top:1px solid var(--rule);padding:18px 0 8px;font:9px/1.5 Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
.dvd-library-top p{margin:0}
.dvd-shelf-group{position:relative}
.dvd-shelf-row{display:flex;align-items:flex-end;gap:2px;list-style:none;padding:36px 9px 22px;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#bbb transparent;overscroll-behavior-x:contain;min-height:calc(var(--case-height) + 58px);isolation:isolate;border-bottom:1px solid var(--rule);background:linear-gradient(transparent calc(100% - 22px),#00000005 calc(100% - 22px),transparent)}
.dvd-shelf-row::after{content:'';flex:0 0 12px}
.dvd-item{position:relative;flex:0 0 var(--spine-width);width:var(--spine-width);height:var(--case-height);min-width:0;perspective:1100px;transition:flex-basis .76s cubic-bezier(.65,0,.35,1) .09s,width .76s cubic-bezier(.65,0,.35,1) .09s}
.dvd-item.is-selected{flex-basis:var(--open-width);width:var(--open-width);z-index:2}
.dvd-case-button{position:absolute;inset:0 auto 0 0;width:var(--spine-width);height:100%;border:0;background:transparent;padding:0;cursor:pointer;color:inherit;appearance:none;-webkit-appearance:none;z-index:3;border-radius:3px}
.dvd-spine{position:absolute;inset:0;opacity:1;visibility:visible;transition:opacity .26s .33s,visibility 0s linear .33s;filter:drop-shadow(2px 3px 3px #0003)}
.dvd-spine-image{display:block;width:100%;height:100%;max-width:none;object-fit:fill;border-radius:2px}
.dvd-item.is-selected .dvd-spine{opacity:0;visibility:hidden;transition:opacity .16s,visibility 0s linear .16s}
.dvd-case-button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.dvd-open-panel{position:absolute;inset:0 auto 0 0;width:0;height:100%;display:grid;grid-template-columns:var(--cover-width) minmax(0,1fr);gap:28px;overflow:hidden;visibility:hidden;pointer-events:none;transition:width .76s cubic-bezier(.65,0,.35,1) .09s,visibility 0s .85s}
.dvd-item.is-selected .dvd-open-panel{width:var(--open-width);visibility:visible;pointer-events:auto;transition:width .76s cubic-bezier(.65,0,.35,1),visibility 0s}
.dvd-cover{position:relative;width:var(--cover-width);height:100%;padding:5px 6px 6px 5px;background:linear-gradient(90deg,#171717,#666 1%,#080808 3%,#252525 98%,#000);border:1px solid #161616;border-radius:3px 6px 6px 3px;overflow:hidden;transform:perspective(1100px) rotateY(-92deg);transform-origin:left center;transition:transform .65s cubic-bezier(.22,1,.36,1);box-shadow:4px 4px 8px #0002}
.dvd-item.is-selected .dvd-cover{transform:perspective(1100px) rotateY(0deg)}
.dvd-cover img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:#080808}
.dvd-cover::after{content:'';position:absolute;inset:1px;border-radius:3px 5px 5px 3px;border:1px solid #ffffff21;background:linear-gradient(104deg,#ffffff30,transparent 6%,transparent 85%,#ffffff12 94%,transparent),linear-gradient(#ffffff20,transparent 2%,transparent 98%,#0008);pointer-events:none}
.dvd-inline-detail{align-self:center;min-width:0;max-height:100%;overflow:auto;scrollbar-width:thin;opacity:0;transform:translateX(-25px);transition:opacity .22s,transform .42s cubic-bezier(.65,0,.35,1)}
.dvd-item.is-selected .dvd-inline-detail{opacity:1;transform:translateX(0);transition:opacity .35s .23s,transform .55s cubic-bezier(.22,1,.36,1) .12s}
.dvd-detail{padding:8px 18px 8px 0;color:var(--text)}
.dvd-detail h3{font:normal 32px/1.08 Cormorant,Georgia,serif;letter-spacing:-.4px;margin:14px 0 6px}
.dvd-detail .dvd-subtitle{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin:0 0 18px}
.dvd-detail .dvd-meta{font:10px/1.6 Arial,sans-serif;color:var(--muted);margin:0}
.dvd-detail .dvd-synopsis{font:13px/1.75 Arial,sans-serif;color:var(--muted);margin:16px 0 22px}
.dvd-detail-actions a{font:11px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.dvd-mobile-detail{display:none}
.dvd-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px){.dvd-library{--case-height:300px;--spine-width:40px;--cover-width:210px;--open-width:550px}.dvd-detail h3{font-size:29px}.dvd-detail .dvd-synopsis{font-size:12px}}
@media(max-width:700px){
 .dvd-library{--case-height:280px;--spine-width:38px;--cover-width:196px;--open-width:202px}
 .dvd-library-top{padding:14px 0 6px;font-size:8px;letter-spacing:.6px}
 .dvd-shelf-row{padding:24px 4px 20px;min-height:324px;scroll-padding:12px}
 .dvd-open-panel{display:block}
 .dvd-cover{padding:4px 5px 5px 4px}
 .dvd-inline-detail{display:none}
 .dvd-mobile-detail:not([hidden]){display:block;padding:22px 0 10px}
 .dvd-mobile-detail .dvd-detail{padding:0;max-width:500px}
 .dvd-detail h3{font-size:32px}
 .dvd-detail .dvd-synopsis{font-size:14px;line-height:1.75}
 .dvd-detail-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.dvd-item,.dvd-open-panel,.dvd-cover,.dvd-spine,.dvd-inline-detail{transition:none!important}.dvd-shelf-row{scroll-behavior:auto}}

/* Crisp, restrained editorial type beside the film artwork. */
@font-face{font-family:DVDText;src:url('jost-regular.woff2') format('woff2');font-weight:400;font-display:swap}
.dvd-library .dvd-detail h3{font-family:DVDText,Arial,sans-serif!important;font-size:27px!important;font-weight:400!important;line-height:1.15;letter-spacing:-.3px;margin:14px 0 10px}
.dvd-library .dvd-detail p,.dvd-library .dvd-detail a{font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important}
.dvd-library .dvd-detail .eyebrow{font-size:10px;letter-spacing:1.4px}
.dvd-library .dvd-detail .dvd-subtitle{font-size:12px;line-height:1.6;margin-bottom:18px}
.dvd-library .dvd-detail .dvd-meta{font-size:11px;line-height:1.6}
.dvd-library .dvd-detail .dvd-synopsis{font-size:14px;line-height:1.75;margin:18px 0 22px}
.dvd-library .dvd-detail-actions a{font-size:12px}
@media(max-width:700px){.dvd-library .dvd-detail h3{font-size:29px!important}}

/* Film names echo the Cormorant chapter heading. */
.dvd-library .dvd-detail h3{font-family:Cormorant,Georgia,serif!important;font-size:36px!important;font-weight:400!important;line-height:1.06;letter-spacing:-.6px}
@media(max-width:700px){.dvd-library .dvd-detail h3{font-size:35px!important}}

.dvd-touch-controls{display:none}.dvd-cover img{object-fit:cover}.dvd-item[data-film="pera"] .dvd-cover img{object-position:center}.dvd-touch-controls button{appearance:none;background:transparent;border:1px solid var(--rule);border-radius:50%;width:42px;height:42px;font:22px Arial;color:var(--text);cursor:pointer}@media(max-width:700px),(hover:none){.dvd-touch-controls{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0}.dvd-touch-controls span{font:9px Arial;letter-spacing:1.5px;color:var(--muted)}.dvd-shelf-row{touch-action:pan-y}.dvd-item,.dvd-open-panel{transition-delay:0s}}

/* Device-resolution plastic frame with a flat final transform. */
.dvd-cover{padding:6px;background:#151515;border:1px solid #090909;border-radius:3px 5px 5px 3px;box-shadow:inset 1px 0 0 #414141,inset -1px 0 0 #000,3px 4px 7px #0002;backface-visibility:hidden}
.dvd-item.is-selected .dvd-cover{transform:none}
.dvd-cover::after{inset:1px;border:1px solid #ffffff18;background:none;box-shadow:inset 1px 0 0 #ffffff12;border-radius:2px 4px 4px 2px}

/* Clear polycarbonate cases with the original artwork inside a paper sleeve. */
.dvd-shelf-row{gap:5px;background:linear-gradient(transparent calc(100% - 24px),#80745b08 calc(100% - 24px),transparent)}
.dvd-spine{filter:drop-shadow(1px 3px 2px #493e2924)}
.dvd-spine-image{border-radius:4px}
.dvd-cover{padding:10px 10px 10px 13px;background:linear-gradient(90deg,#ffffffc9,#b2b8ae45 2%,#fffffff0 4%,#e3e3d24a 7%,#ffffff80 9%,#f3f0e233 94%,#a5aaa060 97%,#ffffffe6);border:1px solid #a8aca2;border-radius:6px 8px 8px 6px;box-shadow:inset 0 0 0 1px #ffffffe6,inset 3px 0 0 #a0a69a44,inset -2px 0 0 #ffffffe6,3px 5px 9px #4a40271f;overflow:hidden}
.dvd-cover img{object-fit:contain;background:#eeeade;box-shadow:0 0 0 1px #a9a49366}
.dvd-cover::before{content:'';position:absolute;inset:5px auto 5px 4px;width:5px;border:1px solid #a0a69999;border-radius:3px;box-shadow:inset 1px 0 0 #fff,1px 0 0 #ffffffb3;pointer-events:none;z-index:1}
.dvd-cover::after{inset:3px;border:1px solid #ffffffd9;border-radius:4px 6px 6px 4px;box-shadow:inset 0 1px 0 #959d9177,inset 0 -1px 0 #959d9166; background:linear-gradient(106deg,#fff5,transparent 12%,transparent 86%,#ffffff24 95%,transparent),linear-gradient(180deg,#ffffff73,transparent 3%,transparent 97%,#c1c5b953);pointer-events:none}
.dvd-cover img{border-radius:1px}
[data-theme="dark"] .dvd-cover{border-color:#afb3aa99;box-shadow:inset 0 0 0 1px #ffffff85,inset 3px 0 0 #a0a69a44,3px 5px 9px #0005}
@media(max-width:700px){.dvd-cover{padding:9px 8px 9px 12px}.dvd-shelf-row{gap:4px}}

/* Molded shell: double rims, sleeve clips, hinge knuckles and a side latch. */
.dvd-cover{padding:12px 12px 12px 15px;border-color:#9da6949c;border-radius:7px 9px 9px 7px;background:linear-gradient(90deg,#ffffffcf,#89977e38 1.5%,#fffffff2 3%,#b5beaa47 4.5%,#ffffffa6 6%,#e9ecde38 8%,#ffffff19 91%,#b1baa346 95%,#fff9 98%,#a3ae955c);box-shadow:inset 0 0 0 1px #fffffff0,inset 2px 0 1px #8e9a7e52,inset -2px 0 1px #fff9,2px 3px 2px #625b3d1a,5px 7px 11px #4c45241c}
.dvd-cover img{box-shadow:0 0 0 .6px #9ca18e70,1px 1px 2px #52492c1a;background:#eeeade}
.dvd-cover::before{inset:8px auto 8px 5px;width:5px;border-color:#8c987c78;border-radius:3px;background:linear-gradient(90deg,#fff9,#9da88a35,#ffffffe0);box-shadow:inset 1px 0 0 #fff,1px 0 0 #fff8}
.dvd-cover::after{inset:0;border:0;border-radius:inherit;box-shadow:none;background:url('cinema/clear-case-shell.svg?v=239') center/100% 100% no-repeat;opacity:1}
.dvd-spine{filter:drop-shadow(1px 2px 1px #6a5d3c25) drop-shadow(2px 4px 3px #66552d12)}
@media(max-width:700px){.dvd-cover{padding:11px 10px 11px 14px}}

/* Photographic clear polymer, shared across covers and spines. */
.dvd-cover{padding:20px 13px 15px 27px;border:0;border-radius:7px;background:transparent;box-shadow:none;filter:drop-shadow(2px 4px 2px #4b422b20) drop-shadow(4px 7px 7px #453a2520)}
.dvd-cover img{background:#eeeade;border-radius:1px;box-shadow:0 0 0 .5px #b1ad9d66}
.dvd-cover::before{display:none}
.dvd-cover::after{inset:0;background:url('cinema/plastic-shell.webp?v=240') center/100% 100% no-repeat;border:0;box-shadow:none;border-radius:0;opacity:1}
.dvd-spine::after{content:'';position:absolute;inset:0;background:url('cinema/plastic-shell.webp?v=240') center/100% 100% no-repeat;pointer-events:none}
.dvd-spine-image{border-radius:0}
.dvd-spine{filter:drop-shadow(1px 3px 1px #65523829) drop-shadow(2px 5px 4px #68533412)}
[data-theme="dark"] .dvd-cover{box-shadow:none;filter:drop-shadow(3px 5px 5px #0005)}
@media(max-width:700px){.dvd-cover{padding:17px 11px 13px 24px}}

/* One fitted artwork sleeve: no extra picture frame or variable letterboxing. */
.dvd-cover{padding:0}
.dvd-cover img{position:absolute;left:12.2%;top:6.6%;width:81.8%;height:87%;object-fit:cover;object-position:center;background:transparent;border:0;border-radius:1px;box-shadow:none}
.dvd-item[data-film="pera"] .dvd-cover img{object-position:center}
.dvd-cover::after{z-index:1}
@media(max-width:700px){.dvd-cover{padding:0}}