/* A permanent quiz invitation above the writing-project slideshow. */
.landing-page .quiz-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4vw,64px);padding:32px 4vw;background:#1c1814;border-bottom:1px solid #efe6d226;color:#efe6d2}
.quiz-feature-copy{padding:15px 0;min-width:0}
.quiz-feature .eyebrow{color:#d5a486;font-size:9px;letter-spacing:1.8px;margin-bottom:18px}
.quiz-feature h2{font:400 clamp(42px,4.6vw,72px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.045em;text-wrap:balance}
.quiz-feature-tagline{margin-top:12px;font:italic 17px/1.5 Georgia,'Times New Roman',serif;color:#c1b6a4}
.quiz-feature-invitation{margin-top:25px;max-width:355px;display:flex;align-items:flex-start;flex-direction:column}
.quiz-feature-invitation>p{font-size:13px;line-height:1.75;color:#d0c5b4;max-width:330px;text-wrap:pretty}
.quiz-feature-link{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:48px;margin-top:21px;padding:12px 22px;border:1px solid #efe6d2;border-radius:40px;background:#efe6d2;color:#1a1610;font-size:11px;font-weight:600;transition:background .2s,color .2s}
.quiz-feature-link>span{font-size:19px;line-height:1}
.quiz-feature-link:hover{background:#d5a486;border-color:#d5a486}
.quiz-feature-link:focus-visible,.quiz-art:focus-visible{outline:2px solid #efe6d2;outline-offset:5px}
.quiz-feature-meta{margin-top:13px;color:#b3a592;font-size:8px;letter-spacing:1.4px}
.quiz-visuals{min-width:0}
.quiz-art{position:relative;display:block;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#25211c;isolation:isolate}
.quiz-illustration{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;animation:quiz-art-cycle 15s steps(1,end) infinite!important}
.quiz-illustration:nth-child(1){animation-delay:0s!important}
.quiz-illustration:nth-child(2){animation-delay:5s!important}
.quiz-illustration:nth-child(3){animation-delay:10s!important}
.quiz-visuals:has(#quiz-art-paused:checked) .quiz-illustration,.page-quiet .quiz-illustration{animation-play-state:paused!important}
.quiz-art-pause{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:36px;margin-top:4px;color:#c1b6a4;font-size:10px;cursor:pointer}
.quiz-art-pause input{accent-color:#d5a486;margin:0}
.quiz-art-pause input:focus-visible{outline:2px solid #efe6d2;outline-offset:4px}
@keyframes quiz-art-cycle{0%{opacity:1;visibility:visible}33.333333%,100%{opacity:0;visibility:hidden}}
body.quiz-dialog-open{overflow:hidden}
.quiz-dialog-open .quiz-illustration{animation-play-state:paused!important}
#quiz-dialog{width:min(760px,calc(100vw - 32px));max-width:none;height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #efe6d23d;border-radius:16px;background:#14110c;color:#efe6d2;overflow:hidden;box-shadow:0 24px 100px #000a}
#quiz-dialog:not([open]){display:none}
#quiz-dialog[open]{display:flex;flex-direction:column}
#quiz-dialog::backdrop{background:#080706d9;backdrop-filter:blur(7px)}
.quiz-dialog-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px;padding:10px 18px;border-bottom:1px solid #efe6d222;background:#1c1814}
.quiz-dialog-top h2{font:400 20px/1.3 Georgia,'Times New Roman',serif}
#close-quiz{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;font-size:11px;border-radius:6px}
#close-quiz>span{font-size:28px;line-height:1}
#close-quiz:hover{background:#efe6d212}
#close-quiz:focus-visible{outline:2px solid #d5a486;outline-offset:1px}
#quiz-frame{display:block;flex:1 1 0;min-height:0;width:100%;border:0;background:#14110c}
@media(max-width:600px){#quiz-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.quiz-dialog-top{padding:6px 12px}.quiz-dialog-top h2{font-size:18px}}
@media print{#quiz-dialog{display:none!important}}
@media(min-width:1600px){.landing-page .quiz-feature{padding-left:max(4vw,calc((100vw - 1472px)/2));padding-right:max(4vw,calc((100vw - 1472px)/2))}}
@media(max-width:820px){.landing-page .quiz-feature{grid-template-columns:1fr;gap:25px;padding:30px 22px 24px}.quiz-feature-copy{padding:0}.quiz-feature .eyebrow{font-size:8px;margin-bottom:16px}.quiz-feature h2{font-size:clamp(39px,8vw,62px)}.quiz-feature-tagline{font-size:16px;margin-top:10px}.quiz-feature-invitation{margin-top:20px;max-width:100%}.quiz-feature-invitation>p{font-size:12px;max-width:400px}.quiz-feature-link{margin-top:18px}.quiz-feature-meta{font-size:7px}.quiz-art{max-width:680px;margin:auto}.quiz-art-pause{max-width:680px;margin:4px auto 0;min-height:40px}}
@media print{.landing-page .quiz-feature{background:none;color:inherit;display:block;padding:20px 0}.quiz-feature h2{font-size:30pt}.quiz-feature-invitation{margin-top:15px}.quiz-feature .quiz-feature-link{border-color:currentColor;background:none;color:inherit}.quiz-feature p,.quiz-feature .eyebrow,.quiz-feature-meta{color:inherit}.quiz-visuals{max-width:400px;margin-top:20px}.quiz-illustration{animation:none!important;visibility:hidden;opacity:0}.quiz-illustration:first-child{visibility:visible;opacity:1}.quiz-art-pause{display:none}}