.movies-section{background:radial-gradient(ellipse at 0 40%,#edf6ff,transparent 36%),radial-gradient(ellipse at 100% 60%,#edf2ff,transparent 36%),#fff;padding:88px 0 76px}
.movies-section .section-heading{margin-bottom:44px}.movies-section h2{font-size:48px;line-height:1.35;letter-spacing:-.035em;font-weight:750;color:#254b86}.movies-section h2>span{display:inline-block;color:#2561e9;margin-left:.12em}.movies-section .section-heading>p{font-size:15px;line-height:1.7;margin-top:15px;color:#6d82a2}
.movie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,380px));justify-content:center;gap:34px;width:min(1208px,100%);margin:0 auto;padding:0;list-style:none}.movie-card{min-width:0;width:100%}.movie-trigger{display:block;width:100%;padding:0;border:0;border-radius:40px;background:#dce9f5;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 8px 28px #1a467e0a;transition:transform .2s,box-shadow .2s}.movie-trigger:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 18px 38px #1a467e1c}.movie-trigger:focus-visible{outline-offset:7px}
.movie-thumbnail{position:relative;aspect-ratio:3/4;width:100%;overflow:hidden;background:#dce9f5}.movie-thumbnail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;max-width:none}.movie-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a18255c 0,#0a182522 26%,transparent 48%,transparent 78%,#0a182536 100%)}.movie-scene-title{position:absolute;top:28px;left:12px;right:12px;color:white;text-align:center;line-height:1.4;text-shadow:0 1px 5px #07152655}.movie-scene-title b{display:block;white-space:nowrap;font-size:30px;line-height:1.4;font-weight:700;letter-spacing:-.04em}.movie-scene-title small{display:block;white-space:nowrap;font-size:22px;font-weight:400;margin-top:5px;color:#fff;line-height:1.4;letter-spacing:-.025em}.movie-play{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);width:88px;height:88px;display:grid;place-items:center;padding-left:4px;border-radius:50%;background:#0009;border:0;color:white;font-size:36px;line-height:1;transition:background .2s}.movie-trigger:hover .movie-play{background:#15191dc7}.movie-play>svg{display:block;width:27px;height:34px;overflow:visible}.movie-preparing-label{position:absolute;left:18px;right:18px;bottom:65px;text-align:center;font-size:11px;background:#102b55eb;color:#d5e6ff;padding:10px 8px;border:1px solid #b3cdec4d;border-radius:7px}.movie-trigger.is-preparing .movie-play{opacity:.45}.movie-trigger.is-preparing{cursor:default}
.movies-concept-note{font-size:11px;text-align:center;color:#7c8fa9;line-height:1.9;max-width:650px;margin:25px auto 0}.movies-demo-link{display:table;margin:14px auto 0;font-size:12px;color:#426fa9;text-decoration:underline;text-underline-offset:5px;padding:8px 3px}
@media(max-width:1200px){.desktop-nav{gap:18px}}
@media(max-width:700px){.movies-section{padding:58px 0 56px}.movies-section .section-heading{margin-bottom:30px}.movies-section h2{font-size:31px;line-height:1.45}.movies-section .section-heading>p{font-size:13px;margin-top:10px}.movie-grid{grid-template-columns:minmax(0,320px);gap:24px}.movie-trigger{border-radius:34px}.movie-scene-title{top:24px;left:10px;right:10px}.movie-scene-title b{font-size:25px}.movie-scene-title small{font-size:18px;margin-top:5px}.movie-play{width:76px;height:76px;font-size:31px}.movies-concept-note{font-size:10px;margin-top:23px;text-align:center}.movies-demo-link{font-size:12px;line-height:1.8;margin-top:10px}}
@media(max-width:360px){.movie-scene-title b{font-size:23px}.movie-scene-title small{font-size:17px}}
@media(prefers-reduced-motion:reduce){.movie-trigger,.movie-play{transition:none}.movie-trigger:not(:disabled):hover{transform:none}}

/* Playback reference: a standalone 9:16 video, full-screen dimmer, viewport close control. */
#movie-dialog{display:none;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden;color:white}
#movie-dialog[open]{display:grid;place-items:center}
#movie-dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:none}
#movie-dialog .movie-dialog-header{display:contents}
#movie-dialog .movie-dialog-header>div,#movie-dialog .movie-dialog-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#movie-dialog .movie-dialog-header>button{position:fixed;top:20px;right:20px;width:52px;height:52px;min-height:52px;z-index:2;background:rgba(255,255,255,.12);border:0;border-radius:50%;font-size:31px;line-height:1;color:white}
#movie-dialog .movie-dialog-header>button:hover{background:rgba(255,255,255,.22)}
#movie-dialog .movie-player{position:relative;width:min(calc(80dvh * .5625),calc(100vw - 12px));height:auto;aspect-ratio:9/16;max-width:none;border-radius:20px;overflow:hidden;background:#000;flex:none}
#movie-dialog .movie-player>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:700px){#movie-dialog .movie-dialog-header>button{top:20px;right:20px;width:48px;height:48px;min-height:48px;font-size:29px}#movie-dialog .movie-player{border-radius:19px}}