.c-yaris-cross-rich-text{color:inherit}.c-yaris-cross-rich-text p{margin:0;display:inline}.c-yaris-cross-rich-text p+p{margin-top:.5rem;display:block}.c-yaris-cross-rich-text strong{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-weight:600}.c-yaris-cross-rich-text em{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-style:italic}.c-yaris-cross-rich-text a{text-decoration-line:underline;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.c-yaris-cross-rich-text a:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.c-yaris-cross-rich-text--inline p{display:inline}
.c-yaris-cross-hero{aspect-ratio:375/710;--tw-bg-opacity:1;background-color:rgb(23 17 13/var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;width:100%;min-height:710px;color:rgb(255 255 255/var(--tw-text-opacity,1));max-height:calc(100dvh - var(--navbar-offset-mobile));justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}@media (min-width:992px){.c-yaris-cross-hero{aspect-ratio:1440/900;min-height:0;max-height:none;display:flex}}.c-yaris-cross-hero:before,.c-yaris-cross-hero:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.c-yaris-cross-hero:before{background:0 0}@media (min-width:992px){.c-yaris-cross-hero:before{background:0 0}}.c-yaris-cross-hero:after{background:0 0}@media (min-width:992px){.c-yaris-cross-hero:after{background:linear-gradient(#17110d59 0%,#17110d73 55%,#17110d8c 100%),linear-gradient(#17110d -15.49%,#17110db3 6.52%,#17110d00 25.38%),linear-gradient(#17110d00 74.64%,#17110db3 86.35%,#17110d 100%);height:auto;inset:0}}.c-yaris-cross-hero__media{z-index:0;position:absolute;inset:0;overflow:hidden}.c-yaris-cross-hero__media:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}@media (min-width:992px){.c-yaris-cross-hero__media:after{display:none}}.c-yaris-cross-hero__media:after{background:linear-gradient(#17110d00 74.64%,#17110db3 86.35%,#17110d 100%),linear-gradient(#17110d -15.49%,#17110db3 6.52%,#17110d00 25.38%)}@media (min-width:992px){.c-yaris-cross-hero__media:after{background:0 0}}.c-yaris-cross-hero__poster{display:block;position:absolute;inset:0}.c-yaris-cross-hero__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.c-yaris-cross-hero__video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute;inset:0}.c-yaris-cross-hero__video--desktop{display:none}@media (min-width:992px){.c-yaris-cross-hero__video--desktop{display:block}}.c-yaris-cross-hero__video--mobile{display:block}@media (min-width:992px){.c-yaris-cross-hero__video--mobile{display:none}}.c-yaris-cross-hero__badge{z-index:2;--tw-translate-x:-50%;width:322px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));text-align:center;text-transform:uppercase;letter-spacing:4.8px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-family:Toyota Type,Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:30px;position:absolute;top:94px;left:50%}@media (min-width:992px){.c-yaris-cross-hero__badge{white-space:nowrap;letter-spacing:4.8px;width:auto;font-size:24px;line-height:32px;top:23.333%}}.c-yaris-cross-hero__content{z-index:2;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding-bottom:2.25rem;padding-left:1.25rem;padding-right:1.25rem;display:flex;position:relative}@media (min-width:992px){.c-yaris-cross-hero__content{--tw-translate-x:-50%;width:100%;max-width:1040px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));gap:1.5rem;padding-bottom:0;padding-left:1.25rem;padding-right:1.25rem;position:absolute;top:38.222%;left:50%}@media (min-width:1200px){.c-yaris-cross-hero__content{padding-left:0;padding-right:0}}}.c-yaris-cross-hero__copy{flex-direction:column;align-items:center;gap:1rem;display:flex}.c-yaris-cross-hero__badge-mobile{z-index:2;text-align:center;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-family:Toyota Type,Manrope,system-ui,sans-serif;font-weight:600;position:absolute;top:76px;left:1rem;right:1rem}.c-yaris-cross-hero__badge-mobile span{letter-spacing:4.2px;font-size:14px;line-height:30px;display:block}.c-yaris-cross-hero__badge-mobile span+span{white-space:nowrap;letter-spacing:7.2px;font-size:24px;line-height:30px}.c-yaris-cross-hero__title{letter-spacing:0;--tw-text-opacity:1;max-width:311px;color:rgb(255 255 255/var(--tw-text-opacity,1));text-shadow:0 2px 40px #00000080;margin:0;font-family:Toyota Type,Manrope,system-ui,sans-serif;font-size:30px;font-weight:600;line-height:38px}@media not all and (min-width:576px){.c-yaris-cross-hero__title{text-transform:lowercase}.c-yaris-cross-hero__title:first-letter{text-transform:uppercase}}@media (min-width:992px){.c-yaris-cross-hero__title{text-transform:uppercase;max-width:none;font-size:60px;line-height:72px}}.c-yaris-cross-hero__description{color:#ffffffe6;max-width:560px;margin:0;font-family:Toyota Type,Manrope,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.25rem}@media (min-width:992px){.c-yaris-cross-hero__description{max-width:1040px;font-size:18px;line-height:1.5rem}}.c-yaris-cross-hero__actions{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:343px;display:flex}@media (min-width:992px){.c-yaris-cross-hero__actions{flex-direction:row;gap:1rem;width:480px;max-width:none}}.c-yaris-cross-hero__button{cursor:pointer;white-space:nowrap;text-transform:uppercase;--tw-backdrop-blur:blur(2px);width:100%;height:2.75rem;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition:background-color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out);border-width:2px;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-family:Toyota Type,Manrope,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.25rem;text-decoration-line:none;display:inline-flex}@media (min-width:992px){.c-yaris-cross-hero__button{flex:1;width:auto}}.c-yaris-cross-hero__button:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#17110d;outline:2px solid #0000}.c-yaris-cross-hero__button--outline{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#0000;border-color:#fff9}.c-yaris-cross-hero__button--outline:hover,.c-yaris-cross-hero__button--light{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(73 73 80/var(--tw-text-opacity,1))}.c-yaris-cross-hero__button--light:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#0000;border-color:#fff9}.c-yaris-cross-hero__button-label--desktop{display:none}@media (min-width:992px){.c-yaris-cross-hero__button-label--desktop{display:inline}}.c-yaris-cross-hero__button-label--mobile{display:inline}@media (min-width:992px){.c-yaris-cross-hero__button-label--mobile{display:none}}
