.production-process{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;list-style:none;padding:16px 0;margin:22px 0 0;border-top:1px solid #ddd;font-size:10px;line-height:1.8;}
.production-process li:not(:last-child)::after{content:'→';margin-left:18px;color:#888;}
.sketch-storyboard .storyboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;}
.sketch-storyboard .storyboard-card>a{max-width:none;}
.storyboard-crop{display:block;position:relative;overflow:hidden;background:#f5f2eb;}
.sketch-storyboard .storyboard-crop img{position:absolute;max-width:none;height:auto;transform:none;transition:none;}
.sketch-storyboard .storyboard-card>a{transition:transform .25s ease;}
.sketch-storyboard .storyboard-card h3{font-size:15px;font-weight:600;line-height:1.5;margin-top:11px;}
.sketch-storyboard .storyboard-card blockquote{font-size:11px;line-height:1.7;padding:10px 0;}
.sketch-storyboard details>summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:10px;padding:8px 0;}
.sketch-storyboard details[open]>summary{margin-bottom:10px;}
.sketch-storyboard details[open]>summary span{transform:rotate(45deg);}
.sketch-storyboard details .storyboard-brief{font-size:10px;margin:0 0 12px;}
.sketch-storyboard details dt{font-size:12px;font-weight:600;color:#333;text-transform:none;}.sketch-storyboard details dd{font-size:11px;}.sketch-storyboard summary:focus-visible{outline:2px solid #111;outline-offset:3px;}
.sketch-storyboard .storyboard-card:focus-within>a{transform:translateY(-2px);}
@media(hover:hover){.sketch-storyboard .storyboard-card:hover>a{transform:translateY(-2px);}}
.viewer-crop{position:relative;overflow:hidden;flex:none;width:min(var(--crop-display-width),calc(100vw - 64px),calc((100dvh - 245px)*var(--crop-ratio)));aspect-ratio:var(--crop-ratio);background:#f5f2eb;}
#case-viewer .viewer-crop img{position:absolute;max-width:none;max-height:none;min-width:0;width:var(--crop-sheet-width);height:auto;left:var(--crop-left);top:var(--crop-top);object-fit:initial;}
#case-viewer.is-zoomed .viewer-crop{width:var(--crop-zoom-width);margin:auto;}
@media(max-width:900px){.sketch-storyboard .storyboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){.sketch-storyboard .storyboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}.sketch-storyboard .storyboard-card h3{font-size:14px;}.sketch-storyboard .storyboard-card blockquote{font-size:11px;}.production-process{gap:6px 12px;font-size:9px;}.production-process li:not(:last-child)::after{margin-left:12px;}}
@media(prefers-reduced-motion:reduce){.sketch-storyboard .storyboard-card>a{transition:none!important;transform:none!important;}}
.motion-off .sketch-storyboard .storyboard-card>a{transition:none!important;transform:none!important;}