:root{--spx-home-hero-fade: clamp(var(--spx-space-12), 6vw, calc(var(--spx-space-18) + var(--spx-space-1)));--spx-home-hero-copy: 52rem;--spx-home-hero-rail: max(var(--spx-gutter), (100% - var(--spx-container)) / 2);--spx-home-hero-ground: calc(var(--spx-home-hero-rail) + var(--spx-home-hero-copy));--spx-home-hero-logo: min( calc(100vw - 2 * var(--spx-gutter)), clamp(calc(var(--spx-home-hero-copy) * .42), 34vw, calc(var(--spx-home-hero-copy) * .72)) );--spx-home-hero-logo-h: calc(var(--spx-home-hero-logo) / var(--spx-hero-logo-ar, 1));--spx-home-hero-logo-band: calc( var(--spx-hero-logo-on, 0) * (var(--spx-home-hero-logo-h) + var(--spx-space-6)) );--spx-home-hero-unlean: calc(-1 * var(--spx-lean, -11.85deg));--spx-home-ann-w: clamp( calc(var(--spx-home-hero-copy) * .42), 24vw, calc(var(--spx-home-hero-copy) * .62) );--spx-home-pill: 999px}.banner{isolation:isolate;overflow-x:clip;border-bottom:1px solid var(--spx-border);background-image:var(--spx-bloom)}.banner .banner__media img{object-fit:cover;object-position:center}.banner .banner__media.placeholder{background:none}.banner .banner__media .placeholder-svg{display:none}.banner:has(>.banner__media.placeholder):after{display:none}@media screen and (min-width:750px){.banner .banner__content{max-width:none;padding-inline:0;background-color:rgba(var(--spx-bg-rgb),.34);background-image:linear-gradient(to right,rgb(var(--spx-bg-rgb)) 0 30%,rgba(var(--spx-bg-rgb),.82) 46%,rgba(var(--spx-bg-rgb),.38) 62%,rgba(var(--spx-bg-rgb),.1) 80%,rgba(var(--spx-bg-rgb),0))}}@media screen and (min-width:750px){.banner .banner__content--top-left:before,.banner .banner__content--middle-left:before,.banner .banner__content--bottom-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(var(--spx-bg-rgb),.92) 0,rgba(var(--spx-bg-rgb),.92) var(--spx-home-hero-ground),rgba(var(--spx-bg-rgb),0) calc(var(--spx-home-hero-ground) + var(--spx-home-hero-fade)));pointer-events:none}}@media screen and (min-width:750px){.banner.banner--desktop-transparent .banner__content:not(.banner__content--top-left):not(.banner__content--middle-left):not(.banner__content--bottom-left) .banner__box:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(var(--spx-bg-rgb),.92) 0 calc(100% - var(--spx-home-hero-fade)),rgba(var(--spx-bg-rgb),0));pointer-events:none}}@media screen and (min-width:750px){.banner.banner--desktop-transparent .banner__box.content-container{width:fit-content;min-width:0;max-width:min(100%,calc(var(--spx-home-hero-copy) + var(--spx-home-hero-fade) + var(--spx-home-hero-rail)));padding-block:clamp(var(--spx-space-10),7vw,var(--spx-space-24));padding-inline-start:var(--spx-home-hero-rail);padding-inline-end:var(--spx-home-hero-fade)}}@media screen and (max-width:749px){.banner.banner--desktop-transparent .banner__box.content-container{width:100%;min-width:0;background:none;padding-block:var(--spx-space-8) var(--spx-space-10);padding-inline:var(--spx-gutter)}}.banner .banner__heading{display:inline-block;max-width:min(100%,19ch);color:var(--spx-text);font-family:var(--spx-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.014em;line-height:.96;transform:skew(var(--spx-lean, -11.85deg));text-wrap:balance}.banner .banner__heading strong{font-weight:inherit}.banner .banner__text{max-width:56ch;color:var(--spx-text-muted);font-family:var(--spx-font);font-size:var(--spx-text-base);line-height:var(--spx-leading)}.banner .banner__text>p:empty{display:none}.banner .banner__buttons .button{--buttons-radius: var(--spx-chip-r, 8px);--buttons-radius-outset: var(--spx-chip-r, 8px);min-height:calc(var(--spx-space-10) + var(--spx-space-1));padding-inline:var(--spx-space-6);font-family:var(--spx-font-cond);font-weight:700;font-size:var(--spx-text-sm);text-transform:uppercase;letter-spacing:.14em;transition:transform var(--spx-dur) var(--spx-ease)}.banner .banner__buttons .button:hover{transform:translate(var(--spx-space-1))}.banner .banner__buttons .button:focus-visible{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}.banner .banner__buttons .button.focused{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}@media screen and (max-width:749px){.banner .banner__media{display:none}.banner.banner.banner:not(.banner--adapt){min-height:0}.banner.banner.banner:not(.banner--adapt) .banner__content{min-height:0}}.banner .banner__box .banner__heading{position:relative;margin-block-start:calc(.83em + var(--spx-home-hero-logo-band))}.banner .banner__heading:before{content:var(--spx-hero-logo-content, none);position:absolute;inset-block:calc(-1 * var(--spx-home-hero-logo-band));inset-inline-start:0;width:var(--spx-home-hero-logo);transform:skew(var(--spx-home-hero-unlean));background-image:var(--spx-hero-logo);background-position:left top;background-repeat:no-repeat;background-size:100% auto;pointer-events:none}@media screen and (max-width:749px){.banner--content-align-mobile-center .banner__heading:before{inset-inline:0;margin-inline:auto}.banner--content-align-mobile-right .banner__heading:before{inset-inline:auto 0}}@media screen and (min-width:750px){.banner--content-align-center .banner__heading:before{inset-inline:0;margin-inline:auto}.banner--content-align-right .banner__heading:before{inset-inline:auto 0}}.banner .banner__box .spx-hero-ann{position:relative;padding:var(--spx-space-4);border-radius:var(--spx-plate-r, 16px);background-color:var(--spx-bg);background-image:linear-gradient(rgba(var(--spx-text-rgb),.06) 0% 100%);box-shadow:inset 0 0 0 1px var(--spx-border-strong);text-align:start}.banner .banner__box>*+.spx-hero-ann{margin-top:var(--spx-space-6)}.banner .banner__box .spx-hero-ann__tag{display:inline-block;margin:0 0 var(--spx-space-3);padding:var(--spx-space-1) var(--spx-space-3);border-radius:var(--spx-chip-r, 8px);background-color:var(--spx-accent);color:var(--spx-accent-ink);font-family:var(--spx-font-cond);font-weight:700;font-size:var(--spx-text-2xs);line-height:var(--spx-leading-tight);letter-spacing:.16em;text-transform:uppercase;transform:skew(var(--spx-lean, -11.85deg))}.banner .banner__box .spx-hero-ann__tag>span{display:inline-block;transform:skew(var(--spx-home-hero-unlean))}.banner .banner__box .spx-hero-ann__body{color:var(--spx-text-muted);font-family:var(--spx-font);font-size:var(--spx-text-sm);line-height:var(--spx-leading);text-wrap:pretty}.banner .banner__box .spx-hero-ann__body>:first-child{margin-top:0}.banner .banner__box .spx-hero-ann__body>:last-child{margin-bottom:0}@media screen and (min-width:990px){.banner.banner--desktop-transparent .banner__content--top-left .banner__box.content-container:has(.spx-hero-ann),.banner.banner--desktop-transparent .banner__content--middle-left .banner__box.content-container:has(.spx-hero-ann),.banner.banner--desktop-transparent .banner__content--bottom-left .banner__box.content-container:has(.spx-hero-ann){width:100%;max-width:100%;padding-inline-end:max(calc(100% - var(--spx-home-hero-rail) - var(--spx-home-hero-copy)),calc(var(--spx-home-ann-w) + var(--spx-home-hero-rail) + var(--spx-space-8)))}.banner.banner--desktop-transparent .banner__content--top-left .banner__box:has(.spx-hero-ann)>.spx-hero-ann,.banner.banner--desktop-transparent .banner__content--middle-left .banner__box:has(.spx-hero-ann)>.spx-hero-ann,.banner.banner--desktop-transparent .banner__content--bottom-left .banner__box:has(.spx-hero-ann)>.spx-hero-ann{position:absolute;inset-block:0;inset-inline-end:var(--spx-home-hero-rail);width:var(--spx-home-ann-w);height:fit-content;margin-block:auto}}.gradient:has(>.collection){background-image:var(--spx-bloom)}.collection .collection__title .title{display:inline-block;max-width:100%;margin:0;color:var(--spx-text);font-family:var(--spx-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.014em;line-height:.96;transform:skew(var(--spx-lean, -11.85deg));text-wrap:balance}.collection .collection__title{margin-bottom:var(--spx-space-8);text-align:start}.collection .collection__description{max-width:56ch;margin-top:var(--spx-space-4);color:var(--spx-text-muted);font-family:var(--spx-font);font-size:var(--spx-text-base);line-height:var(--spx-leading);text-wrap:pretty}.collection .collection__description>:last-child{margin-bottom:0}.collection .collection__view-all{max-width:var(--page-width);margin:var(--spx-space-12) auto 0;padding-inline:1.5rem;text-align:start}@media screen and (min-width:750px){.collection .collection__view-all{padding-inline:5rem}}.collection .collection__view-all .button{--buttons-radius: var(--spx-home-pill);--buttons-radius-outset: var(--spx-home-pill);font-family:var(--spx-font-cond);font-weight:700;font-size:var(--spx-text-sm);text-transform:uppercase;letter-spacing:.12em;transition:transform var(--spx-dur) var(--spx-ease)}.collection .collection__view-all .button:hover{transform:translate(var(--spx-space-1))}.collection .collection__view-all .button:focus-visible{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}.collection .collection__view-all .button.focused{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}.gradient:has(>.collection-list-wrapper){background-image:var(--spx-bloom);overflow-x:clip}.collection-list{--grid-mobile-horizontal-spacing: var(--spx-space-3);--grid-mobile-vertical-spacing: var(--spx-space-3);--grid-desktop-horizontal-spacing: var(--spx-space-4);--grid-desktop-vertical-spacing: var(--spx-space-4);--spx-tile-gap: var(--grid-mobile-horizontal-spacing);--spx-tile-cols: 2;margin-bottom:0}@media screen and (min-width:750px){.collection-list{--spx-tile-gap: var(--grid-desktop-horizontal-spacing)}}@media screen and (max-width:749px){.collection-list.grid--1-col-tablet-down{--spx-tile-cols: 1}.collection-list.grid--2-col-tablet-down{--spx-tile-cols: 2}}@media screen and (min-width:750px)and (max-width:989px){.collection-list{--spx-tile-cols: 3}.collection-list.grid--1-col-desktop{--spx-tile-cols: 1}.collection-list.grid--2-col-desktop{--spx-tile-cols: 2}}@media screen and (min-width:990px){.collection-list.grid--1-col-desktop{--spx-tile-cols: 1}.collection-list.grid--2-col-desktop{--spx-tile-cols: 2}.collection-list.grid--3-col-desktop{--spx-tile-cols: 3}.collection-list.grid--4-col-desktop{--spx-tile-cols: 4}.collection-list.grid--5-col-desktop{--spx-tile-cols: 5}.collection-list.grid--6-col-desktop{--spx-tile-cols: 6}}.collection-list.grid:not(.slider)>.grid__item{width:calc((100% - (var(--spx-tile-cols) - 1) * var(--spx-tile-gap)) / var(--spx-tile-cols));max-width:calc((100% - (var(--spx-tile-cols) - 1) * var(--spx-tile-gap)) / var(--spx-tile-cols));min-width:0}.collection-list-wrapper .title-wrapper-with-link{margin:0 0 var(--spx-space-8)}.collection-list-wrapper .collection-list-title{display:inline-block;max-width:100%;color:var(--spx-text);font-family:var(--spx-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.014em;line-height:.96;transform:skew(var(--spx-lean, -11.85deg))}.collection-list-wrapper .collection-list-view-all{margin-top:var(--spx-space-12);text-align:start}.collection-list-wrapper .collection-list-view-all .button{--buttons-radius: var(--spx-home-pill);--buttons-radius-outset: var(--spx-home-pill);font-family:var(--spx-font-cond);font-weight:700;font-size:var(--spx-text-sm);text-transform:uppercase;letter-spacing:.12em;transition:transform var(--spx-dur) var(--spx-ease)}.collection-list-wrapper .collection-list-view-all .button:hover{transform:translate(var(--spx-space-1))}.collection-list-wrapper .collection-list-view-all .button:focus-visible{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}.collection-list-wrapper .collection-list-view-all .button.focused{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:var(--focused-base-outline-offset, 2px);box-shadow:var(--focused-base-box-shadow)}.collection-card-wrapper .card__inner.ratio{--ratio-percent: 100%}@media screen and (min-width:990px){.collection-card-wrapper:hover .card .media.media--hover-effect>img:first-child:only-child{transform:none}}.collection-card-wrapper .card .media.media--hover-effect>img:only-child{transition:transform var(--spx-dur-slow) var(--spx-ease)}.collection-card-wrapper .card{position:relative;background-color:var(--spx-surface);border-radius:var(--spx-plate-r, 16px);box-shadow:inset 0 0 0 1px var(--spx-border);padding:var(--spx-space-2);transition:box-shadow var(--spx-dur) var(--spx-ease),background-color var(--spx-dur) var(--spx-ease),transform var(--spx-dur) var(--spx-ease)}.collection-card-wrapper .card:not(.ratio){height:auto}.collection-card-wrapper:hover .card,.collection-card-wrapper:focus-within .card{box-shadow:inset 0 0 0 1px var(--spx-border-strong);transform:translate(var(--spx-space-1))}.collection-card-wrapper .card--media .card__inner{border-radius:var(--spx-chip-r, 8px);overflow:hidden}.collection-card-wrapper .card--media .card__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--spx-border);pointer-events:none}.collection-card-wrapper .card--media .card__inner>.card__content{display:none}.collection-card-wrapper .card--media>.card__content{padding:0;text-align:start}.collection-card-wrapper .card--media>.card__content .card__information{padding:var(--spx-space-3) var(--spx-space-2) var(--spx-space-2)}.collection-card-wrapper .card.card--text{background-color:var(--spx-accent);box-shadow:inset 0 0 0 2px #0000002e;transform:skew(var(--spx-lean, -11.85deg))}.collection-card-wrapper .card--text .card__inner.ratio:before{padding-bottom:64%}.collection-card-wrapper:hover .card.card--text,.collection-card-wrapper:focus-within .card.card--text{background-color:var(--spx-accent-hover);box-shadow:inset 0 0 0 2px #0000002e;transform:skew(var(--spx-lean, -11.85deg)) translate(var(--spx-space-2))}.collection-card-wrapper .card--text:before,.collection-card-wrapper .card--text:after{content:"";position:absolute;top:var(--spx-space-3);width:var(--spx-space-2);height:var(--spx-space-2);border-radius:50%;background-color:#00000042;pointer-events:none}.collection-card-wrapper .card--text:before{inset-inline-start:var(--spx-space-3)}.collection-card-wrapper .card--text:after{inset-inline-end:var(--spx-space-3)}.collection-card-wrapper .card--text .card__inner{display:flex;align-items:flex-end;background:none;border-radius:0}.collection-card-wrapper .card--text .card__inner>.card__content{width:100%;padding:var(--spx-space-3);text-align:start}.collection-card-wrapper .card--text .card__heading{color:var(--spx-accent-ink);font-family:var(--spx-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.014em;line-height:.96;font-size:var(--spx-text-xl)}.collection-card-wrapper .card--text .spx-card-collection__count{color:var(--spx-accent-ink);opacity:.68}.collection-card-wrapper .card__media .placeholder-svg{display:none}.collection-card-wrapper .card__heading{margin:0;color:var(--spx-text);font-family:var(--spx-font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:var(--spx-text-base);line-height:1.3;overflow-wrap:break-word}.collection-card-wrapper .card__heading .full-unstyled-link{color:inherit;text-decoration:none}.collection-card-wrapper .spx-card-collection__count{margin:var(--spx-space-1) 0 0;color:var(--spx-text-dim);font-family:var(--spx-font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:var(--spx-text-2xs);line-height:var(--spx-leading-tight)}.collection-card-wrapper .card__caption{margin-top:var(--spx-space-2);color:var(--spx-text-muted);font-family:var(--spx-font);font-size:var(--spx-text-sm);line-height:var(--spx-leading);text-transform:none;letter-spacing:0}.collection-card-wrapper .card__heading .icon-wrap{display:none}.collection-card-wrapper .card__heading a:focus-visible:after{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:-2px;box-shadow:inset 0 0 0 2px rgb(var(--spx-bg-rgb)),inset 0 0 0 8px rgba(var(--spx-text-rgb),.75)}.collection-card-wrapper .card__heading a.focused:after{outline:var(--focused-base-outline, 2px solid var(--spx-accent));outline-offset:-2px;box-shadow:inset 0 0 0 2px rgb(var(--spx-bg-rgb)),inset 0 0 0 8px rgba(var(--spx-text-rgb),.75)}.collection-card-wrapper .card__heading a:focus:not(:focus-visible):after{outline:0;box-shadow:none}.shopify-design-mode .collection-list-wrapper:has(.collection-list__item--no-media):before{content:"SPX \2014these tiles use each collection\2019s own image. Add one in Admin \2192  Products \2192  Collections \2192  open the collection \2192  Image. This section\2019s \201cImage ratio \201dis set to Adapt, which shapes each tile to its own image so nothing is cropped \2014Square and Portrait will crop an image that is not already that shape. \aUntil an image is set the tile renders as the leaned mustard number plate you see here \2014that fallback is the Race Plate design\2019s own, not an error.";display:block;margin-bottom:var(--spx-space-8);padding:var(--spx-space-3) var(--spx-space-4);border-left:2px solid var(--spx-accent);background-color:var(--spx-surface-2);color:var(--spx-text-muted);font-family:var(--spx-font);font-size:var(--spx-text-sm);line-height:var(--spx-leading);white-space:pre-line}@supports (container-type: inline-size){.collection-list__item{container:spx-tile / inline-size}.collection-list .collection-card-wrapper .card__heading{font-size:clamp(var(--spx-text-base),5.5cqi,var(--spx-text-xl))}.collection-list .collection-card-wrapper .card--text .card__heading{font-size:clamp(var(--spx-text-xl),9cqi,var(--spx-text-3xl))}.collection-list .collection-card-wrapper .spx-card-collection__count{font-size:clamp(var(--spx-text-2xs),3.4cqi,var(--spx-text-sm))}}.rich-text__blocks .rich-text__text{max-width:70ch;margin-inline:auto;color:var(--spx-text-muted);font-family:var(--spx-font);line-height:var(--spx-leading)}.rich-text__blocks .rich-text__heading{display:inline-block;max-width:100%;color:var(--spx-text);font-family:var(--spx-font-display);font-weight:400;text-transform:uppercase;letter-spacing:.014em;line-height:.96;transform:skew(var(--spx-lean, -11.85deg))}
/*# sourceMappingURL=/cdn/shop/t/18/assets/spx-home.css.map */