.sqh-section{--sqh-primary: #1C1917;--sqh-gold: #9E7A4D;--sqh-gold-light: #C5A572;--sqh-cream: #F5F1E8;--sqh-white: #FFFDFB;--sqh-text: #1C1917;--sqh-text-muted: #5C5852;--sqh-transition: .4s;--sqh-interval: 6s}.sqh-section{width:100%;overflow:hidden;background:var(--sqh-cream)}.sqh-container{display:flex;flex-direction:row;width:100%;height:100vh}.sqh-slider{position:relative;width:50vw;height:100vh;overflow:hidden}.sqh-slider-track{position:relative;width:100%;height:100%}.sqh-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity var(--sqh-transition) ease,visibility var(--sqh-transition);z-index:1}.sqh-slide.is-active{opacity:1;visibility:visible;z-index:2}.sqh-slide.is-fading{opacity:0}.sqh-slide-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sqh-persona-card{position:absolute;bottom:32px;left:32px;padding:20px 24px;background:#1c1917bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff;max-width:280px;z-index:10}.sqh-persona-name{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:#fff;font-family:Playfair Display,Georgia,serif;display:flex;align-items:baseline;gap:10px}.sqh-persona-age{font-size:.875rem;font-weight:400;color:#fffc;font-family:Inter,-apple-system,sans-serif}.sqh-persona-profile{margin:0;line-height:1.5}.sqh-profile-line1{display:block;font-size:1rem;font-weight:600;color:#9e7a4d}.sqh-profile-line2{display:block;font-size:.875rem;font-weight:400;color:#ffffffb3}.sqh-dots{position:absolute;bottom:32px;right:32px;display:flex;gap:16px;z-index:20}.sqh-dot{position:relative;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.sqh-dot:focus-visible{outline:2px solid var(--sqh-gold);outline-offset:2px}.sqh-progress-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:40px;transform:rotate(-90deg)}.sqh-progress-ring__bg{fill:transparent;stroke:#ffffff4d;stroke-width:2}.sqh-progress-ring__circle{fill:transparent;stroke:#9e7a4d;stroke-width:2;stroke-dasharray:100.53 100.53;stroke-dashoffset:100.53;stroke-linecap:round}.sqh-dot.is-active .sqh-progress-ring__circle{animation:sqh-progress var(--sqh-interval) linear forwards}@keyframes sqh-progress{to{stroke-dashoffset:0}}.sqh-dot-inner{width:10px;height:10px;background:#ffffff80;border-radius:50%;transition:background .3s ease,transform .3s ease;z-index:1}.sqh-dot.is-active .sqh-dot-inner{background:#fff}.sqh-dot:hover .sqh-dot-inner{background:#fffc}.sqh-content{width:50vw;height:100vh;background:var(--sqh-cream);display:flex;align-items:center;justify-content:center;padding:64px 48px}.sqh-content-inner{width:100%;max-width:520px;text-align:center;display:flex;flex-direction:column;align-items:center}.sqh-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--sqh-gold);margin-bottom:28px}.sqh-heading{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,3.6vw,3.25rem);font-weight:500;color:var(--sqh-text);line-height:1.15;margin:0 0 40px;letter-spacing:-.02em}.sqh-microcopy{font-size:1.05rem;color:var(--sqh-text-muted);line-height:1.65;margin:0 0 28px}.sqh-usp-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.sqh-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--sqh-text);background:var(--sqh-white);padding:10px 16px;border-radius:50px;border:1px solid rgba(28,25,23,.1)}.sqh-chip-icon{width:18px;height:18px;stroke:var(--sqh-gold);flex-shrink:0}.sqh-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--sqh-primary);color:var(--sqh-white);font-size:16px;font-weight:600;padding:22px 52px;border-radius:50px;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.sqh-button-arrow{width:20px;height:20px;transition:transform .3s ease}@media (hover: hover){.sqh-button:hover{background:transparent;color:var(--sqh-primary);border-color:var(--sqh-primary)}.sqh-button:hover .sqh-button-arrow{transform:translate(4px)}}.sqh-button:focus-visible{outline:3px solid var(--sqh-gold);outline-offset:3px}.sqh-button:active{transform:scale(.97)}@media (max-width: 1024px){.sqh-container{flex-direction:column;height:auto}.sqh-slider{width:100%;height:min(70vh,560px)}.sqh-content{width:100%;height:auto;min-height:auto;padding:48px 32px 64px}.sqh-content-inner{max-width:540px;margin:0 auto}.sqh-heading{font-size:clamp(2.2rem,4vw,2.75rem)}.sqh-persona-card{bottom:24px;left:24px;padding:16px 20px}.sqh-persona-name{font-size:1.3rem}.sqh-dots{gap:12px}.sqh-dot,.sqh-progress-ring{width:36px;height:36px}.sqh-usp-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sqh-chip{justify-content:center}}@media (max-width: 767px){.sqh-persona-card{bottom:20px;left:20px;right:20px;max-width:none;padding:16px 20px}.sqh-persona-name{font-size:1.25rem}.sqh-persona-profile{font-size:.85rem}.sqh-profile-line1{font-size:.9rem}.sqh-profile-line2{font-size:.8rem}.sqh-dots{bottom:auto;top:20px;right:20px;gap:10px}.sqh-dot,.sqh-progress-ring{width:32px;height:32px}.sqh-progress-ring__bg,.sqh-progress-ring__circle{stroke-width:2.5}.sqh-progress-ring__circle{stroke-dasharray:78.54 78.54;stroke-dashoffset:78.54}@keyframes sqh-progress{to{stroke-dashoffset:0}}.sqh-dot-inner{width:8px;height:8px}.sqh-content{padding:56px 24px 72px}.sqh-content-inner{max-width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.sqh-label{margin-bottom:24px}.sqh-heading{font-size:35px;margin-bottom:40px}.sqh-button{width:auto;padding:18px 44px}}@media (max-width: 374px){.sqh-content{padding:40px 20px 56px}.sqh-heading{font-size:30px}.sqh-microcopy{font-size:.95rem}.sqh-chip{font-size:12px;padding:8px 10px}.sqh-persona-card{padding:14px 16px}.sqh-persona-name{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.sqh-slide{transition:opacity .1s ease,visibility .1s}.sqh-dot.is-active .sqh-progress-ring__circle{animation:none;stroke-dashoffset:0}.sqh-button,.sqh-dot-inner,.sqh-button-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/smellish-quiz-hero.css.map */