.home-intro-film{width:min(100%,220px);margin:0 auto 24px}
.home-intro-film-frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:9/16;border:1px solid rgba(232,207,150,.38);border-radius:22px;background:#211c36;box-shadow:0 18px 60px -28px #080510}
.home-intro-film video{display:block;width:100%;height:100%;object-fit:contain;background:#211c36}
.home-intro-film-play{position:absolute;inset:auto 0 0;display:grid;align-content:end;justify-items:center;gap:3px;min-height:180px;padding:30px 12px 20px;color:#f8f5ff;background:linear-gradient(transparent,rgba(21,16,35,.94));cursor:pointer}
.home-intro-film-play>span{display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border-radius:50%;color:#2d243f;background:linear-gradient(140deg,#f1dfb4,#d6ad60);box-shadow:0 0 24px #e8cf9630;font-size:20px}
.home-intro-film-play strong{font-size:17px}.home-intro-film-play small{font-size:14px;color:#ded4e7}
.home-intro-film-play:focus-visible{outline:3px solid #e8cf96;outline-offset:-5px}
.home-intro-film [role=status]{font-size:14px;margin-top:6px;color:#f2d8a9}
.home-intro-film-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.home-intro-film-dialog::backdrop{background:#000}
.home-intro-film-dialog[open]{display:grid;place-items:center}
.home-intro-film-dialog video{width:100%;height:100%;min-height:0;object-fit:contain;background:#000}
.home-intro-film-close{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#0009;color:#fff;font-size:24px;cursor:pointer}
.home-intro-film-close:focus-visible{outline:3px solid #e8cf96;outline-offset:3px}
@media(max-width:560px){.home-intro-film{width:min(100%,180px);margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.home-intro-film *{scroll-behavior:auto}}