@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");:root{--width: 100vw;--height: 83.3334vw;--height--listing-image: 51vw;--spacing: 2vw;--height--frame-bottom: 16vw;--height--frame-top: 12vw;--gradient: linear-gradient(180deg, rgba(30, 70, 128, 1) 0%, rgba(11,33,67,1) 100%);--color-accent: rgba(30,70,128,1);--color-tag: #CB2432;--animation-duration: 14s;--iteration-count: 3;--animation-fill-mode: forwards}@keyframes fadeInLogoFrame{0%{opacity:0}2%{opacity:0}7%{opacity:1}100%{opacity:1}}@keyframes animateBigLogo{0%{opacity:0;transform:translateY(10vw)}5%{opacity:0;transform:translateY(10vw)}10%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes animateLogoFrame1{0%{transform:translateX(0);opacity:1}22%{transform:translateX(0);opacity:1}32%{transform:translateX(-100vw);opacity:0}100%{transform:translateX(-100vw);opacity:0}}@keyframes animateLogoFrame2{0%{transform:translateX(100vw)}22%{transform:translateX(100vw)}32%{transform:translateX(0vw)}100%{transform:translateX(0vw)}}@keyframes fadeInListingFrame{0%{opacity:0}28%{opacity:0}33%{opacity:1}100%{opacity:1}}@keyframes fadeInFrameTop{0%{opacity:0;transform:translateY(5vw)}30%{opacity:0;transform:translateY(5vw)}35%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInListingImage{0%{opacity:0;transform:translateY(5vw)}32%{opacity:0;transform:translateY(5vw)}37%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes animateAgentPhoto{0%{opacity:0;transform:translateX(-10vw)}36%{opacity:0;transform:translateX(-10vw)}41%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}@keyframes animateTag{0%{opacity:0;transform:translateX(10vw)}38%{opacity:0;transform:translateX(10vw)}43%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}@keyframes fadeInBottomLogo{0%{opacity:0;transform:translateY(100%)}34%{opacity:0;transform:translateY(100%)}39%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInFirstDetailsFrame{0%{opacity:0;transform:translateY(100%)}32%{opacity:0;transform:translateY(100%)}37%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0;padding:0}.container{font-family:"Montserrat", sans-serif;-webkit-font-smoothing:antialiased;width:var(--width);height:var(--height);overflow:hidden;border:solid 0.3vw #f2f0e2;background:var(--color-accent);background:var(--gradient);position:relative}.fit-text{white-space:nowrap}figure{margin:0;padding:0}.logo-frame{width:var(--width);height:var(--height);position:absolute;top:0;left:0;opacity:0;animation-name:fadeInLogoFrame;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.logo-frame-1{width:var(--width);height:var(--height);position:absolute;top:0;left:0;z-index:4;transform:translateX(0);animation-name:animateLogoFrame1;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.logo-frame-2{width:var(--width);height:var(--height);position:absolute;top:0;left:0;background:var(--color-accent);background:var(--gradient);z-index:5;animation-name:animateLogoFrame2;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.logo-frame-background-image{width:var(--width);height:var(--height);position:absolute;top:0;left:0;z-index:1}.logo-frame-background-image img{width:100%;height:100%;object-fit:cover}.logo-frame-background-color{width:var(--width);height:var(--height);position:absolute;top:0;left:0;z-index:2;background:var(--color-accent);opacity:0.9}.logo-frame-content{width:var(--width);height:var(--height);position:absolute;padding:calc(2 * var(--spacing));top:0;left:-4vw;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column}.logo-big{width:60vw;height:35vw;opacity:0;transform:translateY(10vw);animation-name:animateBigLogo;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.logo-big img{width:100%;height:100%;object-fit:contain}.listing-frame{width:var(--width);height:var(--height);position:absolute;top:0;left:0;padding:var(--spacing);opacity:0;animation-name:fadeInListingFrame;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-image{width:100%;height:var(--height--listing-image);display:flex;position:relative;opacity:0;transform:translateY(5vw);animation-name:fadeInListingImage;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.listing-image img{width:100%;height:100%;object-fit:cover}.agent-photo{position:absolute;bottom:0;left:0;min-width:15vw;max-width:15vw;height:16vw;border-right:solid 1.25vw #102A52;border-top:solid 1.25vw #102A52;opacity:0;transform:translateX(-10vw);animation-name:animateAgentPhoto;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.agent-photo img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;bottom:0;right:0;background:var(--color-tag);color:#f2f0e2;font-size:3vw;font-weight:600;letter-spacing:0.2vw;padding:1vw var(--spacing);opacity:0;transform:translateX(10vw);animation-name:animateTag;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.tag:empty{padding:0vw var(--spacing)}.frame-bottom{display:flex;width:100%;height:var(--height--frame-bottom);padding-top:var(--spacing);position:relative;overflow:hidden;align-items:center}.logo{min-width:35vw;max-width:35vw;height:11vw;opacity:0;transform:translateY(100%);animation-name:fadeInBottomLogo;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.logo img{width:100%;height:100%;object-fit:contain}.eho-logo{position:absolute;bottom:0;right:1vw}.eho-logo path{fill:rgba(255,255,255,0.5)}.agent-details{display:flex;flex:1;position:relative;opacity:0;transform:translateY(100%);animation-name:fadeInFirstDetailsFrame;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.agent-description{color:#f2f0e2;flex:1;max-width:100%;padding-left:var(--spacing)}.headline{font-size:4.65vw;font-weight:700;max-width:100%}.agent-name{font-size:3.5vw;line-height:1.5;font-weight:700;max-width:100%;letter-spacing:0.2vw}.agent-flex{font-size:3.25vw;font-weight:600;letter-spacing:0.2vw;line-height:1.25;color:#C0C8D2;max-width:100%}.text-uppercase{text-transform:uppercase;font-size:3vw}.frame-top{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 var(--spacing) var(--spacing);position:relative;height:var(--height--frame-top);opacity:0;transform:translateY(5vw);animation-name:fadeInFrameTop;animation-duration:var(--animation-duration);animation-fill-mode:var(--animation-fill-mode);animation-iteration-count:var(--iteration-count)}.flex-field{font-size:3.25vw;max-width:100%;font-weight:600;letter-spacing:0.25vw;color:#C0C8D2;line-height:1.5}.text-uppercase{text-transform:uppercase}.headline{font-size:4.5vw;line-height:1;color:#f2f0e2;max-width:100%;align-text:center;font-weight:700;letter-spacing:0.2vw}.disclaimer{text-align:center;bottom:1vw;width:96vw;height:1.5vw;position:absolute;color:white;font-size:1.25vw}