/* MITT-CASE-PRESENTATION-20260912-preview1
 * Opt-in presentation only. Original gallery.mjs owns images, search and history.
 */
body[data-mitt-case-presentation="b"] .case-page{max-width:1152px}
body[data-mitt-case-presentation="b"] .case-tools{margin-bottom:24px}
body[data-mitt-case-presentation="b"] .case-tools label{min-height:48px;border-color:#e0e1dc;border-radius:12px;background:#f6f6f3;padding:0 16px}
body[data-mitt-case-presentation="b"] .case-tools input{height:46px}
body[data-mitt-case-presentation="b"] .case-grid{gap:36px 24px}
body[data-mitt-case-presentation="b"] .case-image{border-radius:12px;background:#f0f0ec}
body[data-mitt-case-presentation="b"] .case-image img{transition:transform var(--mitt-motion-time,500ms) var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1))}
body[data-mitt-case-presentation="b"] .case-copy{padding-top:14px;min-height:46px;align-items:baseline}
body[data-mitt-case-presentation="b"] .case-card a:hover h2{text-decoration:none}
body[data-mitt-case-presentation="b"] .case-copy b{display:inline-block;transition:transform var(--mitt-motion-time,500ms) var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1))}
body[data-mitt-case-presentation="b"] .case-card a{border-radius:12px}
body[data-mitt-case-presentation="b"] .case-empty button{min-height:44px;border-radius:999px;background:#171717}
body[data-mitt-case-presentation="b"] .case-dialog{width:min(1040px,calc(100% - 64px));border-radius:16px;background:#fff;box-shadow:0 20px 72px #0003}
body[data-mitt-case-presentation="b"] .case-dialog::backdrop{background:#121413c9}
body[data-mitt-case-presentation="b"] .case-dialog-top{padding:12px 20px;border-bottom:1px solid #ededeb}
body[data-mitt-case-presentation="b"] .case-dialog-top button{border-radius:50%;border:1px solid #dedfda;font-size:18px;background:white}
body[data-mitt-case-presentation="b"] .case-stage{min-height:0;background:#f1f1ee}
body[data-mitt-case-presentation="b"] .case-stage>img{height:auto;max-height:calc(100dvh - 204px);object-fit:contain}
body[data-mitt-case-presentation="b"] .case-stage>button{top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;border-color:#dedfda;line-height:1;background:#ffffffed}
body[data-mitt-case-presentation="b"] .case-prev{left:12px}
body[data-mitt-case-presentation="b"] .case-next{right:12px}
body[data-mitt-case-presentation="b"] .case-stage>button:disabled{opacity:.3}
body[data-mitt-case-presentation="b"] .case-dialog-bottom{padding:14px 20px;min-height:82px;border-top:1px solid #ededeb;background:white}
body[data-mitt-case-presentation="b"] .case-thumbs button{border-radius:6px;overflow:hidden;border-color:#d8dad4;transition:border-color 180ms ease,opacity 180ms ease}
body[data-mitt-case-presentation="b"] .case-thumbs button[aria-pressed=true]{outline-color:#171717}
body[data-mitt-case-presentation="b"] .case-dialog :is(.case-dialog-top button,.case-stage>button){transition:background-color 220ms var(--mitt-motion-ease,ease),color 220ms var(--mitt-motion-ease,ease),transform 180ms ease}
body[data-mitt-case-presentation="b"] .case-dialog :is(.case-dialog-top button,.case-stage>button):focus-visible{background:#171717;color:white}
body[data-mitt-case-presentation="b"] .case-dialog button:not(:disabled):active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){
 body[data-mitt-case-presentation="b"] .case-card a:hover .case-image img{transform:scale(1.035)}
 body[data-mitt-case-presentation="b"] .case-card a:hover .case-copy b{transform:translate(2px,-2px)}
 body[data-mitt-case-presentation="b"] .case-dialog :is(.case-dialog-top button,.case-stage>button):not(:disabled):hover{background:#171717;color:white}
}
@media(max-width:600px){
 body[data-mitt-case-presentation="b"] .case-tools{margin-bottom:20px}
 body[data-mitt-case-presentation="b"] .case-tools label{padding:0 12px}
 body[data-mitt-case-presentation="b"] .case-grid{gap:30px}
 body[data-mitt-case-presentation="b"] .case-copy{min-height:0}
 body[data-mitt-case-presentation="b"] .case-dialog{width:calc(100% - 24px);border-radius:14px}
 body[data-mitt-case-presentation="b"] .case-dialog-top{padding:10px 12px}
 body[data-mitt-case-presentation="b"] .case-dialog-bottom{padding:14px 12px;min-height:78px}
 body[data-mitt-case-presentation="b"] .case-stage>img{max-height:calc(100dvh - 190px)}
 body[data-mitt-case-presentation="b"] .case-prev{left:8px}
 body[data-mitt-case-presentation="b"] .case-next{right:8px}
}
@media(prefers-reduced-motion:reduce){
 body[data-mitt-case-presentation="b"] .case-page *,
 body[data-mitt-case-presentation="b"] .case-dialog *{transition:none!important;animation:none!important}
 body[data-mitt-case-presentation="b"] .case-card a:hover .case-image img{transform:none}
}