.c-model-card { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); border-radius: 20px; flex-direction: column; gap: 0.25rem; padding: 0.625rem; transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.c-model-card:hover { --tw-translate-y: -.125rem; 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)); --tw-border-opacity: 1; border-color: rgb(206 207 208/var(--tw-border-opacity,1)); --tw-shadow: 0 8px 24px #10182814; --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); }
.c-model-card__labels { align-items: center; gap: 0.5rem; margin-bottom: 0.375rem; display: flex; }
.c-model-card__media { aspect-ratio: 16 / 10; --tw-bg-opacity: 1; background-color: rgb(250 250 250/var(--tw-bg-opacity,1)); border-radius: 16px; justify-content: center; align-items: center; margin-bottom: 0.25rem; display: flex; overflow: hidden; }
.c-model-card__media img { object-fit: contain; width: 100%; height: 100%; }
.c-model-card__ph { --tw-bg-opacity: 1; background-color: rgb(232 232 232/var(--tw-bg-opacity,1)); width: 100%; height: 100%; }
.c-model-card__tag { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); border-radius: 999px; padding: 0.125rem 0.5rem; font-size: 11px; font-weight: 600; }
.c-model-card__tag[data-motor="hybride"] { color: rgb(11, 165, 236); background: rgb(240, 249, 255); }
.c-model-card__tag[data-motor="essence"] { color: rgb(23, 107, 58); background: rgb(221, 243, 228); }
.c-model-card__tag[data-motor="diesel"] { color: rgb(255, 0, 34); background: rgb(255, 230, 232); }
.c-model-card__tag[data-motor="electrique"] { color: rgb(225, 122, 32); background: rgb(255, 250, 235); }
.c-model-card__tag[data-motor="plugin-hybride"] { color: rgb(32, 165, 105); background: rgb(236, 253, 243); }
.c-model-card__campaign { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); border-radius: 999px; margin-left: auto; padding: 0.125rem 0.5rem; font-size: 11px; font-weight: 600; }
.c-model-card__name { --tw-text-opacity: 1; color: rgb(23 25 28/var(--tw-text-opacity,1)); padding-left: 0.25rem; padding-right: 0.25rem; font-size: 14px; font-weight: 700; }
.c-model-card__price { --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); padding-left: 0.25rem; padding-right: 0.25rem; font-size: 12px; }
.c-model-card__price strong { --tw-text-opacity: 1; color: rgb(41 45 50/var(--tw-text-opacity,1)); font-weight: 600; }
.c-model-card__actions { flex-direction: column; gap: 0.375rem; margin-top: 0.5rem; display: flex; }
.c-model-card__btn { border: 1px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; padding: 0.5rem 0.75rem; font-size: 12px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; }
.c-model-card__btn--primary { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-model-card__btn--primary:hover { background: var(--gray-800); }
.c-model-card__btn--secondary { --tw-border-opacity: 1; border-color: rgb(19 19 25/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(23 25 28/var(--tw-text-opacity,1)); }
.c-model-card__btn--secondary:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); }
.c-navbar { z-index: 50; --tw-border-opacity: 1; border-bottom-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-backdrop-blur: blur(8px); width: 100%; 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),backdrop-filter var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out); background-color: rgba(255, 255, 255, 0.95); position: sticky; top: 0px; }
.c-navbar--hidden { transform: translateY(-100%); }
.c-navbar--transparent { backdrop-filter: none; background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); }
.c-navbar--transparent .c-navbar__brand { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-navbar--transparent .c-navbar__trigger { color: rgba(255, 255, 255, 0.9); }
.c-navbar--transparent .c-navbar__trigger::after { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
.c-navbar--transparent .c-navbar__trigger:hover, .c-navbar--transparent .c-navbar__trigger--active { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-navbar--transparent .c-navbar__search-pill { color: rgba(255, 255, 255, 0.85); background-color: rgba(255, 255, 255, 0.15); }
.c-navbar--transparent .c-navbar__search-pill:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgba(255, 255, 255, 0.25); }
.c-navbar--transparent .c-navbar__icon-btn { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-navbar--transparent .c-navbar__icon-btn:hover { background-color: rgba(255, 255, 255, 0.1); }
.c-navbar--scrolled { --tw-border-opacity: 1; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-backdrop-blur: blur(8px); 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); background-color: rgba(255, 255, 255, 0.95); }
.c-navbar--overlay { position: fixed; top: 0px; left: 0px; right: 0px; }
.c-navbar__inner { grid-template-rows: repeat(1, minmax(0px, 1fr)); grid-template-columns: 1fr auto 1fr; align-items: center; gap: 0.5rem; width: 100%; margin-left: auto; margin-right: auto; display: grid; }
@media (min-width: 992px) {
  .c-navbar__inner { justify-content: space-between; gap: 1rem; display: flex; }
}
.c-navbar__inner { max-width: calc(var(--container-max) + 2*var(--gutter-desktop)); padding-left: var(--gutter-mobile); padding-right: var(--gutter-mobile); height: var(--navbar-h-mobile); }
@media (min-width: 768px) {
  .c-navbar__inner { height: var(--navbar-h); }
}
@media (min-width: 992px) {
  .c-navbar__inner { padding-left: var(--gutter-desktop); padding-right: var(--gutter-desktop); }
}
.c-navbar__brand { letter-spacing: -0.025em; --tw-text-opacity: 1; height: 100%; color: rgb(19 19 25/var(--tw-text-opacity,1)); flex-shrink: 0; align-items: center; font-size: 24px; font-weight: 800; display: flex; }
@media not all and (min-width: 992px) {
  .c-navbar__brand { grid-row-start: 1; grid-column-start: 2; justify-self: center; }
}
.c-navbar__brand { letter-spacing: 0.12em; }
.c-navbar__logo { object-fit: contain; width: auto; max-height: calc(var(--navbar-h-mobile) - 22px); align-self: center; display: block; }
@media (min-width: 768px) {
  .c-navbar__logo { max-height: calc(var(--navbar-h) - 28px); }
}
.c-navbar__nav { align-items: center; gap: 1.5rem; display: none; }
@media (min-width: 992px) {
  .c-navbar__nav { display: flex; }
}
.c-navbar__trigger { cursor: pointer; --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); align-items: center; gap: 0.25rem; font-size: 14px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; position: relative; }
.c-navbar__trigger::after { content: ""; --tw-translate-x: -50%; width: 0px; height: 0.125rem; 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)); --tw-bg-opacity: 1; background-color: rgb(255 0 34/var(--tw-bg-opacity,1)); transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); position: absolute; bottom: -6px; left: 50%; }
.c-navbar__trigger:hover { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
.c-navbar__trigger:hover::after { width: 22px; }
.c-navbar__trigger--active { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
.c-navbar__trigger--active::after { width: 22px; }
.c-navbar__trigger-chevron { --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); flex-shrink: 0; transition-property: transform; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-navbar__trigger:hover .c-navbar__trigger-chevron { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
.c-navbar__trigger--active .c-navbar__trigger-chevron { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); transform: rotate(180deg); }
@media not all and (min-width: 992px) {
  .c-navbar__actions { display: contents; }
}
@media (min-width: 992px) {
  .c-navbar__actions { align-items: center; gap: 0.375rem; display: flex; }
}
.c-navbar__search-pill { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(73 73 80/var(--tw-text-opacity,1)); border-width: 1px; border-color: rgba(0, 0, 0, 0); border-radius: 999px; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; font-size: 14px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: none; }
@media (hover: hover) and (pointer: fine) {
  .c-navbar__search-pill:hover { --tw-bg-opacity: 1; background-color: rgb(232 232 232/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(41 45 50/var(--tw-text-opacity,1)); }
}
@media (min-width: 992px) {
  .c-navbar__search-pill { display: inline-flex; }
}
.c-navbar__icon-btn { --tw-text-opacity: 1; width: 2.5rem; height: 2.5rem; color: rgb(51 51 58/var(--tw-text-opacity,1)); border-radius: 9999px; justify-content: center; align-items: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
@media (hover: hover) and (pointer: fine) {
  .c-navbar__icon-btn:hover { --tw-bg-opacity: 1; background-color: rgb(232 232 232/var(--tw-bg-opacity,1)); }
}
@media not all and (min-width: 992px) {
  .c-navbar__search-mobile { grid-row-start: 1; grid-column-start: 1; justify-self: start; }
}
@media (min-width: 992px) {
  .c-navbar__search-mobile { display: none; }
}
@media not all and (min-width: 992px) {
  .c-navbar__burger { grid-row-start: 1; grid-column-start: 3; justify-self: end; }
}
@media (min-width: 992px) {
  .c-navbar__burger { display: none; }
}
.c-navbar__backdrop { z-index: 30; right: 0px; bottom: 0px; left: 0px; top: var(--navbar-h-mobile); background-color: rgba(0, 0, 0, 0.3); position: fixed; }
@media (min-width: 768px) {
  .c-navbar__backdrop { top: var(--navbar-h); }
}
.c-navbar__backdrop--mobile { z-index: 40; background-color: rgba(0, 0, 0, 0.4); top: 0px; }
@media (min-width: 992px) {
  .c-navbar__backdrop--mobile { display: none; }
}
.c-megamenu { z-index: 40; --tw-border-opacity: 1; border-bottom-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); --tw-shadow: 0 16px 40px #1018281f; --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); display: none; position: absolute; top: 100%; left: 0px; right: 0px; }
@media (min-width: 992px) {
  .c-megamenu { display: block; }
}
.c-megamenu { animation: megamenu-in .16s var(--ease-out,ease-out); max-height: calc(100vh - var(--navbar-h)); overflow-y: auto; }
.c-megamenu__inner { width: 100%; max-width: calc(var(--container-max) + 2*var(--gutter-desktop)); padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: var(--gutter-mobile); padding-right: var(--gutter-mobile); margin-left: auto; margin-right: auto; }
@media (min-width: 992px) {
  .c-megamenu__inner { padding-left: var(--gutter-desktop); padding-right: var(--gutter-desktop); }
}
.c-megamenu__filters { flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; display: flex; }
.c-megamenu__empty { text-align: center; --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); padding-top: 2rem; padding-bottom: 2rem; font-size: 14px; }
.c-megamenu__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.75rem; display: grid; }
@media (min-width: 768px) {
  .c-megamenu__grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (min-width: 1200px) {
  .c-megamenu__grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.c-megamenu__split { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1.5rem; display: grid; }
@media (min-width: 992px) {
  .c-megamenu__split { grid-template-columns: 1fr 360px; }
  .c-megamenu__split--nofeature { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
}
.c-megamenu__split-links { grid-template-columns: repeat(1, minmax(0px, 1fr)); align-self: flex-start; gap: 0.25rem 2rem; display: grid; }
@media (min-width: 576px) {
  .c-megamenu__split-links { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.c-megamenu__link { --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); border-radius: 16px; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; font-size: 14px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.c-megamenu__link svg { --tw-text-opacity: 1; color: rgb(173 173 174/var(--tw-text-opacity,1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-megamenu__link:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
.c-megamenu__link:hover svg { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
.c-megamenu__link--soon { cursor: default; --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); }
.c-megamenu__link--soon:hover { --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); }
.c-megamenu__soon { --tw-bg-opacity: 1; background-color: rgb(232 232 232/var(--tw-bg-opacity,1)); text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); border-radius: 999px; margin-left: 0.5rem; padding: 0.125rem 0.5rem; font-size: 11px; font-weight: 600; }
.c-megamenu__feature { aspect-ratio: 16 / 10; --tw-bg-opacity: 1; background-color: rgb(23 25 28/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); border-radius: 24px; flex-direction: column; justify-content: flex-end; padding: 1.25rem; display: flex; position: relative; overflow: hidden; }
.c-megamenu__feature--static { cursor: default; }
.c-megamenu__feature-img { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }
.c-megamenu__feature-overlay { background: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.72) 100%); position: absolute; inset: 0px; }
.c-megamenu__feature-body { flex-direction: column; gap: 0.25rem; display: flex; position: relative; }
.c-megamenu__feature-eyebrow { text-transform: uppercase; letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.7); font-size: 12px; font-weight: 600; }
.c-megamenu__feature-title { font-size: 20px; font-weight: 700; line-height: 1.375; }
.c-megamenu__feature-cta { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); align-items: center; gap: 0.25rem; margin-top: 0.5rem; font-size: 14px; font-weight: 600; display: inline-flex; }
.c-megamenu__feature-cta svg { transition-property: transform; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-megamenu__feature:hover .c-megamenu__feature-cta svg { --tw-translate-x: .125rem; 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)); }
@keyframes megamenu-in { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.c-chip { cursor: pointer; --tw-border-opacity: 1; border-width: 1px; border-color: rgb(206 207 208/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(51 51 58/var(--tw-text-opacity,1)); border-radius: 999px; align-items: center; padding: 0.375rem 0.875rem; font-size: 14px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; }
.c-chip:hover { --tw-border-opacity: 1; border-color: rgb(173 173 174/var(--tw-border-opacity,1)); }
.c-chip--active { --tw-border-opacity: 1; border-color: rgb(19 19 25/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-mobile-menu { z-index: 50; --tw-translate-x: 100%; width: 100%; 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)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); flex-direction: column; transition-property: transform; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.2s; display: flex; position: fixed; inset: 0px; }
@media (min-width: 992px) {
  .c-mobile-menu { display: none; }
}
.c-mobile-menu--open { --tw-translate-x: 0px; 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)); }
.c-mobile-menu__head { --tw-border-opacity: 1; border-bottom-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); justify-content: space-between; align-items: center; padding: 0.75rem 1rem; display: flex; }
.c-mobile-menu__brand { letter-spacing: -0.025em; --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); font-size: 20px; font-weight: 800; }
.c-mobile-menu__brand img { width: auto; height: 1.75rem; }
.c-mobile-menu__body { flex-direction: column; flex: 1 1 0%; padding: 0.5rem; display: flex; overflow-y: auto; }
.c-mobile-menu__models { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.75rem; padding: 0.5rem; display: grid; }
.c-mobile-menu__row { text-align: left; --tw-text-opacity: 1; color: rgb(23 25 28/var(--tw-text-opacity,1)); border-radius: 16px; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.875rem 0.75rem; font-size: 16px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
@media (hover: hover) and (pointer: fine) {
  .c-mobile-menu__row:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); }
}
.c-mobile-menu__row svg { --tw-text-opacity: 1; color: rgb(173 173 174/var(--tw-text-opacity,1)); }
.c-mobile-menu__back { --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); border-radius: 16px; align-items: center; gap: 0.25rem; margin-bottom: 0.25rem; padding: 0.5rem 0.75rem; font-size: 14px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; }
@media (hover: hover) and (pointer: fine) {
  .c-mobile-menu__back:hover { --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
}
.c-mobile-menu__link { --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); border-radius: 16px; padding: 0.75rem; font-size: 14px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
@media (hover: hover) and (pointer: fine) {
  .c-mobile-menu__link:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(19 19 25/var(--tw-text-opacity,1)); }
}
.c-mobile-menu__link--soon { cursor: default; --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); }
.c-mobile-menu__link--soon:hover { --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); }
.c-search-overlay { z-index: 50; justify-content: center; padding-top: 5rem; padding-left: 1rem; padding-right: 1rem; display: flex; position: fixed; inset: 0px; }
@media (min-width: 768px) {
  .c-search-overlay { padding-top: 7rem; }
}
.c-search-overlay__scrim { background-color: rgba(0, 0, 0, 0.4); position: absolute; inset: 0px; }
.c-search-overlay__panel { z-index: 10; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); border-radius: 24px; flex-direction: column; gap: 1rem; width: 100%; max-width: 42rem; height: fit-content; padding: 1rem; display: flex; position: relative; }
@media (min-width: 768px) {
  .c-search-overlay__panel { padding: 1.25rem; }
}
.c-search-overlay__panel { box-shadow: var(--shadow-lg,0 24px 64px #0000003d); }
.c-search-overlay__head { --tw-border-opacity: 1; border-bottom-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); align-items: center; gap: 0.75rem; padding-bottom: 0.75rem; display: flex; }
.c-search-overlay__measure { pointer-events: none; visibility: hidden; white-space: pre; font-size: 16px; position: fixed; }
.c-search-overlay__input { --tw-text-opacity: 1; min-width: 2ch; max-width: calc(100% - 84px); color: rgb(23 25 28/var(--tw-text-opacity,1)); outline-offset: 2px; background-color: rgba(0, 0, 0, 0); outline: rgba(0, 0, 0, 0) solid 2px; font-size: 16px; }
.c-search-overlay__input::placeholder { --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); }
.c-search-overlay__input { field-sizing: content; }
.c-search-overlay__input::-webkit-search-cancel-button { appearance: none; }
.c-search-overlay__clear { --tw-text-opacity: 1; width: 1.5rem; height: 1.5rem; color: rgb(139 140 144/var(--tw-text-opacity,1)); border-radius: 9999px; flex-shrink: 0; justify-content: center; align-items: center; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
@media (hover: hover) and (pointer: fine) {
  .c-search-overlay__clear:hover { --tw-bg-opacity: 1; background-color: rgb(232 232 232/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); }
}
.c-search-overlay__clear { transform: translate(-18px, -2px); }
.c-search-overlay__close { margin-left: auto; }
.c-search-overlay__body { max-height: 60vh; overflow-y: auto; }
.c-search-overlay__hint { flex-direction: column; gap: 0.5rem; display: flex; }
.c-search-overlay__hint-title { text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); font-size: 12px; font-weight: 600; }
.c-search-overlay__chips { flex-wrap: wrap; gap: 0.5rem; display: flex; }
.c-search-overlay .c-chip { cursor: pointer; }
.c-search-overlay__status { text-align: center; --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); padding: 1.5rem 0.25rem; font-size: 14px; }
.c-search-overlay__results { flex-direction: column; gap: 1rem; display: flex; }
.c-search-overlay__group { flex-direction: column; display: flex; }
.c-search-overlay__group-title { text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); margin-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; font-size: 12px; font-weight: 600; }
.c-search-overlay__result { border-radius: 16px; flex-direction: column; gap: 0.125rem; padding: 0.625rem 0.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
@media (hover: hover) and (pointer: fine) {
  .c-search-overlay__result:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); }
}
.c-search-overlay__result-title { --tw-text-opacity: 1; color: rgb(23 25 28/var(--tw-text-opacity,1)); font-size: 14px; font-weight: 600; }
.c-search-overlay__result-desc { -webkit-line-clamp: 1; --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); -webkit-box-orient: vertical; font-size: 12px; display: -webkit-box; overflow: hidden; }
.c-footer { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-footer__inner { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2.5rem; padding-top: 4rem; padding-bottom: 4rem; display: grid; }
@media (min-width: 768px) {
  .c-footer__inner { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.c-footer__brand { flex-direction: column; align-items: flex-start; gap: 0.5rem; display: flex; }
.c-footer__logo { letter-spacing: 0.12em; font-size: 24px; font-weight: 800; }
.c-footer__logo-img { object-fit: contain; align-self: flex-start; width: auto; max-width: 220px; height: 2.25rem; }
.c-footer__tagline { color: rgba(255, 255, 255, 0.6); font-size: 14px; }
.c-footer__col { flex-direction: column; gap: 0.75rem; display: flex; }
.c-footer__heading { text-transform: uppercase; letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 700; }
.c-footer__link { color: rgba(255, 255, 255, 0.7); font-size: 14px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-footer__link:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-footer__legal { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 0.75rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 12px; display: flex; }
@media (min-width: 768px) {
  .c-footer__legal { flex-direction: row; align-items: center; }
}
.c-footer__legal-links { flex-wrap: wrap; gap: 1rem; display: flex; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-LightIt.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-Book.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-BookIt.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-Regular.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-RegularIt.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-Semibold.woff2") format("woff2"); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Toyota Type"; src: url("../assets/fonts/ToyotaType-SemiboldIt.woff2") format("woff2"); font-weight: 600 700; font-style: italic; font-display: swap; }
:root { --brand-red: #f02; --brand-red-dark: #eb0a1e; --brand-red-soft: #ffe5e9; --brand-black: #131319; --gray-950: #0b0b1c; --gray-900: #17191c; --gray-800: #292d32; --gray-700: #33333a; --gray-600: #494950; --gray-500: #58595b; --gray-400: #8b8c90; --gray-300: #adadae; --gray-200: #cecfd0; --gray-150: #d0d0d0; --gray-100: #e8e8e8; --gray-75: #f0f0f0; --gray-50: #f4f4f4; --gray-25: #fafafa; --white: #fff; --color-primary: var(--brand-red); --color-primary-hover: var(--brand-red-dark); --color-text: var(--gray-700); --color-text-strong: var(--gray-800); --color-text-muted: var(--gray-500); --color-text-on-dark: var(--white); --color-text-on-dark-mut: #ffffffb8; --color-bg: var(--white); --color-bg-soft: var(--gray-25); --color-bg-elevated: var(--white); --color-bg-inverted: var(--brand-black); --color-border: var(--gray-100); --color-border-strong: var(--gray-200); --color-border-on-dark: #ffffff2e; --font-display: "Toyota Type", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-body: "Toyota Type", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 20px; --radius-2xl: 24px; --radius-pill: 999px; --shadow-xs: 0 1px 2px #1018280d; --shadow-sm: 0 2px 8px #1018280f; --shadow-md: 0 8px 24px #10182814; --shadow-lg: 0 16px 40px #1018281f; --shadow-xl: 0 24px 64px #10182829; --container-max: 1280px; --gutter-desktop: 80px; --gutter-tablet: 32px; --gutter-mobile: 16px; --navbar-h: 80px; --navbar-h-mobile: 64px; --navbar-offset: calc(var(--navbar-h) + 1px); --navbar-offset-mobile: calc(var(--navbar-h-mobile) + 1px); --ease-out: cubic-bezier(.22, 1, .36, 1); --ease-in: cubic-bezier(.55, 0, 1, .45); --ease-inout: cubic-bezier(.65, 0, .35, 1); --t-fast: .15s; --t-base: .22s; --t-slow: .4s; --t-xslow: .7s; --z-base: 1; --z-content: 10; --z-navbar: 100; --z-overlay: 200; --z-modal: 300; --z-toast: 400; }
[data-theme="dark"] { --color-text: #e6e6ea; --color-text-strong: #fff; --color-text-muted: #a4a4ac; --color-bg: #0b0b12; --color-bg-soft: #131319; --color-bg-elevated: #1a1a24; --color-border: #ffffff14; --color-border-strong: #ffffff24; }
.container-toyota { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 768px) {
  .container-toyota { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 1200px) {
  .container-toyota { padding-left: 5rem; padding-right: 5rem; }
}
.container-toyota { max-width: var(--container-max); }
.btn { cursor: pointer; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: var(--ease-out); border-width: 1px; border-color: rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; font-size: 14px; font-weight: 600; display: inline-flex; }
.btn: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(19 19 25/var(--tw-ring-opacity,1)); --tw-ring-offset-width: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
.btn:disabled { cursor: not-allowed; opacity: 0.5; }
.btn-primary { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.btn-primary:hover:not(:disabled) { --tw-bg-opacity: 1; background-color: rgb(41 45 50/var(--tw-bg-opacity,1)); }
.btn-dark { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.btn-dark:hover:not(:disabled) { --tw-bg-opacity: 1; background-color: rgb(41 45 50/var(--tw-bg-opacity,1)); }
.btn-outline { --tw-border-opacity: 1; border-color: rgb(206 207 208/var(--tw-border-opacity,1)); --tw-text-opacity: 1; color: rgb(41 45 50/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); }
.btn-outline:hover:not(:disabled) { --tw-border-opacity: 1; border-color: rgb(19 19 25/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); }
.btn-ghost { --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); }
.btn-ghost:hover:not(:disabled) { --tw-bg-opacity: 1; background-color: rgb(244 244 244/var(--tw-bg-opacity,1)); }
.chip { cursor: pointer; --tw-border-opacity: 1; border-width: 1px; border-color: rgb(206 207 208/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(51 51 58/var(--tw-text-opacity,1)); border-radius: 999px; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; font-size: 14px; font-weight: 500; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: inline-flex; }
.chip:hover { --tw-border-opacity: 1; border-color: rgb(173 173 174/var(--tw-border-opacity,1)); }
.chip--active { --tw-border-opacity: 1; border-color: rgb(19 19 25/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.field { flex-direction: column; gap: 0.5rem; display: flex; }
.field__label { --tw-text-opacity: 1; color: rgb(41 45 50/var(--tw-text-opacity,1)); font-size: 14px; font-weight: 600; }
.field__input { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(206 207 208/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(41 45 50/var(--tw-text-opacity,1)); border-radius: 12px; padding: 0.75rem 1rem; font-size: 16px; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.field__input::placeholder { --tw-text-opacity: 1; color: rgb(139 140 144/var(--tw-text-opacity,1)); }
.field__input:focus { --tw-border-opacity: 1; border-color: rgb(19 19 25/var(--tw-border-opacity,1)); 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-color: #13131926; outline: rgba(0, 0, 0, 0) solid 2px; }
.field__error { --tw-text-opacity: 1; color: rgb(255 0 34/var(--tw-text-opacity,1)); font-size: 14px; font-weight: 500; }
select.field__input { cursor: pointer; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23687076' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-position: right 1rem center; background-repeat: no-repeat; padding-right: 2.75rem; }
.field__hint { --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); font-size: 14px; }
.card { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); box-shadow: var(--shadow-sm); border-radius: 24px; }
.section { padding-top: 3rem; padding-bottom: 3rem; }
@media (min-width: 768px) {
  .section { padding-top: 5rem; padding-bottom: 5rem; }
}
.eyebrow { text-transform: uppercase; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); font-size: 14px; font-weight: 600; }
*, ::before, ::after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::before, ::after { box-sizing: border-box; border: 0px solid rgb(206, 207, 208); }
::before, ::after { --tw-content: ""; }
html, :host { text-size-adjust: 100%; tab-size: 4; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; font-family: "Toyota Type", Manrope, system-ui, sans-serif; line-height: 1.5; }
body { line-height: inherit; margin: 0px; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-feature-settings: normal; font-variation-settings: normal; font-family: "SF Mono", ui-monospace, Menlo, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-feature-settings: inherit; font-variation-settings: inherit; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: rgba(0, 0, 0, 0); background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
ol, ul, menu { margin: 0px; padding: 0px; list-style: none; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(139, 140, 144); }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); color: var(--color-text); background-color: #17110d; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { font-family: var(--font-display); color: var(--color-text-strong); letter-spacing: -0.02em; }
a { color: inherit; text-decoration: none; }
.sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.collapse { visibility: collapse; }
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.mx-auto { margin-left: auto; margin-right: auto; }
.ml-\[1px\] { margin-left: 1px; }
.mt-4 { margin-top: 1rem; }
.block { display: block; }
.inline { display: inline; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.contents { display: contents; }
.hidden { display: none; }
.h-full { height: 100%; }
.w-full { width: 100%; }
.-rotate-90 { --tw-rotate: -90deg; 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)); }
.rotate-90 { --tw-rotate: 90deg; 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)); }
.transform { 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)); }
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-pointer { cursor: pointer; }
.resize { resize: both; }
.appearance-none { appearance: none; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }
.rounded { border-radius: 0.25rem; }
.rounded-2xl { border-radius: 24px; }
.rounded-md { border-radius: 12px; }
.rounded-pill { border-radius: 999px; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-brand-black { --tw-border-opacity: 1; border-color: rgb(19 19 25/var(--tw-border-opacity,1)); }
.border-gray-100 { --tw-border-opacity: 1; border-color: rgb(232 232 232/var(--tw-border-opacity,1)); }
.border-gray-200 { --tw-border-opacity: 1; border-color: rgb(206 207 208/var(--tw-border-opacity,1)); }
.border-transparent { border-color: rgba(0, 0, 0, 0); }
.bg-brand-black { --tw-bg-opacity: 1; background-color: rgb(19 19 25/var(--tw-bg-opacity,1)); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
.bg-no-repeat { background-repeat: no-repeat; }
.object-bottom { object-position: center bottom; }
.object-center { object-position: center center; }
.object-left { object-position: left center; }
.object-right { object-position: right center; }
.object-top { object-position: center top; }
.p-8 { padding: 2rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.text-center { text-align: center; }
.font-display { font-family: "Toyota Type", Manrope, system-ui, sans-serif; }
.text-base { font-size: 16px; }
.text-sm { font-size: 14px; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.tracking-wide { letter-spacing: 0.025em; }
.text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105/var(--tw-text-opacity,1)); }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(88 89 91/var(--tw-text-opacity,1)); }
.text-gray-700 { --tw-text-opacity: 1; color: rgb(51 51 58/var(--tw-text-opacity,1)); }
.text-gray-800 { --tw-text-opacity: 1; color: rgb(41 45 50/var(--tw-text-opacity,1)); }
.antialiased { -webkit-font-smoothing: antialiased; }
.outline-none { outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; }
.outline { outline-style: solid; }
.ring { --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(3px + 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); }
.ring-2 { --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); }
.ring-brand-black { --tw-ring-opacity: 1; --tw-ring-color: rgb(19 19 25/var(--tw-ring-opacity,1)); }
.grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.transition-transform { transition-property: transform; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0)); }
}
.running { animation-play-state: running; }
.\!paused { animation-play-state: paused !important; }
.paused { animation-play-state: paused; }
:root { --header-offset: var(--navbar-offset-mobile); }
@media (min-width: 768px) {
  :root { --header-offset: var(--navbar-offset); }
}
body[data-nav-hidden="1"] { --header-offset: 0px; }
@media print {
  .c-navbar, .c-footer, .c-compare__toolbar, .c-compare__collapse, .c-compare__drawer, .c-page-hero { display: none !important; }
  .c-compare__header { position: static !important; }
}
@media not all and (min-width: 992px) {
  .max-lg\:hidden { display: none; }
}
@media (min-width: 768px) {
  .md\:block { display: block; }
  .md\:hidden { display: none; }
  .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
}
@media (min-width: 992px) {
  .lg\:block { display: block; }
  .lg\:inline { display: inline; }
  .lg\:contents { display: contents; }
  .lg\:hidden { display: none; }
}
#discovery, #order { scroll-margin-top: 140px; }
.c-models-top-bar { z-index: 40; width: 100%; top: var(--header-offset,var(--navbar-offset)); transition: top var(--t-base) var(--ease-out); position: sticky; }
@media (min-width: 992px) {
  .c-models-top-bar { z-index: 40; opacity: 0; pointer-events: none; transition: top var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out); position: fixed; left: 0px; right: 0px; transform: translateY(-12px); }
  .c-models-top-bar--floating { pointer-events: auto; opacity: 1; transform: translateY(0px); }
}
.c-models-top-bar__surface { isolation: isolate; z-index: 40; background-color: var(--brand-black); width: 100%; position: relative; }
.c-models-top-bar__bar { z-index: 1; width: 100%; max-width: var(--container-max); justify-content: space-between; align-items: center; min-height: 40px; margin-left: auto; margin-right: auto; padding: 0px; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-models-top-bar__bar { max-width: calc(var(--container-max) + 2*var(--gutter-desktop)); padding: 10px var(--gutter-desktop); gap: 24px; min-height: 54px; }
}
.c-models-top-bar__trigger { cursor: pointer; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); flex-shrink: 0; align-items: center; font-size: 14px; font-weight: 600; display: none; }
@media (min-width: 992px) {
  .c-models-top-bar__trigger { display: flex; }
}
.c-models-top-bar__trigger { transition: opacity var(--t-fast) var(--ease-out); gap: 16px; }
.c-models-top-bar__trigger:hover { opacity: 0.88; }
.c-models-top-bar__trigger-icon { width: 1.25rem; height: 1.25rem; transition: transform var(--t-base) var(--ease-out); flex-shrink: 0; }
.c-models-top-bar__trigger-icon--open { transform: rotate(180deg); }
.c-models-top-bar__menu { display: none; }
@media (min-width: 992px) {
  .c-models-top-bar__menu { pointer-events: none; z-index: 40; opacity: 0; backdrop-filter: blur(21px); width: 258px; transition: opacity var(--t-base) var(--ease-out),transform var(--t-base) var(--ease-out); background-color: rgba(255, 255, 255, 0.1); border-bottom-right-radius: 40px; flex-direction: column; align-items: flex-start; gap: 24px; padding: 20px 16px 32px; display: flex; position: absolute; top: 100%; left: 0px; transform: translateY(-8px); }
}
@media (min-width: 1441px) {
  .c-models-top-bar__menu { border-bottom-left-radius: 40px; }
}
@media (min-width: 992px) {
  .c-models-top-bar__menu--open { pointer-events: auto; opacity: 1; transform: translateY(0px); }
}
.c-models-top-bar__menu-scrim { display: none; }
@media (min-width: 992px) {
  .c-models-top-bar__menu-scrim { z-index: 30; cursor: default; background-color: rgba(0, 0, 0, 0); display: block; position: fixed; inset: 0px; }
}
.c-models-top-bar__action { white-space: nowrap; --tw-border-opacity: 1; border-width: 1px; 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)); border-radius: var(--radius-pill); box-shadow: var(--shadow-xs); height: 34px; transition: background-color var(--t-fast) var(--ease-out); flex-shrink: 0; justify-content: center; align-items: center; padding: 8px 16px; font-size: 14px; font-weight: 600; line-height: 20px; display: inline-flex; }
.c-models-top-bar__action:hover:not(.c-models-top-bar__action--soon) { --tw-bg-opacity: 1; background-color: rgb(250 250 250/var(--tw-bg-opacity,1)); }
.c-models-top-bar__action--sheet { --tw-border-opacity: 1; border-width: 2px; border-color: rgb(255 255 255/var(--tw-border-opacity,1)); width: 100%; height: 44px; min-height: 44px; box-shadow: none; backdrop-filter: blur(2px); padding: 12px 16px; line-height: 20px; }
.c-models-top-bar__action--menu { width: 100%; height: 36px; }
.c-models-top-bar__action--soon { cursor: default; opacity: 0.5; }
.c-models-top-bar__tabs { align-items: stretch; width: 100%; min-width: 0px; display: flex; }
@media (min-width: 992px) {
  .c-models-top-bar__tabs { flex: 0 1 560px; max-width: 560px; }
}
.c-models-top-bar__tab { white-space: nowrap; --tw-text-opacity: 1; min-width: 0px; color: rgb(255 255 255/var(--tw-text-opacity,1)); box-sizing: border-box; width: 50%; max-width: 50%; height: 40px; transition: opacity var(--t-fast) var(--ease-out); border-bottom: 2px solid rgba(0, 0, 0, 0); flex: 1 1 50%; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; line-height: 24px; display: flex; position: relative; }
.c-models-top-bar__tab--active { border-bottom-color: var(--white); }
@media (min-width: 992px) {
  .c-models-top-bar__tab { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; flex: 1 1 0px; width: auto; max-width: none; height: auto; min-height: 34px; padding-bottom: 10px; }
  .c-models-top-bar__tab--active { border-bottom-color: rgba(0, 0, 0, 0); }
}
.c-models-top-bar__tab::after { content: ""; background-color: rgba(0, 0, 0, 0); width: 100%; max-width: calc(100% - 32px); height: 2px; margin-left: auto; margin-right: auto; display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.c-models-top-bar__tab--active::after { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
@media (min-width: 992px) {
  .c-models-top-bar__tab::after { max-width: none; height: 3px; display: block; }
}
.c-models-top-bar__tab:hover:not(.c-models-top-bar__tab--soon) { opacity: 0.88; }
.c-models-top-bar__tab--soon { cursor: default; opacity: 0.5; }
.c-models-top-bar__dock { z-index: 40; position: fixed; bottom: 0px; left: 0px; right: 0px; }
@media (min-width: 992px) {
  .c-models-top-bar__dock { display: none; }
}
.c-models-top-bar__dock { height: 58px; }
.c-models-top-bar__scrim { z-index: -1; background-color: rgba(19, 19, 25, 0.7); position: fixed; inset: 0px; }
.c-models-top-bar__sheet { opacity: 0; pointer-events: none; transition: transform var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out); justify-content: center; padding-left: 1rem; padding-right: 1rem; display: flex; position: absolute; bottom: 58px; left: 0px; right: 0px; transform: translateY(calc(100% + 58px)); }
.c-models-top-bar__dock--open .c-models-top-bar__sheet { opacity: 1; pointer-events: auto; transform: translateY(0px); }
.c-models-top-bar__sheet-inner { background-color: var(--gray-950); backdrop-filter: blur(21px); border-width: 1.5px 1.5px 0px; border-style: solid solid none; border-color: rgb(21, 21, 21) rgb(21, 21, 21) currentcolor; border-image: none; border-top-left-radius: 40px; border-top-right-radius: 40px; flex-direction: column; gap: 24px; width: 100%; padding: 32px; display: flex; }
.c-models-top-bar__explore { --tw-text-opacity: 1; width: 100%; height: 58px; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgb(40, 40, 48); justify-content: center; align-items: center; gap: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-size: 18px; font-weight: 600; line-height: 1; display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.c-models-top-bar__explore: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; outline: rgba(0, 0, 0, 0) solid 2px; }
.c-models-top-bar__explore-icon { width: 1rem; height: 1rem; transition-property: transform; transition-duration: var(--t-base); transition-timing-function: var(--ease-out); flex-shrink: 0; }
.c-models-top-bar__explore-icon--open { transform: rotate(180deg); }
.c-brochure-modal { z-index: 50; --brochure-accent: #f02; --brochure-accent-contrast: #fff; justify-content: center; align-items: center; padding: 1rem; display: flex; position: fixed; inset: 0px; }
.c-brochure-modal--rav4 { --brochure-accent: #78c0ff; --brochure-accent-contrast: #131319; }
.c-brochure-modal--hilux { --brochure-accent: #ff9a04; --brochure-accent-contrast: #131319; }
.c-brochure-modal--land-cruiser-fj { --brochure-accent: #8fa394; --brochure-accent-contrast: #131319; }
.c-brochure-modal--bz4x { --brochure-accent: #00e5ff; --brochure-accent-contrast: #131319; }
.c-brochure-modal--land-cruiser-prado { --brochure-accent: #8fa394; --brochure-accent-contrast: #131319; }
.c-brochure-modal--fortuner { --brochure-accent: #5f3d26; --brochure-accent-contrast: #fff; }
.c-brochure-modal__scrim { background-color: rgba(19, 19, 25, 0.7); position: absolute; inset: 0px; }
.c-brochure-modal__panel { z-index: 10; --tw-backdrop-blur: blur(21px); width: 100%; max-width: 480px; 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); background-color: rgb(11, 11, 28); border-radius: 40px; flex-direction: column; align-items: center; gap: 1.25rem; padding: 1.5rem; display: flex; position: relative; overflow: hidden; }
@media (min-width: 576px) {
  .c-brochure-modal__panel { padding: 3rem; }
}
.c-brochure-modal__panel::before { content: ""; pointer-events: none; border-radius: inherit; background: conic-gradient(from 23deg, rgb(73, 73, 80) 0%, rgb(21, 21, 21) 25%, rgb(73, 73, 80) 50%, rgb(21, 21, 21) 75%, rgb(73, 73, 80) 100%); padding: 1.5px; position: absolute; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px padding-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) 0px 0px; }
.c-brochure-modal__close { z-index: 10; color: rgb(73, 73, 80); flex-shrink: 0; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; position: absolute; top: 1.5rem; right: 1.5rem; }
.c-brochure-modal__close:hover, .c-brochure-modal__close:focus-visible { color: rgb(191, 191, 191); }
.c-brochure-modal__head { text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); flex-direction: column; align-items: center; gap: 1rem; display: flex; }
.c-brochure-modal__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-size: 26px; font-weight: 600; line-height: 34px; }
@media (min-width: 576px) {
  .c-brochure-modal__title { font-size: 30px; line-height: 38px; }
}
.c-brochure-modal__subtitle { color: rgba(255, 255, 255, 0.9); max-width: 337px; margin: 0px; font-size: 12px; line-height: 1.5; }
.c-brochure-modal__progress { align-items: center; gap: 0.5rem; width: 100%; display: flex; }
.c-brochure-modal__seg { background-color: rgb(73, 73, 80); border-radius: 9999px; flex: 1 1 0%; min-width: 1px; height: 0.25rem; }
.c-brochure-modal__seg--active { background-color: var(--brochure-accent); }
.c-brochure-modal__form { flex-direction: column; align-items: flex-start; gap: 0.75rem; width: 100%; display: flex; }
.c-brochure-modal__step-title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-size: 20px; font-weight: 600; line-height: 1.5rem; }
.c-brochure-modal__field { align-items: center; width: 100%; display: flex; }
.c-brochure-modal__field--phone { mix-blend-mode: lighten; background-color: rgba(118, 118, 128, 0.12); border-radius: 9999px; gap: 0.5rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.c-brochure-modal__field--phone .c-brochure-modal__input { mix-blend-mode: normal; background-color: rgba(0, 0, 0, 0); border-radius: 0px; padding-left: 0px; padding-right: 0px; }
.c-brochure-modal__prefix { cursor: pointer; color: rgb(191, 191, 191); flex-shrink: 0; align-items: center; gap: 0.25rem; font-size: 16px; display: flex; position: relative; }
.c-brochure-modal__chevron { color: rgb(191, 191, 191); flex-shrink: 0; width: 0.75rem; height: 0.75rem; }
.c-brochure-modal__country-select { cursor: pointer; opacity: 0; width: 100%; height: 100%; position: absolute; inset: 0px; }
.c-brochure-modal__valid { color: rgb(52, 199, 89); flex-shrink: 0; }
.c-brochure-modal__input { --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); outline-offset: 2px; mix-blend-mode: lighten; background-color: rgba(118, 118, 128, 0.12); border-radius: 9999px; outline: rgba(0, 0, 0, 0) solid 2px; padding: 0.75rem 1.25rem; font-size: 16px; }
.c-brochure-modal__input::placeholder { color: rgb(191, 191, 191); }
.c-brochure-modal__consent { cursor: pointer; align-items: flex-start; gap: 0.75rem; width: 100%; display: flex; }
.c-brochure-modal__checkbox { cursor: pointer; width: 1rem; height: 1rem; accent-color: var(--brochure-accent); border-radius: 0.25rem; flex-shrink: 0; margin-top: 0.125rem; }
.c-brochure-modal__consent-text { color: rgb(191, 191, 191); font-size: 12px; line-height: 1.5; }
.c-brochure-modal__link { text-underline-offset: 2px; color: var(--brochure-accent); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-brochure-modal__link:hover, .c-brochure-modal__link:focus-visible { text-decoration-line: underline; }
.c-brochure-modal__cities { grid-template-columns: repeat(1, minmax(0px, 1fr)); align-self: stretch; gap: 0.5rem; max-height: min(320px, 40vh); margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; display: grid; overflow-y: auto; }
@media (min-width: 576px) {
  .c-brochure-modal__cities { grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-left: -3rem; margin-right: -3rem; padding-left: 3rem; padding-right: 3rem; }
}
.c-brochure-modal__city { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgba(118, 118, 128, 0.08); border-width: 1px; border-color: rgb(73, 73, 80); border-radius: 20px; padding: 0.75rem 1rem; font-size: 14px; font-weight: 600; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-brochure-modal__city:hover, .c-brochure-modal__city:focus-visible { border-color: rgb(191, 191, 191); }
.c-brochure-modal__city--selected { border-color: var(--brochure-accent); color: var(--brochure-accent); }
.c-brochure-modal__city--selected:hover, .c-brochure-modal__city--selected:focus-visible { border-color: var(--brochure-accent); }
.c-brochure-modal__error { color: rgb(255, 107, 107); margin: 0px; font-size: 12px; line-height: 1.5; }
.c-brochure-modal__submit { --tw-border-opacity: 1; border-width: 2px; 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-backdrop-blur: blur(2px); width: 100%; 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); color: rgb(73, 73, 80); border-radius: 9999px; padding: 0.75rem 1rem; font-size: 14px; font-weight: 600; line-height: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.c-brochure-modal__submit:hover { background-color: rgba(255, 255, 255, 0.9); }
.c-brochure-modal__submit:disabled { cursor: not-allowed; opacity: 0.6; }
.c-brochure-modal__success { text-align: center; flex-direction: column; align-items: center; gap: 1rem; width: 100%; padding-top: 1rem; padding-bottom: 1rem; display: flex; }
.c-brochure-modal__success-icon { background-color: var(--brochure-accent); width: 4rem; height: 4rem; color: var(--brochure-accent-contrast); border-radius: 9999px; justify-content: center; align-items: center; display: flex; }
.c-brochure-modal__download { background-color: var(--brochure-accent); width: 100%; color: var(--brochure-accent-contrast); border-radius: 9999px; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 0.5rem; padding: 0.75rem 1rem; font-size: 14px; font-weight: 600; line-height: 1.25rem; transition-property: opacity; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); display: flex; }
.c-brochure-modal__download:hover, .c-brochure-modal__download:focus-visible { opacity: 0.9; }
.c-yaris-cross-rich-text { color: inherit; }
.c-yaris-cross-rich-text p { margin: 0px; display: inline; }
.c-yaris-cross-rich-text p + p { margin-top: 0.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: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 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: 0px; 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: 0px; }
.c-yaris-cross-hero::before { background: 0px 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-hero::before { background: 0px 0px; }
}
.c-yaris-cross-hero::after { background: 0px 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-hero::after { background: linear-gradient(rgba(23, 17, 13, 0.35) 0%, rgba(23, 17, 13, 0.45) 55%, rgba(23, 17, 13, 0.55) 100%), linear-gradient(rgb(23, 17, 13) -15.49%, rgba(23, 17, 13, 0.7) 6.52%, rgba(23, 17, 13, 0) 25.38%), linear-gradient(rgba(23, 17, 13, 0) 74.64%, rgba(23, 17, 13, 0.7) 86.35%, rgb(23, 17, 13) 100%); height: auto; inset: 0px; }
}
.c-yaris-cross-hero__media { z-index: 0; position: absolute; inset: 0px; overflow: hidden; }
.c-yaris-cross-hero__media::after { content: ""; pointer-events: none; z-index: 1; position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-hero__media::after { display: none; }
}
.c-yaris-cross-hero__media::after { background: linear-gradient(rgba(23, 17, 13, 0) 74.64%, rgba(23, 17, 13, 0.7) 86.35%, rgb(23, 17, 13) 100%), linear-gradient(rgb(23, 17, 13) -15.49%, rgba(23, 17, 13, 0.7) 6.52%, rgba(23, 17, 13, 0) 25.38%); }
@media (min-width: 992px) {
  .c-yaris-cross-hero__media::after { background: 0px 0px; }
}
.c-yaris-cross-hero__poster { display: block; position: absolute; inset: 0px; }
.c-yaris-cross-hero__image { object-fit: cover; object-position: center center; width: 100%; max-width: none; height: 100%; position: absolute; inset: 0px; }
.c-yaris-cross-hero__video { object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; inset: 0px; }
.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: 0px; 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: 0px; padding-right: 0px; }
}
}
.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: 0px; --tw-text-opacity: 1; max-width: 311px; color: rgb(255 255 255/var(--tw-text-opacity,1)); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 40px; margin: 0px; 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: rgba(255, 255, 255, 0.9); max-width: 560px; margin: 0px; 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; 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: 0.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 1 0%; 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: rgba(0, 0, 0, 0) solid 2px; }
.c-yaris-cross-hero__button--outline { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.6); }
.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: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.6); }
.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; }
}
.c-corolla-sport-responsive-media, .c-corolla-sport-responsive-media picture, .c-corolla-sport-responsive-media__desktop, .c-corolla-sport-responsive-media__mobile { position: absolute; inset: 0px; }
.c-corolla-sport-responsive-media__desktop { display: none; }
@media (min-width: 992px) {
  .c-corolla-sport-responsive-media__desktop { display: block; }
}
.c-corolla-sport-responsive-media__mobile { display: block; }
@media (min-width: 992px) {
  .c-corolla-sport-responsive-media__mobile { display: none; }
}
.c-corolla-sport-responsive-media img, .c-corolla-sport-responsive-media video { object-fit: cover; width: 100%; height: 100%; }
.c-yaris-cross-still-asset { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); flex-direction: column; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset { justify-content: center; min-height: min(50vw, 960px); }
}
.c-yaris-cross-still-asset__media { aspect-ratio: 375 / 430; flex-shrink: 0; width: 100%; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__media { aspect-ratio: auto; width: auto; position: absolute; inset: 0px 0px 0px max(34.6094%, 50% - 197px); }
}
.c-yaris-cross-still-asset__media .c-corolla-sport-responsive-media::after { content: ""; pointer-events: none; z-index: 1; background: linear-gradient(rgb(23, 17, 13) -15.49%, rgba(23, 17, 13, 0.7) 6.52%, rgba(23, 17, 13, 0) 25.38%); position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__media .c-corolla-sport-responsive-media::after { background: linear-gradient(rgba(23, 17, 13, 0.85) 0%, rgba(23, 17, 13, 0.55) 35%, rgba(23, 17, 13, 0.1) 70%, rgba(23, 17, 13, 0) 100%); }
}
.c-yaris-cross-still-asset__ghost { pointer-events: none; z-index: 2; white-space: nowrap; 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-size: 28px; font-weight: 600; line-height: 2.25rem; position: absolute; top: 33px; left: 26px; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__ghost { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); font-size: clamp(32px, 3.33333vw, 48px); line-height: 1.16667; top: 1.14583em; left: 3em; }
}
.c-yaris-cross-still-asset__ghost .c-yaris-cross-rich-text, .c-yaris-cross-still-asset__ghost .c-yaris-cross-rich-text > span { display: block; }
.c-yaris-cross-still-asset__ghost .c-yaris-cross-rich-text > span + span { padding-left: 1.92857em; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__ghost .c-yaris-cross-rich-text > span + span { padding-left: 5.04167em; }
}
.c-yaris-cross-still-asset__inner { z-index: 1; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 1.25rem 1.25rem 1.75rem; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__inner { max-width: 1280px; padding-top: 3rem; padding-bottom: 3rem; }
}
@media (min-width: 1400px) {
  .c-yaris-cross-still-asset__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-still-asset__content { flex-direction: column; align-items: flex-start; gap: 0.5rem; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__content { gap: 0.75rem; width: 31.4844%; }
}
.c-yaris-cross-still-asset__eyebrow { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-still-asset__heading { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 24px; font-weight: 600; line-height: 2rem; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__heading { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-still-asset__body { width: 100%; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; line-height: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__body { font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-still-asset__accent { --tw-bg-opacity: 1; background-color: rgb(201 138 85/var(--tw-bg-opacity,1)); border-width: 0px; width: 3rem; height: 3px; margin: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset__accent { display: none; }
}
.c-yaris-cross-still-asset--center { min-height: 0px; }
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__media { aspect-ratio: 375 / 200; width: 100%; position: relative; inset: auto; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__media { aspect-ratio: 1440 / 546; }
}
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__media::after { content: ""; display: none; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__media::after { display: block; }
}
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__media::after { background: linear-gradient(rgba(0, 0, 0, 0) 50.623%, rgba(23, 17, 13, 0.3) 59.881%, rgba(23, 17, 13, 0.7) 75.311%, rgba(23, 17, 13, 0.95)); }
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__inner { padding-top: 1.75rem; padding-bottom: 2.5rem; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__inner { margin-top: -2.70833vw; padding-top: 0px; padding-bottom: 0px; }
}
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__content { gap: 0.25rem; width: 100%; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__content { text-align: center; align-items: center; gap: 0.75rem; max-width: 1011px; margin-left: auto; margin-right: auto; }
}
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__heading { font-size: 32px; line-height: 44px; }
@media (min-width: 992px) {
  .c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__heading { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-still-asset--center .c-yaris-cross-still-asset__body { font-weight: 600; }
.c-yaris-cross-perf { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); width: 100%; padding-top: 54px; padding-bottom: 54px; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-perf { padding-top: 132px; padding-bottom: 94px; }
}
.c-yaris-cross-perf__ghost-top { pointer-events: none; text-align: center; letter-spacing: -0.07em; color: rgba(255, 255, 255, 0.05); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 58px; font-weight: 600; line-height: 87px; position: absolute; top: -16px; left: 0px; right: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__ghost-top { color: rgba(255, 255, 255, 0.1); font-size: 132px; line-height: 198px; top: -27px; }
}
.c-yaris-cross-perf__ghost-bottom { pointer-events: none; white-space: nowrap; text-align: center; letter-spacing: -0.07em; color: rgba(255, 255, 255, 0.07); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: clamp(28px, 11.46vw, 43px); font-weight: 600; line-height: 60px; position: absolute; bottom: 12px; left: 0px; right: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__ghost-bottom { color: rgba(255, 255, 255, 0.1); font-size: 70px; line-height: 39px; bottom: 2.5rem; }
}
.c-yaris-cross-perf__inner { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; position: relative; }
@media (min-width: 1400px) {
  .c-yaris-cross-perf__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-perf__card { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-width: 1px; border-color: rgba(255, 255, 255, 0.11); border-radius: 4px; width: 100%; min-height: 413px; display: grid; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card { border-width: 0px; border-radius: 8px 8px 32px 32px; min-height: 700px; }
}
.c-yaris-cross-perf__card-media { position: absolute; inset: -55px 0px 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-media { top: 0px; }
}
.c-yaris-cross-perf__card-media::after { content: ""; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 35%, rgba(23, 17, 13, 0.7) 65%, rgb(23, 17, 13)); position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-media::after { background: linear-gradient(rgba(23, 17, 13, 0) 35%, rgba(23, 17, 13, 0.55) 62%, rgba(23, 17, 13, 0.92) 100%); }
  .c-yaris-cross-perf__card-media .c-corolla-sport-responsive-media { border-radius: 8px 8px 36px 36px; overflow: hidden; }
}
.c-yaris-cross-perf__card-content { z-index: 1; text-align: center; --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); flex-direction: column; justify-content: flex-end; align-self: flex-end; align-items: center; gap: 6px; padding-top: 252px; padding-bottom: 1rem; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-content { gap: 0.75rem; padding: 300px 2rem 2.5rem; }
}
.c-yaris-cross-perf__card-title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 28px; font-weight: 600; line-height: 36px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-title { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-perf__card-subtitle { margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5rem; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-subtitle { font-size: 24px; line-height: 2rem; }
}
.c-yaris-cross-perf__card-body { width: 100%; max-width: 524px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; line-height: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__card-body { font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-perf__top-title { z-index: 1; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); grid-row-start: 1; grid-column-start: 1; align-self: flex-start; padding-top: 0.5rem; padding-left: 1.25rem; padding-right: 1.25rem; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 28px; font-weight: 600; line-height: 36px; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-perf__top-title { padding-top: 39px; font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-perf--hybrid { padding-top: 43px; padding-bottom: 55px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf--hybrid { padding-top: 132px; padding-bottom: 86px; }
}
.c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card { border-width: 0px; min-height: 468px; }
@media (min-width: 992px) {
  .c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card { min-height: 700px; }
}
.c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card-media { top: 0px; }
.c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card-content { grid-row-start: 1; grid-column-start: 1; padding-top: 324px; padding-bottom: 1.75rem; }
@media (min-width: 992px) {
  .c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card-content { padding-bottom: 3rem; }
}
.c-yaris-cross-perf--hybrid .c-yaris-cross-perf__card-body { max-width: 628px; }
.c-slider-nav { --slider-nav-accent: #00e5ff; --slider-nav-accent-glow: #00e5ff4d; --slider-nav-ring-offset: #000; justify-content: center; align-items: center; gap: 1rem; width: 100%; display: flex; }
.c-slider-nav__dots { justify-content: center; align-items: center; gap: 0.375rem; display: flex; }
.c-slider-nav__dots.swiper-pagination-lock { display: flex; }
.c-slider-nav__dots.swiper-pagination-horizontal { width: auto; position: static; bottom: auto; left: auto; }
.c-slider-nav__dot { cursor: pointer; background-color: rgba(255, 255, 255, 0.15); border-width: 0px; border-radius: 9999px; flex-shrink: 0; width: 0.5rem; height: 0.5rem; padding: 0px; transition: width 0.3s cubic-bezier(0.22, 1, 0.36, 1), height 0.3s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.3s, box-shadow 0.3s, border-radius 0.3s; }
.c-slider-nav__dot: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-offset-width: 2px; --tw-ring-color: var(--slider-nav-accent); --tw-ring-offset-color: var(--slider-nav-ring-offset); outline: rgba(0, 0, 0, 0) solid 2px; }
.c-slider-nav__dot--active { background-color: var(--slider-nav-accent); width: 1.5rem; box-shadow: 0 0 8px var(--slider-nav-accent-glow); border-radius: 4px; }
.c-slider-nav__arrow { cursor: pointer; color: rgba(255, 255, 255, 0.6); background-color: rgba(0, 0, 0, 0); border-width: 1px; border-color: rgba(255, 255, 255, 0.2); border-radius: 9999px; flex-shrink: 0; justify-content: center; align-items: center; width: 2.25rem; height: 2.25rem; padding: 0px; transition: border-color 0.3s, color 0.3s, opacity 0.3s; display: flex; }
.c-slider-nav__arrow:hover:not(:disabled):not(.swiper-button-disabled) { border-color: var(--slider-nav-accent); color: var(--slider-nav-accent); }
.c-slider-nav__arrow: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-offset-width: 2px; --tw-ring-color: var(--slider-nav-accent); --tw-ring-offset-color: var(--slider-nav-ring-offset); outline: rgba(0, 0, 0, 0) solid 2px; }
.c-slider-nav__arrow:disabled, .c-slider-nav__arrow.swiper-button-disabled { cursor: default; opacity: 0.3; }
.c-slider-nav__arrow--prev .c-slider-nav__icon { --tw-rotate: 180deg; 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)); }
.c-slider-nav__icon { display: block; }
.c-slider-nav--vertical { flex-direction: column; gap: 0.75rem; width: auto; }
.c-slider-nav--vertical .c-slider-nav__dots { flex-direction: column; }
.c-slider-nav--vertical .c-slider-nav__dot--active { border-radius: 4px; width: 0.5rem; height: 1.5rem; }
.c-slider-nav--vertical .c-slider-nav__arrow--prev .c-slider-nav__icon { --tw-rotate: -90deg; 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)); }
.c-slider-nav--vertical .c-slider-nav__arrow--next .c-slider-nav__icon { --tw-rotate: 90deg; 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)); }
@media (prefers-reduced-motion: reduce) {
  .c-slider-nav__dot, .c-slider-nav__arrow { transition-duration: 0.01ms !important; }
}
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
:host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; }
.swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0px; list-style: none; display: block; position: relative; overflow: hidden; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; display: flex; position: relative; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate(0px, 0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0px); }
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d { perspective: 1200px; }
.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; }
.swiper-css-mode > .swiper-wrapper { scrollbar-width: none; overflow: auto; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-lazy-preloader { z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgba(0, 0, 0, 0); border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; }
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.c-yaris-cross-ext { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); width: 100%; padding-top: 1.5rem; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-ext { padding-top: 3rem; }
}
.c-yaris-cross-ext::before { content: ""; background-color: rgba(255, 255, 255, 0.1); width: calc(100% - 32px); height: 1px; margin-left: auto; margin-right: auto; display: block; }
@media (min-width: 992px) {
  .c-yaris-cross-ext::before { width: 100%; }
}
.c-yaris-cross-ext__inner { flex-direction: column; gap: 1.5rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 2.25rem 1.25rem 3rem; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__inner { padding-top: 72px; padding-bottom: 72px; }
}
@media (min-width: 1400px) {
  .c-yaris-cross-ext__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-ext__header { flex-direction: column; gap: 0.5rem; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__header { gap: 0.75rem; }
}
.c-yaris-cross-ext__title { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 20px; font-weight: 600; line-height: 30px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__title { text-transform: none; font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-ext__body { --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: 12px; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__body { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-ext__track { width: 100%; min-width: 0px; position: relative; }
@media not all and (min-width: 576px) {
  .c-yaris-cross-ext__track { margin-top: 0.75rem; }
}
.c-yaris-cross-ext__swiper { width: 100%; margin-left: 0.25rem; overflow: visible; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__swiper { margin-left: 0px; }
}
.c-yaris-cross-ext__swiper .swiper-wrapper { align-items: stretch; }
.c-yaris-cross-ext__slide { width: min(284px, -52px + 100vw); height: auto; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__slide { width: min(720px, 75vw); }
}
.c-yaris-cross-ext__card { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-radius: 4px; flex-direction: column; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card { border-radius: 8px 8px 32px 32px; }
}
.c-yaris-cross-ext__card-media { aspect-ratio: 284 / 178; --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); flex-shrink: 0; width: 100%; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card-media { aspect-ratio: 720 / 441; }
}
.c-yaris-cross-ext__card-content { flex-direction: column; gap: 0.25rem; width: 100%; padding: 1.25rem; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card-content { padding-top: 1.5rem; padding-bottom: 2.25rem; }
}
.c-yaris-cross-ext__card-number { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card-number { font-size: 16px; font-weight: 600; line-height: 1.5rem; }
}
.c-yaris-cross-ext__card-title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.75rem; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card-title { font-size: 30px; line-height: 38px; }
}
.c-yaris-cross-ext__card-desc { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); padding-top: 0.25rem; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__card-desc { padding-top: 0.5rem; font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-ext__indicators { --slider-nav-accent: #c98a55; --slider-nav-accent-glow: #c98a554d; --slider-nav-ring-offset: #17110d; padding-top: 0.75rem; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__indicators { padding-top: 0px; }
}
.c-yaris-cross-ext--interior { padding-top: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior { padding-top: 3rem; }
}
.c-yaris-cross-ext--interior::before { display: none; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior::before { display: block; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__inner { padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__inner { padding-top: 72px; padding-bottom: 72px; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__header { display: none; }
.c-yaris-cross-ext--interior .c-yaris-cross-ext__swiper { margin-left: 0px; }
.c-yaris-cross-ext--interior .c-yaris-cross-ext__slide { width: 100%; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__slide { width: min(720px, 75vw); }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__card { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-radius: 18px; justify-content: flex-end; min-height: 480px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__card { border-radius: 8px 8px 32px 32px; justify-content: flex-start; min-height: 0px; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__card-media { aspect-ratio: auto; position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__card-media { aspect-ratio: 720 / 441; position: relative; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__card-content { gap: 0.5rem; padding: 2rem 1.75rem; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__card-content { gap: 0.25rem; padding: 1.5rem 1.25rem 2.25rem; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__card-content { background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(23, 17, 13, 0.3) 35%, rgba(23, 17, 13, 0.7) 60%, rgba(23, 17, 13, 0.95)); }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__card-content { background: 0px 0px; }
}
.c-yaris-cross-ext--interior .c-yaris-cross-ext__card-desc { padding-top: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext--interior .c-yaris-cross-ext__card-desc { padding-top: 0.5rem; }
}
.c-yaris-cross-ext__eyebrow { text-transform: uppercase; margin: 0px; font-size: 12px; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-ext__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-ext__eyebrow { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); }
.c-yaris-cross-mm-intro { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); position: relative; }
.c-yaris-cross-mm-intro__media { aspect-ratio: 375 / 200; width: 100%; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__media { aspect-ratio: 1440 / 694; }
}
.c-yaris-cross-mm-intro__media::after { content: ""; pointer-events: none; display: none; position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__media::after { display: block; }
}
.c-yaris-cross-mm-intro__media::after { background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(23, 17, 13, 0.4) 50%, rgba(23, 17, 13, 0.95)); }
.c-yaris-cross-mm-intro__inner { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 1.75rem 1.25rem 2.5rem; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__inner { margin-top: -81px; padding-top: 0px; padding-bottom: 2.25rem; }
}
@media (min-width: 1400px) {
  .c-yaris-cross-mm-intro__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-mm-intro__content { flex-direction: column; gap: 1rem; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__content { gap: 0.75rem; }
}
.c-yaris-cross-mm-intro__eyebrow { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
.c-yaris-cross-mm-intro__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 30px; font-weight: 600; line-height: 38px; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__title { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-mm-intro__accent { --tw-bg-opacity: 1; background-color: rgb(201 138 85/var(--tw-bg-opacity,1)); border-width: 0px; width: 3rem; height: 3px; margin: 0px; }
.c-yaris-cross-mm-intro__body { max-width: 866px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-intro__body { font-size: 16px; font-weight: 500; line-height: 1.5rem; }
}
.c-yaris-cross-mm-details { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); padding: 2.5rem 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-details { padding: 3rem 5rem; }
}
.c-yaris-cross-mm-details__inner { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; }
.c-yaris-cross-mm-details__grid { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1.5rem; margin: 0px; padding: 0px; list-style-type: none; display: grid; }
@media (min-width: 576px) {
  .c-yaris-cross-mm-details__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 992px) {
  .c-yaris-cross-mm-details__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1.5rem; }
}
.c-yaris-cross-mm-details__card { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-radius: 14px; flex-direction: column; display: flex; overflow: hidden; }
.c-yaris-cross-mm-details__card-media { --tw-bg-opacity: 1; background-color: rgb(30 21 16/var(--tw-bg-opacity,1)); flex-shrink: 0; width: 100%; height: 240px; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-details__card-media { height: 360px; }
}
.c-yaris-cross-mm-details__media-asset { object-fit: cover; width: 100%; height: 100%; display: block; }
.c-yaris-cross-mm-details__card-body { flex-direction: column; gap: 0.5rem; padding: 1.5rem 1.25rem 1.75rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-details__card-body { padding: 1.5rem 1.25rem 1.75rem; }
}
.c-yaris-cross-mm-details__stat { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 36px; font-weight: 600; line-height: 1.25; }
@media (min-width: 992px) {
  .c-yaris-cross-mm-details__stat { font-size: 48px; }
}
.c-yaris-cross-mm-details__desc { color: rgba(255, 255, 255, 0.8); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25rem; }
.c-yaris-cross-drive { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); padding-bottom: 3rem; position: relative; }
.c-yaris-cross-drive__hero { width: 100%; height: 320px; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__hero { height: 640px; }
}
.c-yaris-cross-drive__hero-image { object-fit: cover; object-position: center center; width: 100%; height: 100%; display: block; }
.c-yaris-cross-drive__hero-overlay { pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgb(23, 17, 13) 100%); position: absolute; inset: 0px; }
.c-yaris-cross-drive__inner { flex-direction: column; gap: 2rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-top: 2rem; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__inner { flex-direction: row; gap: 5rem; padding-top: 1.5rem; padding-left: 5rem; padding-right: 5rem; }
}
@media (min-width: 1400px) {
  .c-yaris-cross-drive__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-drive__copy { flex-direction: column; gap: 0.75rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__copy { flex: 1 1 0%; gap: 1rem; }
}
.c-yaris-cross-drive__eyebrow { text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-drive__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 30px; font-weight: 600; line-height: 38px; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__title { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-drive__description { color: rgba(255, 255, 255, 0.6); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__description { font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-drive__story { flex-direction: column; gap: 1.5rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-drive__story { flex: 1 1 0%; gap: 1.5rem; }
}
.c-yaris-cross-drive__point { --tw-border-opacity: 1; border-left-width: 2px; border-color: rgb(201 138 85/var(--tw-border-opacity,1)); flex-direction: column; gap: 0.25rem; padding-left: 1rem; display: flex; }
.c-yaris-cross-drive__point-label { text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
.c-yaris-cross-drive__point-desc { color: rgba(255, 255, 255, 0.85); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5rem; }
.c-yaris-cross-drive__closing { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.75rem; }
.c-yaris-cross-hybrid { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); padding: 3rem 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid { padding-top: 6rem; padding-bottom: 6rem; }
  @media (min-width: 1400px) {
  .c-yaris-cross-hybrid { padding-left: 0px; padding-right: 0px; }
}
}
.c-yaris-cross-hybrid__inner { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 2rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; display: grid; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__inner { grid-template-columns: minmax(0px, 157fr) minmax(0px, 145fr); align-items: center; }
  @media (min-width: 1200px) {
  .c-yaris-cross-hybrid__inner { gap: 72px; }
}
}
.c-yaris-cross-hybrid__media { aspect-ratio: 628 / 400; border-radius: 14px; flex-shrink: 0; width: 100%; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__media { aspect-ratio: 628 / 540; min-width: 0px; }
}
.c-yaris-cross-hybrid__image { object-fit: cover; width: 100%; height: 100%; display: block; }
.c-yaris-cross-hybrid__content { flex-direction: column; gap: 0.75rem; min-width: 0px; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__content { gap: 14px; }
}
.c-yaris-cross-hybrid__eyebrow { text-transform: uppercase; letter-spacing: 0.05em; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-hybrid__accent { --tw-bg-opacity: 1; background-color: rgb(201 138 85/var(--tw-bg-opacity,1)); border-width: 0px; width: 3.5rem; height: 3px; margin: 0px; }
.c-yaris-cross-hybrid__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 30px; font-weight: 600; line-height: 38px; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__title { font-size: 44px; line-height: 54px; }
}
.c-yaris-cross-hybrid__body { color: rgba(255, 255, 255, 0.75); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5rem; }
.c-yaris-cross-hybrid__closing { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-hybrid__closing { font-size: 15px; }
}
.c-yaris-cross-hybrid__steps { flex-direction: column; gap: 10px; margin: 0px; padding: 14px 0px 0px; list-style-type: none; display: flex; }
.c-yaris-cross-hybrid__step { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-radius: 12px; align-items: center; gap: 1rem; padding: 1rem; display: flex; }
.c-yaris-cross-hybrid__step-badge { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(201 138 85/var(--tw-border-opacity,1)); --tw-text-opacity: 1; width: 2.5rem; height: 2.5rem; color: rgb(201 138 85/var(--tw-text-opacity,1)); border-radius: 9999px; flex-shrink: 0; justify-content: center; align-items: center; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 13px; font-weight: 600; line-height: 1; display: flex; }
.c-yaris-cross-hybrid__step-body { flex-direction: column; gap: 0.125rem; min-width: 0px; display: flex; }
.c-yaris-cross-hybrid__step-title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5rem; }
.c-yaris-cross-hybrid__step-desc { color: rgba(255, 255, 255, 0.7); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25rem; }
.c-yaris-cross-specs { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); padding-top: 2.5rem; }
@media (min-width: 992px) {
  .c-yaris-cross-specs { padding-top: 4rem; }
}
.c-yaris-cross-specs__inner { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-specs__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-specs__intro { grid-template-columns: repeat(1, minmax(0px, 1fr)); align-items: center; gap: 2rem; display: grid; }
@media (min-width: 992px) {
  .c-yaris-cross-specs__intro { grid-template-columns: minmax(0px, 157fr) minmax(0px, 143fr); gap: 5rem; }
}
.c-yaris-cross-specs__media { aspect-ratio: 628 / 430; border-radius: 14px; width: 100%; position: relative; overflow: hidden; }
.c-yaris-cross-specs__content { flex-direction: column; gap: 1rem; min-width: 0px; display: flex; }
.c-yaris-cross-specs__eyebrow { text-transform: uppercase; margin: 0px; font-size: 14px; font-weight: 600; line-height: 1.25rem; }
.c-yaris-cross-specs__eyebrow::after { content: ""; --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); width: 3rem; height: 0.125rem; margin-top: 1rem; display: block; }
.c-yaris-cross-specs__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 30px; font-weight: 600; line-height: 38px; }
@media (min-width: 992px) {
  .c-yaris-cross-specs__title { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-specs__desc { font-size: 12px; }
.c-yaris-cross-specs__desc p:first-child { font-size: 14px; font-weight: 600; }
.c-yaris-cross-specs__desc p + p { margin-top: 1rem; }
.c-yaris-cross-specs__grid { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 1.5rem; margin: 0px; padding-top: 0.5rem; display: grid; }
@media (min-width: 576px) {
  .c-yaris-cross-specs__grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (min-width: 992px) {
  .c-yaris-cross-specs__grid { gap: 2rem; }
}
.c-yaris-cross-specs__key { margin-bottom: 0.375rem; font-size: 14px; font-weight: 600; line-height: 1.25rem; }
.c-yaris-cross-specs__value, .c-yaris-cross-specs__sub { margin: 0px; font-size: 14px; line-height: 22px; }
.c-yaris-cross-specs--table { padding-top: 2rem; padding-bottom: 3rem; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table { padding-top: 3.5rem; padding-bottom: 6rem; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__inner { margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; display: block; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__inner { max-width: 1280px; }
}
@media (min-width: 1400px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__inner { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__grid { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 2px; padding: 0px; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__grid { flex-wrap: wrap; gap: 0.125rem; display: flex; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__cell { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); flex-direction: column; justify-content: center; min-width: 0px; min-height: 113px; padding: 18px; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell { min-height: 148px; padding: 1.5rem; }
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell:nth-child(-n+4) { flex: 0 0 calc(25% - 1.5px); width: calc(25% - 1.5px); }
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell:nth-child(5) { flex: 0 0 calc(25% + 12.7px); width: calc(25% + 12.7px); }
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell:nth-child(6) { flex: 0 0 calc(25% + 22.9px); width: calc(25% + 22.9px); }
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell:nth-child(7) { flex: 1 1 0%; width: auto; min-width: 0px; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__cell:last-child { grid-column: span 2 / span 2; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__cell:last-child { grid-column: auto; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__key { color: rgba(255, 255, 255, 0.6); margin: 0px 0px 0.125rem; font-size: 12px; font-weight: 500; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__key { margin-bottom: 0.25rem; font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__sub { color: rgba(255, 255, 255, 0.6); margin: 0.125rem 0px 0px; font-size: 12px; font-weight: 400; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__sub { margin-top: 0px; font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__value { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px 0px 0.125rem; font-size: 20px; font-weight: 600; line-height: 30px; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__value { margin-bottom: 0.25rem; font-size: 26px; line-height: 39px; }
}
.c-yaris-cross-specs--table .c-yaris-cross-specs__value span { vertical-align: super; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin-left: 0.25rem; font-size: 12px; font-weight: 600; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--table .c-yaris-cross-specs__value span { font-size: 16px; font-weight: 500; }
  .c-yaris-cross-specs--with-media { padding-top: 5rem; padding-bottom: 5rem; }
}
.c-yaris-cross-specs--with-media .c-yaris-cross-specs__grid { margin-top: 2rem; }
@media (min-width: 992px) {
  .c-yaris-cross-specs--with-media .c-yaris-cross-specs__grid { margin-top: 2.75rem; }
  .c-yaris-cross-specs--with-media .c-yaris-cross-specs__desc p:first-child { font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-sp { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); width: 100%; }
.c-yaris-cross-sp__header { flex-direction: column; align-items: flex-start; width: 100%; display: flex; position: relative; overflow: hidden; }
.c-yaris-cross-sp__header--bare .c-yaris-cross-sp__header-inner { padding-top: 2rem; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__header--bare .c-yaris-cross-sp__header-inner { margin-top: 0px; padding-top: 108px; padding-bottom: 1.75rem; }
  .c-yaris-cross-sp__header--bare .c-yaris-cross-sp__body { margin-top: 0.5rem; }
}
.c-yaris-cross-sp__header-media { aspect-ratio: 375 / 272; width: 100%; height: auto; display: block; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__header-media { aspect-ratio: 1440 / 694; }
}
.c-yaris-cross-sp__header-video, .c-yaris-cross-sp__header-image { object-fit: cover; width: 100%; height: 100%; display: block; }
.c-yaris-cross-sp__header-scrim { pointer-events: none; background: linear-gradient(rgb(23, 17, 13) 0%, rgba(23, 17, 13, 0) 22.512%), linear-gradient(rgba(23, 17, 13, 0) 77.014%, rgba(23, 17, 13, 0.1) 81.611%, rgba(23, 17, 13, 0.55) 87.358%, rgb(23, 17, 13) 100%); display: block; position: absolute; inset: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__header-scrim { background: linear-gradient(rgba(23, 17, 13, 0) 81.256%, rgb(23, 17, 13) 100%); }
}
.c-yaris-cross-sp__header-inner { z-index: 1; flex-direction: column; align-items: flex-start; gap: 0.75rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 2.25rem 1rem 0px; display: flex; position: relative; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__header-inner { gap: 0.5rem; max-width: 1312px; margin-top: -2.25rem; padding: 0px 1rem 2.25rem; }
}
.c-yaris-cross-sp__eyebrow { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-sp__title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 24px; font-weight: 600; line-height: 2rem; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__title { font-size: 48px; line-height: 60px; }
}
.c-yaris-cross-sp__body { --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: 400; line-height: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__body { max-width: 866px; font-size: 16px; line-height: 1.5rem; }
}
.c-yaris-cross-sp__inner { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 2rem 1rem 2.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__inner { max-width: 1312px; padding: 72px 1rem; }
}
.c-yaris-cross-sp__widget { flex-direction: column; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__widget { flex-direction: row; align-items: stretch; gap: 1.5rem; }
}
.c-yaris-cross-sp__video-wrap { aspect-ratio: 343 / 192; --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-radius: 10px; width: 100%; height: auto; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__video-wrap { aspect-ratio: 339 / 190.69; flex: 1 1 0%; }
}
.c-yaris-cross-sp__video { object-fit: cover; width: 100%; height: 100%; display: block; }
.c-yaris-cross-sp__sensor { pointer-events: none; --tw-translate-x: -50%; 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)); align-items: center; gap: 0.25rem; display: flex; position: absolute; bottom: 37px; left: 50%; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__sensor { gap: 5px; bottom: 2.25rem; }
}
.c-yaris-cross-sp__sensor-dot { --tw-bg-opacity: 1; background-color: rgb(201 138 85/var(--tw-bg-opacity,1)); border-radius: 9999px; flex-shrink: 0; width: 0.25rem; height: 0.25rem; box-shadow: rgba(201, 138, 85, 0.5) 0px 0px 8px; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__sensor-dot { width: 5px; height: 5px; }
}
.c-yaris-cross-sp__sensor-badge { --tw-border-opacity: 1; border-width: 1px; border-color: rgb(201 138 85/var(--tw-border-opacity,1)); text-transform: uppercase; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); background-color: rgba(201, 138, 85, 0.08); border-radius: 8px; padding: 3px 0.5rem; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 8px; font-weight: 600; line-height: 24px; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__sensor-badge { border-color: rgba(201, 138, 85, 0.4); }
}
.c-yaris-cross-sp__chapters { background-image: linear-gradient(to top, var(--tw-gradient-stops)); --tw-gradient-from: #000000e6 var(--tw-gradient-from-position); --tw-gradient-to: transparent var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); align-items: center; gap: 0.5rem; padding: 7px 0.625rem; display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.c-yaris-cross-sp__chapters-play { cursor: pointer; background-color: rgba(255, 255, 255, 0.1); border-width: 0px; border-radius: 9999px; flex-shrink: 0; justify-content: center; align-items: center; width: 22px; height: 22px; padding: 0px; display: flex; }
.c-yaris-cross-sp__chapters-play: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-color: #ffffff59; outline: rgba(0, 0, 0, 0) solid 2px; }
.c-yaris-cross-sp__chapters-play-icon { --tw-border-opacity: 1; border-top-width: 4px; border-top-color: rgba(0, 0, 0, 0); border-bottom-width: 4px; border-bottom-color: rgba(0, 0, 0, 0); border-left-width: 6px; border-left-color: rgb(255 255 255/var(--tw-border-opacity,1)); width: 0px; height: 0px; margin-left: 1px; }
.c-yaris-cross-sp__chapters-play-icon--pause { border-width: 0px 2px; border-left-color: rgb(255 255 255/var(--tw-border-opacity,1)); --tw-border-opacity: 1; border-right-color: rgb(255 255 255/var(--tw-border-opacity,1)); width: 0.375rem; height: 0.5rem; margin-left: 0px; }
.c-yaris-cross-sp__chapters-track { flex: 1 1 0%; align-items: center; gap: 2px; height: 3px; display: flex; }
.c-yaris-cross-sp__chapter { cursor: pointer; --tw-bg-opacity: 1; background-color: rgb(26 26 26/var(--tw-bg-opacity,1)); height: 3px; transition: height var(--t-base) var(--ease-out); border-width: 0px; border-radius: 1px; flex: 1 1 0%; padding: 0px; position: relative; overflow: hidden; }
.c-yaris-cross-sp__chapter:hover { height: 6px; }
.c-yaris-cross-sp__chapter: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-color: #ffffff59; outline: rgba(0, 0, 0, 0) solid 2px; }
.c-yaris-cross-sp__chapter-fill { --tw-bg-opacity: 1; background-color: rgb(201 138 85/var(--tw-bg-opacity,1)); transform-origin: 0px center; border-radius: 1px; transition: transform 0.2s linear; display: block; position: absolute; inset: 0px; }
.c-yaris-cross-sp__counter { text-align: right; color: rgba(255, 255, 255, 0.5); flex-shrink: 0; min-width: 20px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; }
.c-yaris-cross-sp__mobile-nav { flex-direction: column; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__mobile-nav { display: none; }
}
.c-yaris-cross-sp__rings { justify-content: space-between; align-items: flex-start; width: 100%; padding-top: 1.5rem; padding-bottom: 0.75rem; display: flex; }
.c-yaris-cross-sp__ring { cursor: pointer; background-color: rgba(0, 0, 0, 0); border-width: 0px; flex-direction: column; flex: 1 1 0%; align-items: center; gap: 3px; min-width: 0px; padding: 0px; display: flex; }
.c-yaris-cross-sp__ring: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-color: #ffffff59; border-radius: 8px; outline: rgba(0, 0, 0, 0) solid 2px; }
.c-yaris-cross-sp__ring-circle { justify-content: center; align-items: center; width: 2.25rem; height: 2.25rem; display: flex; position: relative; }
.c-yaris-cross-sp__ring-svg { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px; }
.c-yaris-cross-sp__ring-base { fill: none; stroke: rgba(201, 138, 85, 0.4); stroke-width: 2.31px; }
.c-yaris-cross-sp__ring-arc { fill: none; stroke: rgb(201, 138, 85); stroke-width: 2.31px; stroke-linecap: round; stroke-dasharray: 108.699; stroke-dashoffset: var(--sp-ring-offset,108.699); transition: stroke-dashoffset 75ms linear; }
.c-yaris-cross-sp__ring-icon { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); color: rgba(201, 138, 85, 0.4); width: 26px; height: 26px; transition: border-color var(--t-base) var(--ease-out),color var(--t-base) var(--ease-out); border-width: 1px; border-color: rgba(201, 138, 85, 0.4); border-radius: 9999px; justify-content: center; align-items: center; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 9px; line-height: 1; display: flex; position: relative; }
.c-yaris-cross-sp__ring--active .c-yaris-cross-sp__ring-icon, .c-yaris-cross-sp__ring--done .c-yaris-cross-sp__ring-icon { --tw-border-opacity: 1; border-color: rgb(23 17 13/var(--tw-border-opacity,1)); --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); }
.c-yaris-cross-sp__ring-dot { background-color: currentcolor; border-radius: 9999px; width: 7px; height: 7px; display: block; }
.c-yaris-cross-sp__ring-label { color: rgba(201, 138, 85, 0.4); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; }
.c-yaris-cross-sp__ring--active .c-yaris-cross-sp__ring-label, .c-yaris-cross-sp__ring--done .c-yaris-cross-sp__ring-label { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); font-weight: 600; }
.c-yaris-cross-sp__detail { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-width: 1px; border-color: rgba(201, 138, 85, 0.4); border-radius: 10px; flex-direction: column; align-items: flex-start; gap: 5px; width: 100%; padding: 17px; display: flex; }
.c-yaris-cross-sp__detail-tag { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; }
.c-yaris-cross-sp__detail-title { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5rem; }
.c-yaris-cross-sp__detail-desc { --tw-text-opacity: 1; color: rgb(136 136 136/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; }
.c-yaris-cross-sp__sidebar { flex-direction: column; width: 100%; margin: 0px; padding: 0px; list-style-type: none; display: none; }
@media (min-width: 992px) {
  .c-yaris-cross-sp__sidebar { flex-shrink: 0; justify-content: flex-start; align-self: stretch; gap: 1rem; width: 340px; display: flex; }
}
.c-yaris-cross-sp__sidebar-item { width: 100%; }
.c-yaris-cross-sp__item { cursor: pointer; --tw-border-opacity: 1; border-width: 1px; border-color: rgb(38 27 20/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(30 21 16/var(--tw-bg-opacity,1)); text-align: left; width: 100%; transition: background-color var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out); border-radius: 10px; align-items: flex-start; gap: 0.625rem; padding: 0.75rem; display: flex; }
.c-yaris-cross-sp__item: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-color: #ffffff59; outline: rgba(0, 0, 0, 0) solid 2px; }
.c-yaris-cross-sp__item:hover:not(.c-yaris-cross-sp__item--active):not(.c-yaris-cross-sp__item--done) { border-color: rgba(201, 138, 85, 0.25); }
.c-yaris-cross-sp__item--active, .c-yaris-cross-sp__item--done { --tw-bg-opacity: 1; background-color: rgb(38 27 20/var(--tw-bg-opacity,1)); border-color: rgba(201, 138, 85, 0.4); }
.c-yaris-cross-sp__item-ring { flex-shrink: 0; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; display: flex; position: relative; }
.c-yaris-cross-sp__item-ring .c-yaris-cross-sp__ring-base { stroke: rgb(38, 27, 20); }
.c-yaris-cross-sp__item-num { color: rgba(201, 138, 85, 0.4); transition: color var(--t-base) var(--ease-out); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.25rem; position: relative; }
.c-yaris-cross-sp__item--active .c-yaris-cross-sp__item-num, .c-yaris-cross-sp__item--done .c-yaris-cross-sp__item-num { --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); }
.c-yaris-cross-sp__item-body { flex-direction: column; flex: 1 1 0%; min-width: 0px; display: flex; }
.c-yaris-cross-sp__item-name { --tw-text-opacity: 1; color: rgb(102 102 102/var(--tw-text-opacity,1)); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 600; line-height: 18px; transition: color 0.2s; }
.c-yaris-cross-sp__item--active .c-yaris-cross-sp__item-name { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.c-yaris-cross-sp__item-desc { opacity: 0; grid-template-rows: 0fr; margin-top: 0px; transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s, transform 0.45s cubic-bezier(0.4, 0, 0.2, 1); display: grid; transform: translateY(-2px); }
.c-yaris-cross-sp__item-desc--open { opacity: 1; grid-template-rows: 1fr; margin-top: 2px; transform: none; }
.c-yaris-cross-sp__item-desc-inner { --tw-text-opacity: 1; min-height: 0px; color: rgb(136 136 136/var(--tw-text-opacity,1)); font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; display: block; overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  .c-yaris-cross-sp__item, .c-yaris-cross-sp__item-num, .c-yaris-cross-sp__item-name, .c-yaris-cross-sp__item-desc, .c-yaris-cross-sp__ring-arc, .c-yaris-cross-sp__ring-icon, .c-yaris-cross-sp__ring-label, .c-yaris-cross-sp__chapter, .c-yaris-cross-sp__chapter-fill { transition: none; }
}
.c-yaris-cross-media-banner { aspect-ratio: 4 / 3; --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); width: 100%; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-media-banner { aspect-ratio: 1440 / 640; }
}
.c-yaris-cross-media-banner::after { content: ""; pointer-events: none; background: linear-gradient(rgba(23, 17, 13, 0.6), rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 60%, rgb(23, 17, 13)); position: absolute; inset: 0px; }
.c-yaris-cross-final-cta { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; color: rgb(255 255 255/var(--tw-text-opacity,1)); font-family: "Toyota Type", Manrope, system-ui, sans-serif; }
.c-yaris-cross-final-cta__inner { text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding: 2.25rem 1.25rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__inner { padding: 72px 0px; }
}
.c-yaris-cross-final-cta__heading { flex-direction: column; align-items: center; gap: 1rem; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__heading { gap: 1.5rem; }
}
.c-yaris-cross-final-cta__title { text-align: center; text-transform: uppercase; letter-spacing: 0px; --tw-text-opacity: 1; width: 100%; max-width: 512px; color: rgb(255 255 255/var(--tw-text-opacity,1)); text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 40px; margin: 0px; font-size: 36px; font-weight: 600; line-height: 44px; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__title { text-shadow: none; font-size: 3rem; line-height: 60px; }
}
.c-yaris-cross-final-cta__description { text-align: center; --tw-text-opacity: 1; width: 100%; max-width: 524px; color: rgb(255 255 255/var(--tw-text-opacity,1)); flex-direction: column; gap: 1.25rem; font-size: 12px; font-weight: 500; line-height: normal; display: flex; }
.c-yaris-cross-final-cta__description p { margin: 0px; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__description { --tw-text-opacity: 1; max-width: 860px; color: rgb(255 255 255/var(--tw-text-opacity,1)); font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-final-cta__actions { flex-direction: column; justify-content: center; align-items: center; gap: 1rem; width: 100%; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__actions { flex-direction: row; }
}
.c-yaris-cross-final-cta__button { cursor: pointer; text-transform: uppercase; outline-offset: 2px; --tw-backdrop-blur: blur(2px); width: 100%; height: 2.75rem; 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); border-style: solid; border-width: 2px; border-radius: 9999px; outline: rgba(0, 0, 0, 0) solid 2px; justify-content: center; align-items: center; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 14px; font-weight: 600; line-height: 1.25rem; text-decoration-line: none; transition: color 0.25s, background-color 0.25s, border-color 0.25s; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-final-cta__button { width: auto; }
}
.c-yaris-cross-final-cta__button:focus-visible { --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(201 138 85/var(--tw-ring-opacity,1)); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #17110d; }
.c-yaris-cross-final-cta__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-final-cta__button--light:hover { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); }
.c-yaris-cross-final-cta__button--outline { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 255, 255, 0.6); }
.c-yaris-cross-final-cta__button--outline:hover { --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)); }
@media (prefers-reduced-motion: reduce) {
  .c-yaris-cross-final-cta__button { transition-property: none; }
}
.c-yaris-cross-gallery { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); flex-direction: column; align-items: center; gap: 1.5rem; width: 100%; padding-top: 2.25rem; padding-bottom: 2.25rem; display: flex; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery { gap: 3rem; padding-top: 72px; padding-bottom: 72px; }
}
.c-yaris-cross-gallery__header { flex-direction: column; align-items: flex-start; gap: 0.5rem; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__header { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-gallery__title { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 30px; font-weight: 600; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__title { font-size: 36px; line-height: 44px; }
}
.c-yaris-cross-gallery__body { color: rgba(255, 255, 255, 0.7); max-width: 560px; margin: 0px; font-family: "Toyota Type", Manrope, system-ui, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25rem; }
.c-yaris-cross-gallery__viewport { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__viewport { padding-left: 0px; padding-right: 0px; }
}
.c-yaris-cross-gallery__swiper { width: 100%; height: auto; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__swiper { overflow: visible; }
}
.c-yaris-cross-gallery__swiper .swiper-wrapper { align-items: stretch; transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
.c-yaris-cross-gallery__slide { width: 100%; height: auto; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__slide { width: min(800px, 80vw); max-width: none; }
}
.c-yaris-cross-gallery__media { aspect-ratio: 343 / 188; width: 100%; height: auto; position: relative; overflow: hidden; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__media { aspect-ratio: 16 / 9; --tw-border-opacity: 1; border-style: solid; border-width: 1.5px; border-color: rgb(38 27 20/var(--tw-border-opacity,1)); border-radius: 8px 8px 32px 32px; }
}
.c-yaris-cross-gallery__image { object-fit: cover; width: 100%; height: 100%; display: block; }
.c-yaris-cross-gallery__indicators { --slider-nav-accent: #c98a55; --slider-nav-accent-glow: #c98a554d; --slider-nav-ring-offset: #17110d; }
.c-yaris-cross-gallery__eyebrow { text-transform: uppercase; --tw-text-opacity: 1; color: rgb(201 138 85/var(--tw-text-opacity,1)); margin: 0px; font-size: 12px; font-weight: 600; line-height: 18px; }
@media (min-width: 992px) {
  .c-yaris-cross-gallery__eyebrow { font-size: 14px; line-height: 1.25rem; }
}
.c-yaris-cross-page { --tw-bg-opacity: 1; background-color: rgb(23 17 13/var(--tw-bg-opacity,1)); --tw-text-opacity: 1; width: 100%; min-width: 0px; color: rgb(255 255 255/var(--tw-text-opacity,1)); font-weight: 500; position: relative; overflow-x: clip; }
@keyframes ff-button-pop { 
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes ff-list-slide-left { 
  0% { transform: translateX(12px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes ff-list-slide-right { 
  0% { transform: translateX(-12px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes ff-popover-fadeout { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(8px); opacity: 0; }
}
@keyframes ff-list-exit-left { 
  0% { transform: translateX(0px); opacity: 1; }
  100% { transform: translateX(12px); opacity: 0; }
}
@keyframes ff-list-exit-right { 
  0% { transform: translateX(0px); opacity: 1; }
  100% { transform: translateX(-12px); opacity: 0; }
}
.ff-toolbar-trigger-content, .ff-toolbar-controls-content { position: absolute; inset: 4px; display: flex; align-items: center; justify-content: center; transition: opacity 150ms, transform 180ms cubic-bezier(0.22, 1, 0.36, 1), filter 220ms; }
.ff-toolbar-trigger-content[data-visible="false"] { opacity: 0; pointer-events: none; transform: scale(0.72); }
.ff-toolbar-controls-content { flex-direction: column; gap: 4px; }
.ff-toolbar-controls-content[data-visible="false"] { opacity: 0; pointer-events: none; filter: blur(6px); transform: scale(0.72) translateY(6px); }
.ff-toolbar-controls-content[data-visible="true"] { opacity: 1; pointer-events: auto; filter: blur(0px); transform: scale(1) translateY(0px); }
.ff-toolbar-button-wrap { position: relative; display: flex; align-items: center; justify-content: center; }
.ff-toolbar-tooltip { position: absolute; top: 50%; width: max-content; max-width: 180px; padding: 6px 8px; border-radius: 6px; background: rgb(24, 24, 27); color: rgb(244, 244, 245); box-shadow: rgba(0, 0, 0, 0.28) 0px 4px 16px; font: 500 12px / 1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; opacity: 0; visibility: hidden; pointer-events: none; z-index: 2147483647; transition: opacity 130ms 650ms, transform 130ms, visibility 130ms; }
.ff-tooltip-left .ff-toolbar-tooltip { right: calc(100% + 10px); transform: translate(4px, -50%) scale(0.96); }
.ff-tooltip-right .ff-toolbar-tooltip { left: calc(100% + 10px); transform: translate(-4px, -50%) scale(0.96); }
.ff-tooltip-left:hover .ff-toolbar-tooltip { transform: translate(0px, -50%) scale(1); }
.ff-tooltip-right:hover .ff-toolbar-tooltip { transform: translate(0px, -50%) scale(1); }
.ff-toolbar-button-wrap:hover .ff-toolbar-tooltip { opacity: 1; visibility: visible; }
.ff-toolbar-tooltip-session .ff-toolbar-button-wrap:hover .ff-toolbar-tooltip { transition-delay: 0ms; }
.ff-toolbar-tooltips-hidden .ff-toolbar-tooltip { opacity: 0 !important; visibility: hidden !important; transition: none !important; }
@media (prefers-reduced-motion: reduce) {
  .ff-toolbar-trigger-content, .ff-toolbar-controls-content, .ff-toolbar-tooltip { transition-duration: 1ms !important; transform: none !important; filter: none !important; }
}


.c-models-top-bar{
  top:0 !important;
  bottom: 100%;
}

.c-models-top-bar__trigger{
  visibility: hidden !important;
}
/* Landing page: keep hidden elements hidden */
[hidden] { display: none !important; }