.quiz-intro-hero{position:relative;width:100%;aspect-ratio:390 / 604;overflow:hidden;background:#fff}.quiz-intro-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;background-repeat:no-repeat}.quiz-intro-hero__bg--desktop{display:none}.quiz-intro-hero__content{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;padding:32px 24px 0}.quiz-intro-hero__heading{margin:0 0 13px;max-width:280px;font-family:Playfair Display,serif;font-style:italic;font-weight:400;font-size:35px;line-height:1.09;letter-spacing:.052em;text-align:center;color:#404040}.quiz-intro-hero__subheading{margin:0 0 13px;max-width:320px;font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:1.25;letter-spacing:-.01em;text-transform:uppercase;text-align:center;color:#404040}.quiz-intro-hero__email-field{width:100%;max-width:320px;margin:0 0 13px}.quiz-intro-hero__email-input{width:100%;padding:12px 16px;border:1px solid rgba(64,64,64,.3);border-radius:999px;background:#fff;color:#404040;font-family:Inter,sans-serif;font-size:14px;text-align:center}.quiz-intro-hero__email-error{margin:8px 0 0;font-family:Inter,sans-serif;font-size:13px;color:#b21d1f}.quiz-intro-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:34px;padding:0 28px;border:none;border-radius:999px;background:#79999e;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:15px;line-height:1.3;cursor:pointer}.quiz-intro-hero__cta:hover{filter:brightness(.96)}@media screen and (min-width:750px){.quiz-intro-hero{aspect-ratio:1440 / 720}.quiz-intro-hero__bg--mobile{display:none}.quiz-intro-hero__bg--desktop{display:block}.quiz-intro-hero__content{align-items:center;justify-content:center;max-width:680px;padding:0 60px}.quiz-intro-hero__heading{max-width:540px;font-size:64px}.quiz-intro-hero__subheading,.quiz-intro-hero__email-field{max-width:480px}.quiz-intro-hero__subheading{font-size:20px;margin-bottom:24px}.quiz-intro-hero__cta{height:50px;padding:0 40px;font-size:17px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-quiz-intro-hero.css.map */