.fbhs-section,.fbhs-section *{box-sizing:border-box}.fbhs-section{position:relative;overflow:hidden;padding:6.5rem 0 4.75rem;background:var(--fbhs-bg);color:var(--fbhs-text);font-family:DM Sans,sans-serif;--fbhs-type-scale: var(--fbhs-type-mobile, 1)}.fbhs-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 0% 100%,color-mix(in srgb,var(--fbhs-terra),transparent 90%),transparent 42%),radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--fbhs-rust),transparent 92%),transparent 45%)}.fbhs-inner{position:relative;z-index:1;width:min(100% - 1.5rem,var(--fbhs-wrap-max));margin:0 auto}.fbhs-header{margin-bottom:3rem;text-align:center}.fbhs-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;margin-bottom:1rem;color:var(--fbhs-terra);font-size:calc(1.15rem * var(--fbhs-type-scale));font-weight:800;line-height:1.15;letter-spacing:.14em;text-transform:uppercase}.fbhs-eyebrow:before,.fbhs-eyebrow:after{content:"";display:block;width:18px;height:1.5px;border-radius:999px;background:currentColor}.fbhs-title{margin:0;font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:clamp(calc(2.8rem * var(--fbhs-type-scale)),calc(9vw * var(--fbhs-type-scale)),calc(4.7rem * var(--fbhs-type-scale)));font-weight:900;line-height:.98;letter-spacing:-.03em;text-wrap:balance}.fbhs-title span,.fbhs-title em{display:block}.fbhs-title em{color:var(--fbhs-terra);font-style:italic;font-weight:300}.fbhs-wrap{padding-bottom:.4rem}.fbhs-track{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:2.3rem;width:100%;padding:0 .2rem}.fbhs-track:before{content:"";position:absolute;top:0;bottom:0;left:calc(2.5rem * var(--fbhs-type-scale));width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--fbhs-line),transparent 12%) 10%,color-mix(in srgb,var(--fbhs-line),transparent 12%) 90%,transparent)}.fbhs-step{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;row-gap:.15rem;width:100%;align-items:start;padding-left:.2rem;text-align:left}.fbhs-step__node{grid-column:1;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center}.fbhs-step__icon{display:flex;width:calc(5rem * var(--fbhs-type-scale));height:calc(5rem * var(--fbhs-type-scale));align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--fbhs-card-border),transparent 0%);border-radius:999px;background:var(--fbhs-card);box-shadow:0 8px 26px color-mix(in srgb,var(--fbhs-shadow),transparent 90%);font-size:calc(1.9rem * var(--fbhs-type-scale));line-height:1;transition:transform .42s cubic-bezier(.34,1.56,.64,1),border-color .32s ease,box-shadow .32s ease}.fbhs-step:hover .fbhs-step__icon,.fbhs-step:focus-within .fbhs-step__icon{transform:scale(1.1);border-color:color-mix(in srgb,var(--fbhs-terra),var(--fbhs-card-border) 42%);box-shadow:0 14px 34px color-mix(in srgb,var(--fbhs-shadow),transparent 84%)}.fbhs-step__content{grid-column:2;padding-top:.35rem}.fbhs-step__label{margin-top:0;margin-bottom:.2rem;color:var(--fbhs-terra);font-size:calc(.7rem * var(--fbhs-type-scale));font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}.fbhs-step__title{margin:0 0 .35rem;color:var(--fbhs-text);font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:calc(1.28rem * var(--fbhs-type-scale));font-weight:700;line-height:1.15;text-wrap:balance}.fbhs-step__body{margin:0;color:var(--fbhs-muted);font-size:calc(.95rem * var(--fbhs-type-scale));font-weight:500;line-height:1.65;text-wrap:pretty}.fbhs-step__tag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:calc(2rem * var(--fbhs-type-scale));margin-top:.95rem;padding:.3rem .8rem;border:1px solid color-mix(in srgb,var(--fbhs-terra),transparent 74%);border-radius:4px;background:color-mix(in srgb,var(--fbhs-sand),transparent 0%);color:var(--fbhs-rust);font-size:clamp(.74rem,.58rem + .42vw,1rem);font-weight:800;line-height:1.2;max-width:100%;text-wrap:balance}.fbhs-js .fbhs-reveal,.fbhs-js .fbhs-reveal-step{opacity:0;filter:blur(10px)}.fbhs-js .fbhs-reveal{transform:translate3d(0,28px,0)}.fbhs-js .fbhs-reveal-step{transform:translate3d(0,32px,0) scale(.95)}.fbhs-js .fbhs-is-visible{animation:fbhsReveal .76s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--fbhs-delay, 0ms)}.fbhs-js .fbhs-reveal-step.fbhs-is-visible{animation-name:fbhsRevealStep}@keyframes fbhsReveal{0%{opacity:0;filter:blur(10px);transform:translate3d(0,28px,0)}to{opacity:1;filter:blur(0);transform:translateZ(0)}}@keyframes fbhsRevealStep{0%{opacity:0;filter:blur(10px);transform:translate3d(0,32px,0) scale(.95)}to{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}}@media screen and (min-width:480px)and (max-width:749px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-mobile-large, var(--fbhs-type-mobile, 1))}}@media screen and (min-width:750px)and (max-width:1023px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-tablet, 1);padding:7.4rem 0 5.25rem}.fbhs-inner{width:min(100% - 2.5rem,var(--fbhs-wrap-max))}.fbhs-track{gap:2.8rem;padding:0 .4rem}}@media screen and (min-width:1024px)and (max-width:1179px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-ipad-portrait, var(--fbhs-type-tablet, 1))}.fbhs-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.8rem 2rem}.fbhs-track:before{display:none}.fbhs-track{gap:3rem}.fbhs-track:before{display:block;left:50%;transform:translate(-50%)}.fbhs-step{grid-template-columns:minmax(0,1fr) 6rem minmax(0,1fr);align-items:start;padding-left:0}.fbhs-step__node{grid-column:2;justify-self:center}.fbhs-step__content{max-width:27rem;padding-top:.4rem}.fbhs-step.is-odd .fbhs-step__content{grid-column:1;justify-self:end;text-align:right;padding-right:1.2rem}.fbhs-step.is-even .fbhs-step__content{grid-column:3;justify-self:start;text-align:left;padding-left:1.2rem}.fbhs-step.is-odd .fbhs-step__tag{margin-left:auto}}@media screen and (min-width:1180px)and (max-width:1399px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-ipad-landscape, var(--fbhs-type-ipad-portrait, 1))}.fbhs-track{gap:3.15rem}.fbhs-track:before{display:block;left:50%;transform:translate(-50%)}.fbhs-step{grid-template-columns:minmax(0,1fr) 6.3rem minmax(0,1fr);align-items:start;padding-left:0}.fbhs-step__node{grid-column:2;justify-self:center}.fbhs-step__content{max-width:29rem;padding-top:.4rem}.fbhs-step.is-odd .fbhs-step__content{grid-column:1;justify-self:end;text-align:right;padding-right:1.4rem}.fbhs-step.is-even .fbhs-step__content{grid-column:3;justify-self:start;text-align:left;padding-left:1.4rem}.fbhs-step.is-odd .fbhs-step__tag{margin-left:auto}}@media screen and (min-width:1400px)and (max-width:1679px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-desktop, 1);padding:8.75rem 0 5.75rem}.fbhs-inner{width:min(100% - 4rem,var(--fbhs-wrap-max))}.fbhs-header{margin-bottom:4.5rem}.fbhs-wrap{padding-bottom:.5rem}.fbhs-track{gap:3.25rem}.fbhs-track:before{display:block;left:50%;transform:translate(-50%)}.fbhs-step{grid-template-columns:minmax(0,1fr) 7rem minmax(0,1fr);align-items:start;padding-left:0}.fbhs-step__node{grid-column:2;justify-self:center}.fbhs-step__content{max-width:31rem;padding-top:.45rem}.fbhs-step.is-odd .fbhs-step__content{grid-column:1;justify-self:end;text-align:right;padding-right:1.5rem}.fbhs-step.is-even .fbhs-step__content{grid-column:3;justify-self:start;text-align:left;padding-left:1.5rem}.fbhs-step.is-odd .fbhs-step__tag{margin-left:auto}}@media screen and (min-width:1680px){.fbhs-section{--fbhs-type-scale: var(--fbhs-type-desktop-large, var(--fbhs-type-desktop, 1));padding:9.25rem 0 6rem}.fbhs-inner{width:min(100% - 5rem,var(--fbhs-wrap-max))}.fbhs-track{gap:3.5rem}.fbhs-track:before{display:block;left:50%;transform:translate(-50%)}.fbhs-step{grid-template-columns:minmax(0,1fr) 7.5rem minmax(0,1fr);align-items:start;padding-left:0}.fbhs-step__node{grid-column:2;justify-self:center}.fbhs-step__content{max-width:34rem;padding-top:.45rem}.fbhs-step.is-odd .fbhs-step__content{grid-column:1;justify-self:end;text-align:right;padding-right:1.7rem}.fbhs-step.is-even .fbhs-step__content{grid-column:3;justify-self:start;text-align:left;padding-left:1.7rem}.fbhs-step.is-odd .fbhs-step__tag{margin-left:auto}}@media(prefers-reduced-motion:reduce){.fbhs-section *,.fbhs-section *:before,.fbhs-section *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.fbhs-js .fbhs-reveal,.fbhs-js .fbhs-reveal-step{opacity:1!important;filter:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fellinora-barf-how-steps.css.map */