/* Motion graphics gallery only — no effect on other services or global navigation */
.tyz9-page .tyz9-motion-gallery{background:#081b30;padding:95px 0 105px;border-block:1px solid rgba(220,235,252,.08)}
.tyz9-page .tyz9-motion-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}
.tyz9-page .tyz9-motion-heading h2{font-size:clamp(29px,3vw,46px);font-weight:900;line-height:1.4;margin:9px 0 0}
.tyz9-page .tyz9-motion-heading p{font-size:13px;color:#aebdd0;line-height:1.95;max-width:390px}
.tyz9-page .tyz9-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tyz9-page .tyz9-motion-item{overflow:hidden;border:1px solid #334b63;border-radius:19px;background:#12273e;min-width:0;transition:border-color .2s ease,transform .2s ease}
.tyz9-page .tyz9-motion-item:hover{border-color:#dfb765;transform:translateY(-4px)}
.tyz9-page .tyz9-motion-item[hidden]{display:none!important}
.tyz9-page .tyz9-motion-play{padding:0;margin:0;width:100%;display:block;cursor:pointer;border:0;background:#132840;color:inherit;position:relative;aspect-ratio:16/9;overflow:hidden}
.tyz9-page .tyz9-motion-poster{display:block;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(5,16,31,.08),rgba(5,16,31,.15) 45%,rgba(5,16,31,.65)),var(--motion-poster);background-position:center;background-size:cover;transition:transform .32s ease}
.tyz9-page .tyz9-motion-play:hover .tyz9-motion-poster{transform:scale(1.055)}
.tyz9-page .tyz9-motion-play-icon{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:#edbf65;color:#0b223a;display:grid;place-items:center;font-size:27px;line-height:1;padding-inline-start:3px;box-shadow:0 10px 25px rgba(4,12,26,.45);transition:transform .22s ease,background .22s ease}
.tyz9-page .tyz9-motion-play:hover .tyz9-motion-play-icon{transform:scale(1.12);background:#ffdb88}
.tyz9-page .tyz9-motion-play:focus-visible{outline:3px solid #edbf65;outline-offset:-4px}
.tyz9-page .tyz9-motion-count{position:absolute;inset:13px auto auto 13px;border:1px solid rgba(255,255,255,.18);background:#071729b3;color:#fff;font-size:11px;font-weight:800;padding:7px 10px;border-radius:8px;direction:ltr}
.tyz9-page .tyz9-motion-info{display:flex;align-items:center;gap:13px;padding:17px 17px 18px}
.tyz9-page .tyz9-motion-info-text{min-width:0;flex:1}
.tyz9-page .tyz9-motion-info h3{font-size:15px;font-weight:900;color:#f4f7fa}
.tyz9-page .tyz9-motion-info p{font-size:11px;color:#adbed1;margin-top:4px}
.tyz9-page .tyz9-motion-external{flex:none;display:grid;place-items:center;height:37px;width:37px;border-radius:10px;background:#1c3550;color:#ecc46e!important;border:1px solid #405269;font-size:19px;transition:background .2s ease}
.tyz9-page .tyz9-motion-external:hover{background:#294561}
.tyz9-page .tyz9-motion-more-wrap{display:flex;justify-content:center;margin-top:28px}
.tyz9-page .tyz9-motion-more{background:#f0c870;color:#10283e;border:none;border-radius:12px;padding:15px 29px;font-family:inherit;font-size:13px;font-weight:900;cursor:pointer;min-height:50px;transition:transform .2s}
.tyz9-page .tyz9-motion-more:hover{transform:translateY(-2px)}
.tyz9-page .tyz9-motion-more[hidden]{display:none!important}
.tyz9-motion-open{overflow:hidden}
.tyz9-page dialog.tyz9-motion-dialog{box-sizing:border-box;background:#0a1b2d;color:#f7f9fd;border:1px solid #51677a;border-radius:17px;padding:0;width:min(1040px,calc(100vw - 36px));max-width:1040px;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-shadow:0 25px 70px rgba(1,10,21,.85);position:fixed;inset:0}
.tyz9-page dialog.tyz9-motion-dialog::backdrop{background:rgba(0,9,19,.87);backdrop-filter:blur(8px)}
.tyz9-page .tyz9-motion-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px}
.tyz9-page .tyz9-motion-dialog-top strong{font-size:14px;font-weight:900}
.tyz9-page .tyz9-motion-close{border:1px solid #445b71;background:#18334c;color:#fff;border-radius:9px;cursor:pointer;font-size:23px;height:38px;width:38px;display:grid;place-items:center;line-height:1}
.tyz9-page .tyz9-motion-embed-wrap{aspect-ratio:16/9;background:#000;position:relative;width:100%}
.tyz9-page .tyz9-motion-embed-wrap iframe{display:block;border:0;width:100%;height:100%;position:absolute;inset:0}
.tyz9-page .tyz9-motion-dialog-foot{padding:12px 19px 17px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tyz9-page .tyz9-motion-dialog-foot p{font-size:12px;color:#aebed0}
.tyz9-page .tyz9-motion-dialog-foot a{font-size:12px;font-weight:900;color:#edc271}
@media(max-width:1100px){.tyz9-page .tyz9-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tyz9-page .tyz9-motion-gallery{padding:67px 0 72px}.tyz9-page .tyz9-motion-heading{display:block;margin-bottom:21px}.tyz9-page .tyz9-motion-heading h2{font-size:29px}.tyz9-page .tyz9-motion-heading p{margin-top:13px}.tyz9-page .tyz9-motion-grid{grid-template-columns:1fr;gap:13px}.tyz9-page .tyz9-motion-info{padding:13px 14px}.tyz9-page .tyz9-motion-play-icon{height:57px;width:57px}.tyz9-page .tyz9-motion-dialog-foot p{display:none}.tyz9-page .tyz9-motion-dialog-top{padding:10px 12px}.tyz9-page .tyz9-motion-dialog-foot{padding:12px}}
@media(prefers-reduced-motion:reduce){.tyz9-page .tyz9-motion-item,.tyz9-page .tyz9-motion-poster,.tyz9-page .tyz9-motion-play-icon{transition:none!important}}