#casesDialog{--paper-ink:#263b1c;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:6.95vw 24px 40px;box-sizing:border-box;background:transparent;color:var(--paper-ink);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;overflow-anchor:none;outline:none}
#casesDialog:not([open]){display:none}
#casesDialog::backdrop{background:#060804d1;opacity:0;transition:opacity .6s ease-out}
#casesDialog.is-open::backdrop{opacity:1}
#casesDialog.is-closing::backdrop{opacity:0;transition:opacity .43s cubic-bezier(.55,.055,.675,.19);transition-delay:1s}
html body #casesDialog,html body #casesDialog *{font-family:ZemuSerif,serif!important;box-sizing:border-box}
#casesDialog .cases-paper{position:relative;width:84vw;max-width:1900px;margin:0 auto;padding:36px clamp(28px,5vw,110px) 44px;background:#848f7a;background-image:linear-gradient(#0000001a,#0000001a),url('./paper-texture.jpg');background-size:100% 100%;color:#263b1c;outline:none}
#casesDialog .cases-head{display:flex;justify-content:flex-end;margin:0 -70px 4px 0}
#casesDialog .cases-close{border:0;background:none;color:inherit;padding:6px 10px;font-size:18px;line-height:1.5;cursor:pointer}
#casesDialog .style-choice-group,#casesDialog .style-gallery{background:transparent!important;color:inherit}
#casesDialog .style-gallery{padding:0!important}
#casesDialog .style-gallery::before{display:none!important}
#casesDialog .style-gallery-label{margin:0 0 65px;color:inherit;background:transparent;border:0;font-size:18px;line-height:1.5}
#casesDialog .style-gallery-stage{width:min(100%,1420px);margin-inline:auto}
#casesDialog .style-page-arrow{background:#848f7a;border-color:#263b1c66;color:#263b1c}
#casesDialog .style-page-arrow:hover{background:#263b1c;color:#bac3ad;border-color:#263b1c}
#casesDialog .style-more-wrap{margin-top:40px}
#casesDialog .style-more-btn{background:#848f7a;color:#263b1c;border-color:#263b1c66;box-shadow:none}
#casesDialog .style-more-btn>span{background:#263b1c;color:#bac3ad}
#casesDialog .style-more-btn:hover{background:#939f87;color:#263b1c;box-shadow:none}
#casesDialog .cases-roll-window{display:block;height:1.5em;overflow:hidden}
#casesDialog .cases-roll-track{display:block;position:relative;height:100%;transition:transform .4s cubic-bezier(.215,.61,.355,1)}
#casesDialog .cases-roll-track>span{display:block;white-space:nowrap}
#casesDialog .cases-roll-track>[aria-hidden="true"]{position:absolute;top:100%;left:0}
#casesDialog :focus-visible{outline:1px solid currentColor;outline-offset:5px}
#casesDialog .cases-paper:focus-visible{outline:none}
html.cases-panel-open{overflow:hidden}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){#casesDialog[data-ready="true"] .cases-close:hover .cases-roll-track,#casesDialog[data-ready="true"] a:is(:hover,:focus-visible) zemu-roll-track{transform:translateY(-100%)}}
@media(max-width:1024px){#casesDialog{padding:80px 16px 24px}#casesDialog .cases-paper{width:100%;padding:24px}#casesDialog .cases-head{margin-right:0}#casesDialog .style-gallery-label{margin-bottom:40px}}
@media(max-width:600px){#casesDialog{padding:72px 12px 24px}#casesDialog .cases-paper{padding:20px 16px 30px}#casesDialog .style-gallery-label{font-size:16px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){#casesDialog::backdrop,#casesDialog.is-closing::backdrop{transition:opacity .15s;transition-delay:0s}#casesDialog .cases-roll-track{transition:none}}

#zemu-opening-shell .desktop-nav .cases-nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.25}
#zemu-opening-shell .desktop-nav .cases-nav>br{display:none}

/* All cases continue down the same green sheet. */
#casesDialog{padding-bottom:0}
#casesDialog .cases-paper{padding-top:12px}
#casesDialog .cases-head{margin-bottom:52px}
#casesDialog .style-gallery-stage{width:100%;max-width:none}
#casesDialog .style-gallery-stage .style-grid{width:100%;max-width:none}
#casesDialog .style-gallery-stage .style-card:nth-child(n){display:block;grid-column:span 1;grid-row:span 1}
#casesDialog .style-gallery-stage .style-card:nth-child(9n+1){grid-column:span 2;grid-row:span 2}
@media(max-width:600px){#casesDialog .cases-head{margin-bottom:30px}}

/* Nine-case groups alternate the large image between the top corners. */
#casesDialog .style-gallery-stage #styleGrid{display:block}
#casesDialog .case-batch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(170px,17.5vw,240px);grid-auto-flow:row dense;gap:18px;margin-bottom:18px}
#casesDialog .case-batch:last-child{margin-bottom:0}
#casesDialog .style-gallery-stage .case-batch .style-card:nth-child(n){grid-column:span 1;grid-row:span 1}
#casesDialog .style-gallery-stage .case-batch .style-card:first-child{grid-column:1/span 2;grid-row:1/span 2}
#casesDialog .style-gallery-stage .case-batch[data-layout="right"] .style-card:first-child{grid-column:3/span 2}
@media(max-width:900px){
 #casesDialog .case-batch{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(150px,23vw,195px);gap:14px;margin-bottom:14px}
 #casesDialog .style-gallery-stage .case-batch[data-layout="right"] .style-card:first-child{grid-column:2/span 2}
}
@media(max-width:520px){
 #casesDialog .case-batch{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(125px,37vw,155px);gap:10px;margin-bottom:10px}
 #casesDialog .style-gallery-stage .case-batch[data-layout="right"] .style-card:first-child{grid-column:1/span 2}
}

/* Cover fractional grid edges without exposing the pale card background. */
#casesDialog .style-gallery-stage .style-card{background:transparent}
#casesDialog .style-gallery-stage .style-card img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;border:0}

/* Match the supplied dark page color rather than the green paper. */
#casesDialog{--paper-ink:#f2f0e8;color:#f2f0e8}
#casesDialog .cases-paper{background:#2c2922;background-image:none;color:#f2f0e8}

/* Keep the same continuous case wall inside detail pages. */
#casesDialog .style-gallery-label,#casesDialog .style-page-arrow,#casesDialog .style-more-wrap{display:none!important}

/* Case style filters share the existing dark case wall. */
#casesDialog .cases-head{margin-bottom:26px}
#casesDialog .case-style-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 24px;color:#f2f0e8}
#casesDialog .case-style-label{color:#b5b0a4;font-size:13px;letter-spacing:.2em;margin-right:4px}
#casesDialog .case-style-filters button{border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#b5b0a4;padding:7px 0;font-size:14px;line-height:1.4;cursor:pointer}
#casesDialog .case-style-filters button[aria-pressed=true]{color:#f2f0e8;border-bottom-color:#d6e64b}
#casesDialog .case-style-filters button:hover{color:#f2f0e8}
#casesDialog .case-style-filters button:focus-visible{outline:1px solid #d6e64b;outline-offset:4px}
#casesDialog .style-empty{padding:52px 0;color:#b5b0a4;font-size:16px}
@media(max-width:600px){#casesDialog .case-style-filters{gap:3px 14px;margin-bottom:18px}#casesDialog .case-style-filters button{font-size:13px;padding:8px 0}#casesDialog .cases-head{margin-bottom:20px}}

/* Keep shared panels independent of host-page body typography. */
#casesDialog{font-size:16px;line-height:normal}