.showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.showcase-card{min-width:0;background:#fff;border:1px solid #cce2ef;border-radius:16px;overflow:hidden}.showcase-card[hidden],.showcase-dialog [hidden],.showcase-picture [hidden]{display:none!important}.showcase-open{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;text-align:start;color:#193d50}.showcase-open:hover{color:#193d50}.showcase-open:focus-visible{outline:3px solid #167bb5;outline-offset:-4px}.showcase-picture{position:relative;aspect-ratio:4/3;background:#e6f2f8;overflow:hidden}.showcase-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.showcase-open:hover img{transform:scale(1.025)}.showcase-copy{padding:20px}.showcase-copy h3{margin:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}.showcase-copy p{margin:12px 0 0;color:#587589;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.showcase-play{position:absolute;right:16px;bottom:16px;width:44px;height:44px;display:grid;place-items:center;background:#fffffff0;border-radius:50%;color:#1b648e;box-shadow:0 2px 12px #1234}.showcase-more{border:0;background:transparent;padding:6px;color:#287bb1;white-space:nowrap}.showcase-image-error{display:grid;place-items:center;height:100%;padding:20px;color:#617e8e;font-size:14px}.showcase-dialog{width:min(1040px,94vw);max-width:94vw;max-height:92dvh;padding:24px;overflow:auto;border:1px solid #cce2ef;border-radius:18px;color:#193d50;background:#fff}.showcase-dialog::backdrop{background:rgb(5 23 35 / 78%)}.showcase-dialog-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:20px}.showcase-dialog-head h2{font-size:26px;line-height:1.4;margin:0;overflow-wrap:anywhere}.showcase-dialog-head button{flex-shrink:0;width:42px;height:42px;border-radius:10px;padding:0;font-size:28px;background:#fff;color:#193d50}.showcase-video{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;object-fit:contain;background:#091c28;border-radius:10px}.showcase-detail-photo{display:block;width:100%;max-height:60dvh;object-fit:contain;border-radius:10px}.showcase-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:20px 0 0}.showcase-video-pending,.showcase-media-error{padding:16px;background:#edf6fb;border-radius:8px;color:#567587}.showcase-editor-record{padding:18px;border:1px solid #dce3ed;border-radius:10px;margin:16px 0}.showcase-editor-record summary{cursor:pointer;font-weight:600}.showcase-editor-record .form-grid{margin-top:16px}.showcase-editor-record .home-upload{margin-top:10px}.showcase-editor-record .showcase-editor-note{font-size:13px;color:#7b8497;line-height:1.7}.showcase-editor-cover{width:100%;max-width:200px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
@media(max-width:1000px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.showcase-grid{grid-template-columns:minmax(0,1fr)}.showcase-copy{padding:18px}.showcase-dialog{padding:16px;border-radius:12px}.showcase-dialog-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.showcase-picture img{transition:none}}