fe-feature-story.ffs{display:block;position:relative;--ffs-height: calc(100vh - 72px) ;--ffs-nav:72px;color:#15171b;background:#fff}.ffs-stage{position:relative;padding:32px;box-sizing:border-box}.ffs-intro{text-align:center;max-width:850px;margin:0 auto 32px}.ffs-body{position:relative;max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.ffs-product{min-width:0;display:flex;align-items:center;justify-content:center}.ffs-product img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.ffs-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.ffs-spec{text-align:center;font-size:14px;line-height:1.4}.ffs-spec p{margin:10px 0 0}.ffs-spec .spec-text>span{display:block}.ffs-icon{height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.ffs-icon svg,.ffs-icon img{width:34px;height:34px;object-fit:contain}.ffs-icon svg{fill:none;stroke:currentColor;stroke-width:1.5}.ffs-icon svg text{fill:currentColor;stroke:none}.ffs-intro .fe-positioning{margin:0!important;padding:0!important;max-width:850px!important}.ffs-intro .fe-positioning__heading{font-size:clamp(32px,4.3vw,64px)!important}.ffs-intro .fe-positioning__copy{font-size:clamp(14px,1.5vw,19px)!important}.ffs-imaging{background:#000;color:#fff}.ffs-section-heading{margin:0;padding:40px 24px;text-align:center;font-size:clamp(26px,3.5vw,46px);background:linear-gradient(110deg,#e6f4ff,#4c95ff);background-clip:text;-webkit-background-clip:text;color:transparent}.ffs.ffs--imaging{background:#000;color:#fff}.ffs--imaging .ffs-body{display:block}.ffs-copy{max-width:850px;margin:auto}.ffs-number{font-size:clamp(28px,4.5vw,60px);margin:0 0 16px;font-weight:700}.ffs-copy h3{font-size:clamp(28px,4vw,54px);line-height:1.12;margin:0;letter-spacing:-.035em}.ffs-number,.ffs-copy h3{background:linear-gradient(105deg,#dbedff,#549eff);background-clip:text;-webkit-background-clip:text;color:transparent}.ffs-copy>p:last-child{color:#b9c5d5;font-size:clamp(14px,1.5vw,18px);line-height:1.55;margin:20px auto 0;max-width:760px}.ffs-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;opacity:0}.ffs[data-ready]{height:calc(var(--ffs-height)*2.15)}.ffs[data-ready]>.ffs-stage{position:sticky;top:var(--ffs-nav);height:var(--ffs-height);overflow:hidden;padding:32px}.ffs[data-ready] .ffs-intro{position:absolute;top:32px;right:32px;bottom:32px;left:32px;display:flex;align-items:center;justify-content:center;margin:auto;max-width:850px}.ffs[data-ready] .ffs-body{height:100%;opacity:0}.ffs[data-ready] .ffs-product{height:100%}.ffs[data-ready] .ffs-product img{max-height:calc(var(--ffs-height) - 100px);object-fit:contain}.ffs--imaging[data-ready] .ffs-product{max-width:1050px;margin:auto}.ffs--imaging[data-ready] .ffs-product img{height:100%;max-height:100%}.ffs[data-ready] .ffs-intro{pointer-events:none}.ffs[data-active] .ffs-body,.ffs[data-active] .ffs-intro,.ffs[data-active] .ffs-mask{will-change:opacity,transform}@media(max-width:749px){.ffs-stage{padding:24px 16px}.ffs-body{grid-template-columns:1fr;gap:20px}.ffs-spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.ffs-spec{font-size:12px}.ffs-icon{height:30px;margin-bottom:6px}.ffs-icon svg{width:28px;height:28px}.ffs[data-ready]>.ffs-stage{padding:24px 16px}.ffs[data-ready] .ffs-intro{top:24px;right:16px;bottom:24px;left:16px}.ffs--spec[data-ready] .ffs-body{grid-template-rows:minmax(0,45%) minmax(0,55%);gap:12px}.ffs--spec[data-ready] .ffs-product img{height:100%;max-height:100%}.ffs[data-ready] .ffs-spec-grid{align-self:center}.ffs-intro .fe-positioning__heading{font-size:clamp(30px,8vw,42px)!important}}@media(max-height:500px)and (min-width:750px){.ffs-spec-grid{gap:12px}.ffs-spec{font-size:12px}.ffs[data-ready]>.ffs-stage{padding:20px}.ffs-copy>p:last-child{font-size:14px}.ffs-copy h3{font-size:32px}.ffs-number{font-size:34px}}@media(max-width:749px){.ffs--spec[data-ready] .ffs-body{display:flex;flex-direction:column;justify-content:center;gap:24px}.ffs--spec[data-ready] .ffs-product{flex:none;height:clamp(150px,32vh,260px);width:100%}.ffs--spec[data-ready] .ffs-spec-grid{width:100%;flex:none}}.ffs.ffs--spec[data-ready]{height:calc(var(--ffs-height) + var(--ffs-scroll, 1200px))}.ffs.ffs--spec[data-ready]>.ffs-stage{position:sticky;top:var(--ffs-nav);height:var(--ffs-height);padding:24px;overflow:hidden}.ffs.ffs--spec[data-ready] .ffs-intro{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:flex;align-items:center;justify-content:center;padding:0;margin:auto}.ffs.ffs--spec[data-ready] .ffs-body{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;opacity:0}.ffs.ffs--spec[data-ready] .ffs-product{height:100%;width:100%}.ffs.ffs--spec[data-ready] .ffs-product img{height:100%;max-height:100%;width:100%;object-fit:contain}@media(max-width:749px){.ffs.ffs--spec[data-ready]>.ffs-stage{padding:20px 12px}.ffs.ffs--spec[data-ready] .ffs-intro{top:20px;right:16px;bottom:20px;left:16px}.ffs.ffs--spec[data-ready] .ffs-body{display:flex;flex-direction:column;justify-content:center;gap:12px}.ffs.ffs--spec[data-ready] .ffs-product{height:220px;flex:none}.ffs.ffs--spec[data-ready] .ffs-spec-grid{gap:22px 10px;width:100%;flex:none}}@media(max-width:749px){.ffs.ffs--spec[data-ready] .ffs-product{height:240px;overflow:hidden}.ffs.ffs--spec[data-ready] .ffs-product img{object-fit:cover;object-position:center;width:100%;height:100%}}.ffs.ffs--spec[data-active] .ffs-product{will-change:transform}@media(min-width:750px){.ffs.ffs--spec[data-ready] .ffs-body{grid-template-rows:minmax(0,1fr)}.ffs.ffs--spec[data-ready] .ffs-product,.ffs.ffs--spec[data-ready] .ffs-product img{min-height:0}}fe-feature-story.ffs.ffs--spec,.ffs--spec>.ffs-stage{background:#000;color:#eef2f7}.ffs--spec .fe-positioning__heading{background:linear-gradient(105deg,#eef7ff,#549eff)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}.ffs--spec .fe-positioning__copy{color:#bcc5d2!important}.ffs--spec .ffs-spec,.ffs--spec .spec-text,.ffs--spec .ffs-icon{color:#eef2f7!important}.ffs--spec .ffs-icon img{filter:grayscale(1) brightness(0) invert(1)}
/*# sourceMappingURL=/cdn/shop/t/235/assets/fe-feature-story.css.map */