tesla-scroll-hero{--tsh-accent: #e31937;--tsh-offset: 0px;--tsh-length: 320vh;display:block;position:relative;height:var(--tsh-length);background:#05060a;color:#fff}tesla-scroll-hero .tsh__sticky{position:sticky;top:var(--tsh-offset);height:calc(100vh - var(--tsh-offset));height:calc(100svh - var(--tsh-offset));min-height:480px;overflow:hidden;isolation:isolate}tesla-scroll-hero .tsh__media,tesla-scroll-hero .tsh__video,tesla-scroll-hero .tsh__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}tesla-scroll-hero .tsh__poster{opacity:1;transition:opacity .6s ease}tesla-scroll-hero.is-ready .tsh__poster{opacity:0}tesla-scroll-hero .tsh__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05060ac7,#05060a59 45%,#05060a00 75%),linear-gradient(0deg,#05060ad9,#05060a00 38%);pointer-events:none}tesla-scroll-hero .tsh__layer{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(20px,6vw,96px) clamp(56px,11vh,120px);max-width:1400px;margin:0 auto;will-change:opacity,transform}tesla-scroll-hero .tsh__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;margin:0 0 18px}tesla-scroll-hero .tsh__eyebrow:before{content:"";width:28px;height:2px;background:var(--tsh-accent);display:block}tesla-scroll-hero .tsh__title{font-size:clamp(34px,6.4vw,84px);line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:0;max-width:14ch;text-wrap:balance}tesla-scroll-hero .tsh__chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}tesla-scroll-hero .tsh__chip{font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}tesla-scroll-hero .tsh__chip--pre{background:var(--tsh-accent);border-color:var(--tsh-accent)}tesla-scroll-hero .tsh__chip--low{border-color:#ffb454;color:#ffcf8a}tesla-scroll-hero .tsh__chip--out{opacity:.6}tesla-scroll-hero .tsh__price{font-size:clamp(20px,2.4vw,28px);font-weight:600;margin:22px 0 0;letter-spacing:-.01em}tesla-scroll-hero .tsh__price s{opacity:.5;font-weight:400;margin-left:10px;font-size:.8em}tesla-scroll-hero .tsh__hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;transition:opacity .3s;pointer-events:none}tesla-scroll-hero .tsh__hint span.line{width:1px;height:28px;background:linear-gradient(#fffc,#fff0);animation:tsh-drop 1.8s ease-in-out infinite;transform-origin:top}@keyframes tsh-drop{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}tesla-scroll-hero .tsh__caption{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(20px,6vw,96px) clamp(64px,14vh,140px);max-width:1400px;margin:0 auto;opacity:0;will-change:opacity,transform;pointer-events:none}tesla-scroll-hero .tsh__caption h2{font-size:clamp(26px,4.2vw,56px);line-height:1.06;letter-spacing:-.03em;font-weight:700;margin:0 0 14px;max-width:16ch;color:#fff;text-wrap:balance}tesla-scroll-hero .tsh__caption p{font-size:clamp(15px,1.5vw,19px);line-height:1.5;max-width:42ch;margin:0;color:#ffffffc7}tesla-scroll-hero .tsh__cta{opacity:0;pointer-events:none;position:absolute;right:clamp(20px,6vw,96px);bottom:clamp(56px,11vh,120px)}tesla-scroll-hero .tsh__cta.is-on{pointer-events:auto}tesla-scroll-hero .tsh__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:#fff;color:#05060a;font-weight:600;font-size:15px;text-decoration:none;cursor:pointer;border:0;transition:transform .2s ease,background .2s ease}tesla-scroll-hero .tsh__btn:hover{transform:translateY(-2px);background:#f1f1f4}tesla-scroll-hero .tsh__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff1f}tesla-scroll-hero .tsh__bar i{display:block;height:100%;background:var(--tsh-accent);transform-origin:left;transform:scaleX(0)}tesla-scroll-hero.is-static{height:auto}tesla-scroll-hero.is-static .tsh__sticky{position:relative;top:0;height:min(86svh,760px)}tesla-scroll-hero.is-static .tsh__poster{opacity:1!important}tesla-scroll-hero.is-static .tsh__caption,tesla-scroll-hero.is-static .tsh__hint,tesla-scroll-hero.is-static .tsh__bar{display:none}tesla-scroll-hero.is-static .tsh__cta{opacity:1;pointer-events:auto}@media(max-width:749px){tesla-scroll-hero .tsh__shade{background:linear-gradient(0deg,#05060aeb,#05060a73 45%,#05060a26)}tesla-scroll-hero .tsh__cta{left:20px;right:20px;bottom:56px}tesla-scroll-hero .tsh__btn{width:100%;justify-content:center}tesla-scroll-hero .tsh__title{max-width:12ch}}@media(prefers-reduced-motion:reduce){tesla-scroll-hero .tsh__hint span.line{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/tesla-hero.css.map */