.ff{--ff-gold: #c9a76a;--ff-gold-deep: #b0894e;--ff-black: #0d0d0d;--ff-cream: #f7f4ef;--ff-espresso: #3b2a21}.ff__header{text-align:center;margin-bottom:3.2rem}.ff__tagline{font-size:1.2rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;margin:0 0 1.2rem}.ff__title{margin:0 0 1.2rem;line-height:1.15}.ff__intro{font-size:1.6rem;line-height:1.6;margin:0 auto;max-width:60ch}.ff__progress{position:relative;height:2px;width:100%;max-width:520px;margin:0 auto 4rem;background-color:#0d0d0d1f;border-radius:2px;overflow:hidden}.ff__progress-bar{position:absolute;inset:0 auto 0 0;width:20%;background-color:var(--ff-gold);transition:width .5s cubic-bezier(.25,.46,.45,.94)}.ff__step{display:none;animation:ffFade .5s ease}.ff__step.is-active{display:block}@keyframes ffFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ff__step-label{text-align:center;font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ff-gold-deep);margin:0 0 .8rem}.ff__question{text-align:center;font-family:var(--font-heading-family);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;margin:0 0 3rem}.ff__grid{display:grid;gap:1.6rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.ff__grid--3,.ff__grid--6{grid-template-columns:repeat(3,1fr)}}.ff__option-card{position:relative;border:1px solid rgba(13,13,13,.12);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--ff-cream);aspect-ratio:3 / 4;display:flex;align-items:flex-end;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.ff__option-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.ff__option-card .ff__option-card-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2a211b,#0d0d0d)}.ff__option-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px #0006}.ff__option-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0d0d0db3,#0d0d0d00 55%)}.ff__option-card span{position:relative;z-index:1;width:100%;text-align:center;padding:1.6rem;color:#fff;font-family:var(--font-heading-family);font-size:1.9rem;letter-spacing:.08em;text-transform:uppercase}.ff__option-card.is-selected{border-color:var(--ff-gold);box-shadow:0 0 0 2px var(--ff-gold)}.ff__choice{border:1px solid rgba(13,13,13,.18);border-radius:8px;background:transparent;padding:2rem 1.4rem;cursor:pointer;text-align:center;font-family:var(--font-heading-family);font-size:1.7rem;letter-spacing:.06em;color:var(--ff-black);transition:all .3s ease}.ff__choice:hover{border-color:var(--ff-gold);color:var(--ff-gold-deep);transform:translateY(-3px)}.ff__choice.is-selected{background:var(--ff-black);border-color:var(--ff-black);color:var(--ff-gold)}.ff__chips{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.ff__chip{border:1px solid rgba(13,13,13,.25);border-radius:999px;background:transparent;padding:1rem 2.2rem;cursor:pointer;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ff-espresso);transition:all .3s ease}.ff__chip:hover{border-color:var(--ff-gold);color:var(--ff-gold-deep)}.ff__chip.is-selected{background:var(--ff-gold);border-color:var(--ff-gold);color:var(--ff-black)}.ff__slider-wrap{max-width:560px;margin:0 auto}.ff__slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:3px;background:#0d0d0d26;outline:none;margin:2.5rem 0 1.5rem}.ff__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--ff-gold);border:3px solid #fff;box-shadow:0 2px 10px #0000004d;cursor:pointer}.ff__slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--ff-gold);border:3px solid #fff;cursor:pointer}.ff__slider-labels{display:flex;justify-content:space-between}.ff__slider-labels span{font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;color:#0d0d0d73;transition:color .3s ease;flex:1;text-align:center}.ff__slider-labels span:first-child{text-align:left}.ff__slider-labels span:last-child{text-align:right}.ff__slider-labels span.is-active{color:var(--ff-gold-deep);font-weight:600}.ff__nav{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3.5rem}.ff__btn{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;border:1px solid var(--ff-black);background:var(--ff-black);color:var(--ff-gold);font-family:var(--font-body-family);font-size:1.25rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:1.4rem 3rem;border-radius:6px;transition:background .35s ease,color .35s ease,opacity .3s ease}.ff__btn:hover{background:var(--ff-gold);color:var(--ff-black);border-color:var(--ff-gold)}.ff__btn--ghost{background:transparent;color:var(--ff-black)}.ff__btn--ghost:hover{background:transparent;color:var(--ff-gold-deep);border-color:var(--ff-gold-deep)}.ff__btn--outline{background:transparent;color:var(--ff-black);border-color:var(--ff-black)}.ff__btn--outline:hover{background:var(--ff-black);color:#fff;border-color:var(--ff-black)}.ff__btn[disabled]{opacity:.35;pointer-events:none}.ff__main.is-hidden{display:none}.ff__start{text-align:center;max-width:760px;margin:0 auto;padding:1rem 0;animation:ffFade .5s ease}.ff__start-title{margin:0 0 1.6rem;line-height:1.1}.ff__start-text{font-size:1.6rem;line-height:1.7;margin:0 auto 3.4rem;max-width:54ch;color:var(--ff-espresso)}.ff__start-actions{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center}.ff__loading{display:none;text-align:center;padding:6rem 1rem}.ff__loading.is-active{display:block;animation:ffFade .5s ease}.ff__loading-ring{width:60px;height:60px;margin:0 auto 2.5rem;border:2px solid rgba(201,167,106,.25);border-top-color:var(--ff-gold);border-radius:50%;animation:ffSpin .9s linear infinite}@keyframes ffSpin{to{transform:rotate(360deg)}}.ff__loading p{font-family:var(--font-heading-family);font-size:2rem}.ff__results{display:none}.ff__results.is-active{display:block;animation:ffFade .6s ease}.ff__results-quote{text-align:center;max-width:60ch;margin:0 auto 4rem}.ff__results-quote p{font-family:var(--font-heading-family);font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.4;margin:0 0 1rem}.ff__results-quote cite{font-style:normal;letter-spacing:.2em;text-transform:uppercase;font-size:1.2rem;color:var(--ff-gold-deep)}.ff__results-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media screen and (min-width:750px){.ff__results-grid{grid-template-columns:repeat(3,1fr)}}.ff__result{display:flex;flex-direction:column}.ff__result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;gap:1rem}.ff__result-rank{font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ff-gold-deep);font-weight:600}.ff__result-match{font-size:1.2rem;font-weight:700;color:var(--ff-black);background:#c9a76a2e;border:1px solid var(--ff-gold);border-radius:999px;padding:.3rem 1rem;white-space:nowrap}.ff__result .ild-card{height:100%}.ff__result-why{margin-top:1.4rem;font-size:1.3rem;line-height:1.6;color:var(--ff-espresso)}.ff__results-cta{text-align:center;margin-top:4.5rem}.ff__wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;text-decoration:none;background:var(--ff-black);color:var(--ff-gold);border:1px solid var(--ff-black);font-family:var(--font-body-family);font-size:1.25rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:1.6rem 3.6rem;border-radius:4px;transition:background .4s ease,color .4s ease,border-color .4s ease}.ff__wa-btn:hover{background:var(--ff-gold);color:var(--ff-black);border-color:var(--ff-gold)}.ff__wa-btn svg{width:1.7rem;height:1.7rem;flex-shrink:0}.ff__wa-btn svg path{fill:currentColor}.ff__wa-note{font-size:1.25rem;color:var(--ff-espresso);opacity:.8;margin:1.8rem 0 0}.ff__restart{display:inline-block;margin-top:2.4rem;background:none;border:none;cursor:pointer;font-size:1.25rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ff-espresso);text-decoration:underline;text-underline-offset:4px}.ff__restart:hover{color:var(--ff-gold-deep)}.ff__candidates{display:none!important}.ff__empty{text-align:center;font-size:1.5rem;color:var(--ff-espresso);padding:3rem 0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/fragrance-finder.css.map */