@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}@keyframes drive-modes-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.model-drive-modes{width:100%;padding-inline:calc(var(--spacing,.25rem)*6);color:#232323;background-color:#ebe8e3;flex-direction:column;gap:60px;padding-block:60px;display:flex}@media (min-width:768px){.model-drive-modes{padding-inline:calc(var(--spacing,.25rem)*10);padding-block:calc(var(--spacing,.25rem)*20)}}@media (min-width:1280px){.model-drive-modes{padding-inline:calc(var(--spacing,.25rem)*6);padding-block:100px}}.model-drive-modes__content{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;width:100%;max-width:1236px;margin-inline:auto;display:flex}@media (min-width:768px){.model-drive-modes__content{gap:calc(var(--spacing,.25rem)*8)}}@media (min-width:1280px){.model-drive-modes__content{flex-direction:row;justify-content:space-between;gap:140px}}.model-drive-modes__content>h2{font-family:var(--font-headline,var(--font-family-headline),ui-sans-serif,system-ui,sans-serif);--tw-leading:1.1;--tw-font-weight:var(--font-weight-normal,400);font-size:32px;line-height:1.1;font-weight:var(--font-weight-normal,400);margin:0}@media (min-width:768px){.model-drive-modes__content>h2{max-width:620px;font-size:40px}}@media (min-width:1280px){.model-drive-modes__content>h2{flex-shrink:0;width:449px;max-width:none;font-size:48px}}.model-drive-modes__content>h2 span{color:#ff5841}.model-drive-modes__details{gap:calc(var(--spacing,.25rem)*7);flex-direction:column;width:100%;display:flex}@media (min-width:768px){.model-drive-modes__details{gap:calc(var(--spacing,.25rem)*8)}}@media (min-width:1280px){.model-drive-modes__details{flex-shrink:0;width:566px}}.model-drive-modes__description{max-width:760px;font-family:var(--font-sans,var(--font-family-text),ui-sans-serif,system-ui,sans-serif);--tw-leading:1.4;color:#63615e;margin:0;font-size:16px;line-height:1.4}.model-drive-modes__group{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}@media (min-width:1280px){.model-drive-modes__group{gap:calc(var(--spacing,.25rem)*2)}}.model-drive-modes__group h3{font-family:var(--font-headline,var(--font-family-headline),ui-sans-serif,system-ui,sans-serif);--tw-leading:1.4;--tw-font-weight:var(--font-weight-normal,400);font-size:18px;line-height:1.4;font-weight:var(--font-weight-normal,400);margin:0}@media (min-width:768px){.model-drive-modes__group h3{font-size:20px}}.model-drive-modes__mode-grid{column-gap:calc(var(--spacing,.25rem)*4);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (min-width:768px){.model-drive-modes__mode-grid{column-gap:calc(var(--spacing,.25rem)*6);grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.model-drive-modes__mode-grid{column-gap:calc(var(--spacing,.25rem)*5);row-gap:calc(var(--spacing,.25rem)*4);flex-wrap:wrap;display:flex}}.model-drive-modes__mode{align-items:center;gap:var(--spacing,.25rem);text-align:center;min-width:0;font-family:var(--font-sans,var(--font-family-text),ui-sans-serif,system-ui,sans-serif);--tw-leading:1.4;color:#63615e;flex-direction:column;font-size:14px;line-height:1.4;display:flex}@media (min-width:1280px){.model-drive-modes__mode{width:calc(var(--spacing,.25rem)*20)}}.model-drive-modes__mode img{width:calc(var(--spacing,.25rem)*7);height:calc(var(--spacing,.25rem)*7);object-fit:contain}@media (min-width:768px){.model-drive-modes__mode img{width:calc(var(--spacing,.25rem)*8);height:calc(var(--spacing,.25rem)*8)}}.model-drive-modes__media{width:100%;max-width:1392px;height:400px;margin-inline:auto;display:block;overflow:hidden}@media (min-width:768px){.model-drive-modes__media{aspect-ratio:16/9;height:auto}}@media (min-width:1280px){.model-drive-modes__media{aspect-ratio:1392/596}}.model-drive-modes__media img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.model-drive-modes{animation:linear both drive-modes-reveal;animation-timeline:view();animation-range:entry entry 28%}}.model-drive-modes__mode{transition:transform .24s}.model-drive-modes__media img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.model-drive-modes__mode:hover{transform:translateY(-4px)}.model-drive-modes__media:hover img{transform:scale(1.025)}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
