.section-fragrance-finder{--ff-border: rgba(var(--color-foreground), .18);--ff-muted: rgba(var(--color-foreground), .68);overflow:clip}.ff{display:block;color:rgb(var(--color-foreground))}.ff [hidden]{display:none!important}.ff button,.ff a{font:inherit}.ff button{color:inherit}.ff__shell{min-height:var(--ff-min-height);background:rgb(var(--color-background))}.ff__view{min-height:var(--ff-min-height)}.ff__split,.ff__step-grid{display:grid;min-height:var(--ff-min-height);grid-template-columns:minmax(0,48%) minmax(0,52%)}.ff__step-grid{grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:calc(var(--ff-min-height) - 8.8rem)}.ff__media{position:relative;min-width:0;overflow:hidden;background:var(--ff-panel)}.ff__media picture,.ff__media-image{display:block;width:100%;height:100%}.ff__media-image{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover}.ff__media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.84),transparent 28%),linear-gradient(145deg,var(--ff-panel) 0%,#d8d3c6 52%,#f7f5ef 100%)}.ff__media-placeholder:before,.ff__media-placeholder:after,.ff__media-placeholder span{position:absolute;display:block;content:"";border:1px solid rgba(20,60,39,.2);border-bottom:0;border-radius:50vw 50vw 0 0}.ff__media-placeholder:before{right:-9%;bottom:-20%;width:64%;height:76%;background:#143c2714}.ff__media-placeholder:after{bottom:-32%;left:-12%;width:55%;height:66%;background:#ffffff52}.ff__media-placeholder span:first-child{top:13%;left:25%;width:24%;height:30%;transform:rotate(12deg)}.ff__media-placeholder span:last-child{top:10%;right:12%;width:18%;height:23%;transform:rotate(-18deg);background:#fff3}.ff__intro-content,.ff__step-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(5rem,7vw,11rem)}.ff__step-content{max-width:94rem;padding-top:clamp(4rem,6vw,8rem);padding-bottom:clamp(4rem,6vw,8rem)}.ff__eyebrow,.ff__step-label,.ff__result-kicker{margin:0 0 2.2rem;color:var(--ff-accent);font-size:1.15rem;font-weight:600;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.ff__intro-title,.ff__question,.ff__results-title,.ff__result-name{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.ff__intro-title{max-width:11em;font-size:clamp(4rem,5.3vw,8rem);letter-spacing:.015em;line-height:1.04}.ff__intro-text,.ff__step-text{max-width:58rem;margin-top:2.8rem;color:var(--ff-muted);font-size:1.6rem;line-height:1.65}.ff__intro-text>:first-child,.ff__step-text>:first-child{margin-top:0}.ff__intro-text>:last-child,.ff__step-text>:last-child{margin-bottom:0}.ff__button{display:inline-flex;min-height:5.2rem;width:fit-content;align-items:center;justify-content:center;gap:1.8rem;padding:1.4rem 2.4rem;border:1px solid var(--ff-accent);border-radius:0;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.14em;line-height:1.2;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.ff__intro-content>.ff__button{margin-top:4rem}.ff__button--primary{background:var(--ff-accent);color:#fff}.ff__button--secondary{background:transparent;color:var(--ff-accent)}.ff__button:hover{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ff__button[aria-disabled=true],.ff__button:disabled{cursor:wait;opacity:.58}.ff__toolbar{display:grid;min-height:8.8rem;align-items:center;gap:2.4rem;grid-template-columns:minmax(11rem,1fr) minmax(24rem,52rem) minmax(11rem,1fr);padding:2rem clamp(2.4rem,4vw,6rem);border-bottom:1px solid var(--ff-border);background:rgb(var(--color-background))}.ff__text-button,.ff__redo{width:fit-content;padding:0;border:0;background:transparent;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.5rem;text-transform:uppercase}.ff__text-button:last-child{justify-self:end}.ff__text-button:hover,.ff__redo:hover{text-decoration-color:currentColor}.ff__progress-label{margin:0 0 1rem;color:var(--ff-muted);font-size:1.1rem;letter-spacing:.16em;text-align:center;text-transform:uppercase}.ff__progress-track{display:grid;gap:.6rem;grid-template-columns:repeat(6,1fr)}.ff__progress-track span{height:2px;background:var(--ff-border);transition:background-color .22s ease}.ff__progress-track span.is-complete{background:var(--ff-accent)}.ff__step{animation:ff-fade-in .3s ease both}.ff__question{max-width:14em;font-size:clamp(3.4rem,4vw,6.2rem);letter-spacing:.01em;line-height:1.08}.ff__choices{display:grid;gap:1.2rem;margin-top:clamp(3rem,4vw,5.6rem)}.ff__choices--two{grid-template-columns:repeat(2,minmax(0,1fr))}.ff__choices--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ff__choices--notes{grid-template-columns:repeat(2,minmax(0,1fr))}.ff__choice,.ff__product-choice,.ff__color-choice{position:relative;display:flex;min-width:0;border:1px solid var(--ff-border);border-radius:0;background:rgba(var(--color-background),.64);cursor:pointer;text-align:left;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.ff__choice{min-height:12rem;flex-direction:column;justify-content:space-between;gap:1.8rem;padding:2.2rem}.ff__choice:after,.ff__product-choice:after{position:absolute;top:1.8rem;right:1.8rem;width:1.1rem;height:1.1rem;border:1px solid currentColor;border-radius:50%;content:""}.ff__choice-title{padding-right:2.2rem;font-size:1.7rem;font-weight:600;line-height:1.25}.ff__choice-text{color:var(--ff-muted);font-size:1.25rem;line-height:1.5}.ff__choice:hover,.ff__product-choice:hover,.ff__color-choice:hover{border-color:var(--ff-accent);transform:translateY(-2px)}.ff__choice[aria-pressed=true],.ff__product-choice[aria-pressed=true],.ff__color-choice[aria-pressed=true]{border-color:var(--ff-accent);background:var(--ff-accent);color:#fff}.ff__choice[aria-pressed=true] .ff__choice-text{color:#ffffffc2}.ff__choice[aria-pressed=true]:after,.ff__product-choice[aria-pressed=true]:after{background:currentColor;box-shadow:inset 0 0 0 3px var(--ff-accent)}.ff__subquestion{margin:3.6rem 0 1.8rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:2.2rem;font-weight:var(--font-heading-weight)}.ff__product-choices{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.ff__product-choice{min-height:7.8rem;align-items:flex-end;padding:1.6rem;overflow:hidden;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ff__product-choice img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2}.ff__product-choice span{position:relative;z-index:1}.ff__color-choices{display:grid;gap:1.2rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(3rem,4vw,5.6rem)}.ff__color-choice{min-height:14rem;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:1.6rem;text-align:center}.ff__color-swatch{display:block;width:5.6rem;height:7.2rem;border:1px solid rgba(18,18,18,.2);border-bottom:0;border-radius:5.6rem 5.6rem 0 0;background:var(--swatch);box-shadow:0 0 0 4px #ffffff52}.ff__color-name{font-size:1.15rem;font-weight:600;line-height:1.25}.ff__loading,.ff__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;padding:5rem 2.4rem;text-align:center}.ff__loading p{margin:0;font-size:1.5rem;letter-spacing:.08em;text-transform:uppercase}.ff__spinner{width:4.8rem;height:4.8rem;border:1px solid var(--ff-border);border-top-color:var(--ff-accent);border-radius:50%;animation:ff-spin .8s linear infinite}.ff__error h2{max-width:18em;margin:0;font-size:clamp(3rem,4vw,5rem)}.ff__error p{max-width:58rem;margin:0;color:var(--ff-muted);font-size:1.5rem;line-height:1.6}.ff__results{padding:clamp(5rem,7vw,10rem) clamp(2rem,6vw,9rem)}.ff__results-header{max-width:92rem;margin:0 auto clamp(4rem,6vw,7rem);text-align:center}.ff__results-header .ff__eyebrow{margin-bottom:1.6rem}.ff__results-title{font-size:clamp(4rem,5.4vw,7.6rem);line-height:1.05}.ff__result-explanation{max-width:74rem;margin:2.6rem auto 0;color:var(--ff-muted);font-size:1.6rem;line-height:1.65}.ff__result-layout{display:grid;max-width:150rem;margin:0 auto;gap:clamp(2rem,3vw,4rem);grid-template-columns:minmax(0,1.55fr) minmax(30rem,.85fr);align-items:stretch}.ff__result-card{display:grid;min-width:0;border:1px solid var(--ff-border);background:rgba(var(--color-background),.72)}.ff__result-card--primary{grid-template-columns:minmax(0,47%) minmax(0,53%)}.ff__result-card--secondary{grid-template-rows:minmax(26rem,.8fr) auto}.ff__result-image-wrap{position:relative;min-height:34rem;overflow:hidden;background:var(--ff-panel)}.ff__result-image{display:block;width:100%;height:100%;object-fit:cover}.ff__result-image:not([src]){visibility:hidden}.ff__result-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(3rem,4vw,6rem)}.ff__result-name{font-size:clamp(3.2rem,4vw,5.6rem);letter-spacing:.04em;line-height:1;text-transform:uppercase}.ff__result-tagline,.ff__alternative-text{margin:1.4rem 0 0;color:var(--ff-muted);font-size:1.4rem;line-height:1.55}.ff__matches{display:grid;margin:3.2rem 0;border-top:1px solid var(--ff-border)}.ff__matches div{display:grid;gap:1.4rem;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);padding:1.4rem 0;border-bottom:1px solid var(--ff-border)}.ff__matches dt{color:var(--ff-muted);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase}.ff__matches dd{margin:0;font-size:1.25rem;line-height:1.45}.ff__result-actions{display:flex;flex-wrap:wrap;gap:1rem}.ff__sample-form .ff__button{min-height:5.2rem}.ff__sample-form .loading__spinner{position:static;width:1.8rem}.ff__sample-form .loading__spinner.hidden{display:none}.ff__result-card--secondary .ff__button{margin-top:3rem}.ff__redo{display:block;margin:4rem auto 0}.ff :focus-visible{outline:2px solid var(--ff-accent);outline-offset:4px;box-shadow:none}@keyframes ff-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ff-spin{to{transform:rotate(360deg)}}@media screen and (max-width:1099px){.ff__intro-content,.ff__step-content{padding-right:4rem;padding-left:4rem}.ff__choices--three,.ff__color-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ff__product-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.ff__result-layout{grid-template-columns:1fr}.ff__result-card--secondary{grid-template-columns:minmax(0,35%) minmax(0,65%);grid-template-rows:auto}}@media screen and (max-width:749px){.ff__shell,.ff__view,.ff__split,.ff__step-grid{min-height:0}.ff__split,.ff__step-grid{grid-template-columns:1fr}.ff__media,.ff__media--intro{min-height:0;aspect-ratio:4 / 3}.ff__media--intro{aspect-ratio:1 / 1}.ff__intro-content,.ff__step-content{min-height:48rem;padding:4.8rem 2rem 5.6rem}.ff__intro-title{font-size:clamp(3.8rem,12vw,5.6rem)}.ff__question{font-size:clamp(3.2rem,9.4vw,4.6rem)}.ff__toolbar{position:relative;z-index:3;min-height:9.6rem;gap:1.2rem;grid-template-columns:auto 1fr auto;padding:1.6rem 1.8rem}.ff__text-button{font-size:1rem}.ff__progress-label{font-size:.95rem}.ff__choices--two,.ff__choices--three,.ff__choices--notes,.ff__color-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ff__choice{min-height:12.5rem;padding:1.8rem}.ff__choice-title{font-size:1.45rem}.ff__choice-text{font-size:1.15rem}.ff__product-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ff__color-choice{min-height:13rem}.ff__results{padding:5.6rem 1.6rem}.ff__result-card--primary,.ff__result-card--secondary{grid-template-columns:1fr;grid-template-rows:auto}.ff__result-image-wrap{min-height:0;aspect-ratio:1 / 1}.ff__result-content{padding:3.2rem 2.4rem 3.8rem}.ff__result-actions,.ff__result-actions>*,.ff__result-actions .ff__button,.ff__result-card--secondary .ff__button{width:100%}}@media(prefers-reduced-motion:reduce){.ff *,.ff *:before,.ff *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ff__button.ff__button--primary{color:#fff}.ff__button.ff__button--primary,.ff__button.ff__button--secondary{font-size:14px}.ff__button.ff__button--primary span:last-child,.ff__button.ff__button--secondary span:last-child{display:none}.ff__intro-title,.ff__question,.ff__results-title,.ff__result-name{max-width:100%;font-family:NeutraFace!important;font-size:30px;font-weight:700!important;text-transform:uppercase}p{font-size:14px}.ff__product-choice>img{background-color:#fff;opacity:0}.ff__product-choice>span{font-family:NeutraFace!important;font-size:14px;font-weight:700!important;text-transform:uppercase}@media(min-width:750px){.ff__results{padding:40px}}@media screen and (max-width:749px){.ff__results{padding-top:20px}.ff__result-explanation,p{font-size:12px!important}.ff__intro-content,.ff__step-content{min-height:auto;padding:20px}.ff__intro-content>.ff__button,.ff__intro-text,.ff__step-text{margin-top:20px}}.ff__results-header{max-width:92rem;margin:0 auto 40px}.ff__redo{position:relative;display:block;width:fit-content;margin-inline:auto;text-decoration:none}.ff__redo:after{position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;content:"";transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.ff__redo:hover:after{transform:scaleX(0)}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-fragrance-finder.css.map */