/* MASSIA / Cinema V6 selective finish, compatible with the user's native <dialog> rack revision. */
:root{--m-paper:#f5f0e7;--m-cream:#fffaf3;--m-wine:#5f1f31;--m-deep:#24171e;--m-gold:#b69a7c;--m-ink:#2d2225;--m-ease:cubic-bezier(.22,1,.36,1)}
html.m-cinema-html{scroll-padding-top:68px}
body.m-cinema{background:var(--m-paper);color:var(--m-ink)}
.m-cinema .m-loader{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;pointer-events:none!important;gap:0;isolation:isolate}
.m-cinema .m-loader picture{display:block;background:transparent!important;filter:none!important;width:min(70vw,540px)}
.m-cinema .m-loader__signature{display:block;width:100%!important;height:auto!important;filter:none!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;transform:none!important;aspect-ratio:1352/476}
.m-cinema .m-loader__word,.m-cinema .m-loader__minor,.m-cinema .m-loader__bar,.m-cinema .m-loader__status{display:none!important}
.m-cinema .m-topbar{border-bottom-color:#5f1f3126;box-shadow:0 9px 30px #23141a09;background:color-mix(in srgb,var(--m-paper) 95%,transparent)}
.m-cinema .m-topbar__brand--logo{display:flex;align-items:center;justify-content:center;flex-direction:row;width:clamp(128px,14vw,180px);height:var(--m-head);max-width:100%;font-size:0;letter-spacing:0;transform:none;gap:0}
.m-cinema .m-topbar__brand--logo img{display:block;width:100%;height:auto;max-height:calc(var(--m-head) - 8px);object-fit:contain;filter:none;aspect-ratio:1352/476}
.m-cinema .m-menu-sheet__caption--logo{display:block;width:min(260px,70vw);height:auto}
.m-cinema .m-menu-sheet__caption--logo img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.m-cinema .m-hero-actions a,.m-cinema .m-rack-dialog__link{transition:transform .2s var(--m-ease),background-color .2s ease,box-shadow .2s ease}
@media(hover:hover){.m-cinema .m-hero-actions a:hover,.m-cinema .m-rack-dialog__link:hover{transform:translateY(-2px);box-shadow:0 9px 22px #27171c19}}
.m-cinema .m-rack{position:relative;z-index:14;isolation:isolate;transform:none!important;clip-path:none!important;overflow:visible;box-shadow:0 14px 46px #3c253214}
.m-cinema .m-rack + .m-timeline{position:relative;z-index:2;margin-top:0!important}
.m-cinema .m-rack-item__hanger{transform-origin:50% 16%;pointer-events:none}
.m-cinema .m-rack-item__visual{isolation:isolate;z-index:4}
.m-cinema .m-hero-photo,.m-cinema .m-v3-focus__figure,.m-cinema .m-rack-item__photo{backface-visibility:hidden}
/* Local user code changed the old DIV dialog to native DIALOG: hide only when closed. */
.m-cinema dialog.m-rack-dialog:not([open]){display:none!important}
.m-cinema dialog.m-rack-dialog[open]{display:flex!important;position:fixed!important;inset:0!important;margin:auto!important;padding:clamp(8px,2vw,24px)!important;max-width:100vw!important;max-height:100dvh!important;width:100vw!important;height:100dvh!important;background:transparent!important;border:0!important;align-items:center;justify-content:center;overflow:auto;z-index:1100}
.m-cinema dialog.m-rack-dialog::backdrop{background:rgba(27,14,21,.72);backdrop-filter:blur(9px)}
.m-cinema dialog.m-rack-dialog[open] .m-rack-dialog__panel{max-width:min(1040px,96vw)}
@media(max-width:700px){.m-cinema .m-topbar__brand--logo{width:132px}.m-cinema .m-loader picture{width:min(80vw,440px)}.m-cinema .m-rack{scroll-margin-top:58px}.m-cinema dialog.m-rack-dialog[open] .m-rack-dialog__panel{max-width:min(470px,97vw)}}
@media(prefers-reduced-motion:reduce){.m-cinema .m-loader{display:none!important}.m-cinema .m-hero-actions a,.m-cinema .m-rack-dialog__link{transition:none!important;transform:none!important}}