.quiz{width:100%;min-width:0;max-width:36rem;margin-top:24px;padding-bottom:6rem;container:quiz/inline-size}.quiz-progress{background:var(--line);border-radius:2px;height:4px;margin:0 0 12px;overflow:hidden}.quiz-progress>span{background:var(--brand);transform-origin:0;width:100%;height:100%;transition:transform .28s;display:block}.quiz-step{min-width:0}.quiz-photo{max-width:28rem;margin:8px 0 16px;overflow:hidden}.quiz-photo .photo-frame{min-height:12rem}.quiz-options{gap:12px;margin-top:16px;display:grid}.quiz-option{appearance:none;font:inherit;text-align:left;border:2px solid var(--brand);border-radius:var(--radius-btn);background:var(--card);width:100%;min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;padding:14px 16px;font-weight:600;transition:background-color .16s,border-color .16s,box-shadow .16s}.quiz-option.is-picked{border-color:var(--ink);background:var(--gold);box-shadow:inset 0 0 0 1px var(--ink)}@media (hover:hover){.quiz-option:hover{background:var(--paper)}.quiz-option.is-picked:hover{background:var(--gold)}}.quiz-nav{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.quiz-nav .text-btn{min-height:44px;padding:8px 4px}.quiz-learn{border-top:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 22rem;margin-top:2rem;padding-top:1.5rem}.quiz-learn :is(h2,h3){margin:0 0 8px}.quiz-learn:not(.quiz-learn-year) h3{font-size:clamp(1.35rem,2.2vw,1.6rem)}.quiz-learn-year>h3.display{text-align:center;width:100%;font-family:var(--display);font-variation-settings:"wdth" 75;letter-spacing:-.01em;color:var(--navy);text-wrap:balance;margin:0 0 1.2rem;font-size:clamp(1.45rem,2.4vw,1.75rem);font-weight:700;font-stretch:75%;line-height:.92}.quiz-learn .quiz-learn-photo{box-sizing:border-box;width:100%;max-width:none;margin:16px 0 0;display:block}.quiz-learn-photo img{width:100%;height:auto;display:block}.quiz-learn .btn{margin-top:16px}.quiz:has(.quiz-step){max-width:min(100%,68rem)}@container quiz (min-width:40rem){.quiz-step{grid-template-columns:minmax(18rem,36rem) minmax(14rem,28rem);justify-content:start;align-items:start;column-gap:2rem;display:grid}.quiz-photo{grid-area:1/2;width:100%;min-width:0;max-width:none;margin:0}.quiz-copy{grid-area:1/1;min-width:0}.quiz:has(.quiz-step) .quiz-learn:not(:has(.about-who-compare)){max-width:36rem}}.quiz:has(.quiz-result){max-width:min(100%,60rem)}.quiz:has(.quiz-learn-year){max-width:min(100%,68rem)}.quiz-learn.quiz-learn-year{content-visibility:visible;contain-intrinsic-size:none;margin-inline:-10px;padding-inline:10px;overflow:visible}.quiz-learn:has(.about-who-compare){content-visibility:visible;contain-intrinsic-size:none;margin-inline:-10px;padding-inline:10px;overflow:visible}.quiz-learn:has(.quiz-learn-photo){content-visibility:visible;contain-intrinsic-size:none;margin-inline:-10px;padding-inline:10px;overflow:visible}.quiz-learn:has(.castle-year){content-visibility:visible;contain-intrinsic-size:none;margin-inline:-10px;padding-inline:10px;overflow:visible}.quiz-learn.quiz-learn-year{width:100%;max-width:none}.quiz-result{min-width:0;max-width:60rem;margin-top:24px;padding-bottom:6rem}.quiz-match-shop{margin:16px 0 24px;display:inline-flex}.quiz-result .featured-kit-display{width:100%;max-width:none;margin-top:1rem}.quiz-result:has(.quiz-learn-year){max-width:min(100%,68rem)}.quiz-host-year{width:100%;min-width:0;margin:.4rem 0 0}.quiz-host-year .leaf-host-year,.quiz-host-year .castle-year{width:100%;min-width:0}.quiz-step,.quiz-result{transition:opacity .22s,translate .22s}@starting-style{.quiz-step,.quiz-result{opacity:0}.quiz[data-dir=forward] .quiz-step{translate:16px}.quiz[data-dir=backward] .quiz-step{translate:-16px}.quiz-result{translate:0 12px}}.why-split{align-items:center;gap:24px;margin:24px 0 0;display:grid}.why-split-media,.why-split-copy{min-width:0}.why-split-media{gap:12px;display:grid}.why-split-media figcaption{margin-top:8px}.why-feature{gap:16px;margin:24px 0 0;display:grid}.why-feature-wide{max-width:none}.why-sources{max-width:40rem;font-size:.875rem}::view-transition-old(quiz-photo){object-fit:cover;height:100%}::view-transition-new(quiz-photo){object-fit:cover;height:100%}::view-transition-group(quiz-photo){animation-duration:.28s}::view-transition-group(quiz-copy){animation-duration:.28s}html:active-view-transition-type(forward)::view-transition-old(quiz-copy){animation-name:quiz-out-left}html:active-view-transition-type(forward)::view-transition-new(quiz-copy){animation-name:quiz-in-right}html:active-view-transition-type(backward)::view-transition-old(quiz-copy){animation-name:quiz-out-right}html:active-view-transition-type(backward)::view-transition-new(quiz-copy){animation-name:quiz-in-left}@keyframes quiz-out-left{to{opacity:0;transform:translate(-16px)}}@keyframes quiz-in-right{0%{opacity:0;transform:translate(16px)}}@keyframes quiz-out-right{to{opacity:0;transform:translate(16px)}}@keyframes quiz-in-left{0%{opacity:0;transform:translate(-16px)}}.quiz-photo{view-transition-name:quiz-photo}.quiz-copy{view-transition-name:quiz-copy}.quiz-copy>:is(h1,h2),.quiz-result .quiz-page>:is(h1,h2){font-size:clamp(1.6rem,3vw,2.25rem)}@media (min-width:701px) and (max-width:1439px){.quiz-learn{margin-top:1.25rem;padding-top:1rem}.quiz-result .quiz-nav{margin-top:10px}.quiz-result .quiz-learn{margin-top:.65rem;padding-top:.35rem}}.quiz-flow .quiz-page{view-transition-name:quiz-page}.quiz-flow .quiz-progress{view-transition-name:quiz-progress}.quiz-flow .quiz-photo,.quiz-flow .quiz-copy{view-transition-name:none}.quiz-flow .quiz-learn{content-visibility:visible;contain-intrinsic-size:none}.quiz-flow .quiz-step,.quiz-flow.quiz-result{transition:none}@starting-style{.quiz-flow .quiz-step,.quiz-flow.quiz-result{opacity:1;translate:none}}html:active-view-transition-type(quiz-forward)::view-transition-old(root){display:none}html:active-view-transition-type(quiz-backward)::view-transition-old(root){display:none}html:active-view-transition-type(quiz-forward)::view-transition-old(quiz-progress){display:none}html:active-view-transition-type(quiz-backward)::view-transition-old(quiz-progress){display:none}html:active-view-transition-type(quiz-forward)::view-transition-group(root){animation:none}html:active-view-transition-type(quiz-forward)::view-transition-new(root){animation:none}html:active-view-transition-type(quiz-backward)::view-transition-group(root){animation:none}html:active-view-transition-type(quiz-backward)::view-transition-new(root){animation:none}html:active-view-transition-type(quiz-forward)::view-transition-group(quiz-progress){animation:none}html:active-view-transition-type(quiz-forward)::view-transition-new(quiz-progress){animation:none}html:active-view-transition-type(quiz-backward)::view-transition-group(quiz-progress){animation:none}html:active-view-transition-type(quiz-backward)::view-transition-new(quiz-progress){animation:none}html:active-view-transition-type(quiz-forward)::view-transition-group(quiz-page){animation:none}html:active-view-transition-type(quiz-backward)::view-transition-group(quiz-page){animation:none}html:active-view-transition-type(quiz-forward)::view-transition-old(quiz-page){object-fit:none;object-position:top left;mix-blend-mode:normal;height:100%;animation-duration:.18s;animation-timing-function:ease-out;animation-fill-mode:both}html:active-view-transition-type(quiz-forward)::view-transition-new(quiz-page){object-fit:none;object-position:top left;mix-blend-mode:normal;height:100%;animation-duration:.18s;animation-timing-function:ease-out;animation-fill-mode:both}html:active-view-transition-type(quiz-backward)::view-transition-old(quiz-page){object-fit:none;object-position:top left;mix-blend-mode:normal;height:100%;animation-duration:.18s;animation-timing-function:ease-out;animation-fill-mode:both}html:active-view-transition-type(quiz-backward)::view-transition-new(quiz-page){object-fit:none;object-position:top left;mix-blend-mode:normal;height:100%;animation-duration:.18s;animation-timing-function:ease-out;animation-fill-mode:both}html:active-view-transition-type(quiz-forward)::view-transition-old(quiz-page){animation-name:quiz-page-out-left}html:active-view-transition-type(quiz-forward)::view-transition-new(quiz-page){animation-name:quiz-page-in-right}html:active-view-transition-type(quiz-backward)::view-transition-old(quiz-page){animation-name:quiz-page-out-right}html:active-view-transition-type(quiz-backward)::view-transition-new(quiz-page){animation-name:quiz-page-in-left}@keyframes quiz-page-out-left{to{opacity:0;transform:translate(-16px)}}@keyframes quiz-page-in-right{0%{opacity:0;transform:translate(16px)}}@keyframes quiz-page-out-right{to{opacity:0;transform:translate(16px)}}@keyframes quiz-page-in-left{0%{opacity:0;transform:translate(-16px)}}@media (prefers-reduced-motion:reduce){.quiz-progress>span,.quiz-option,.quiz-step,.quiz-result{transition:none}::view-transition-group(quiz-photo){animation:none!important}::view-transition-group(quiz-copy){animation:none!important}::view-transition-old(quiz-photo){animation:none!important}::view-transition-new(quiz-photo){animation:none!important}::view-transition-old(quiz-copy){animation:none!important}::view-transition-new(quiz-copy){animation:none!important}::view-transition-group(quiz-page){animation:none!important}::view-transition-old(quiz-page){animation:none!important}::view-transition-new(quiz-page){animation:none!important}}