@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;--red: #D5353E;--logo-size: 70vw;--spacing: 3vw;--spacing--double: 6vw;--width: 100vw;--height: 83.3334vw;--height--listing-image: 58vw;--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}51%{opacity:1}56%{opacity:0}100%{opacity:0}}@keyframes listingInfoTranslate{0%{transform:translateY(30vw)}5%{transform:translateY(30vw)}10%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes closingFrameFade{0%{opacity:0}56%{opacity:0}61%{opacity:1}100%{opacity:1}}@keyframes closingDescriptionFade{0%{opacity:0}61%{opacity:0}66%{opacity:1}100%{opacity:1}}@keyframes closingFigureFade{0%{opacity:0}62%{opacity:0}67%{opacity:1}100%{opacity:1}}@keyframes listingInfoClosingTranslate{0%{transform:translateY(30vw)}63%{transform:translateY(30vw)}68%{transform:translateY(0)}100%{transform:translateY(0)}}@keyframes closingLogoFade{0%{opacity:0}63%{opacity:0}68%{opacity:1}100%{opacity:1}}@keyframes closingHeadlineFade{0%{opacity:0}64%{opacity:0}69%{opacity:1}100%{opacity:1}}*{box-sizing:border-box}a{color:black}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 transparent;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;display:flex;flex-direction:column;overflow:hidden;opacity:0;animation-duration:var(--animation-duration);animation-name:firstFrameFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-image{width:calc(var(--width) - 2 * var(--spacing));height:var(--height--listing-image);min-height:var(--height--listing-image);margin:var(--spacing);display:flex;overflow:hidden;position:relative}.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-image-text{position:absolute;bottom:0;right:0;background:var(--red);color:white;font-weight:600;text-transform:uppercase;padding:3.5vw 6vw;font-size:3.5vw}.listing-info,.listing-agent-info{display:flex;width:calc(var(--width) - 2 * var(--spacing));max-width:calc(var(--width) - 2 * var(--spacing));margin:0 var(--spacing) var(--spacing)}.listing-info .left,.listing-agent-info .left{--width-left: 23vw;display:flex;width:var(--width-left);min-width:var(--width-left);position:relative}.listing-info .right,.listing-agent-info .right{--width-right: 70vw;display:flex;flex-direction:column;align-items:flex-end;text-align:end;width:var(--width-right);min-width:var(--width-right);transform:translateY(30vw);animation-duration:var(--animation-duration);animation-name:listingInfoTranslate;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-agent-info .left{--width-left: 21vw}.listing-agent-info .right{--width-right: 72vw;align-items:flex-start;animation-name:listingInfoClosingTranslate}.listing-agent-info{align-items:center}.logo{--logo-width: 16vw;width:var(--logo-width);min-width:var(--logo-width);height:var(--logo-width);min-height:var(--logo-width)}.logo img{width:100%;height:100%;object-fit:contain}.listing-agent{font-size:3vw;text-transform:uppercase;letter-spacing:0.2vw;text-align:right;width:100%}.listing-description{width:100%;font-size:5vw;font-weight:600;margin-bottom:1.5vw}.closing-frame{width:var(--width);height:var(--height);left:0;top:0;z-index:3;position:absolute;background:white;display:flex;align-items:center;overflow:hidden;flex-direction:column;opacity:0;animation-duration:var(--animation-duration);animation-name:closingFrameFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.closing-frame .logo{opacity:0;animation-duration:var(--animation-duration);animation-name:closingLogoFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-agent-description{display:flex;flex-direction:column;flex:1;width:100%;justify-content:center;padding-bottom:var(--spacing--double)}.agent-name{font-size:8.5vw;font-weight:700;padding:var(--spacing--double) var(--spacing--double) var(--spacing);max-width:56vw;opacity:0;animation-duration:var(--animation-duration);animation-name:closingDescriptionFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.agent-headline{background:var(--red);width:100%;padding:var(--spacing--double) 45vw var(--spacing--double) var(--spacing--double);color:white;text-transform:uppercase;font-size:3.6vw;line-height:1.5;font-weight:600;letter-spacing:0.3vw;opacity:0;animation-duration:var(--animation-duration);animation-name:closingHeadlineFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-agent-photo.hidden+.listing-agent-description .agent-name{max-width:80vw}.listing-agent-photo.hidden+.listing-agent-description .agent-headline{padding-right:var(--spacing--double)}.agent-details{width:inherit;font-size:3.8vw;text-transform:uppercase;letter-spacing:0.3vw;line-height:1.6}.listing-agent-photo{--photo-size: 52vw;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(7vw);position:absolute;top:11vw;right:0;z-index:4;opacity:0;animation-duration:var(--animation-duration);animation-name:closingFigureFade;animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-agent-photo.hidden{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:0;right:0;width:5vw;height:6vw}.eho-logo path{fill:#ABABAB}.closing-frame .eho-logo{right:2vw}