:root{--media-height:100vh}@media (max-width:839px) and (orientation:landscape){.hero_annotations>div[class^=hero--]{max-height:100vh;max-height:var(--media-height);min-height:100vh;min-height:var(--media-height)}.hero_annotations>div[class^=hero--] .hero-image img{height:100vh;height:var(--media-height);max-height:100vh;max-height:var(--media-height)}}.hero_annotations>div[class^=hero--].hero--with-banner{overflow-x:hidden}.hero_annotations>div[class^=hero--].hero--with-banner .banner{background-color:#f7f7f7;background-color:var(--tds-color--lightgrey);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content{-ms-flex-item-align:start;align-self:flex-start;height:100%;min-width:415px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;padding:0 50px;width:415px}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content header{margin-top:34px}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .tds-flex-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 0 0;position:relative}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .tds-flex-item .banner-buttons:not(.banner-buttons--preferred){display:-webkit-box;display:-ms-flexbox;display:flex}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .banner-buttons{bottom:50px;position:absolute}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .tds-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .tds-flex-item:first-of-type{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:100%}.hero_annotations>div[class^=hero--].hero--with-banner .banner.banner--left .banner-content .tds-flex-item:first-of-type .banner-buttons{display:none}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image{background-color:unset;display:block;height:100vh;height:var(--media-height,100vh);max-width:none;min-height:0;position:relative;width:100%}@media (max-width:839px) and (orientation:landscape){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image{height:100vh}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image{left:415px;position:absolute;top:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .hero-asset{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .hero-asset{background-size:100% auto}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations{height:100%;list-style:none;margin:0;padding:0;position:absolute;width:100%}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li{float:left;line-height:15px;position:absolute}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li{line-height:inherit;width:100%}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li h3{font-family:Gotham Medium,system,sans-serif;font-family:var(--tds-sans-font_stack--medium);font-size:1.1vw;font-weight:400;left:15px;line-height:inherit;margin:0;opacity:1;position:relative;top:-20vw;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.4s;transition-delay:.4s}@media (min-width:1230px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li h3{font-size:15px}}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li h3{font-size:10px;left:auto;line-height:normal;margin-left:0;right:calc(100% + 5px);text-align:right;top:-25vw}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li h3{top:-17vw}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal:after{-webkit-transform:scaleY(0);transform:scaleY(0)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal h3{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal.cmp-animate--revealed:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal.cmp-animate--revealed:after{-webkit-transform:scaleY(1);transform:scaleY(1)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.cmp-animate--to_reveal.cmp-animate--revealed h3{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--front{left:26vw;top:50%}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--front{left:42.5vw;margin-top:-2vw;top:50%}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--front{left:34vw;top:50%}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top{left:49vw;margin-top:-17vw;top:50%}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top h3{top:-13.5vw}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top h3{top:-17vw;-webkit-transition-delay:.3s;transition-delay:.3s}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top h3{top:-8vw;-webkit-transition-delay:.3s;transition-delay:.3s}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top:before{height:13.5vw;top:-13.5vw;-webkit-transition-delay:0s;transition-delay:0s}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top:before{height:17vw;top:-17vw;-webkit-transition-delay:0s;transition-delay:0s}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top:before{height:8vw;top:-8vw}}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top{left:74vw;margin-top:-24vw;top:50%}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--top{left:54vw;margin-top:-14vw;top:50%}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom{left:54vw;margin-top:9vw;top:50%}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom h3{left:15px;margin-top:-10px;top:10.5vw;-webkit-transition-delay:.5s;transition-delay:.5s}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom h3{left:auto;margin-top:-10px;top:21vw;-webkit-transition-delay:.5s;transition-delay:.5s}}@media (max-width:375px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom h3{top:24vw}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom h3{margin-top:-15px;top:9vw}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom:before{height:10.5vw;top:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-delay:.2s;transition-delay:.2s}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom:before{height:21vw;top:0;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-delay:.2s;transition-delay:.2s}}@media (max-width:375px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom:before{height:24vw}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom:before{height:9vw;top:0}}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom{left:77vw;margin-top:12vw;top:57%}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li.annotations--bottom{left:58vw;margin-top:7vw;top:50%}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li:before{background-color:#000;content:"";display:block;height:20vw;left:-.5px;position:absolute;top:-20vw;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.1s;transition-delay:.1s;width:3px}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li:before{height:25vw;left:0;top:-25vw;-webkit-transition:-webkit-transform 1s cubic-bezier(.23,1,.32,1);transition:-webkit-transform 1s cubic-bezier(.23,1,.32,1);transition:transform 1s cubic-bezier(.23,1,.32,1);transition:transform 1s cubic-bezier(.23,1,.32,1),-webkit-transform 1s cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.1s;transition-delay:.1s;width:2px}}@media (min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li:before{height:17vw;top:-17vw}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li:after{background-color:#fff;border:2px solid #000;border-radius:8px;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:initial;content:"";display:block;height:5px;left:-3.5px;position:absolute;top:-3.5px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.1s;transition-delay:.1s;width:5px}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations li:after{border:1px solid #000;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-sizing:initial;box-sizing:initial;height:4px;left:-2px;top:-2px;-webkit-transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1);transition:transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)}}@media (max-width:839px) and (orientation:landscape){.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-image .banner-image--annotations{display:none}}.hero_annotations>div[class^=hero--].hero--with-banner .banner .banner-content{background-color:#fff;background-color:var(--tds-color--white);left:0;margin:0;position:relative;top:0;z-index:1}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-3 .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-3-hero-portrait.jpg)}@media (max-width:839px) and (orientation:landscape),(min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-3 .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-3-hero.png)}}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-3 .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-3-hero-mobile.jpg)}}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-s .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-s-hero-portrait.jpg)}@media (max-width:839px) and (orientation:landscape),(min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-s .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-s-hero.png)}}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-s .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-s-hero-mobile.jpg)}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-s .banner .banner-image .hero-asset .banner-image--annotations li.annotations--bottom{top:50%}}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-x-hero-portrait.jpg)}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-x-hero-mobile.jpg)}}@media (max-width:839px) and (orientation:landscape),(min-width:1023px){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset{background-image:url(../../../../../etc/clientlibs/tesla/tesla-site/site-components/img/model-x-hero.png)}}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--front{left:30vw}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--top{left:52vw}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--bottom{margin-top:9vw}@media (max-width:639px) and (orientation:portrait){.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--front{left:42.5vw}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--top{left:74vw}.hero_annotations>div[class^=hero--].hero--with-banner.hero-annotations--model-x .banner .banner-image .hero-asset .banner-image--annotations li.annotations--bottom{margin-top:5vw}}