.lawson-vehicle-selector{background:#000;color:#fff}.lawson-vehicle-selector__hero{background-position:center center;background-repeat:no-repeat;background-size:cover;padding:clamp(4.5rem,9vw,10rem) 0 clamp(4rem,7vw,7rem)}.lawson-vehicle-selector__eyebrow{align-items:center;border:1px solid rgba(243,107,33,.55);border-radius:999px;color:#f36b21;display:inline-flex;font-weight:700;gap:.7rem;letter-spacing:.14em;margin:0 0 1.2rem;padding:.45rem 1rem .45rem .55rem;text-transform:uppercase}.lawson-vehicle-selector__eyebrow img{height:3.3rem;object-fit:contain;width:4rem}.lawson-vehicle-selector__heading{color:#fff;margin:0;max-width:780px}.lawson-vehicle-selector__system{color:#f36b21;font-family:var(--font-heading-family);font-size:clamp(2.4rem,3.4vw,4.2rem);font-weight:700;letter-spacing:.14em;margin:.5rem 0 1.4rem;text-transform:uppercase}.lawson-vehicle-selector__intro{color:#e0e0e0;margin:0 0 2.8rem;max-width:60rem}.lawson-vehicle-selector__hero-actions{display:flex;flex-wrap:wrap;gap:1.2rem}.lawson-vehicle-selector__primary-action,.lawson-vehicle-selector__secondary-action{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.08em;min-height:5.8rem;padding:0 2.4rem;text-decoration:none;text-transform:uppercase}.lawson-vehicle-selector__primary-action{background:#f36b21;color:#fff}.lawson-vehicle-selector__primary-action span{font-size:2.4rem;line-height:0;margin-left:.8rem}.lawson-vehicle-selector__secondary-action{border:1px solid rgba(255,255,255,.65);color:#fff}.lawson-vehicle-groups{margin-top:clamp(3.5rem,6vw,7rem)}.lawson-vehicle-group+.lawson-vehicle-group{margin-top:clamp(4.5rem,8vw,9rem)}.lawson-vehicle-group__title{color:#f36b21;font-family:var(--font-heading-family);font-size:clamp(2.4rem,3vw,3.6rem);font-weight:700;letter-spacing:.12em;margin:0 0 1.6rem;text-transform:uppercase}.lawson-vehicle-selector__grid{display:grid;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.lawson-vehicle-selector__card{aspect-ratio:1.4 / 1;background:#000;border:1px solid rgba(255,255,255,.28);border-radius:1.2rem;color:inherit;display:flex;isolation:isolate;overflow:hidden;position:relative;text-decoration:none}.lawson-vehicle-selector__card:after{background:linear-gradient(180deg,#0000000d 24%,#000000e0);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.lawson-vehicle-selector__image{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;transition:transform .35s ease;width:100%;z-index:-2}.lawson-vehicle-selector__card:hover .lawson-vehicle-selector__image{transform:scale(1.04)}.lawson-vehicle-selector__card-content{align-self:end;padding:1.8rem;width:100%}.lawson-vehicle-selector__card-title{color:#fff;margin:0}.lawson-vehicle-selector__card-link{color:#f36b21;display:inline-block;font-weight:700;letter-spacing:.08em;margin-top:.7rem;text-transform:uppercase}.lawson-mobile-vehicle-selector{display:none}.lawson-system-markers{border-top:1px solid rgba(255,255,255,.28);display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(4rem,7vw,8rem)}.lawson-system-marker{border-bottom:1px solid rgba(255,255,255,.28);display:grid;gap:1.5rem;grid-template-columns:auto 1fr;padding:2.2rem 2rem 2.4rem 0}.lawson-system-marker+.lawson-system-marker{border-left:1px solid rgba(255,255,255,.28);padding-left:2rem}.lawson-system-marker__icon{height:6.8rem;object-fit:contain;width:7.5rem}.lawson-system-marker__logo{height:7.5rem;object-fit:contain;width:8.2rem}.lawson-system-marker__label{color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;letter-spacing:.07em;margin:0 0 .6rem;text-transform:uppercase}.lawson-system-marker p:not(.lawson-system-marker__label){color:#c9c9c9;font-size:1.55rem;line-height:1.45;margin:0}@media screen and (min-width:990px){.lawson-vehicle-selector__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.lawson-vehicle-groups{display:none}.lawson-vehicle-selector__hero{padding-bottom:2.8rem}.lawson-vehicle-selector__hero-actions{gap:.9rem}.lawson-vehicle-selector__primary-action,.lawson-vehicle-selector__secondary-action{min-height:5.2rem;padding:0 1.5rem}.lawson-vehicle-selector__grid{display:none}.lawson-mobile-vehicle-selector{display:grid;gap:1rem}.lawson-mobile-vehicle-selector details{border:1px solid rgba(255,255,255,.28)}.lawson-mobile-vehicle-selector summary{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;justify-content:space-between;list-style:none;padding:1.7rem 1.6rem;text-transform:uppercase}.lawson-mobile-vehicle-selector summary::-webkit-details-marker{display:none}.lawson-mobile-vehicle-selector summary:after{color:#f36b21;content:"+";font-family:Arial,sans-serif;font-size:3.2rem;font-weight:400;line-height:1}.lawson-mobile-vehicle-selector details[open] summary:after{content:"\2013"}.lawson-mobile-vehicle-selector__links{border-top:1px solid rgba(255,255,255,.18);padding:.5rem 1.6rem 1.3rem}.lawson-mobile-vehicle-selector__links a{border-bottom:1px solid rgba(255,255,255,.12);color:#fff;display:block;font-size:1.65rem;padding:1.25rem 0;text-decoration:none}.lawson-mobile-vehicle-selector__links a:last-child{border-bottom:0}.lawson-mobile-vehicle-selector__links a:after{color:#f36b21;content:"\203a";float:right;font-size:2.4rem;line-height:.8}.lawson-system-markers{grid-template-columns:1fr;margin-top:4rem}.lawson-system-marker{padding:1.8rem 0}.lawson-system-marker+.lawson-system-marker{border-left:0;padding-left:0}}.lawson-vehicle-selector__card-link{background:#f36b21;border:1px solid #f36b21;border-radius:999px;color:#fff;padding:1rem 1.6rem;font-size:1.15rem;line-height:1.3;letter-spacing:.04em;min-height:4.4rem;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%}.lawson-vehicle-selector__card:hover .lawson-vehicle-selector__card-link{background:#db5813;border-color:#db5813}.lawson-vehicle-selector__card:focus-visible .lawson-vehicle-selector__card-link{outline:2px solid #fff;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/248/assets/lawson-vehicle-selector.css.map */