.sfs-byob-hero{--sfs-byob-navy: var(--sfs-navy, #001f3d);--sfs-byob-leaf: var(--sfs-leaf, #5d7d2d);--sfs-byob-cream: var(--sfs-cream, #f9f7f2);box-sizing:border-box;position:relative;isolation:isolate;background-color:var(--sfs-byob-cream);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--sfs-byob-navy);overflow:hidden}.sfs-byob-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--sfs-byob-cream) 0%,rgba(249,247,242,.92) 30%,rgba(249,247,242,.55) 55%,rgba(249,247,242,0) 75%);pointer-events:none}.sfs-byob-hero *,.sfs-byob-hero *:before,.sfs-byob-hero *:after{box-sizing:border-box}.sfs-byob-hero__inner{max-width:132rem;margin:0 auto;position:relative;z-index:1}.sfs-byob-hero__grid{display:grid;grid-template-columns:1fr;align-items:center;gap:2rem}.sfs-byob-hero__copy{min-width:0;text-align:left}.sfs-byob-hero__eyebrow{margin:0 0 .6rem;color:var(--sfs-byob-leaf);font-family:"Avenir Next",var(--font-body-family);font-style:normal;font-weight:700;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase}.sfs-byob-hero__title{margin:0 0 .8rem;color:var(--sfs-byob-navy);font-family:"Playfair Display",var(--font-heading-family);font-style:normal;font-weight:700;font-size:clamp(2.6rem,3.6vw,4rem);line-height:1.08;letter-spacing:-.01em}.sfs-byob-hero__subtitle{margin:0 0 1.6rem;color:var(--sfs-byob-navy);font-family:"Avenir Next",var(--font-body-family);font-style:normal;font-weight:500;font-size:1.5rem;line-height:1.4}.sfs-byob-hero__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}.sfs-byob-hero__step{position:relative;display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1px solid rgba(0,31,61,.08);border-radius:.8rem;padding:1rem 1.2rem;box-shadow:0 2px 10px #001f3d0f}.sfs-byob-hero__step-row{display:flex;align-items:center;gap:.8rem;min-width:0}.sfs-byob-hero__step-number{flex:none;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--sfs-byob-leaf);color:#fff;font-family:"Avenir Next",var(--font-body-family);font-weight:700;font-size:1.1rem}.sfs-byob-hero__step-icon{flex:none;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;color:var(--sfs-byob-leaf)}.sfs-byob-hero__step-icon svg{width:100%;height:100%}.sfs-byob-hero__step-title{font-family:"Avenir Next",var(--font-body-family);font-weight:700;font-size:1.5rem;color:var(--sfs-byob-navy)}.sfs-byob-hero__step-text{min-width:0;font-family:"Avenir Next",var(--font-body-family);font-weight:400;font-size:1.3rem;line-height:1.4;color:#001f3dbf}.sfs-byob-hero__step-chevron{display:none}.sfs-byob-hero__media{display:flex;justify-content:center;align-items:center;min-width:0}.sfs-byob-hero__image{display:block;width:clamp(16rem,30vw + 6rem,40rem);height:auto;max-height:clamp(14rem,26vw + 4rem,34rem);object-fit:contain}@media screen and (min-width:750px){.sfs-byob-hero__steps{gap:1.6rem}}@media screen and (min-width:1200px){.sfs-byob-hero__step{padding-right:2.4rem}.sfs-byob-hero__step-chevron{display:block;position:absolute;top:50%;right:.8rem;transform:translateY(-50%);width:.7rem;height:1.3rem;color:#001f3d59;z-index:1}}@media screen and (min-width:990px){.sfs-byob-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem 3.2rem}.sfs-byob-hero__media{justify-content:flex-end}}@media screen and (max-width:749px){.sfs-byob-hero__copy,.sfs-byob-hero__eyebrow,.sfs-byob-hero__title,.sfs-byob-hero__subtitle{text-align:center}.sfs-byob-hero__steps{grid-template-columns:1fr}.sfs-byob-hero__step{text-align:left}.sfs-byob-hero__image{width:clamp(14rem,60vw,26rem);max-height:clamp(12rem,52vw,22rem);margin:0 auto}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/sfs-byob-hero.css.map */