.door[data-v-dfbe01bc]{--r-top:7rem;--r-bottom:1.5rem;aspect-ratio:4/5;margin:14px;position:relative}@media (width>=1024px){.door[data-v-dfbe01bc]{--r-top:10rem}}.door[data-v-dfbe01bc]:before{content:"";border-radius:calc(var(--r-top) + 14px) calc(var(--r-top) + 14px) calc(var(--r-bottom) + 14px) calc(var(--r-bottom) + 14px);opacity:.55;pointer-events:none;border:1px solid #c6a24a;position:absolute;inset:-14px}.door__img[data-v-dfbe01bc]{-o-object-fit:cover;object-fit:cover;border-radius:var(--r-top) var(--r-top) var(--r-bottom) var(--r-bottom);width:100%;height:100%;display:block}.door--reveal .door__img[data-v-dfbe01bc]{animation:1.1s cubic-bezier(.22,.8,.24,1) both door-open-dfbe01bc}.door--reveal[data-v-dfbe01bc]:before{animation:1.3s cubic-bezier(.2,.7,.2,1) .6s both door-frame-dfbe01bc}@keyframes door-frame-dfbe01bc{0%{opacity:0;transform:scale(.96)}to{opacity:.55;transform:scale(1)}}@keyframes door-open-dfbe01bc{0%{clip-path:inset(0 100% 0 0 round var(--r-top) var(--r-top) var(--r-bottom) var(--r-bottom))}to{clip-path:inset(0 0 0 0 round var(--r-top) var(--r-top) var(--r-bottom) var(--r-bottom))}}