.ff-section .ff-head{max-width:60ch;margin-bottom:clamp(22px,3vw,40px)}.ff-section .ff-head .eyebrow{margin-bottom:1rem}.ff-viewport{position:relative}.ff-track{display:flex;gap:var(--ff-gap,18px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:6px;outline:none}.ff-track::-webkit-scrollbar{display:none}.ff-slide{flex:0 0 calc((100% - (var(--ff-gap,18px) * (var(--ff-per,3) - 1))) / var(--ff-per,3));scroll-snap-align:start}.ff-media{position:relative;aspect-ratio:var(--ff-ratio,4 / 5);border-radius:var(--radius);overflow:hidden;background:var(--wash);box-shadow:0 30px 60px -46px #1f2a2280}.ff-img{width:100%;height:100%;object-fit:var(--ff-fit,cover);transition:transform .8s var(--ease)}.ff-slide:hover .ff-img{transform:scale(1.04)}.ff-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 15%,rgba(225,145,47,.22),transparent 60%),linear-gradient(180deg,var(--wash),#ecd9bf)}.ff-cap{position:absolute;inset-inline-start:14px;bottom:14px;background:#fcfcf8eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:100px;padding:.45em 1em;font-size:.74rem;font-weight:700;letter-spacing:.03em;color:var(--harvest-deep)}.ff-controls{display:flex;gap:.55rem;align-items:center;margin-top:clamp(16px,2.4vw,28px)}.ff-arrow{width:44px;height:44px;flex:none;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:border-color .3s,background .3s,transform .3s}.ff-arrow:hover{border-color:var(--ink);background:var(--paper);transform:translateY(-2px)}.ff-dots{display:flex;gap:.4rem;align-items:center;margin-inline-start:.35rem}.ff-dot{width:26px;height:4px;border-radius:4px;background:var(--line);transition:background .4s,width .4s;padding:0}.ff-dot.active{background:var(--harvest-deep);width:40px}.ff-track.is-grab{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}html[dir=rtl] .ff-arrow svg{transform:scaleX(-1)}@media(max-width:860px){.ff-slide{flex-basis:calc((100% - (var(--ff-gap,18px) * (var(--ff-per-m,1) - 1))) / var(--ff-per-m,1))}}@media(prefers-reduced-motion:reduce){.ff-track{scroll-behavior:auto}.ff-slide:hover .ff-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */