.mf-experience{--mf-charcoal: #2E2C2D;--mf-black: #171615;--mf-orange: #FF810B;--mf-red: #E92603;--mf-grey: #969696;--mf-white: #F2F0EA;--mf-line: rgba(255,129,11,.25);background:var(--mf-charcoal);padding:clamp(64px,8vw,120px) clamp(20px,6vw,80px)}.mf-experience__head{margin-bottom:46px}.mf-experience__title{font-family:Oswald,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:clamp(24px,3vw,32px);color:var(--mf-white);margin:0 0 8px}.mf-experience__sub{color:var(--mf-grey);font-size:14px;margin:0}.mf-experience__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.mf-card{border:1px solid var(--mf-line);background:var(--mf-black);padding:34px 20px;text-align:center;position:relative;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease}.mf-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mf-red),var(--mf-orange) 55%,#F5B106);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}.mf-card:hover:before{transform:scaleX(1)}.mf-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000073;border-color:var(--mf-orange)}.mf-card__icon{color:var(--mf-orange);margin-bottom:18px;display:flex;justify-content:center;transition:transform .4s ease}.mf-card__icon svg{stroke:currentColor;fill:none;stroke-width:1.3}.mf-card:hover .mf-card__icon{transform:scale(1.12)}.mf-card__verb{font-size:10px;letter-spacing:2px;color:var(--mf-orange);text-transform:uppercase;margin-bottom:6px}.mf-card__name{font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--mf-white)}.mf-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.mf-reveal.mf-in{opacity:1;transform:translateY(0)}@media(max-width:749px){.mf-experience__grid{grid-template-columns:repeat(2,1fr);gap:12px}.mf-card{padding:22px 12px}.mf-card__icon svg{width:32px;height:32px}.mf-card__verb{font-size:9px;letter-spacing:1.5px}.mf-card__name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/motorfest-experience-cards.css.map */