.quiz-body .forest-backdrop:after{background:#042321b0}.quiz-main{max-width:1160px;margin:0 auto;padding:160px 35px 90px}.quiz-eyebrow{text-align:center}.quiz-progress{height:2px;background:#bdc7ae40;max-width:400px;margin:0 auto 35px;overflow:hidden}.quiz-progress>div{height:100%;background:var(--lilac);width:0;transition:width .4s}.quiz-card{display:grid;grid-template-columns:44% 56%;background:#f4eddb;color:#183c32;box-shadow:0 25px 80px #00151277;border:1px solid #d8c9a5;border-radius:4px;overflow:hidden}.quiz-visual{background:#e7dfc9;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #c8c2a566}.question-art{width:100%;aspect-ratio:1.5;background-image:url('../assets/quiz-a.webp');background-size:200% 200%;background-position:0 0;position:relative}.location-marker{position:absolute;left:8%;top:9%;font-size:11px;font-weight:600;padding:5px 10px;background:#e3cbed;box-shadow:0 2px 9px #24332322;color:#243a30;border-radius:3px}.location-marker i{position:absolute;top:100%;left:100%;width:115px;height:1px;background:#775b8a;transform-origin:0 0;transform:rotate(8deg)}.location-marker i:after{content:'';position:absolute;right:-4px;top:-4px;width:9px;height:9px;background:#dcb7ef;border:1px solid #775b8a;border-radius:50%}.question-art.nape .location-marker{top:72%;left:9%}.question-art.nape .location-marker i{transform:rotate(-18deg);width:100px}.visual-caption{padding:32px 35px}.visual-caption .eyebrow{color:#737953;font-size:8px;letter-spacing:2px;margin-bottom:14px}.visual-caption h2{font-size:35px;letter-spacing:-.5px;margin-bottom:15px}.visual-caption>p:last-child{font-size:12px;color:#5b6d58;max-width:310px;margin-bottom:0}.quiz-content{padding:40px 42px}.quiz-content .eyebrow{color:#7b805f;font-size:9px;margin-bottom:18px}.quiz-content h1{font-size:34px;line-height:1.16;letter-spacing:-.4px;margin-bottom:28px}.quiz-content h1:focus,.result-card h1:focus{outline:none}.quiz-option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:16px 15px;background:#faf7ed;border:1px solid #c4c5ad;border-radius:2px;color:#344b3a;font-size:12px;line-height:1.5;margin:10px 0;transition:background .15s,border-color .15s}.quiz-option:hover{border-color:#627b5f;background:#e7ecdf}.quiz-option[aria-pressed=true]{background:#e4d9ed;border-color:#79698a;box-shadow:inset 3px 0 #79698a}.option-letter{flex-shrink:0;width:26px;height:26px;border:1px solid #7b8c7077;border-radius:50%;display:grid;place-items:center;font-size:10px}.option-icon{flex-shrink:0;width:32px;height:40px;stroke:#58785f;stroke-width:2;fill:none}.quiz-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.dark{background:#214a3b;color:#f6efdc}.dark:hover{background:#315e4b}.quiz-hint{font-size:9px;color:#73806d;margin:18px 0 0}.quiz-content .text-button{color:#3b5644}.result-card{max-width:760px;margin:auto;background:#f1e8d2;color:#28422f;text-align:center;padding:45px 55px;box-shadow:0 20px 80px #001b1b88;border:1px solid #d8c9a5;border-radius:4px}.result-card .eyebrow{color:#7b7757;font-size:9px}.result-emblem{font-size:36px;margin:0 auto 20px;width:75px;height:75px;border:1px solid #a1a887;border-radius:50%;display:grid;place-items:center;background:#dfd6e7}.result-card h1{font-size:65px;margin-bottom:15px}.result-card>p{font-size:14px}.result-card #result-influence{font-size:12px;color:#627058}.result-guide{position:relative;margin:30px 0 20px;padding:25px 28px;text-align:left;background:#fcf8ef;border:1px solid #c6b991}.result-guide h2{font-size:30px}.result-guide h3{font-size:23px;line-height:1.2;margin-bottom:10px}.result-guide p{font-size:13px}.result-guide.locked #guide-content{filter:blur(6px);user-select:none}.guide-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f7eddb90;text-align:center;font-size:14px}.guide-lock span{font-size:60px;color:#856f35;line-height:1.2}.result-form{margin:25px auto}.result-form label{line-height:1.6}.result-form .email-row{border-color:#7a8c67}.result-form .email-row input,.result-form button{color:#234a39}.result-form input::placeholder{color:#798469}.result-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:30px}.result-actions .text-button{color:#36523e}.result-form .form-status{color:#37543b}.result-card #share-status{font-size:11px;margin:15px 0 0}
@media(max-width:850px){.quiz-main{padding:135px 25px 80px}.quiz-card{grid-template-columns:38% 62%}.quiz-content{padding:30px}.quiz-content h1{font-size:29px}.visual-caption{padding:25px}.visual-caption h2{font-size:30px}.location-marker i{width:60px}.question-art.nape .location-marker i{width:50px}}
@media(max-width:600px){.quiz-main{padding:125px 16px 85px}.quiz-card{grid-template-columns:1fr}.quiz-visual{border-right:0;border-bottom:1px solid #c8c2a566;display:grid;grid-template-columns:55% 45%;align-items:center}.question-art{aspect-ratio:1.2;background-size:200% 200%}.visual-caption{padding:15px 12px}.visual-caption .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:8px}.visual-caption h2{font-size:23px;margin-bottom:8px;line-height:1.06}.visual-caption>p:last-child{font-size:10px}.location-marker{font-size:8px;left:3%;padding:3px 6px}.location-marker i{width:35px}.question-art.nape .location-marker{left:1%;top:73%}.question-art.nape .location-marker i{width:35px}.quiz-content{padding:26px 23px}.quiz-content h1{font-size:28px}.quiz-option{padding:12px 11px;font-size:11px;gap:10px}.quiz-navigation{margin-top:20px}.quiz-progress{margin-bottom:25px}.result-card{padding:30px 22px}.result-card h1{font-size:55px}.result-guide{padding:20px}.result-actions{gap:15px}.result-actions .button{padding:13px 17px;font-size:11px}.quiz-body .site-header nav>a:first-child{display:block}.quiz-body .site-header nav>a:last-child{display:none}}