.quiz-intro{background:var(--qi-bg, var(--color-hero-bg));text-align:center;overflow:hidden;position:relative;min-height:100vh;min-height:100svh;max-height:100vh;max-height:100svh;height:100vh;height:100svh;box-sizing:border-box;display:flex;flex-direction:column}.quiz-intro__inner{max-width:1080px;margin-inline:auto;padding-inline:var(--space-md);display:flex;flex-direction:column;align-items:center}.quiz-intro__heading{font-family:var(--font-heading);font-weight:400;font-size:var(--qi-heading-size, 90px);line-height:1.05;letter-spacing:1px;color:var(--color-primary-text);-webkit-text-stroke:1.3px currentColor;margin:-5px}.quiz-intro__heading em{font-style:normal;color:var(--color-accent)}.quiz-intro__subtitle{font-family:var(--font-content);font-weight:400;font-style:italic;font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--color-primary-text);opacity:.82;max-width:640px;font-size:20px;margin:17px auto}.quiz-intro__btn{font-size:19px;padding:8px 48px;position:relative;z-index:0;isolation:isolate}@property --qi-shine-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.quiz-intro__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--qi-shine-angle),transparent 0deg,transparent 250deg,rgba(255,240,225,.85) 300deg,#ffffff 322deg,rgba(246,136,80,.9) 342deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:qiShineRun 6s linear infinite}@supports not (background: conic-gradient(from var(--qi-shine-angle),red,blue)){.quiz-intro__btn:after{background:conic-gradient(from 0deg,transparent 250deg,#fff 322deg,transparent 360deg);animation:qiShinePulse 3s ease-in-out infinite}}@keyframes qiShineRun{to{--qi-shine-angle: 360deg}}@keyframes qiShinePulse{0%,to{opacity:.35}50%{opacity:1}}.quiz-intro__caption{font-family:var(--font-content);font-style:italic;font-size:15px;letter-spacing:var(--letter-spacing-body);color:var(--color-primary-text);opacity:.55;margin:12px}.quiz-intro__image-wrap{width:min(var(--qi-image-max, 1080px),100vw);max-width:100%;margin:-90px auto 0;box-sizing:border-box;flex:1 1 auto;min-height:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.quiz-intro__image{width:100%;height:auto;max-height:72vh;max-height:min(72svh,860px);object-fit:contain;object-position:bottom center;display:block}.quiz-intro__image--mobile{display:none}.quiz-intro__image-placeholder svg{width:100%;height:auto;opacity:.35}@keyframes qiFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes qiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.quiz-intro .qi-reveal{animation-name:qiFadeUp;animation-duration:1s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.quiz-intro .qi-delay-1{animation-delay:.08s}.quiz-intro .qi-delay-2{animation-delay:.24s}.quiz-intro .qi-delay-3{animation-delay:.4s}.quiz-intro .qi-delay-4,.quiz-intro__image-wrap.qi-reveal{animation-delay:.56s}.quiz-intro__image-wrap.qi-float .quiz-intro__image{animation:qiFloat 5.5s ease-in-out infinite}@media screen and (max-width:1024px){.quiz-intro__heading{font-size:clamp(48px,8vw,90px)}}@media screen and (max-width:768px){.quiz-intro{justify-content:center}.quiz-intro__subtitle{font-size:18px;line-height:26px}.quiz-intro__image-wrap{flex:0 0 auto;margin-top:var(--space-md)}.quiz-intro__image{max-height:none}.quiz-intro__btn{font-size:18px;padding:14px 40px}.quiz-intro__image--mobile{display:block}.quiz-intro__image-wrap:has(.quiz-intro__image--mobile) .quiz-intro__image--desktop{display:none}}@media screen and (max-width:480px){.quiz-intro__heading{font-size:clamp(34px,11vw,48px)}.quiz-intro__subtitle{font-size:16px}.quiz-intro__image-wrap.qi-float .quiz-intro__image{animation:none}}@media(prefers-reduced-motion:reduce){.quiz-intro .qi-reveal,.quiz-intro__image-wrap.qi-float .quiz-intro__image{animation:none!important;opacity:1!important;transform:none!important}.quiz-intro__btn:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-quiz-intro.css.map */