.animation-door__section{position:relative}.banner__media{background-repeat:no-repeat;background-position:center;width:100%;height:100%;display:block;background-size:cover}.top .banner__media{background-position:bottom}.bottom .banner__media{background-position:top}.reveal-overlay{position:fixed;inset:0;z-index:111111;display:grid;place-items:center;overflow:hidden;pointer-events:none}.reveal-content{position:relative;z-index:3;text-align:center}.door-text{display:flex;flex-direction:column;gap:.08em;line-height:.92;text-transform:uppercase;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--reveal-text);mix-blend-mode:normal;text-align:center}.text.top{clip-path:inset(0 0 50% 0)}.text.bottom{clip-path:inset(50% 0 0 0)}.reveal-headline span:nth-child(1){font-weight:900;font-size:clamp(42px,8vw,140px)}.reveal-headline span:nth-child(2){font-weight:900;font-size:clamp(42px,8vw,140px);letter-spacing:.01em}.reveal-headline span:nth-child(3){font-weight:900;font-size:clamp(36px,7vw,120px);letter-spacing:.01em}.reveal-door{position:absolute;left:0;width:100%;z-index:2}.progress-black{position:absolute;top:50%;transform:translateY(-50%);left:0;width:0;height:2px;background:#000;z-index:1111;animation:slideWidth 2s cubic-bezier(0.2, 0.7, 0, 1);animation-delay:0}@media screen and (max-width: 749px){.reveal-door .banner__media{background-size:contain !important}}@keyframes slideWidth{0%{width:0}100%{width:100%}}@keyframes openDoorTop{0%{top:0}100%{top:-50%}}@keyframes openDoorBottom{0%{bottom:0}100%{bottom:-50%}}