/* An illustrative editing surface, deliberately not a video player. */
.c-showcase{min-width:0;position:relative;background:#132d3c;border:1px solid #294554;border-radius:10px;box-shadow:0 22px 50px #163c531b;color:#eef5fa;transform:rotate(-1deg)}.c-showcase-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:9px;letter-spacing:.08em;color:#b5cbd5}.c-showcase-top>span:first-child{display:flex;align-items:center;gap:8px}.c-showcase-top i{height:6px;width:6px;border-radius:50%;background:#a6d8a8}.c-showcase-screen{position:relative;overflow:hidden;margin:0 16px;background:#d9e7ed;aspect-ratio:16/9;color:#163c53;border:1px solid #c7d9e2}.c-screen-meta{display:flex;justify-content:space-between;font-size:9px;position:absolute;z-index:2;top:14px;left:16px;right:16px;color:#30566b}.c-screen-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#eff4ee,#dce8ef)}.c-art-letter{position:absolute;font:italic 240px/1 Georgia,serif;letter-spacing:-.1em;top:-5px;left:0;color:#b5cbd5;opacity:.65;transform:rotate(-16deg)}.c-art-orbit{width:260px;height:260px;border:1px solid #779dae;border-radius:50%;position:absolute;left:16%;top:0}.c-art-orbit::after{content:"";position:absolute;inset:24px;border:1px solid #779dae;border-radius:50%}.c-art-caption{position:absolute;top:29%;left:39%;font-size:clamp(18px,2.2vw,32px);line-height:1.05;letter-spacing:-.05em;font-weight:650;color:#174960}.c-screen-subtitle{position:absolute;bottom:16px;left:12px;right:12px;text-align:center;z-index:2}.c-screen-subtitle p{display:table;margin:2px auto!important;background:#142f3dea;color:#fff;padding:3px 10px;font-size:12px;line-height:1.5}.c-screen-subtitle p:lang(en){font-size:10px}.c-showcase-timeline{padding:14px 20px 18px}.c-timeline-ruler{display:flex;justify-content:space-between;font:8px/1.6 Consolas,monospace;color:#aec6d1;padding-left:65px;margin-bottom:10px}.c-timeline-row{display:grid;grid-template-columns:57px 1fr;align-items:center;gap:8px;margin-top:7px}.c-timeline-row>span{font-size:8px;color:#b1c9d3;letter-spacing:.05em}.c-track{display:flex;gap:6px;height:18px;min-width:0}.c-track i{display:block;flex:1;border-radius:2px;background:#4b86a3;border:1px solid #629cb7}.c-track i:nth-child(2){flex:1.8}.c-track i:nth-child(3){flex:1.3}.c-track-translation i{background:#327c75;border-color:#559c94}.c-track-audio{align-items:center;padding:0 5px;gap:3px;background:#213d4c}.c-track-audio i{height:var(--level);flex:1!important;background:#a4c4d4;border:0;border-radius:0}.c-showcase figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #36505e;font-size:10px;color:#b5cbd5}.c-showcase figcaption a{color:#d0eafd;text-decoration:none;min-height:24px;display:inline-flex;align-items:center;gap:12px}.c-showcase a:hover{text-decoration:underline}.c-showcase a:focus-visible{outline-color:#aad7ff}

@media(max-width:900px){.c-showcase{transform:none;width:100%;margin:0}.c-art-caption{font-size:28px}}
@media(max-width:600px){.c-showcase-top{padding:13px 12px;font-size:8px}.c-showcase-screen{margin-inline:10px}.c-screen-meta{font-size:8px;top:9px}.c-art-letter{font-size:190px}.c-art-orbit{width:190px;height:190px;left:10%;top:-15px}.c-art-caption{font-size:22px;left:37%;top:30%}.c-screen-subtitle{bottom:9px;left:5px;right:5px}.c-screen-subtitle p{font-size:10px;padding:2px 6px}.c-screen-subtitle p:lang(en){font-size:8px}.c-showcase-timeline{padding:12px}.c-timeline-row{grid-template-columns:46px 1fr}.c-timeline-row>span{font-size:7px}.c-timeline-ruler{padding-left:54px}.c-track{height:15px}.c-showcase figcaption{padding:11px 12px;font-size:9px;flex-wrap:wrap;gap:6px}}