.sft-wrapper{position:relative;width:100%;overflow:hidden}.sft-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.sft-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sft-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--sft-overlay-color, #000);opacity:var(--sft-overlay-opacity, .45)}.sft-overlay--gradient{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.8) 100%);opacity:1}.sft-inner{position:relative;z-index:10;width:100%;height:100%;min-height:var(--sft-height, 80vh);display:flex;flex-direction:column;align-items:var(--sft-align-items, center);justify-content:space-between;padding:clamp(40px,6vh,80px) clamp(20px,5vw,80px)}.sft-content{display:flex;flex-direction:column;align-items:var(--sft-align-items, center);gap:16px;text-align:var(--sft-text-align, center);max-width:860px;width:100%}.sft-eyebrow{font-size:clamp(11px,1.2vw,14px);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#ffffffa6;margin:0}.sft-title{margin:0;line-height:1.08;font-weight:700;color:var(--sft-heading-color, #fff);letter-spacing:-.02em}.sft-title--small{font-size:clamp(28px,4vw,48px)}.sft-title--medium{font-size:clamp(36px,5.5vw,68px)}.sft-title--large{font-size:clamp(44px,7vw,90px)}.sft-font-heading{font-family:var(--font-heading--family)}.sft-font-body{font-family:var(--font-body--family)}.sft-font-serif{font-family:Georgia,Times New Roman,serif}.sft-subtitle{font-size:clamp(14px,1.6vw,19px);color:#ffffffbf;margin:0;line-height:1.6;font-weight:300;max-width:560px}.sft-pill-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.sft-pill-hint{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.sft-pill{position:relative;display:flex;align-items:center;width:clamp(200px,30vw,320px);height:60px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-decoration:none;overflow:hidden;transition:border-color .3s ease,background .3s ease;cursor:pointer}.sft-pill:hover{background:#ffffff2e;border-color:#ffffff80}.sft-pill-knob{position:absolute;left:6px;width:48px;height:48px;border-radius:50%;background:var(--sft-btn-bg, #fff);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:2;flex-shrink:0}.sft-pill-knob svg{width:20px;height:20px;color:var(--sft-btn-icon-color, #000);transition:transform .3s ease}.sft-pill:hover .sft-pill-knob{transform:translate(6px)}.sft-pill:hover .sft-pill-knob svg{transform:translate(3px)}.sft-pill-text{flex:1;text-align:center;font-size:clamp(13px,1.2vw,15px);font-weight:600;letter-spacing:.05em;color:var(--sft-btn-text-color, #fff);padding-right:16px;padding-left:56px}@keyframes sft-pulse{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 10px #fff0}}.sft-pill-knob{animation:sft-pulse 2.5s ease-in-out infinite}.sft-pill:hover .sft-pill-knob{animation:none}.sft-wrapper:before{content:"";display:block;padding-top:var(--sft-ratio, 0);pointer-events:none}@media screen and (max-width:749px){.sft-inner{min-height:var(--sft-height-mobile, 70vh);padding:clamp(32px,5vh,60px) 20px}.sft-pill{width:clamp(180px,75vw,280px);height:54px}.sft-pill-knob{width:42px;height:42px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/scent-finder-teaser.css.map */