#about.mr-video-about{padding:48px 20px 40px;background:#fff;color:#181b20}
#about .mr-video-inner{max-width:720px;margin:0 auto;text-align:center}
#about .text-pretitle{margin:0 0 12px;color:#536970;font:700 13px/1.4 system-ui,sans-serif;letter-spacing:.2em}
#about .mr-video-title{margin:0 0 8px;color:#185e70;font:650 clamp(26px,5vw,38px)/1.15 system-ui,sans-serif;letter-spacing:-.03em}
#about .mr-video-intro{margin:0 0 22px;color:#626970;font:400 15px/1.5 system-ui,sans-serif}
#about .mr-video-slider{max-width:300px;margin:0 auto;outline-offset:5px}
#about .mr-video-slide{border:1px solid #dde3e7;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 12px 35px #19364020}
#about .mr-video-slide[hidden]{display:none!important}
#about .mr-video-slide video{display:block;width:100%;height:auto;aspect-ratio:1080/2340;object-fit:contain;background:#111}
#about .mr-video-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px}
#about .mr-video-navigation>button{display:grid;place-items:center;width:42px;height:42px;min-width:42px;margin:0;padding:0;border:1px solid #dfe5e8;border-radius:50%;background:#f4f7f8;color:#185e70;font:600 22px/1 system-ui;letter-spacing:0}
#about .mr-video-dots{display:flex;align-items:center;gap:4px}
#about .mr-video-dots button{display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:0;background:transparent}
#about .mr-video-dots button:after{content:'';width:8px;height:8px;border-radius:50%;background:#c4cdd1}
#about .mr-video-dots button[aria-pressed=true]:after{width:22px;border-radius:6px;background:#185e70}
#about .mr-video-navigation button{cursor:pointer}
#about .mr-video-navigation button:focus-visible{outline:2px solid #185e70;outline-offset:3px}
#about .mr-video-editor .btn{margin:0;max-width:300px;width:100%;box-sizing:border-box}
@media(max-width:480px){#about.mr-video-about{padding:34px 18px 30px}#about .mr-video-slider{max-width:270px}}

/* Match the instruction image width on phones. */
@media(max-width:800px){
 #about.mr-video-about{padding-left:6vw;padding-right:6vw}
 #about .mr-video-slider{width:100%;max-width:none}
 #about .mr-video-editor .btn{max-width:none}
}
@media(min-width:801px){#about .mr-video-slider{width:100%;max-width:420px}}