@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#191919;--paper:#f7f5ef;--orange:#ff5424;--muted:#555;--theme:#ff5424}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #188bff;outline-offset:3px}.container{width:min(1190px,calc(100% - 38px));margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:2px solid var(--ink)}.logo{font-family:'Archivo Black',sans-serif;letter-spacing:-2px;font-size:24px;line-height:1}.logo i{color:var(--orange);font-style:normal}.navlinks{display:flex;align-items:center;gap:19px;font-weight:800;font-size:13px}.navlinks a:hover{text-decoration:underline}.navlinks .nav-btn{background:var(--ink);color:white;padding:12px 18px}.strip{background:var(--ink);color:white;padding:9px 0;text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:10px}.intro{padding:54px 0 38px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.17em;color:var(--orange);font-size:12px}.intro h1,.quiz-art h1,.end-title{font:normal clamp(48px,7.2vw,104px)/.99 'Archivo Black',sans-serif;letter-spacing:-.07em;text-transform:uppercase;max-width:1030px;margin:14px 0 22px}.intro h1 span{color:var(--orange)}.intro p{max-width:660px;font-size:19px;line-height:1.55;margin:0}.intro-helper{margin-top:18px;font-size:12px;color:#555}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px 0 85px}.test-card{display:flex;flex-direction:column;border:2px solid var(--ink);background:white;transition:transform .2s,box-shadow .2s;min-width:0}.test-card:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--ink)}.test-card:nth-child(2){transform:rotate(.5deg)}.test-card:nth-child(3){transform:rotate(-.35deg)}.test-card .art{height:270px;position:relative;overflow:hidden;background:var(--theme)}.test-card .art img{width:100%;height:100%;object-fit:cover;display:block}.test-card .art .art-stamp{position:absolute;left:13px;top:13px;background:var(--theme);padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border:2px solid var(--ink)}.test-card-content{padding:25px;display:flex;flex-direction:column;gap:9px;flex:1}.test-card h2{font:normal clamp(26px,2.3vw,34px)/1.1 'Archivo Black',sans-serif;letter-spacing:-.05em;margin:0}.test-card p{font-size:13px;color:#414141;margin:0;flex:1}.start{margin-top:15px;font-size:13px;display:inline-flex;justify-content:space-between;align-items:center;gap:10px;font-weight:800;text-transform:uppercase;border-top:2px solid #ddd;padding-top:14px}.research{border-top:2px solid var(--ink);padding:40px 0 55px;display:grid;grid-template-columns:1fr 1.5fr;gap:35px}.research h2{font:normal 33px/1.03 'Archivo Black',sans-serif;letter-spacing:-.045em;margin:0}.research p{font-size:14px;color:#555;margin:0 0 13px}.research a{text-decoration:underline}.footer{border-top:2px solid var(--ink);font-size:12px;color:#555;padding:22px 0 35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline}.quiz-shell{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:0;margin-top:32px;min-height:680px;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:white;margin-bottom:68px}.quiz-art{background:var(--theme);position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0}.quiz-art .cover{height:420px;width:100%;object-fit:cover;object-position:center 40%;filter:contrast(1.07)}.quiz-art .sticker{position:absolute;top:20px;left:20px;background:var(--paper);padding:10px 13px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;font-size:11px;transform:rotate(-4deg);border:2px solid var(--ink)}.quiz-art .bottom{padding:28px;flex:1;background:var(--theme)}.quiz-art h1{font-size:clamp(39px,4.1vw,66px);margin:8px 0 12px}.quiz-art p{font-weight:700;font-size:14px;max-width:460px}.quiz-panel{padding:40px;display:flex;flex-direction:column;justify-content:center;min-width:0}.quiz-panel .top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.progress{height:9px;background:#e6e2d9;margin:17px 0 45px}.progress span{display:block;width:0;height:100%;background:var(--theme);transition:width .18s}.question-text{font:normal clamp(27px,3.0vw,43px)/1.15 'Archivo Black',sans-serif;letter-spacing:-.047em;margin:0 0 14px;min-height:110px}.subquestion{font-size:14px;color:#555;margin:0 0 28px}.choices{display:flex;flex-direction:column;gap:11px}.choice{background:#f9f7f2;border:2px solid #dedbd4;padding:16px 18px;text-align:left;min-height:55px;font-weight:800;display:flex;align-items:center;gap:15px;font-size:14px}.choice b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #aaa;font-size:12px}.choice:hover{border-color:var(--ink)}.choice[aria-pressed="true"]{border-color:var(--ink);background:var(--theme);box-shadow:4px 4px 0 var(--ink)}.buttons{margin-top:29px;display:flex;gap:10px;justify-content:space-between}.action{border:2px solid var(--ink);padding:14px 20px;font-size:14px;font-weight:800;background:var(--ink);color:white}.action.main{background:var(--theme);color:var(--ink);flex:1;text-align:center}.action:disabled{opacity:.35;cursor:not-allowed}.caption{font-size:11px;color:#666;margin-top:23px}.hidden{display:none!important}.results .score{font:normal clamp(70px,10vw,120px)/1 'Archivo Black',sans-serif;letter-spacing:-.09em;margin:12px 0;color:var(--ink)}.results .score span{font-size:30px;letter-spacing:0}.meter{height:22px;background:#e9e5df;border:2px solid var(--ink);margin:10px 0 19px}.meter span{height:100%;background:var(--theme);display:block}.results h2{font:normal clamp(29px,3vw,42px)/1.09 'Archivo Black',sans-serif;letter-spacing:-.04em;margin:0 0 15px}.results p{font-size:15px}.results .note{padding:14px 16px;background:#f3f1ec;border-left:5px solid var(--theme);font-size:13px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.result-actions .action{flex:1}.source-link{font-weight:800;text-decoration:underline}.method{font-size:13px;color:#666;margin-top:20px;border-top:1px solid #ddd;padding-top:16px}.method a{text-decoration:underline}.privacy{font-size:12px;margin:15px 0;color:#666}@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-shell{grid-template-columns:1fr;min-height:0}.quiz-art{display:grid;grid-template-columns:160px minmax(0,1fr)}.quiz-art .cover{height:210px}.quiz-art .sticker{top:8px;left:8px;font-size:8px;max-width:140px}.quiz-art .bottom{padding:22px}.quiz-art h1{font-size:clamp(27px,4.8vw,45px)}.quiz-art p{font-size:12px}.quiz-panel{padding:28px}.question-text{min-height:0}}@media(max-width:580px){.container{width:min(100% - 26px,500px)}.nav{height:67px}.logo{font-size:21px}.navlinks{gap:10px}.navlinks a:not(.nav-btn){display:none}.navlinks .nav-btn{padding:9px 12px;font-size:11px}.intro{padding:32px 0 25px}.intro h1{font-size:clamp(39px,11vw,61px)}.intro p{font-size:15px}.test-grid{grid-template-columns:1fr;gap:16px;padding-bottom:45px}.test-card .art{height:240px}.test-card h2{font-size:27px}.research{grid-template-columns:1fr;gap:16px}.quiz-shell{margin-top:17px;box-shadow:4px 4px 0 var(--ink);margin-bottom:42px}.quiz-art{display:grid;grid-template-columns:116px minmax(0,1fr)}.quiz-art .cover{height:172px}.quiz-art .bottom{padding:15px 14px}.quiz-art h1{font-size:clamp(22px,5.2vw,31px);line-height:1}.quiz-art p{display:none}.quiz-art .sticker{display:none}.quiz-panel{padding:19px}.quiz-panel .top{font-size:10px}.progress{margin:14px 0 24px}.question-text{font-size:clamp(25px,7vw,35px)}.subquestion{margin-bottom:18px}.choice{padding:11px;font-size:13px;min-height:51px}.action{padding:13px 14px;font-size:12px}.buttons{margin-top:21px}.results .score{font-size:72px}.results h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}