html.o_dpf_intro--pending,
html.o_dpf_intro--pending body { background: #000; }
html.o_dpf_intro--pending #wrapwrap { opacity: 0; }
#wrapwrap { transition: opacity 0.7s ease; }
html.o_dpf_intro--open { overflow: hidden; }
.o_dpf_intro { position: fixed; inset: 0; z-index: 2000; background: #000; display: flex; align-items: center; justify-content: center; opacity: 1; transition: opacity 0.7s ease; cursor: pointer; visibility: visible; }
.o_dpf_intro[hidden] { display: none; }
html.o_dpf_intro--closing .o_dpf_intro { opacity: 0; pointer-events: none; }
.o_dpf_intro_video { width: 100%; height: 100%; object-fit: cover; }
.o_dpf_intro_skip { position: absolute; top: 24px; right: 24px; min-width: 44px; min-height: 44px; padding: 10px 22px; border: 1px solid rgba(255,255,255,.85); border-radius: 999px; background: rgba(0,0,0,.45); color: #fff; font: 500 16px/1.2 inherit; cursor: pointer; }
.o_dpf_intro_skip:hover { background: rgba(0,0,0,.65); }
.o_dpf_intro_skip:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (max-width: 576px) { .o_dpf_intro_skip { top: 16px; right: 16px; padding: 8px 16px; font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { .o_dpf_intro { display: none; } html.o_dpf_intro--pending #wrapwrap { opacity: 1; } }