.spf{--spf-ink: #242424;--spf-white: #FFFFFF;--spf-red: #EC3013;--spf-red-dark: #AE1800;--spf-red-hover: #DD2B0F;--spf-red-light: #FF9783;--spf-cta: #E68819;--spf-surface: #F3F2F2;--spf-rule-light: #D7D3D3;--spf-rule-row: #BAB6B6;--spf-rule-faint: #EAE7E7;--spf-muted: #605D5D;--spf-muted-2: #444141;--spf-grey-on-dark: #E6E4E4;--spf-rule-dark: #5A5858;--spf-btn-outline-dark: #8A8786;--spf-ease: cubic-bezier(.2, .8, .2, 1);--spf-gutter: clamp(20px, 4vw, 56px);--spf-section-y: clamp(48px, 6vw, 96px);--spf-font: "Archivo", system-ui, sans-serif;font-family:var(--spf-font);font-size:15px;font-weight:400;line-height:1.55;letter-spacing:normal;color:var(--spf-ink);background:var(--spf-white);border-radius:0}.spf *,.spf *:before,.spf *:after{box-sizing:border-box;border-radius:0}.spf h1,.spf h2,.spf h3,.spf h4{font-family:var(--spf-font);font-weight:800;line-height:1.12;letter-spacing:-.015em;color:inherit;margin:0}.spf h1{letter-spacing:-.02em;text-transform:uppercase}.spf h2{text-transform:uppercase}.spf p{margin:0}.spf a{color:inherit}.spf img{display:block;max-width:100%}.spf button,.spf input,.spf select{font-family:inherit}.spf :focus{outline:none}.spf :focus-visible{outline:2px solid var(--spf-red);outline-offset:2px}.spf-section{padding:var(--spf-section-y) var(--spf-gutter)}.spf-dark{background:var(--spf-ink);color:var(--spf-white)}.spf-surface{background:var(--spf-surface)}.spf-grayscale{filter:grayscale(1) contrast(1.08)}.spf-kicker{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--spf-red-dark)}.spf-dark .spf-kicker{color:var(--spf-red-light)}.spf h2.spf-h2,.spf-h2{font-size:clamp(32px,4vw,56px);border-bottom:2px solid var(--spf-ink);padding-bottom:16px}.spf-breadcrumbs{font-size:13px;color:var(--spf-muted);display:flex;gap:8px;flex-wrap:wrap}.spf-stars{color:var(--spf-red-dark);font-weight:800;letter-spacing:.1em}.spf a.spf-link,.spf-link{color:inherit;transition:color .15s}.spf a.spf-link:hover,.spf-link:hover{color:var(--spf-red)}.spf-dark a.spf-link:hover,.spf-dark .spf-link:hover{color:var(--spf-red-light)}.spf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--spf-font);font-weight:800;font-size:14px;line-height:1.2;letter-spacing:normal;text-transform:none;color:var(--spf-ink);background:transparent;border:1px solid transparent;padding:8px 14.4px;width:auto;min-height:0}.spf-btn:disabled,.spf-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.spf-btn--primary,.spf a.spf-btn--primary{background:var(--spf-red);color:var(--spf-white)}.spf-btn--primary:hover{background:var(--spf-red-hover)}.spf-btn--primary:active{background:var(--spf-red-dark)}.spf-btn--lift{transition:transform .2s,box-shadow .2s,background .18s,color .18s,border-color .18s}.spf-btn--lift:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--spf-ink)}.spf-dark .spf-btn--lift:hover:not(:disabled){box-shadow:6px 6px 0 var(--spf-white)}.spf-btn--secondary,.spf a.spf-btn--secondary{border-color:var(--spf-ink);color:var(--spf-ink);transition:background .18s,color .18s,border-color .18s}.spf-btn--secondary:hover:not(:disabled){background:var(--spf-ink);color:var(--spf-white)}.spf-btn--secondary:active:not(:disabled){background:var(--spf-red);border-color:var(--spf-red);color:var(--spf-white)}.spf-dark .spf-btn--secondary,.spf-dark a.spf-btn--secondary{border-color:var(--spf-btn-outline-dark);color:var(--spf-white)}.spf-dark .spf-btn--secondary:hover:not(:disabled){background:var(--spf-white);color:var(--spf-ink);border-color:var(--spf-white)}.spf-btn--block{width:100%;justify-content:space-between;text-align:left}.spf-chip{font-family:var(--spf-font);font-size:14px;font-weight:600;line-height:1.2;padding:8px 14px;cursor:pointer;border:1px solid var(--spf-ink);background:var(--spf-white);color:var(--spf-ink);transition:background .18s,color .18s,border-color .18s}.spf-chip:hover,.spf-chip.is-active,.spf-chip[aria-pressed=true]{background:var(--spf-ink);border-color:var(--spf-ink);color:var(--spf-white)}.spf-input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--spf-ink);caret-color:var(--spf-red);background:var(--spf-surface);border:1px solid var(--spf-rule-row)}.spf-input:focus-visible{border-color:var(--spf-red);outline-offset:0}.spf-icon{display:block;flex:none;width:22px;height:22px}.spf a.spf-article-card,.spf-article-card{text-decoration:none;color:inherit;border-top:2px solid var(--spf-rule-light);padding-top:20px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .28s var(--spf-ease)}.spf-article-card:hover{border-top-color:var(--spf-red);transform:translateY(-4px)}.spf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.spf *,.spf *:before,.spf *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.spf-btn--lift:hover:not(:disabled),.spf-article-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/spf-base.css.map */