/* Anchor the video action below the character's face, inside the artwork. */
.csh-video-launch{position:absolute;z-index:3;right:32px;bottom:55px;display:flex;align-items:center;gap:16px;border:1px solid #ffffff30;border-radius:16px;padding:12px 18px;background:#0a101bd9;backdrop-filter:blur(12px);color:#fff;cursor:pointer;text-align:left;font-family:'Manrope',sans-serif;box-shadow:0 8px 28px #0004;transition:background .25s,border-color .25s}
.csh-video-orbit{position:relative;display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffa257,#ff6b22);color:#14151b;box-shadow:0 0 0 5px #ff873b20,0 0 0 6px #ffffff24,0 8px 24px #ff772930;transition:transform .25s,box-shadow .25s}.csh-video-orbit:before{content:'';position:absolute;inset:-6px;border:1px solid #ff99598a;border-radius:50%;animation:csv-beacon 3s ease-out infinite}.csh .csh-video-orbit svg{width:25px;height:25px;margin-left:2px;fill:currentColor}
.csh-video-launch:hover{background:#0a101bf2;border-color:#ff995980}.csh-video-launch:focus-visible{outline:2px solid #ff9959;outline-offset:5px}.csh-video-launch:hover .csh-video-orbit{transform:scale(1.06);box-shadow:0 0 0 8px #ff873b25,0 10px 30px #ff772940}.csh-video-caption{display:flex;flex-direction:column;gap:7px;white-space:nowrap}.csh-video-caption strong{font-size:15px;font-weight:800}.csh-video-caption small{display:flex;align-items:center;gap:7px;color:#c6d0df;font-size:10px;letter-spacing:.5px}.csh-video-caption i{font-style:normal;color:#ff944e}.csh-video-caption b{padding:1px 5px;border-radius:3px;background:#ff873b;color:#171717;font-size:9px}
@keyframes csv-beacon{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(1.4);opacity:0}}
@media(max-width:1050px) and (min-width:861px){.csh-video-launch{right:24px;gap:14px;padding:12px 16px}.csh-video-orbit{width:48px;height:48px}.csh-video-caption strong{font-size:13px}}
@media(max-width:860px){.csh-video-launch{left:16px;right:auto;top:calc(clamp(210px,56vw,300px) - 76px);bottom:auto;gap:14px;padding:10px 16px;border-radius:13px}.csh-video-orbit{width:40px;height:40px}.csh .csh-video-orbit svg{width:21px;height:21px}.csh-video-caption{gap:4px}.csh-video-caption strong{font-size:13px}.csh-video-caption small{font-size:9px}}
/* Top-layer dialog: the frame follows the site theme; controls stay legible over footage. */
.csv-player{--csv-bg:#121722;--csv-raised:#1c2432;--csv-line:#ffffff17;--csv-text:#edf2fb;--csv-muted:#98a7bc;--csv-accent:#ff8238;position:fixed;inset:0;box-sizing:border-box;width:min(1160px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--csv-line);border-radius:21px;background:var(--csv-bg);color:var(--csv-text);box-shadow:0 32px 120px #0009;overflow:hidden;font:400 13px/1.5 'Manrope',sans-serif}
.csv-player:not([open]){display:none!important}.csv-player::backdrop{background:#030710c9;backdrop-filter:blur(12px)}.csv-player *{box-sizing:border-box}.csv-player [hidden]{display:none!important}.csv-player button{font:inherit;cursor:pointer}.csv-player button:disabled{opacity:.45;cursor:default}.csv-player :is(button,input):focus-visible{outline:2px solid #ff9e60;outline-offset:3px}.csv-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.csv-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;border-bottom:1px solid var(--csv-line);flex-shrink:0}.csv-brand{display:block;color:var(--csv-text);font:900 19px/1 'Exo 2',sans-serif;letter-spacing:-.5px}.csv-brand>span{color:#ff8238}.csv-brand small{font:600 9px 'Manrope',sans-serif;letter-spacing:2px;color:var(--csv-muted);margin-left:10px}.csv-player .csv-header h2{font:500 12px/1.5 'Manrope',sans-serif;color:var(--csv-muted);margin:6px 0 0;letter-spacing:0;text-transform:none}.csv-close{display:grid;place-items:center;flex:none;width:38px;height:38px;background:var(--csv-raised);color:var(--csv-muted);border:1px solid var(--csv-line);border-radius:10px}.csv-close:hover{color:var(--csv-text);border-color:#ff823870}
.csv-screen{position:relative;aspect-ratio:2/1;min-height:0;flex-shrink:1;width:100%;background:#030507;overflow:hidden;outline:none}.csv-screen video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.csv-player.is-idle .csv-screen{cursor:none}.csv-player.is-idle video{cursor:none}
.csv-controls{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:38px 18px 10px;background:linear-gradient(transparent,#05090de8);color:#fff;transition:opacity .2s,transform .2s}.csv-player.is-idle .csv-controls{opacity:0;transform:translateY(12px);pointer-events:none}.csv-control-row{display:flex;align-items:center;gap:4px;height:43px}.csv-icon{display:grid;place-items:center;position:relative;flex-shrink:0;width:38px;height:38px;border:0;border-radius:8px;background:transparent;color:#fff;padding:8px}.csv-icon svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.csv-icon:hover,.csv-icon[aria-expanded=true]{background:#ffffff1c;color:#ffa05f}.csv-skip{font-size:29px!important;padding:0 0 5px;line-height:1}.csv-skip small{position:absolute;font-size:8px;top:15px;left:15px}.csv-audio{display:flex;align-items:center;gap:3px}.csv-audio input{width:74px;height:4px;accent-color:#ff8238;cursor:pointer;margin:0 8px 0 0;padding:0;border:0;box-shadow:none;min-height:0}.csv-time{font:500 11px/1.3 'Manrope',sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:7px}.csv-duration{color:#c1c8d5}.csv-right{display:flex;align-items:center;gap:3px;margin-left:auto}
.csv-timeline{position:relative;height:17px;margin:0 5px 4px;background:linear-gradient(transparent 6px,#ffffff40 6px,#ffffff40 10px,transparent 10px);cursor:pointer}.csv-buffer,.csv-progress{position:absolute;left:0;top:6px;height:4px;border-radius:4px;pointer-events:none;width:0}.csv-buffer{background:#ffffff60}.csv-progress{background:#ff8238;box-shadow:0 0 9px #ff82383a}.csv-timeline input{position:absolute;inset:0;width:100%;height:17px;margin:0;padding:0;border:0;min-height:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;cursor:pointer}.csv-timeline input::-webkit-slider-runnable-track{height:4px;background:transparent}.csv-timeline input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4px;background:#ff934e;border:0;box-shadow:0 0 0 4px #ff823820}.csv-timeline input::-moz-range-track{height:4px;background:transparent}.csv-timeline input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#ff934e}
.csv-preview{position:absolute;bottom:26px;width:166px;padding:3px;border:1px solid #ffffff3c;border-radius:7px;box-shadow:0 8px 30px #0008;background:#0e1521;pointer-events:none;overflow:hidden;color:#fff;text-align:center;font:600 11px/1.8 'Manrope',sans-serif}.csv-preview>div{height:80px;width:160px;background-image:url('/media/hero-cs16-20261106/timeline.jpg');background-repeat:no-repeat;background-size:1280px 400px;border-radius:4px}
.csv-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffb48166;border-radius:50%;background:#ff8238ec;color:#151820;box-shadow:0 0 0 10px #ff823825;z-index:2}.csv-big-play svg{width:31px;height:31px;fill:currentColor;margin-left:4px}.csv-player.is-playing .csv-big-play{display:none}.csv-loader{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border:3px solid #ffffff25;border-top-color:#ff8238;border-radius:50%;animation:csv-spin .85s linear infinite;pointer-events:none;z-index:3}.csv-player.is-loading .csv-big-play{display:none}
.csv-feedback{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);padding:9px 16px;border-radius:10px;background:#080d18c9;color:#fff;font-size:15px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.csv-feedback.show{opacity:1}.csv-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#101722ed;color:#fff;z-index:3;padding:24px}.csv-error strong{font-size:17px}.csv-error p{margin:0;color:#b7c1d1;font-size:12px}.csv-error button{border:0;border-radius:8px;background:#ff8238;color:#151515;padding:10px 20px;font-weight:700}
.csv-settings{position:absolute;z-index:6;bottom:76px;right:22px;width:260px;max-width:calc(100% - 28px);max-height:calc(100% - 84px);overflow:auto;border:1px solid var(--csv-line);border-radius:13px;background:var(--csv-bg);box-shadow:0 12px 40px #0006;padding:7px;color:var(--csv-text);scrollbar-width:thin}.csv-settings button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:40px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:var(--csv-text);text-align:left;font-size:12px}.csv-settings button:hover,.csv-settings button:focus-visible{background:var(--csv-raised)}.csv-settings button[aria-checked=true]{color:var(--csv-accent);background:#ff823812}.csv-settings button>small{color:var(--csv-muted);font-size:10px}.csv-settings .csv-menu-back{border-bottom:1px solid var(--csv-line);border-radius:0;margin-bottom:5px;color:var(--csv-muted)}
.csv-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;color:var(--csv-muted);font-size:10px;flex-shrink:0}.csv-footer>span:first-child{display:flex;gap:8px;align-items:center}.csv-footer i{display:block;width:5px;height:5px;background:#ff8238;border-radius:50%}.csv-footer b{font-weight:400;opacity:.5}.csv-footer button{padding:4px 0;background:none;border:0;color:var(--csv-muted);font-size:10px}.csv-footer button:hover{color:var(--csv-accent)}
html[data-cscom-theme=light] .csv-player{--csv-bg:#fff;--csv-raised:#f0f3f8;--csv-line:#dce3ee;--csv-text:#23344f;--csv-muted:#64748d;--csv-accent:#d4520a;box-shadow:0 32px 120px #07112166}html[data-cscom-theme=light] .csv-player::backdrop{background:#182135a6}
.csv-shell:fullscreen{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;background:#000}.csv-shell:fullscreen{height:100%;max-height:none}.csv-shell:fullscreen .csv-header,.csv-shell:fullscreen .csv-footer{display:none}.csv-shell:fullscreen .csv-screen{flex:1;aspect-ratio:auto}.csv-shell:fullscreen .csv-controls{padding:60px 28px 20px}.csv-shell:fullscreen .csv-settings{bottom:92px}
@keyframes csv-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.csv-player{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.csv-shell{max-height:calc(100dvh - 18px)}.csv-header{padding:13px 15px;gap:10px}.csv-brand{font-size:16px}.csv-brand small{font-size:8px}.csv-player .csv-header h2{font-size:10px;max-width:260px}.csv-controls{padding:30px 8px 4px}.csv-footer{padding:10px 15px}.csv-shortcuts{display:none}.csv-settings{right:10px;bottom:63px;max-height:calc(100% - 70px)}.csv-settings button{min-height:34px;padding:6px 10px}.csv-icon{width:34px;height:34px;padding:6px}.csv-time{font-size:10px;margin-left:3px}.csv-audio input{width:50px}.csv-preview{transform:scale(.8);transform-origin:bottom left}.csv-screen{min-height:175px}.csv-big-play{width:60px;height:60px}}
@media(max-width:540px){.csv-skip{display:none}.csv-control-row{gap:0}.csv-audio input{width:42px;margin-right:4px}.csv-settings{max-height:calc(100% - 60px);bottom:60px}.csv-shell:fullscreen .csv-settings{max-height:calc(100% - 100px)}}
@media(max-width:390px){.csv-audio input{display:none}.csv-brand small{display:none}.csv-time{font-size:9px}.csv-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.csh-video-orbit:before{animation:none}.csh-video-orbit,.csv-controls,.csv-feedback{transition:none}}
.csv-player .csv-timeline input[type=range]{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.csv-player .csv-skip{padding:7px}