.ff,.ff-teaser{--ff-fg: rgb(var(--color-foreground));--ff-bg: rgb(var(--color-background));--ff-muted: rgba(var(--color-foreground), .62);--ff-line: rgba(var(--color-foreground), .16);--ff-shadow: 0 18px 50px -28px rgba(var(--color-foreground), .5)}.ff-teaser{background:var(--ff-bg);color:var(--ff-fg)}.ff-teaser__in{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:3rem;flex-wrap:wrap}@media screen and (min-width:750px){.ff-teaser__in{padding-block:3.9rem}}.ff-teaser__txt{max-width:60ch}.ff-teaser .ff-lead{margin:.4rem 0 0}.ff-eyebrow{font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ff-gold-deep);margin:0 0 1.2rem}.ff-h{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.08;margin:0;text-wrap:balance}.ff-lead{color:var(--ff-muted);font-size:1.7rem;max-width:52ch}.ff{background:var(--ff-bg);color:var(--ff-fg)}.ff__inner{padding-block:clamp(2.4rem,4vw,4.5rem)}.ff__rail{height:2px;background:var(--ff-line);position:relative;overflow:hidden;margin-bottom:2.6rem}.ff__rail>span{position:absolute;top:0;right:100%;bottom:0;left:0;background:var(--ff-gold);transition:right .5s cubic-bezier(.4,0,.2,1)}.ff__stage{min-height:42rem;display:flex;align-items:center}.ff__step{width:100%;animation:ffrise .45s cubic-bezier(.2,.7,.2,1) both}@keyframes ffrise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}.ff h1.ff-h{font-size:clamp(3rem,5.2vw,5rem)}.ff-qcount{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ff-muted);margin:0 0 1rem}.ff-hint{font-size:1.3rem;color:var(--ff-muted);margin:1.2rem 0 0;display:block}.ff-options{display:grid;gap:1.2rem;margin-top:2.6rem;grid-template-columns:repeat(2,1fr)}.ff-options.cols3{grid-template-columns:repeat(3,1fr)}@media(max-width:749px){.ff-options,.ff-options.cols3{grid-template-columns:1fr}}.ff-opt{display:flex;align-items:center;gap:1.4rem;text-align:left;width:100%;background:var(--ff-bg);border:1px solid var(--ff-line);color:var(--ff-fg);padding:1.6rem 1.8rem;cursor:pointer;font-family:inherit;font-size:1.6rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ff-opt:hover{transform:translateY(-2px);border-color:var(--ff-gold);box-shadow:var(--ff-shadow)}.ff-opt:focus-visible{outline:2px solid var(--ff-gold);outline-offset:2px}.ff-opt.sel{border-color:var(--ff-gold);box-shadow:inset 0 0 0 1px var(--ff-gold)}.ff-opt .ic{flex:0 0 3.4rem;height:3.4rem;color:var(--ff-gold-deep)}.ff-opt .ic svg{width:3.4rem;height:3.4rem;stroke:currentColor;fill:none;stroke-width:1.4}.ff-opt .tx b{display:block;font-weight:600}.ff-opt .tx small{color:var(--ff-muted);font-size:1.25rem}.ff-opt .tick{margin-left:auto;width:2rem;height:2rem;border:1px solid var(--ff-line);border-radius:50%;display:grid;place-items:center;color:var(--ff-bg);font-size:1.2rem}.ff-opt.sel .tick{background:var(--ff-gold);border-color:var(--ff-gold);color:rgb(var(--color-background))}.ff-nav{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;gap:1.4rem}.ff-btn{font-family:inherit;font-size:1.4rem;letter-spacing:.06em;padding:1.4rem 2.6rem;border:1px solid var(--ff-fg);background:none;color:var(--ff-fg);cursor:pointer;transition:.18s;text-decoration:none;display:inline-block}.ff-btn:hover{transform:translateY(-1px)}.ff-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ff-btn--gold{background:var(--ff-gold);border-color:var(--ff-gold);color:#14110e;font-weight:600}.ff-btn--gold:hover{background:var(--ff-gold-deep);border-color:var(--ff-gold-deep)}.ff-btn--ghost{border-color:var(--ff-line);color:var(--ff-muted)}.ff-btn--lg{padding:1.6rem 3.4rem;font-size:1.5rem}.ff-res{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--ff-line);background:var(--ff-bg);box-shadow:var(--ff-shadow)}@media(max-width:749px){.ff-res{grid-template-columns:1fr}}.ff-res .media{position:relative;min-height:34rem;background-size:cover;background-position:center}.ff-res .media .emblem{position:absolute;left:1.6rem;top:1.4rem;width:4.6rem;height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.ff-res .info{padding:clamp(2.2rem,3vw,3.6rem);display:flex;flex-direction:column}.ff-res .fam{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ff-gold-deep);margin:0 0 1rem}.ff-res .name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.8rem;line-height:1.1;margin:0}.ff-res .name span{color:var(--ff-muted);font-weight:400}.ff-match{display:flex;align-items:center;gap:1.2rem;margin:1.6rem 0 .2rem}.ff-match .barwrap{flex:1;height:6px;background:rgba(var(--color-foreground),.1);overflow:hidden}.ff-match .barwrap>i{display:block;height:100%;background:var(--ff-gold);width:0;transition:width .9s cubic-bezier(.2,.7,.2,1)}.ff-match .pct{font-family:var(--font-heading-family);font-size:2rem;font-variant-numeric:tabular-nums}.ff-why{margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.ff-chip{font-size:1.2rem;letter-spacing:.04em;padding:.6rem 1.1rem;border:1px solid var(--ff-line);color:var(--ff-muted)}.ff-chip.on{border-color:var(--ff-gold);color:var(--ff-gold-deep)}.ff-facts{margin:2rem 0 0;display:flex;gap:2.2rem;flex-wrap:wrap;font-size:1.35rem}.ff-facts div span{display:block;color:var(--ff-muted);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.3rem}.ff-cta{display:flex;gap:1rem;margin-top:auto;padding-top:2.4rem;flex-wrap:wrap}.ff-inspired{margin-top:1.6rem;font-size:1.3rem;color:var(--ff-muted);border-left:2px solid var(--ff-gold);padding-left:1.2rem}.ff-alts{margin-top:3.4rem}.ff-alts h3{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2rem;margin:0 0 .4rem}.ff-alts .sub{color:var(--ff-muted);font-size:1.3rem;margin:0 0 1.6rem}.ff-altgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(max-width:749px){.ff-altgrid{grid-template-columns:1fr}}.ff-altcard{display:flex;gap:1.4rem;align-items:center;border:1px solid var(--ff-line);background:var(--ff-bg);color:var(--ff-fg);padding:1.4rem;cursor:pointer;text-decoration:none;transition:.18s}.ff-altcard:hover{transform:translateY(-2px);border-color:var(--ff-gold);box-shadow:var(--ff-shadow)}.ff-altcard .th{flex:0 0 6.4rem;height:6.4rem;background-size:cover;background-position:center}.ff-altcard b{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.6rem}.ff-altcard small{display:block;color:var(--ff-muted);font-size:1.25rem}.ff-altcard .mini{margin-left:auto;font-size:1.2rem;color:var(--ff-gold-deep);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.ff *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-fragrance-finder.css.map */