@font-face{font-family:'Trinis Manrope';src:url('manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
.trinis-promo-video{box-sizing:border-box;width:min(1180px,calc(100% - 32px));margin:0 auto 24px;padding:30px 32px;border:1px solid #dce5ef;border-radius:27px;background:#fff;color:#102c57;font-family:'Trinis Manrope',system-ui,sans-serif}
.trinis-promo-video *,.trinis-promo-video-dialog *{box-sizing:border-box}
.trinis-promo-video__inner{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:48px;width:100%;max-width:1020px;margin:0 auto}
.trinis-promo-video__copy{min-width:0;max-width:560px}
.trinis-promo-video .trinis-promo-video__copy h2{margin:0 0 15px;color:#102c57;font-family:'Trinis Manrope',system-ui,sans-serif;font-size:clamp(34px,4.4vw,52px);font-weight:800;line-height:1.04;letter-spacing:-.055em}
.trinis-promo-video__copy h2 span,.trinis-promo-video__copy h2 em{display:block}
.trinis-promo-video__copy h2 em{color:#337c13;font-style:normal;font-weight:800}
.trinis-promo-video .trinis-promo-video__copy p{max-width:29ch;margin:0 0 24px;color:#53637a;font-family:inherit;font-size:16px;font-weight:450;line-height:1.55;letter-spacing:-.015em}
.trinis-promo-video__cta{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:11px 20px;border:0;border-radius:999px;background:#78d823;color:#09254d;font-family:'Trinis Manrope',system-ui,sans-serif;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-.02em;box-shadow:0 6px 18px #65ba171c;cursor:pointer}
.trinis-promo-video__cover{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:9/16;margin:0;padding:0;border:1px solid #739ec9;border-radius:17px;background:#06122b;box-shadow:0 14px 30px #0005;cursor:pointer}
.trinis-promo-video__cover>.trinis-promo-video__poster{display:block;width:100%;height:100%;margin:0;object-fit:contain}
.trinis-promo-video__frame{display:none;pointer-events:none}
.trinis-promo-video__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:56px;height:56px;padding-left:3px;border:2px solid #fff;border-radius:50%;background:#061a3ccc;color:#fff;font:24px/1 Arial,sans-serif;transform:translate(-50%,-50%)}
.trinis-promo-video__duration{position:absolute;right:8px;bottom:8px;border-radius:6px;padding:4px 6px;background:#05142be6;color:#fff;font:700 11px/1.1 'Trinis Manrope',system-ui,sans-serif}
.trinis-promo-video__duration[hidden]{display:none}
.trinis-promo-video__cta:hover{background:#8ceb37}
.trinis-promo-video__cover:hover .trinis-promo-video__play{background:#1356a3}
.trinis-promo-video button:focus-visible,.trinis-promo-video-dialog button:focus-visible,.trinis-promo-video-dialog a:focus-visible{outline:3px solid #a2ed64;outline-offset:4px}
.trinis-promo-video-dialog{box-sizing:border-box;width:min(calc(100vw - 12px),calc((100vh - 72px)*var(--trinis-video-ratio,.5625)));width:min(calc(100vw - 12px),calc((100dvh - 72px)*var(--trinis-video-ratio,.5625)));max-width:calc(100vw - 12px);max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);margin:auto;padding:0;overflow:auto;border:1px solid #5988bc;border-radius:14px;background:#071a3e;color:#fff;font-family:'Trinis Manrope',system-ui,sans-serif;box-shadow:0 24px 70px #0008;outline:0}
.trinis-promo-video-dialog::backdrop{background:#020916dc}
.trinis-promo-video-dialog__surface{position:relative;width:100%}
.trinis-promo-video-dialog [data-trinis-video-close]{position:absolute;top:8px;right:8px;z-index:5;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #8da9ca;border-radius:50%;background:#061a3ce6;color:#fff;font:28px/1 Arial,sans-serif;box-shadow:0 2px 10px #0005;cursor:pointer}
.trinis-promo-video-dialog__stage{position:relative;width:100%;aspect-ratio:var(--trinis-video-ratio,.5625);overflow:hidden;background:#071a3e;isolation:isolate}
.trinis-promo-video-dialog__player,.trinis-promo-video-dialog__splash{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;margin:0;object-fit:contain;background:transparent}
.trinis-promo-video-dialog__splash{z-index:2;pointer-events:none}
.trinis-promo-video-dialog [hidden]{display:none!important}
.trinis-promo-video-dialog__controls{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:52px;padding:4px 6px;background:#071a3e}
.trinis-promo-video-dialog__controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#fff;cursor:pointer}
.trinis-promo-video-dialog__controls button:hover{background:#ffffff18}
.trinis-promo-video-dialog__controls button:disabled{opacity:.45;cursor:default}
.trinis-promo-video-dialog__controls svg{display:block;width:19px;height:19px;fill:currentColor}
.trinis-promo-video-dialog__controls svg.trinis-promo-video-dialog__line-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trinis-promo-video-dialog__controls input[type=range]{flex:1 1 28px;min-width:28px;width:auto;height:32px;min-height:32px;margin:0;padding:0;border:0;background:transparent;accent-color:#78d823;cursor:pointer}
.trinis-promo-video-dialog__controls input:focus-visible{outline:3px solid #a2ed64;outline-offset:2px}
.trinis-promo-video-dialog__time{color:#d4e1f3;font-size:10px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.trinis-promo-video-dialog__surface:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#020713}
.trinis-promo-video-dialog__surface:fullscreen .trinis-promo-video-dialog__stage{width:min(100vw,calc((100vh - 72px)*var(--trinis-video-ratio,.5625)));width:min(100vw,calc((100dvh - 72px)*var(--trinis-video-ratio,.5625)));aspect-ratio:var(--trinis-video-ratio,.5625);flex:none}
.trinis-promo-video-dialog__surface:fullscreen .trinis-promo-video__frame{display:none}
.trinis-promo-video-dialog__surface:fullscreen .trinis-promo-video-dialog__player,.trinis-promo-video-dialog__surface:fullscreen .trinis-promo-video-dialog__splash{width:100%;left:0;transform:none}
.trinis-promo-video-dialog__surface:fullscreen .trinis-promo-video-dialog__controls{box-sizing:border-box;width:100%;max-width:650px}
.trinis-promo-video-dialog .trinis-promo-video-dialog__error{margin:0;padding:12px 16px;color:#fff;font:14px/1.5 Arial,sans-serif}
.trinis-promo-video-dialog__error[hidden]{display:none}
.trinis-promo-video-dialog__error a{color:#a2ed64;text-decoration:underline}
@media(min-width:701px){
  .trinis-promo-video__inner{max-width:1120px;grid-template-columns:minmax(240px,.78fr) minmax(0,1.25fr);gap:32px}
  .trinis-promo-video__cover{aspect-ratio:16/9;isolation:isolate}
  .trinis-promo-video__frame{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%}
  .trinis-promo-video__frame img{display:block;width:100%;height:100%;margin:0;object-fit:contain}
  .trinis-promo-video__cover>.trinis-promo-video__poster{position:absolute;top:0;left:50%;z-index:1;width:var(--trinis-poster-width,31.640625%);height:100%;transform:translateX(-50%)}
  .trinis-promo-video__play{z-index:2;width:64px;height:64px;font-size:27px}
  .trinis-promo-video__duration{z-index:3}
  .trinis-promo-video-dialog{width:min(1040px,calc(100vw - 40px),calc((100vh - 88px)*1.7777778));width:min(1040px,calc(100vw - 40px),calc((100dvh - 88px)*1.7777778));max-width:1040px}
  .trinis-promo-video-dialog__stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#020713;isolation:isolate}
  .trinis-promo-video-dialog__player,.trinis-promo-video-dialog__splash{left:50%;width:var(--trinis-player-width,31.640625%);height:100%;transform:translateX(-50%)}
}
@media(max-width:700px){
  .trinis-promo-video{padding:24px 22px}
  .trinis-promo-video__inner{grid-template-columns:minmax(0,1fr) 122px;gap:18px}
  .trinis-promo-video .trinis-promo-video__copy h2{margin-bottom:13px;font-size:clamp(29px,8.3vw,35px)}
  .trinis-promo-video .trinis-promo-video__copy p{margin-bottom:19px;font-size:13px;line-height:1.5}
  .trinis-promo-video__cta{gap:14px;min-height:44px;padding:10px 14px;font-size:13px}
  .trinis-promo-video__cover{border-radius:13px}
  .trinis-promo-video__play{width:46px;height:46px;font-size:20px}
}
@media(max-width:600px){.trinis-promo-video{width:min(1180px,calc(100% - 24px))}}
@media(max-width:350px){
  .trinis-promo-video__inner{grid-template-columns:minmax(0,1fr) 108px;gap:14px}
  .trinis-promo-video .trinis-promo-video__copy h2{font-size:28px}
}
