.quiz-page{position:relative;background:var(--color-dark);color:var(--color-white);min-height:100vh;padding-top:112px}@media(max-width:1023px){.quiz-page{padding-top:104px}}@media(max-width:480px){.quiz-page{padding-top:92px}}.quiz-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}.quiz-page>*{position:relative;z-index:1}.quiz-page-header{padding:5rem 0 3rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.quiz-page-header__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:#ffffff59;margin-bottom:1.25rem}.quiz-page-header__eyebrow:before,.quiz-page-header__eyebrow:after{content:"";width:40px;height:1px;background:#ffffff26}.quiz-page-header__title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,4vw,3.25rem);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--color-white);margin:0 0 1rem}.quiz-page-header__sub{font-family:var(--font-sans);font-size:var(--text-sm);color:#ffffff80;max-width:480px;margin:0 auto;line-height:1.6}.quiz-embed-wrap{padding:3rem 0 5rem}.quiz-embed-iframe{display:block;width:100%;min-height:700px;border:none;background:var(--color-white)}@media(max-width:767px){.quiz-embed-iframe{min-height:100vh}}.quiz-coming-soon{padding:5rem 0 6rem}.quiz-coming-soon__inner{max-width:540px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.quiz-coming-soon__msg{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.25rem,3vw,1.625rem);font-weight:400;line-height:1.5;color:var(--color-white)}.quiz-coming-soon__cta{display:inline-flex;align-items:center;gap:.625rem}.quiz-intro{position:relative;min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 1.5rem}.quiz-intro__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.quiz-intro__bg img{width:100%;height:100%;object-fit:cover}.quiz-intro__bg--dark{background:var(--color-dark)}.quiz-intro__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0d0b8c,#0d0d0bd9)}.quiz-intro__content{position:relative;z-index:1;text-align:center;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.quiz-intro__label{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:#fff6}.quiz-intro__label:before,.quiz-intro__label:after{content:"";width:32px;height:1px;background:#ffffff2e}.quiz-intro__title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--color-white);margin:0}.quiz-intro__sub{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff8c;letter-spacing:.2em;text-transform:uppercase;line-height:1.7;margin:0}.quiz-intro .btn-outline-white,.quiz-intro__cta{padding:1rem 2.5rem;border:1px solid rgba(255,255,255,.45);background:transparent;color:var(--color-white);font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);margin-top:.5rem}.quiz-intro .btn-outline-white:hover,.quiz-intro__cta:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-dark)}.quiz-questions{min-height:calc(100vh - 112px);display:flex;align-items:center;padding:3rem 0 4rem}.quiz-questions>.container{width:100%}.quiz-progress{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;max-width:760px;margin-left:auto;margin-right:auto}.quiz-progress__bar{flex:1;height:1px;background:#ffffff1a;overflow:hidden}.quiz-progress__fill{height:100%;background:var(--color-white);transition:width .4s ease}.quiz-progress__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#fff6;white-space:nowrap}.quiz-question-wrap{position:relative;margin-bottom:2.5rem;max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.quiz-q-num{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff59;margin-bottom:1rem}.quiz-question__text{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;color:var(--color-white);line-height:1.15;margin:0 0 2.5rem}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;max-width:760px;margin:0 auto}@media(min-width:768px){.quiz-options{grid-template-columns:repeat(4,1fr)}}.quiz-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2rem 1rem 1.75rem;background:var(--color-dark-elevated);border:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:center;transition:border-color var(--transition-base),background var(--transition-base);color:var(--color-white)}.quiz-option:hover{border-color:#ffffff59;background:#ffffff08}.quiz-option:active{transform:scale(.98)}.quiz-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#ffffff8c;transition:color .2s ease}.quiz-option:hover .quiz-option-icon{color:var(--color-white)}.quiz-option-icon svg{width:28px;height:28px}.quiz-option__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;transition:color .2s ease;line-height:1.4}.quiz-option:hover .quiz-option__label{color:var(--color-white)}.quiz-open{max-width:640px;margin:0 auto;text-align:left}.quiz-open__textarea{width:100%;min-height:140px;padding:1.125rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.15);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-white);line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease,background .2s ease}.quiz-open__textarea:focus{border-color:#ffffff80;background:#ffffff0d}.quiz-open__textarea::placeholder{color:#ffffff59}.quiz-open__actions{display:flex;gap:.75rem;margin-top:1.25rem;justify-content:flex-end}.quiz-open__skip{background:none;border:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;cursor:pointer;padding:.875rem 1.25rem;transition:color .2s ease}.quiz-open__skip:hover{color:var(--color-white)}.quiz-open__submit{padding:.875rem 1.75rem;background:var(--color-white);color:var(--color-dark);border:1px solid var(--color-white);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .2s ease}.quiz-open__submit:hover{background:#ffffffe0}.quiz-nav{display:flex;justify-content:center;margin-top:2.5rem}.quiz-nav__back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;padding:.5rem 0;min-height:44px;transition:color var(--transition-base)}.quiz-nav__back:hover{color:var(--color-white)}.quiz-nav__back-icon{flex-shrink:0;transition:transform .2s ease}.quiz-nav__back:hover .quiz-nav__back-icon{transform:translate(-4px)}.quiz-results{padding:5rem 0 6rem}@media(max-width:768px){.quiz-results{padding:3rem 0 4rem}}.quiz-results__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem;text-align:center;padding:2rem 1.5rem}.quiz-loading-spinner{position:relative;width:180px;height:1px;background:#ffffff1a;overflow:hidden;border:none;animation:none;border-radius:0}.quiz-loading-spinner:after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:var(--color-white);animation:quiz-loading-sweep 1.6s cubic-bezier(.65,0,.35,1) infinite}@keyframes quiz-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.quiz-loading-text{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:400;color:var(--color-white);line-height:1.2;margin:0}.quiz-loading-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#ffffff73;margin:0;display:inline-flex;align-items:center;gap:.875rem}.quiz-loading-sub:before,.quiz-loading-sub:after{content:"";width:24px;height:1px;background:#ffffff26}.quiz-profile{text-align:center;max-width:620px;margin:0 auto 4.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.08)}.quiz-profile__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.3em;text-transform:uppercase;color:#ffffff59;margin-bottom:1.25rem}.quiz-profile__eyebrow:before,.quiz-profile__eyebrow:after{content:"";width:40px;height:1px;background:#ffffff26}.quiz-profile__title{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.875rem,4vw,2.875rem);font-weight:400;line-height:1.15;color:var(--color-white);margin:0 0 1rem}.quiz-profile__desc{font-family:var(--font-sans);font-size:var(--text-sm);color:#ffffff8c;line-height:1.7;margin:0}.quiz-results__grid{display:grid;grid-template-columns:1fr;gap:2px;margin-bottom:3rem;max-width:1100px;margin-left:auto;margin-right:auto}@media(min-width:640px){.quiz-results__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.quiz-results__grid{grid-template-columns:repeat(3,1fr)}}.quiz-result-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);color:var(--color-dark);border:1px solid rgba(255,255,255,.1);transition:border-color .3s}.quiz-result-card:hover{border-color:#ffffff4d}.quiz-result-card--primary{border-color:var(--color-white)}.quiz-result-card__label{position:absolute;top:0;right:0;z-index:2;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:6px 14px;background:var(--color-dark);color:var(--color-white)}.quiz-result-card--primary .quiz-result-card__label{background:var(--color-white);color:var(--color-dark);border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.quiz-result-card__image-wrap{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--color-white);position:relative}.quiz-result-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.quiz-result-card__image-wrap:hover .quiz-result-card__image{transform:scale(1.04)}.quiz-result-card__body{padding:1.75rem;display:flex;flex-direction:column;gap:.4rem;flex:1}@media(max-width:1023px){.quiz-result-card__body{padding:1.5rem}}.quiz-result-card__brand{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}.quiz-result-card__name{font-family:var(--font-serif);font-size:1.375rem;font-weight:400;color:var(--color-dark);line-height:1.15;margin:0}.quiz-result-card__body a{text-decoration:none;color:inherit}.quiz-result-card__body a:hover .quiz-result-card__name{color:#0d0d0bb3}.quiz-result-card .price{font-family:var(--font-mono);font-size:1rem;color:var(--color-dark);margin-top:.25rem}.quiz-result__price-link{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);text-decoration:none;margin-top:.25rem;transition:color .2s ease}.quiz-result__price-link:hover{color:var(--color-dark)}.quiz-result-card__why{font-family:var(--font-sans);font-size:12px;color:var(--color-muted);line-height:1.6;margin:.875rem 0 0;padding-top:.875rem;border-top:1px solid var(--color-border)}.quiz-result-card__footer{padding:0 1.75rem 1.75rem;margin-top:auto}@media(max-width:1023px){.quiz-result-card__footer{padding:0 1.5rem 1.5rem}}.quiz-result-card .btn,.quiz-result-card__footer .btn{display:block;width:100%;padding:1rem;border:1px solid var(--color-dark);background:var(--color-dark);color:var(--color-white);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.quiz-result-card .btn:hover,.quiz-result-card__footer .btn:hover{background:var(--color-text-soft);border-color:var(--color-text-soft)}.quiz-results__actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem}@media(min-width:640px){.quiz-results__actions{flex-direction:row;justify-content:center;gap:1.5rem}}.quiz-results__actions .btn-outline{padding:1rem 2rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:var(--color-white);font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.quiz-results__actions .btn-outline:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-dark)}.quiz-restart-btn,.quiz-results__retake{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;padding:1rem;transition:color var(--transition-base);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#fff3}.quiz-restart-btn:hover,.quiz-results__retake:hover{color:var(--color-white);text-decoration-color:#fff9}.quiz-fade-enter{transition:opacity .3s ease,transform .3s ease}.quiz-fade-enter-start{opacity:0;transform:translateY(8px)}.quiz-fade-enter-end{opacity:1;transform:translateY(0)}.quiz-fade-leave{transition:opacity .2s ease}.quiz-fade-leave-start{opacity:1}.quiz-fade-leave-end{opacity:0}.quiz-q-enter{transition:opacity .25s ease,transform .25s ease}.quiz-q-enter-start{opacity:0;transform:translate(12px)}.quiz-q-enter-end{opacity:1;transform:translate(0)}@media(max-width:767px){.quiz-option{padding:1.5rem .75rem 1.25rem}.quiz-option-icon{width:40px;height:40px}.quiz-option-icon svg{width:24px;height:24px}.quiz-open__textarea{min-height:110px;padding:1rem}.quiz-open__actions{flex-direction:column}.quiz-open__skip,.quiz-open__submit{width:100%;text-align:center}.quiz-profile{margin-bottom:2.5rem;padding-bottom:2rem}.quiz-results>.container{padding-left:0;padding-right:0}.quiz-results .quiz-profile{padding-left:1.25rem;padding-right:1.25rem}.quiz-results__grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:.875rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:1.25rem;padding:0 1.25rem .5rem;margin-bottom:2rem;scrollbar-width:none}.quiz-results__grid::-webkit-scrollbar{display:none}.quiz-result-card{scroll-snap-align:start}.quiz-results__actions{padding:0 1.25rem}}@media(max-width:480px){.quiz-page-header{padding:3rem 1rem 2rem}.quiz-intro{padding:3rem 1rem}.quiz-intro__content{gap:1.25rem}.quiz-questions{padding:2rem 0 3rem;min-height:calc(100vh - 96px)}.quiz-progress{margin-bottom:2rem}.quiz-question__text{margin-bottom:1.75rem}.quiz-coming-soon{padding:3rem 0 4rem}.quiz-results__actions{width:100%;padding:0 1rem}.quiz-results__actions .btn-outline{width:100%;text-align:center}.quiz-restart-btn{width:100%}}@media(max-width:359px){.quiz-options{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/quiz.css.map */