.m-page-how-to{--how-to-red: #e10600;--how-to-ink: #111;--how-to-muted: #6b6b6b;--how-to-dark: #1a1a1a;--how-to-card: #fff;--how-to-display: "M-MegaMenu-Font", var(--font-stack-header), sans-serif;--how-to-text: var(--font-stack-body), sans-serif}.m-page-how-to__hero{background:#fff;color:var(--how-to-ink)}.m-page-how-to__hero-grid{align-items:center;display:grid;gap:2.5rem}@media(min-width:990px){.m-page-how-to__hero-grid{gap:4rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.m-page-how-to__hero-copy{align-items:center;display:flex;flex-direction:column;margin-inline:auto;max-width:28rem;text-align:center}.m-page-how-to__title-block{align-items:center;display:flex;flex-direction:column;width:fit-content}h1.m-page-how-to__title,.m-page-how-to__title{color:#111;font-family:var(--how-to-display);font-size:clamp(3.25rem,9vw,5.5rem);font-style:normal;font-weight:700;letter-spacing:-.02em;line-height:.95;margin:0;text-align:center;text-transform:uppercase;white-space:nowrap}.m-page-how-to__title-rule{background:var(--how-to-red);display:block;height:.35rem;margin-top:.85rem;width:100%}.m-page-how-to__subheading{color:#3a3a3a;font-family:var(--how-to-text);font-size:.9375rem;font-weight:400;letter-spacing:.01em;line-height:1.5;margin:1.25rem 0 1.75rem;max-width:22rem}.m-page-how-to__sizing{align-items:center;color:#222;display:inline-flex;gap:1rem;text-align:left;text-decoration:none}.m-page-how-to__sizing:hover .m-page-how-to__sizing-em,.m-page-how-to__sizing:hover .m-page-how-to__sizing-line--strong{color:var(--how-to-red)}.m-page-how-to__sizing-icon{display:inline-flex;flex-shrink:0}.m-page-how-to__sizing-img{display:block;height:3.5rem;max-width:3.75rem;object-fit:contain;width:auto}.m-page-how-to__sizing-divider{align-self:stretch;background:#cfcfcf;flex-shrink:0;min-height:2.75rem;width:1px}.m-page-how-to__sizing-text{display:flex;flex-direction:column;gap:.2rem;line-height:1.05}.m-page-how-to__sizing-line{color:#444;font-family:var(--how-to-text);font-size:.8125rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.m-page-how-to__sizing-em{color:#2a2a2a;font-weight:700;transition:color .2s ease}.m-page-how-to__sizing-and{color:#9a9a9a;font-weight:400}.m-page-how-to__sizing-line--strong{color:#111;font-size:.875rem;font-weight:700;letter-spacing:.06em;transition:color .2s ease}.m-page-how-to__featured-btn,.m-how-to-guide__card-btn{-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:block;padding:0;text-align:left;width:100%}.m-page-how-to__featured-media,.m-how-to-guide__card-media{aspect-ratio:16 / 9;background-color:var(--how-to-red);background-image:var(--how-to-poster, none);background-position:center;background-size:cover;display:block;overflow:hidden;position:relative;width:100%}.m-page-how-to__featured-img,.m-how-to-guide__card-poster{display:block;height:100%;object-fit:cover;width:100%}.m-page-how-to__featured-fallback,.m-how-to-guide__card-fallback{align-items:center;background:var(--how-to-red);display:flex;height:100%;justify-content:center;width:100%}.m-page-how-to__featured-brand{color:#ffffff47;font-size:clamp(2rem,6vw,3.5rem);font-style:italic;font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.m-page-how-to__featured-brand-sep{font-style:normal;font-weight:500;margin:0 .15em;opacity:.85}.m-page-how-to__play,.m-how-to-guide__play{align-items:center;background:#fff;border-radius:999px;color:var(--how-to-red);display:inline-flex;height:3.25rem;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3.25rem;z-index:2}.m-page-how-to__play--outline{background:transparent;border:2px solid #fff;color:#fff;height:3.5rem;width:3.5rem}.m-page-how-to__play svg,.m-how-to-guide__play svg{margin-left:.15rem}.m-page-how-to__cta-bar{background:var(--how-to-red);color:#fff}.m-page-how-to__cta-link{color:inherit;display:block;font-size:.9375rem;font-weight:600;letter-spacing:.01em;padding:.95rem 0;text-align:center;text-decoration:none}.m-page-how-to__cta-link:hover{text-decoration:underline}.m-page-how-to__grid-wrap{background:var(--how-to-dark)}.m-page-how-to__grid,.m-how-to-guide__grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--how-to-cols-mobile, 2),minmax(0,1fr));list-style:none;margin:0;padding:0}@media(min-width:750px){.m-page-how-to__grid{gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:990px){.m-page-how-to__grid{grid-template-columns:repeat(var(--how-to-cols, 4),minmax(0,1fr))}}.m-page-how-to__card{background:var(--how-to-card);min-height:10.5rem}.m-page-how-to__card-link{color:var(--how-to-ink);display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:10.5rem;padding:1.25rem 1rem 1rem;text-decoration:none}.m-page-how-to__card-title{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;line-height:1.2;text-align:center}.m-page-how-to__card-btn{align-self:stretch;background:var(--how-to-red);color:#fff;display:inline-flex;font-size:.8125rem;font-weight:700;justify-content:center;letter-spacing:.06em;margin-top:1.5rem;padding:.7rem .75rem;text-transform:uppercase;transition:opacity .2s ease}.m-page-how-to__card-link:hover .m-page-how-to__card-btn{opacity:.9}.m-page-how-to__empty,.m-how-to-guide__empty{color:inherit;opacity:.8;padding:2rem 0;text-align:center}.m-how-to-guide{--how-to-red: #e10600;min-height:60vh}.m-how-to-guide__header{margin-bottom:2.5rem;text-align:center}.m-how-to-guide__back{color:inherit;display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.04em;margin-bottom:1.25rem;opacity:.7;text-decoration:none;text-transform:uppercase}.m-how-to-guide__back:hover{color:var(--how-to-red);opacity:1}.m-how-to-guide__eyebrow{color:rgb(var(--color-foreground-secondary, var(--color-foreground)));font-size:.9375rem;font-weight:700;letter-spacing:.12em;margin:0 0 .35rem;opacity:.65;text-transform:uppercase}.m-how-to-guide__title{color:var(--how-to-red);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1;margin:0;text-transform:uppercase}.m-how-to-guide__rule{background:var(--how-to-red);display:block;height:.2rem;margin:1rem auto 0;max-width:6rem;width:30%}.m-how-to-guide__grid{--how-to-cols-mobile: 1;gap:1.25rem}@media(min-width:750px){.m-how-to-guide__grid{grid-template-columns:repeat(var(--how-to-video-cols, 2),minmax(0,1fr))}}.m-how-to-guide__card{background:transparent}.m-how-to-guide__card-btn{background:transparent;color:#fff;overflow:hidden;text-align:left;transition:transform .2s ease;width:100%}.m-how-to-guide__card-btn:hover,.m-how-to-guide__card-btn:focus-visible{transform:translateY(-2px)}.m-how-to-guide__card-media{background-color:var(--how-to-red);background-image:var(--how-to-poster, none);background-position:center;background-size:cover}.m-how-to-guide__card-media:after{background:#b000006b;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:background .25s ease}.m-how-to-guide__card-btn:hover .m-how-to-guide__card-media:after,.m-how-to-guide__card-btn:focus-visible .m-how-to-guide__card-media:after{background:#00000059}.m-how-to-guide__card-overlay{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;pointer-events:none;position:absolute;z-index:1}.m-how-to-guide__card-overlay-title{color:#fff;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:800;letter-spacing:.04em;line-height:1.05;opacity:1;position:relative;text-align:center;text-shadow:0 1px 10px rgba(0,0,0,.35);text-transform:uppercase;transition:opacity .25s ease,transform .25s ease;z-index:2}.m-how-to-guide__card-overlay-line{display:block}.m-how-to-guide__play{align-items:center;background:#fff;border:0;border-radius:999px;color:var(--how-to-red);display:inline-flex;height:3rem;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.92);transition:opacity .25s ease,transform .25s ease;width:3rem;z-index:2}.m-how-to-guide__play svg{margin-left:.12rem}.m-how-to-guide__card-btn:hover .m-how-to-guide__card-overlay-title,.m-how-to-guide__card-btn:focus-visible .m-how-to-guide__card-overlay-title{opacity:0;transform:scale(.98)}.m-how-to-guide__card-btn:hover .m-how-to-guide__play,.m-how-to-guide__card-btn:focus-visible .m-how-to-guide__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.m-how-to-guide__card-title{color:#fff;display:block;font-size:.95rem;font-weight:700;letter-spacing:.04em;line-height:1.3;margin-top:.85rem;padding:0;text-align:center;text-transform:uppercase}@media(hover:none){.m-how-to-guide__card-overlay-title{opacity:.92}.m-how-to-guide__play{opacity:.95;transform:translate(-50%,calc(-50% + 2.4rem)) scale(.9)}.m-how-to-guide__card-btn:hover .m-how-to-guide__card-overlay-title,.m-how-to-guide__card-btn:focus-visible .m-how-to-guide__card-overlay-title{opacity:.92;transform:none}}@media(prefers-reduced-motion:reduce){.m-how-to-guide__card-btn,.m-how-to-guide__card-overlay-title,.m-how-to-guide__play,.m-how-to-guide__card-media:after{transition:none}}.m-page-how-to__modal[hidden]{display:none}.m-page-how-to__modal{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1.25rem;position:fixed;z-index:1000}.m-page-how-to__modal-backdrop{background:#000000b8;top:0;right:0;bottom:0;left:0;position:absolute}.m-page-how-to__modal-dialog{background:#000;max-width:min(960px,100%);position:relative;width:100%}.m-page-how-to__modal-close{align-items:center;-webkit-appearance:none;appearance:none;background:#0000008c;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;height:2.25rem;justify-content:center;line-height:1;position:absolute;right:.65rem;top:.65rem;width:2.25rem;z-index:2}.m-page-how-to__modal-player{aspect-ratio:16 / 9;background:#000;width:100%}.m-page-how-to__modal-player iframe,.m-page-how-to__modal-player video{display:block;height:100%;width:100%}body.m-how-to-modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.m-how-to-guide__card-btn,.m-page-how-to__card-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-how-to.css.map */