.stories-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.stories-grid .story-block{align-items:center;display:flex;height:360px;overflow:hidden;position:relative}.stories-grid .story-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;transition:transform .6s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:-2}.stories-grid .story-block:hover .story-image{transform:scale(1.05)}.dark-filter{background-color:var(--palette-overlay,var(--mazda-color-overlay,rgba(4,20,40,.75)));height:100%;left:0;opacity:.55;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.stories-grid .story-block:hover .dark-filter{opacity:.65}.story-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 var(--mazda-space-7,16px);width:100%;z-index:1}.story-content h5{color:var(--mazda-color-white,#fff)!important;font-size:var(--mazda-h5-size,.9375rem);letter-spacing:var(--mazda-track-h5-em,2.08px);line-height:var(--mazda-line-height-heading,1.3);margin:0 0 var(--mazda-space-6,12px);text-align:center}.story-content h5,.story-cta{font-family:var(--mazda-font-headline,var(--typo-headline-font,Mazda,sans-serif));font-weight:var(--mazda-font-weight-headline,500);text-transform:uppercase}.story-cta{color:var(--mazda-color-white,#fff);cursor:pointer;display:inline-flex;font-size:var(--mazda-interactive-s-size,.75rem);justify-content:center;letter-spacing:var(--mazda-track-interactive-s-em,1.92px);position:relative;text-decoration:none;transition:color .2s ease,background-color .2s ease;width:fit-content}.story-cta:hover{color:var(--mazda-link-hover,var(--palette-strong-beige,#8b693e))}.story-cta:after{background-color:var(--mazda-color-white,#fff);bottom:-4px;content:"";height:2px;position:absolute;transform-origin:left center;transition:transform .2s cubic-bezier(.25,.46,.45,.94),background-color .2s ease;width:100%}.story-cta:hover:after{background-color:var(--palette-strong-beige,#8b693e);transform:translateY(-4px)}.story-modal{animation:fadeIn .3s ease-out forwards;backdrop-filter:blur(4px);background-color:var(--palette-overlay,var(--mazda-color-overlay,rgba(4,20,40,.75)));display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-container{display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;max-width:1200px;padding:var(--mazda-space-7,16px);z-index:0}.modal-content{animation:slideUp .3s cubic-bezier(.25,.46,.45,.94) forwards;background-color:var(--mazda-bg,var(--mazda-color-white,#fff));border:1px solid var(--mazda-border,var(--palette-blue-3,#d8daed));border-radius:var(--border-radius-m,var(--mazda-radius-m,6px));box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:row;margin:5% auto;max-height:85vh;overflow:hidden;position:relative;width:90%}.modal-body{display:flex;flex-grow:1;width:100%}.modal-image{background-color:var(--palette-blue-2,#eceded);flex-basis:50%;flex-shrink:0;height:100%}.modal-image img{display:block;height:100%;object-fit:cover;width:100%}.modal-text{color:var(--mazda-text-body,var(--palette-dark-blue,#041428));display:flex;flex-basis:50%;flex-direction:column;justify-content:center;margin:var(--mazda-space-12,40px) 0;overflow-y:auto;padding:0 var(--mazda-space-12,40px);text-align:center}.modal-text h1,.modal-text h2,.modal-text h3{color:var(--mazda-text-heading,var(--palette-dark-blue,#041428));font-family:var(--mazda-font-headline,var(--typo-headline-font,Mazda,sans-serif));font-weight:var(--mazda-font-weight-headline,500);margin-bottom:var(--mazda-space-5,10px);margin-top:0}.modal-text p{color:var(--mazda-text-body,var(--palette-dark-blue,#041428));font-family:var(--mazda-font-copy,var(--typo-copy-font,Mazda,sans-serif));font-size:var(--mazda-copy-m-size,1rem);font-weight:var(--mazda-font-weight-copy,400);line-height:var(--mazda-line-height-copy,1.5);margin-bottom:var(--mazda-space-6,12px)}.close{color:var(--mazda-text-caption,var(--palette-blue-4,#949da5));cursor:pointer;font-size:32px;font-weight:700;line-height:1;position:absolute;right:var(--mazda-space-7,16px);top:var(--mazda-space-6,12px);transition:color .2s ease;z-index:10}.close:focus,.close:hover{color:var(--mazda-text-heading,var(--palette-dark-blue,#041428));text-decoration:none}.story-modal-card{height:100%;padding-bottom:100px;padding-top:100px;pointer-events:auto;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.stories-grid{grid-template-columns:1fr}.stories-grid .story-block{height:300px}.modal-content{border:none;border-radius:0;flex-direction:column;height:100%;margin:unset;max-height:100%;width:100%}.modal-image,.modal-text{flex-basis:auto}.modal-image{height:40vh}.modal-text{margin:var(--mazda-space-8,20px) 0;overflow-y:visible;padding:0 var(--mazda-space-7,16px)}.modal-body{display:flex;flex-direction:column}.close{color:var(--mazda-color-white,#fff);right:var(--mazda-space-7,16px);text-shadow:0 1px 5px rgba(0,0,0,.5);top:var(--mazda-space-6,12px)}}