@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap");:root{--animation-duration: 15s;--iteration-count: 2;--animation-fill-mode: forwards;--overlay-background: rgba(68, 32, 56, 90%);--logo-size: 80vw;--width: 100vw;--height: 83.3334vw;--height--collapsed: 18vw;--listing-scale: 1.3}@keyframes listingImageZoom{0%{transform:scale(var(--listing-scale))}30%{transform:scale(1)}55%{transform:scale(1)}100%{transform:scale(var(--listing-scale))}}@keyframes firstFrameFade{0%{opacity:0}5%{opacity:1}15%{opacity:1}20%{opacity:0}100%{opacity:0}}@keyframes listingLogoFade{0%{opacity:0}20%{opacity:0}25%{opacity:1}60%{opacity:1}65%{opacity:0}100%{opacity:0}}@keyframes listingFrameSlide{0%{opacity:0;transform:translateY(var(--height--collapsed))}25%{opacity:0;transform:translateY(var(--height--collapsed))}30%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(0)}65%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes closingFrameFade{0%{opacity:0}65%{opacity:0}70%{opacity:1}100%{opacity:1}}@keyframes closingLogoFade{0%{opacity:0}70%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes closingDescriptionFade{0%{opacity:0}71%{opacity:0}76%{opacity:1}100%{opacity:1}}@keyframes closingFigureFade{0%{opacity:0}72%{opacity:0}77%{opacity:1}100%{opacity:1}}*{box-sizing:border-box}figure{margin:0}body{margin:0;padding:0;font-family:"Montserrat", sans-serif}.click-target{text-decoration:none}.container{width:var(--width);height:var(--height);overflow:hidden;border:solid 0.2vw #97999C;background:white;position:relative}.fit-text{white-space:nowrap}.first-frame{width:var(--width);height:var(--height);left:0;top:0;z-index:1;position:absolute;background:var(--overlay-background);display:flex;align-items:center;justify-content:center;opacity:0;animation-duration:var(--animation-duration);animation-name:firstFrameFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.first-frame .logo{width:var(--logo-size);height:var(--logo-size);max-height:50vw;display:inline-block}.first-frame .logo img{width:100%;height:100%;object-fit:contain}.listing-image{width:var(--width);height:var(--height);position:absolute;left:0;top:0;z-index:0;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transform:scale(var(--listing-scale));animation-duration:var(--animation-duration);animation-name:listingImageZoom;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-frame{width:var(--width);height:var(--height--collapsed);position:absolute;left:0;bottom:0;display:flex;align-items:center;z-index:2;background:var(--overlay-background);padding:2vw 4vw;transform:translateY(var(--height--collapsed));animation-duration:var(--animation-duration);animation-name:listingFrameSlide;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-info{display:flex;flex-direction:column;width:74vw;max-width:74vw}.listing-logo{--logo-size: 12vw;width:var(--logo-size);height:var(--logo-size);min-width:var(--logo-size);min-height:var(--logo-size);position:absolute;bottom:3vw;right:4vw;z-index:3;opacity:0;animation-duration:var(--animation-duration);animation-name:listingLogoFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-logo img{width:100%;height:100%;object-fit:contain}.listing-agent{font-size:3vw;text-transform:uppercase;margin-bottom:1.5vw;letter-spacing:0.3vw}.listing-description{font-family:Georgia, sans-serif;font-size:6vw;font-weight:600}.closing-frame{width:var(--width);height:var(--height);left:0;top:0;z-index:3;position:absolute;background:var(--overlay-background);display:flex;align-items:center;padding:10vw 4vw 2vw;opacity:0;animation-duration:var(--animation-duration);animation-name:closingFrameFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-agent-description{display:flex;flex-direction:column;flex:1;padding-top:10vw;max-width:50vw;width:50vw;opacity:0;animation-duration:var(--animation-duration);animation-name:closingDescriptionFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.agent-name{font-family:Georgia, sans-serif;font-size:6vw;font-weight:600;margin-bottom:3vw}.agent-details{font-size:2.8vw;text-transform:uppercase;letter-spacing:0.3vw;line-height:1.7}.closing-frame .logo{width:70vw;height:14vw;display:flex;margin-bottom:4vw;position:absolute;top:5vw;left:5vw;opacity:0;animation-duration:var(--animation-duration);animation-name:closingLogoFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.closing-frame .logo img{width:100%;height:100%;object-fit:contain;object-position:left top}.listing-agent-photo{--photo-size: 47vw;width:var(--photo-size);height:var(--photo-size);min-width:var(--photo-size);min-height:var(--photo-size);border-radius:50%;overflow:hidden;transform:translateX(5vw);opacity:0;animation-duration:var(--animation-duration);animation-name:closingFigureFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.closing-frame.hidden-agent{flex-direction:column}.closing-frame.hidden-agent .logo{position:static}.closing-frame.hidden-agent .listing-agent-description{padding-top:2vw;text-align:center}.closing-frame.hidden-agent .listing-agent-photo{display:none}.listing-agent-photo img{width:100%;height:100%;object-fit:cover}.eho-logo{display:flex;justify-content:flex-end;fill:white;position:absolute;bottom:3vw;right:3vw}