.fuel-banner,.fuel-tiles{--fb-ground: #f4f1e9;--fb-ink: #101110;--fb-body: #33352f;--fb-pad: 5.47%;--fb-font: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;background:var(--fb-ground);color:var(--fb-ink);font-family:var(--fb-font);border-radius:0}.fuel-banner__headline,.fuel-tiles__headline{font-family:var(--fb-font);font-weight:300;font-size:clamp(23px,2.3vw,58px);line-height:1.16;letter-spacing:-.015em;color:var(--fb-ink);white-space:pre-line;text-wrap:balance;margin:0}.fuel-banner--tall .fuel-banner__headline{font-size:clamp(24px,2.6vw,66px)}.fuel-banner__sub,.fuel-tiles__sub{font-family:var(--fb-font);font-weight:300;font-size:clamp(14px,.98vw,26px);line-height:1.45;color:var(--fb-body);max-width:62ch;margin:.9em 0 0}.fuel-banner__cta,.fuel-tiles__cta{font-family:var(--fb-font);font-weight:400;font-size:clamp(13px,.78vw,20px);line-height:1;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;margin-top:1.6em;padding:.92em 1.75em;background:var(--fb-ink);color:var(--fb-ground);border:1px solid var(--fb-ink);font-weight:500;letter-spacing:.03rem;border-radius:9999px;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}.fuel-banner__cta:hover,.fuel-tiles__cta:hover{background:#c7f1c5;border-color:#386641;color:var(--fb-ink)}.fuel-banner__cta:focus-visible,.fuel-tiles__cta:focus-visible{outline:2px solid var(--fb-ink);outline-offset:3px}.fuel-banner__cta:active,.fuel-tiles__cta:active{transform:scale(.97)}.fuel-tiles__tile{transition:transform .2s cubic-bezier(.22,1,.36,1)}.fuel-tiles__tile:hover{transform:translateY(-4px)}.fuel-banner__micro{font-family:var(--fb-font);font-weight:300;font-size:clamp(12px,.7vw,15px);color:var(--fb-body);margin:.7em 0 0}.fuel-banner__media{display:block;line-height:0}.fuel-banner__media img,.fuel-tiles__media img{display:block;width:100%;height:auto;border-radius:0}.fuel-banner--overlay{position:relative}.fuel-banner--overlay .fuel-banner__copy{position:absolute;left:var(--fb-pad);right:var(--fb-pad);max-width:76%}.fuel-banner--overlay.fuel-banner--bottom .fuel-banner__copy{bottom:7%}.fuel-banner--overlay.fuel-banner--top .fuel-banner__copy{top:8%}.fuel-banner--split{display:grid;grid-template-columns:1fr 1.28fr;align-items:center;gap:0}.fuel-banner--split .fuel-banner__copy{padding:clamp(28px,4.7%,96px)}.fuel-banner--split .fuel-banner__media{grid-column:2;grid-row:1}.fuel-banner--split .fuel-banner__copy{grid-column:1;grid-row:1}.fuel-banner--split .fuel-banner__media img{max-height:min(720px,82vh);object-fit:cover;object-position:center 78%}.fuel-banner--panel .fuel-banner__copy{position:static;max-width:68ch;padding:clamp(28px,3.6vw,52px) var(--fb-pad) clamp(32px,4.2vw,60px)}.fuel-banner--panel .fuel-banner__headline{font-size:clamp(26px,2.6vw,40px)}.fuel-banner--panel .fuel-banner__sub{font-size:clamp(15px,1.05vw,19px)}.fuel-tiles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(12px,1.6vw,28px);padding:clamp(16px,2vw,40px)}.fuel-tiles__tile{position:relative;display:flex;flex-direction:column;background:var(--fb-ground);border-radius:0}.fuel-tiles__copy{position:static;left:auto;right:auto;bottom:auto;background:var(--fb-ground);padding:clamp(18px,2.4vw,32px) clamp(18px,2.4vw,32px) clamp(22px,2.8vw,36px)}.fuel-tiles__headline{font-size:clamp(19px,1.5vw,34px)}.fuel-tiles__sub{font-size:clamp(13px,.82vw,19px);max-width:40ch}.fuel-tiles__cta{font-size:clamp(12px,.68vw,17px);margin-top:1.2em}@media(max-width:749px){.fuel-banner--overlay .fuel-banner__copy{position:static;max-width:none;padding:24px 20px 32px}.fuel-tiles__copy{padding:20px 20px 28px}.fuel-banner--split{grid-template-columns:1fr}.fuel-banner--split .fuel-banner__media,.fuel-banner--split .fuel-banner__copy{grid-column:1}.fuel-banner--split .fuel-banner__media{grid-row:1}.fuel-banner--split .fuel-banner__copy{grid-row:2;padding:24px 20px 32px}.fuel-banner--split .fuel-banner__media img{max-height:none;object-fit:unset}.fuel-banner--panel .fuel-banner__copy{padding:24px 20px 32px}.fuel-banner__headline,.fuel-tiles__headline{font-size:26px;white-space:normal}.fuel-banner__sub,.fuel-tiles__sub{font-size:15px}.fuel-banner__cta,.fuel-tiles__cta{font-size:14px}.fuel-tiles__grid{padding:0;gap:0}}@media(prefers-reduced-motion:reduce){.fuel-banner__cta,.fuel-tiles__cta,.fuel-tiles__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/fuel-banner.css.map */