.fw-head{display:grid;justify-items:center;gap:1.6rem;text-align:center}.fw-title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3rem,1.4rem + 3.2vw,5rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;color:rgb(var(--color-foreground))}.fw-sub{margin:0;max-width:40ch;font-size:1.7rem;line-height:1.5;color:rgba(var(--color-foreground),.78);text-wrap:pretty}.fw-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.8rem;padding:.4rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--buttons-radius)}.fw-tab{-webkit-appearance:none;appearance:none;min-height:4.4rem;padding:0 1.8rem;border:0;border-radius:var(--buttons-radius);background:transparent;color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.4rem;line-height:1.2;letter-spacing:.005em;cursor:pointer;transition:background-color .2s ease,color .2s ease}.fw-tab:hover{color:rgb(var(--color-foreground))}.fw-tab[aria-selected=true]{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.fw-tabs.is-idle .fw-tab[aria-selected=false]{animation:fw-nudge 6s ease-in-out infinite;animation-delay:calc(1.2s + var(--i) * .11s)}.fw-tab:focus-visible,.fw-card:focus-visible,.fw-spot:focus-visible,.fw-chip:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.fw-stage{position:relative;display:grid;gap:2.4rem;margin-top:4.8rem}.fw-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;overflow:visible;pointer-events:none}.fw-lines path{fill:none;stroke:rgba(var(--color-foreground),.24);stroke-width:1.5;transition:stroke .25s ease}.fw-lines path.is-on{stroke:rgb(var(--color-button))}.fw-product{position:relative;justify-self:center;width:min(100%,34rem);aspect-ratio:1;isolation:isolate}.fw-product img{display:block;width:100%;height:100%;object-fit:contain}.fw-spot{position:absolute;left:var(--x);top:var(--y);width:4.4rem;height:4.4rem;margin:-2.2rem 0 0 -2.2rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.fw-spot:before,.fw-spot:after{content:"";position:absolute;border-radius:50%}.fw-spot:before{top:1.5rem;right:1.5rem;bottom:1.5rem;left:1.5rem;background:rgb(var(--color-background));border:3px solid rgb(var(--color-button));transition:transform .25s ease,background-color .25s ease}.fw-spot:after{top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border:2px solid rgb(var(--color-button));opacity:0;transform:scale(.6)}.fw-spot.is-on:before{transform:scale(1.2);background:rgb(var(--color-button))}.fw-spot.is-on:after{animation:fw-ping 1.6s ease-out infinite}.fw-card{display:grid;align-content:start;gap:.8rem;padding:2.4rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.14);border-radius:var(--text-boxes-radius);transition:border-color .25s ease}.fw-card.is-on{border-color:rgb(var(--color-button))}.fw-label{display:flex;align-items:center;gap:.8rem;margin:0;font-weight:var(--font-body-weight-bold);font-size:1.4rem;line-height:1.2;color:rgb(var(--color-button))}.fw-label svg{width:2rem;height:2rem;flex:none}.fw-label small{font-weight:var(--font-body-weight);font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.fw-copy{display:grid;gap:.8rem;transition:opacity .2s ease}.fw-copy[hidden]{display:none}.fw-copies.is-swapping .fw-copy{opacity:0}.fw-copy h3{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:2.2rem;line-height:1.2;letter-spacing:0;text-wrap:balance;color:rgb(var(--color-foreground))}.fw-copy p{margin:0;font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.78)}.fw-chips{display:flex;gap:.8rem;max-width:100%;padding:.4rem .2rem;overflow-x:auto;scrollbar-width:none}.fw-chips::-webkit-scrollbar{display:none}.fw-chip{position:relative;flex:none;overflow:hidden;-webkit-appearance:none;appearance:none;min-height:4.4rem;padding:0 1.6rem;border:1px solid rgba(var(--color-foreground),.24);border-radius:var(--buttons-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.4rem;line-height:1.2;cursor:pointer}.fw-chip[aria-selected=true]{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.fw-chip:after{content:"";position:absolute;left:1.6rem;right:1.6rem;bottom:.7rem;height:2px;border-radius:2px;background:rgba(var(--color-button-text),.85);transform:scaleX(0);transform-origin:left center}.fw-stage.is-auto .fw-chip[aria-selected=true].is-timing:after{animation:fw-progress var(--fw-step, 4.5s) linear forwards}.fw-stage.is-auto .fw-chip{animation:fw-nudge var(--fw-step, 4.5s) ease-in-out infinite;animation-delay:calc(var(--i) * 90ms)}@keyframes fw-progress{to{transform:scaleX(1)}}@keyframes fw-nudge{0%,62%,to{transform:translateY(0)}70%{transform:translateY(-3px)}78%{transform:translateY(0)}}@keyframes fw-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@media screen and (max-width:989px){.fw-stage{grid-template-areas:"product" "chips" "card"}.fw-product{grid-area:product}.fw-chips{grid-area:chips;justify-self:center}.fw-card{grid-area:card}.fw-card:not(.is-on){display:none}.fw-card.is-on{border-color:rgba(var(--color-foreground),.14)}.fw-label small{display:none}}@media screen and (min-width:990px){.fw-stage{grid-template-columns:minmax(0,1fr) minmax(36rem,44rem) minmax(0,1fr);grid-template-areas:"see product know" "hold product hear";align-items:center;column-gap:7.2rem;row-gap:4.8rem}.fw-lines{display:block}.fw-chips{display:none}.fw-product{grid-area:product;width:100%}.fw-card{cursor:pointer}.fw-card[data-channel=see]{grid-area:see}.fw-card[data-channel=know]{grid-area:know}.fw-card[data-channel=hold]{grid-area:hold}.fw-card[data-channel=hear]{grid-area:hear}.fw-copy p{filter:blur(4px);opacity:.55;transition:filter .3s ease,opacity .3s ease}.fw-card.is-on .fw-copy p,.fw-stage.is-revealed .fw-copy p{filter:none;opacity:1}.fw-stage.is-revealed .fw-copy p{transition-duration:.6s;transition-delay:calc(var(--i) * .15s)}}@media(prefers-reduced-motion:reduce){.fw-tabs.is-idle .fw-tab[aria-selected=false],.fw-spot.is-on:after,.fw-stage.is-auto .fw-chip,.fw-stage.is-auto .fw-chip:after{animation:none}.fw-copy,.fw-copy p,.fw-spot:before,.fw-lines path{transition:none}}@media(prefers-reduced-motion:reduce)and (min-width:990px){.fw-copy p{filter:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-four-ways.css.map */