/* Robot footage remains native video; diagrams and text stay in the slide DOM. */
.cover{background:#102b30;color:#f4f5ed}
.cover-copy{width:58%;padding:62px 64px;background:none;z-index:3}
.cover .kicker{color:#c4d9cd;font-size:12px;letter-spacing:.1em;white-space:nowrap}
.cover h1{margin-top:75px;font-size:112px}
.cover .paper-title{font-size:37px;max-width:540px}
.cover-rule{background:#a7c89f}
.cover .cover-thesis{color:#c6d6d0;margin-top:42px}
.cover-film{width:59.4%;background:#102b30;z-index:1}
.cover-film video{display:block;width:100%;height:100%;object-fit:cover}
.cover-film:after{background:linear-gradient(0deg,#102b30b0,transparent 24%)}
.cover-film figcaption{bottom:34px;right:45px;font-size:12px;color:#e1e8df}
.cover-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#102b30 28%,#102b30ed 39%,#102b3085 52%,#102b3000 68%)}
.cover .slide-number{bottom:65px}
.composition-demo{position:absolute;left:64px;top:351px;width:250px;margin:0;border-radius:4px;overflow:hidden;background:#143a3c;color:#edf4ed}
.composition-demo video{display:block;width:100%;height:125px;object-fit:contain;background:#112629}
.composition-demo figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:10px;line-height:1.3}
.composition-demo .demo-open{font-size:10px;color:#d9eee3;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
.gesture-demo-link{position:absolute;bottom:70px;right:64px;font-size:14px;color:var(--teal);text-decoration:underline;text-underline-offset:4px;padding:7px 0}
#demo-dialog{width:min(1120px,94vw);max-height:94dvh;padding:20px 24px;border:1px solid #436260;border-radius:7px;background:#102b30;color:#eef3ec;box-shadow:0 20px 80px #102b3099;overflow:auto}
#demo-dialog::backdrop{background:#081718e6;backdrop-filter:blur(6px)}
#demo-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:20px}
#demo-dialog .label{color:#a8c5b9;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
#demo-dialog h2{font-size:26px;font-weight:550;letter-spacing:-.02em;margin:7px 0 0}
#demo-close{font-size:30px;color:inherit;padding:0 6px}
#demo-video{display:block;width:100%;max-height:70dvh;object-fit:contain;background:#081b1e}
#demo-caption{font-size:14px;line-height:1.5;color:#bed2c7;margin:13px 0 0}
@media(max-width:700px){
 .cover.active{display:block;min-height:calc(100dvh - 100px);padding:0}
 .cover-copy{width:100%;min-height:600px;padding:34px 24px 30px}
 .cover .kicker{font-size:9px;letter-spacing:.06em;white-space:normal}
 .cover h1{font-size:74px;margin-top:36px}
 .cover .paper-title{font-size:27px;max-width:330px}
 .cover .cover-thesis{font-size:17px;margin-top:215px}
 .cover-film{position:absolute;inset:0;width:100%;height:100%}
 .cover-film video{object-position:65% center}
 .cover-shade{background:linear-gradient(180deg,#102b30ed 0%,#102b30be 32%,#102b3020 62%,#102b30db 91%)}
 .cover-film figcaption{bottom:20px;right:24px;font-size:10px}
 .composition-demo{position:relative;left:auto;top:auto;width:100%;margin:5px 0 22px}
 .composition-demo video{height:auto;aspect-ratio:2/1}
 .composition-demo figcaption,.composition-demo .demo-open{font-size:12px}
 .gesture-demo-link{position:static;display:block;margin-top:25px;font-size:14px}
 #demo-dialog{padding:15px}
 #demo-dialog h2{font-size:21px}
}