html.drawer-open{overflow:hidden}
.case-drawer{position:fixed;inset:0 0 0 auto;width:min(80vw,1480px);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:-2rem 0 5rem rgba(0,0,0,.19);overflow:hidden;transform:translateX(102%);transition:transform .72s cubic-bezier(.22,1,.36,1)}
.case-drawer[open]{display:flex;flex-direction:column}
.case-drawer.is-open{transform:translateX(0)}
.case-drawer::backdrop{background:rgba(14,19,16,0);backdrop-filter:blur(0);transition:background .72s ease,backdrop-filter .72s ease}
.case-drawer.is-open::backdrop{background:rgba(14,19,16,.59);backdrop-filter:blur(5px)}
.drawer-bar{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;flex:0 0 4.65rem;padding:0 clamp(1.15rem,2.7vw,3rem);border-bottom:1px solid rgba(30,33,30,.26);background:var(--paper)}
.drawer-kicker,.drawer-title,.drawer-close{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.drawer-kicker span{padding:0 .4rem;color:var(--accent)}
.drawer-title{max-width:26rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawer-close{display:flex;justify-self:end;align-items:center;gap:.9rem;padding:.35rem 0 .35rem .8rem;border:0;background:transparent;color:inherit;cursor:pointer}
.drawer-close-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid currentColor;border-radius:50%;font-size:1.45rem;font-weight:400;line-height:1;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s ease,color .25s ease}
.drawer-close:hover .drawer-close-icon{transform:rotate(90deg);background:var(--ink);color:var(--paper)}
.drawer-stage{position:relative;flex:1;min-height:0;background:var(--paper-deep)}
.drawer-frame{display:block;width:100%;height:100%;border:0;background:var(--paper);opacity:1;transition:opacity .3s ease}
.case-drawer.is-loading .drawer-frame{opacity:0}
.drawer-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s ease}
.case-drawer.is-loading .drawer-loading{opacity:1}
@media(max-width:900px){.case-drawer{width:94vw}.drawer-kicker{font-size:.59rem}.drawer-title{font-size:.63rem}}
@media(max-width:640px){.case-drawer{width:100vw}.drawer-bar{grid-template-columns:1fr auto;gap:.5rem;flex-basis:4.2rem;padding:0 1rem}.drawer-kicker{display:none}.drawer-title{justify-self:start;max-width:calc(100vw - 8rem);text-align:left}.drawer-close{gap:.35rem}.drawer-close>span:first-child{font-size:.61rem}.drawer-close-icon{width:2rem;height:2rem;font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.case-drawer,.case-drawer::backdrop{transition:none}.case-drawer{transform:none}.drawer-frame,.drawer-loading,.drawer-close-icon{transition:none}}