.section-swap-grid{--sp-ink: #0e0d0b;--sp-volt: #e8ff00;--sp-blaze: #ff5a1f;--sp-bone: #efe9da;--sp-smoke: #a09c92;--sp-rule: #2b2823;--sp-dim: #dcd7c8;--sp-panel: #141210;padding:88px 0;border-bottom:1px solid var(--sp-rule);flex-direction:column;align-items:flex-start}.section-swap-grid .subheading{font-family:var(--font-mono-family);font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sp-blaze);border:1.5px solid var(--sp-blaze);display:inline-block;padding:7px 13px;margin-bottom:26px;background:var(--sp-ink)}.section-swap-grid .swap-grid__title{font-family:var(--font-display-family);font-weight:900;text-transform:uppercase;font-size:clamp(2.4rem,6.5vw,5rem);line-height:.95;letter-spacing:-.01em;color:var(--sp-bone);margin-bottom:30px}.section-swap-grid .rte,.section-swap-grid .rte *{font-family:var(--font-mono-family);font-size:clamp(1.2rem,1.6vw,1.4rem)!important;line-height:1.45!important;color:var(--sp-smoke);max-width:600px;text-transform:uppercase;letter-spacing:.06em}.section-swap-grid .swap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;width:100%}.section-swap-grid .swap-card{border:1.5px solid var(--sp-rule);padding:28px;background:var(--sp-panel);position:relative}.section-swap-grid .swap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sp-blaze)}.section-swap-grid .swap-card__category{font-family:var(--font-mono-family);font-weight:700;font-size:1.28rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-blaze);margin-bottom:12px}.section-swap-grid .swap-card__headline{font-family:var(--font-display-family);font-weight:900;font-size:2rem;text-transform:uppercase;line-height:1.1;color:var(--sp-bone);margin-bottom:12px}.section-swap-grid .swap-card__text{color:var(--sp-dim);font-size:1.6rem;line-height:1.65}.section-swap-grid .swap-card__cost{margin-top:18px;font-family:var(--font-mono-family);font-size:1.58rem;letter-spacing:.1em;color:var(--sp-smoke);border-top:1px solid var(--sp-rule);padding-top:14px}.section-swap-grid .swap-card__cost b{color:var(--sp-blaze)}@media screen and (max-width:767px){.section-swap-grid{padding:56px 0}.section-swap-grid .swap-grid{grid-template-columns:1fr;margin-top:28px}}@media(min-width:768px){.section-swap-grid .swap-card__headline{font-size:2.2rem}.section-swap-grid .swap-card__text{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-swap-grid.css.map */