:root{--bg: #FFF8ED;--bg-dark: #F7EFE2;--ink: #201812;--ink-soft: rgba(32,24,18,.72);--ink-faint: rgba(32,24,18,.28);--gold: #8A642D;--gold-hi: #6F4B1F;--cream: #FBF6ED;--border: rgba(111,75,31,.22);--border-hi: rgba(111,75,31,.42);--dark: #201812;--serif: var(--font-cormorant, "Cormorant", Georgia, serif);--sans: "URW Form", "Trebuchet MS", Arial, sans-serif;--ease: cubic-bezier(.25,.46,.45,.94);--t: .4s var(--ease);--ts: .55s var(--ease);--gutter: clamp(20px, 5vw, 80px);--max: 1200px}[data-scent-quiz][data-font-scope]{background:var(--section-bg, var(--bg))}[data-scent-quiz] .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:9.5px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;padding:15px 32px;transition:all var(--t);cursor:pointer;border:none}[data-scent-quiz] .btn-gold{background:var(--gold);color:var(--cream)}[data-scent-quiz] .btn-gold:hover{background:var(--gold-hi);transform:translateY(-2px)}[data-scent-quiz] .btn-gold:disabled{opacity:.36;cursor:not-allowed;transform:none!important}[data-scent-quiz] .btn-outline{background:transparent;border:1px solid var(--border-hi);color:var(--ink)}[data-scent-quiz] .btn-outline:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.qhero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--dark)}.qhero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.qhero-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b090785,#0b0907b8)}.qhero-con{position:relative;z-index:2;padding:clamp(80px,12vw,120px) var(--gutter) clamp(48px,6vw,80px);max-width:620px;margin:0 auto}.qhero-label{display:block;font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}.qhero-title{font-family:var(--sans);font-size:clamp(40px,7vw,var(--heading-size, 78px));font-weight:300;color:var(--heading-color, #fff);line-height:.97;letter-spacing:-.018em;margin-bottom:18px}.qhero-sub{font-size:clamp(12px,1.4vw,14px);font-weight:300;letter-spacing:.08em;color:#ffffff8c;margin-bottom:36px;line-height:1.9}.qhero-steps{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.qhero-step{display:flex;align-items:center;gap:9px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff70}.qhero-step-n{width:21px;height:21px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8.5px;flex-shrink:0}.start-btn{display:inline-flex;align-items:center;gap:12px;background:var(--gold);color:var(--cream);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;padding:18px 44px;transition:all var(--t);border:none;cursor:pointer;font-family:var(--sans)}.start-btn:hover{background:var(--gold-hi);transform:translateY(-2px)}.start-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.qshell{display:none;min-height:80vh;background:var(--bg)}.qshell.on{display:block}.qprog{position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid var(--border);padding:12px var(--gutter);display:flex;align-items:center;gap:14px}.qprog-back{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;transition:color var(--t);flex-shrink:0}.qprog-back:hover:not(:disabled){color:var(--ink)}.qprog-back:disabled{opacity:.4;cursor:default}.qprog-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.qprog-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .5s var(--ease)}.qprog-num{font-size:10px;letter-spacing:.14em;color:var(--ink-faint);flex-shrink:0;white-space:nowrap}.qstep{display:none}.qstep.on{display:block;animation:quizSlideIn .46s var(--ease) both}@keyframes quizSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.qstep-in{max-width:var(--max);margin:0 auto;padding:clamp(36px,6vw,70px) var(--gutter)}.q-num{font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.q-title{font-family:var(--sans);font-size:clamp(24px,3.5vw,42px);font-weight:300;line-height:1.15;color:var(--ink);margin-bottom:8px;max-width:500px}.vopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:3px;margin-bottom:clamp(26px,4vw,40px)}.vopt{position:relative;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--t),transform var(--t);background:var(--bg-dark);aspect-ratio:3/4;display:block}.vopt:hover{border-color:var(--border-hi);transform:translateY(-2px)}.vopt:has(input:checked){border-color:var(--gold)}.vopt img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .8s var(--ease)}.vopt:hover img{transform:scale(1.04)}.vopt-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(11,9,7,.8) 100%)}.vopt:has(input:checked) .vopt-ov{background:linear-gradient(180deg,#8a642d1a,#0b0907d6)}.vopt-body{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:18px 16px}.vopt-name{display:block;font-family:var(--sans);font-size:clamp(16px,2vw,21px);font-weight:300;color:#fff;margin-bottom:5px;line-height:1.2}.vopt-sub{display:block;font-size:9.5px;font-weight:300;letter-spacing:.12em;color:#ffffff80}.vopt-tick{position:absolute;top:13px;right:13px;z-index:3;width:25px;height:25px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all var(--t);color:#fff;font-size:11px}.vopt:has(input:checked) .vopt-tick{opacity:1;transform:scale(1)}.vopt input{position:absolute;opacity:0;pointer-events:none}.topts{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:clamp(26px,4vw,40px)}@media(min-width:640px){.topts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.topt{padding:26px 18px;background:var(--bg-dark);border:2px solid transparent;cursor:pointer;transition:all var(--t);text-align:left;display:block}.topt:hover{border-color:var(--border-hi);background:var(--cream)}.topt:has(input:checked){border-color:var(--gold);background:var(--cream)}.topt-name{font-family:var(--sans);font-size:18px;font-weight:300;color:var(--ink);margin-bottom:6px;display:block}.topt-sub{font-size:10px;letter-spacing:.12em;color:var(--ink-faint)}.topt input{position:absolute;opacity:0;pointer-events:none}.qnav{margin-top:clamp(26px,4vw,40px);display:flex;align-items:center;gap:20px;flex-wrap:wrap}.qnext{padding:16px 40px;font-size:10px;letter-spacing:.24em}.qresult{display:none}.qresult.on{display:block;animation:quizSlideIn .6s var(--ease) both}.res-hero{position:relative;min-height:60vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--dark)}.res-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.res-hero-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 28%,rgba(11,9,7,.92) 100%)}.res-hero-con{position:relative;z-index:2;padding:clamp(40px,6vw,70px) var(--gutter);width:100%}.res-label{display:block;font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.res-name{font-family:var(--sans);font-size:clamp(54px,9vw,110px);font-weight:300;color:#fff;line-height:.88;letter-spacing:-.02em;margin-bottom:14px}.res-tagline{font-family:var(--sans);font-size:clamp(15px,2vw,21px);font-weight:300;color:#ffffff8c;margin-bottom:18px;max-width:600px}.res-badge{display:inline-flex;align-items:center;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#8a642d29;border:1px solid rgba(138,100,45,.4);padding:6px 14px}.res-body{background:var(--cream);padding:clamp(40px,6vw,80px) var(--gutter)}.res-body-in{max-width:700px;margin:0 auto}.res-why-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.res-why{font-size:14px;font-weight:300;color:var(--ink-soft);line-height:2;margin-bottom:24px}.res-notes{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.res-note{display:flex;align-items:flex-start;gap:12px}.res-note-tier{width:42px;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);flex-shrink:0;padding-top:3px}.res-note-pills{display:flex;gap:8px;flex-wrap:wrap}.res-note-pill{font-family:var(--sans);font-size:13px;font-weight:300;color:var(--ink-soft)}.res-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.res-cta{padding:17px 36px;font-size:10px;letter-spacing:.24em}.res-sample{padding:17px 28px;font-size:10px;letter-spacing:.24em}.res-retake{padding:14px 28px}.res-others{background:var(--bg);padding:clamp(40px,6vw,72px) var(--gutter);border-top:1px solid var(--border)}.res-others-in{max-width:var(--max);margin:0 auto}.res-others-title{font-family:var(--sans);font-size:clamp(22px,3vw,32px);font-weight:300;color:var(--ink);margin-bottom:28px}.res-others-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.res-other{cursor:pointer;display:block}.res-other img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center center;transition:transform .8s var(--ease)}.res-other:hover img{transform:scale(1.03)}.res-other-body{padding:16px 14px;background:var(--cream);border:1px solid var(--border);border-top:none}.res-other-name{font-family:var(--sans);font-size:20px;font-weight:300;margin-bottom:4px;color:var(--ink)}.res-other-sub{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.res-other-price{font-family:var(--sans);font-size:15px;color:var(--gold)}@media(max-width:768px){.vopts{grid-template-columns:1fr 1fr}.vopt{aspect-ratio:2/3}}@media(max-width:480px){.vopts,.topts,.res-others-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/quiz-page.css.map */