/* V65 — the actual homepage footer layout, scoped to Platform pages only.
   The shared homepage CSS, HTML, poster and MP4 remain byte-for-byte unchanged.
   The local MP4 contains the same facial/eye/lightning animation as the homepage.
   The poster remains visible without JavaScript or when reduced motion is enabled. */
body.platform-v51 .z19-wide {width:min(calc(100% - 64px),1728px);margin-inline:auto}
body.platform-v51 .z19-footer {position:relative;display:grid;grid-template-columns:48% 52%;min-height:680px;border-radius:34px;background:#190e36;color:#fff;overflow:hidden;isolation:isolate;margin-bottom:32px}
body.platform-v51 .z19-footer-art {position:absolute;left:-1%;top:0;bottom:0;width:49%;z-index:0;overflow:hidden}
body.platform-v51 .z19-footer-art img {display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
body.platform-v51 .z19-footer-copy {position:relative;grid-column:2;min-width:0;padding:34px 34px 30px 0;z-index:1}
body.platform-v51 .z19-footer h2 {font-family:var(--display);font-size:clamp(56px,5.3vw,92px);font-weight:800;letter-spacing:-.02em;line-height:.9;color:#fff;max-width:610px}
body.platform-v51 .z19-footer h2>span {color:#ffe12b}
body.platform-v51 .z19-copyright {margin-top:19px;color:#a49ab7;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4}
body.platform-v51 .z19-legal {margin-top:20px;color:#978ba9;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.45;max-width:760px}
body.platform-v51 .z19-legal p+p {margin-top:18px}
body.platform-v51 .z19-legal strong {font-weight:400}
body.platform-v51 .z19-legal-links {display:flex;gap:30px;flex-wrap:wrap;margin-top:18px;color:#c0b6cc;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;line-height:1.4}
body.platform-v51 .z19-legal-links a:hover {text-decoration:underline}
body.platform-v51 .z19-footer a:focus-visible {outline:2px solid #ffe12b;outline-offset:4px}
@media (min-width:761px) and (max-width:1100px){
body.platform-v51 .z19-wide {width:calc(100% - 48px)}
body.platform-v51 .z19-footer {border-radius:26px}
body.platform-v51 .z19-footer {grid-template-columns:46% 54%;min-height:620px}
body.platform-v51 .z19-footer-art {left:-1%;width:47%}
body.platform-v51 .z19-footer-copy {padding:28px 24px 26px 0}
body.platform-v51 .z19-footer h2 {font-size:6.2vw}
body.platform-v51 .z19-legal {font-size:11px}
}
@media (max-width:760px){
body.platform-v51 .z19-wide {width:calc(100% - 36px)}
body.platform-v51 .z19-footer {display:flex;flex-direction:column;gap:0;min-height:auto;border-radius:25px;margin-bottom:18px}
body.platform-v51 .z19-footer-copy {padding:30px 23px 22px;order:0}
body.platform-v51 .z19-footer h2 {font-size:clamp(48px,13.3vw,94px);line-height:.96;max-width:100%;letter-spacing:-.025em}
body.platform-v51 .z19-copyright {font-size:12px;margin-top:18px}
body.platform-v51 .z19-legal {margin-top:18px;font-size:11px;line-height:1.55}
body.platform-v51 .z19-legal p+p {margin-top:14px}
body.platform-v51 .z19-legal-links {font-size:12px;gap:20px;margin-top:18px}
body.platform-v51 .z19-footer-art {position:relative;left:auto;inset:auto;width:100%;height:410px;order:1}
body.platform-v51 .z19-footer-art img {object-fit:cover;object-position:center 44%}
}
@media (max-width:350px){
body.platform-v51 .z19-wide {width:calc(100% - 32px)}
body.platform-v51 .z19-footer-copy {padding:28px 20px 22px}
}
@media  print{
body.platform-v51 .z19-wide {width:100%}
body.platform-v51 .z19-footer {background:#fff;color:#111}
body.platform-v51 .z19-footer h2,
body.platform-v51 .z19-footer h2>span,
body.platform-v51 .z19-legal,
body.platform-v51 .z19-copyright {color:#111}
}
body.platform-v51 .z22-footer-art { isolation: isolate; }
body.platform-v51 .z19-footer-art .z22-footer-poster,
body.platform-v51 .z22-footer-art .z22-footer-video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 18% center; transform: scale(1.15); transform-origin: left center; }
body.platform-v51 .z22-footer-art .z22-footer-poster { position: relative; z-index: 0; }
body.platform-v51 .z22-footer-art .z22-footer-video { position: absolute; inset: 0; z-index: 1; max-width: none; opacity: 0; pointer-events: none; transition: opacity 180ms ease; }
body.platform-v51 .z22-footer-art.is-playing .z22-footer-video { opacity: 1; }
body.platform-v51 .z22-footer-art::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to right, transparent 87%, #190e36 100%); pointer-events: none; }
@media  (max-width:760px) {
body.platform-v51 .z19-footer-art .z22-footer-poster,
body.platform-v51 .z22-footer-art .z22-footer-video { object-position: center 36%; transform: scale(1.08); transform-origin:center center; }
body.platform-v51 .z22-footer-art::after { background: linear-gradient(#190e36, transparent 4%); }
}
@media  (prefers-reduced-motion:reduce) {
body.platform-v51 .z22-footer-art .z22-footer-video { opacity: 0 !important; transition: none; }
}
@media  print {
body.platform-v51 .z22-footer-video { display: none !important; }
}
body.platform-v51 .z19-footer.z26-footer { grid-template-columns: 44% minmax(0,56%); min-height: clamp(560px, calc((100vw - 64px) * .467), 807px); background: #190e36; }
body.platform-v51 .z26-footer .z19-footer-art.z22-footer-art { left: 0; top: 0; bottom: 0; width: 44%; height: auto; }
body.platform-v51 .z26-footer .z22-footer-art .z22-footer-poster,
body.platform-v51 .z26-footer .z22-footer-art .z22-footer-video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: left bottom; transform: none; transform-origin: center; }
body.platform-v51 .z26-footer .z22-footer-art::after { background: linear-gradient(to right, transparent 94%, #190e36 100%); }
body.platform-v51 .z26-footer .z19-footer-copy { grid-column: 2; min-width: 0; display: flex; flex-direction: column; align-items: stretch; padding: 30px 32px 30px 0; }
body.platform-v51 .z26-footer h2 { flex: 0 0 auto; font-size: clamp(58px, 5.7vw, 96px); max-width: 650px; line-height: .9; margin: 0; }
body.platform-v51 .z26-footer .z19-copyright { margin-top: auto; padding-top: 36px; flex: 0 0 auto; }
body.platform-v51 .z26-footer .z19-legal,
body.platform-v51 .z26-footer .z19-legal-links { flex: 0 0 auto; }
body.platform-v51 .z26-footer .z19-legal { margin-top: 20px; }
body.platform-v51 .z26-footer .z19-legal-links { margin-top: 18px; }
html[lang^="vi"] body.platform-v51 .z26-footer h2 { font-size: clamp(46px, 4.7vw, 78px); line-height: 1.02; }
@media  (min-width: 761px) and (max-width: 1100px) {
body.platform-v51 .z19-footer.z26-footer { grid-template-columns: 44% minmax(0,56%); min-height: 540px; }
body.platform-v51 .z26-footer .z19-footer-copy { padding: 28px 24px 26px 0; }
body.platform-v51 .z26-footer h2 { font-size: 6.2vw; }
html[lang^="vi"] body.platform-v51 .z26-footer h2 { font-size: 4.7vw; }
body.platform-v51 .z26-footer .z19-copyright { padding-top: 28px; }
}
@media  (max-width: 760px) {
body.platform-v51 .z19-footer.z26-footer { display: flex; flex-direction: column; min-height: 0; height: auto; }
body.platform-v51 .z26-footer .z19-footer-copy { order: 0; padding: 28px 23px 26px; }
body.platform-v51 .z26-footer h2 { font-size: clamp(43px, 12.5vw, 90px); max-width: 100%; line-height: .96; }
html[lang^="vi"] body.platform-v51 .z26-footer h2 { font-size: clamp(29px, 8.8vw, 62px); line-height: 1.08; }
body.platform-v51 .z26-footer .z19-copyright { margin-top: 22px; padding-top: 0; }
body.platform-v51 .z26-footer .z19-legal { margin-top: 18px; }
body.platform-v51 .z26-footer .z19-footer-art.z22-footer-art { position: relative; inset: auto; order: 1; width: 100%; height: auto; aspect-ratio: 9 / 10; flex: 0 0 auto; }
body.platform-v51 .z26-footer .z22-footer-art .z22-footer-poster,
body.platform-v51 .z26-footer .z22-footer-art .z22-footer-video { object-position: center bottom; }
body.platform-v51 .z26-footer .z22-footer-art::after { background: linear-gradient(#190e36, transparent 6%); }
}
@media  (max-width: 350px) {
body.platform-v51 .z26-footer .z19-footer-copy { padding: 26px 20px 24px; }
}
@media  print {
body.platform-v51 .z19-footer.z26-footer { min-height: 0; background: #fff; }
body.platform-v51 .z26-footer .z19-copyright { margin-top: 20px; padding-top: 0; }
}
/* Gap from the Platform FAQ; no other page layout is altered. */
body.platform-v51 .p65-footer {margin-top:20px;}