@layer page{.quiz-intro{background:var(--cream-grade);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;text-align:center}.quiz-intro-inner{width:100%;max-width:var(--read);margin:0 auto;padding:0 var(--gutter);display:flex;flex-direction:column}.quiz-intro h1{font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:var(--t-h1);line-height:var(--lh-h1);margin:20px 0 24px}.quiz-intro p{color:var(--ink-soft);font-weight:300;font-size:var(--t-lede);max-width:48ch;margin:0 auto 40px;line-height:var(--lh-lede)}.progress{height:2px;background:var(--rule);margin-bottom:50px;position:relative}.progress-bar{height:100%;background:var(--gold);width:0%;transition:width .4s ease}.progress-label{font-family:var(--font-sans);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;display:block}.q-card{display:none}.q-card.active{display:block}.q-card h2{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:var(--t-6);margin-bottom:34px;line-height:1.4}.options{display:flex;flex-direction:column;gap:14px}.option{border:1px solid rgba(61,58,52,.22);padding:20px 24px;cursor:pointer;font-family:var(--font-serif);font-size:var(--t-4);color:var(--ink-soft);background:#fbf9f466;transition:all .2s ease;text-align:left}.option:hover{border-color:var(--gold);color:var(--ink);background:#fbf9f4b8}.result{display:none;text-align:center}.result.active{display:block}.result .eyebrow{display:block;margin-bottom:16px}.result h2{font-family:var(--font-serif);font-weight:300;font-style:italic;font-size:clamp(2rem,4.5vw,3rem);margin-bottom:26px}.result .desc{color:var(--ink-soft);font-weight:300;font-size:var(--t-4);max-width:52ch;margin:0 auto 22px}.result .line{font-family:var(--font-serif);font-style:italic;font-size:var(--t-5);color:var(--ink);margin:26px auto 40px;max-width:44ch}.result-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px}.restart{margin-top:34px;font-family:var(--font-sans);font-size:var(--t-label);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink-soft);border-bottom:1px solid var(--rule);padding-bottom:3px}.copy-note{font-family:var(--font-sans);font-size:var(--t-micro);color:var(--gold);margin-top:12px;display:none}}