/* Impeccable refinement: cinematic invitation, focused survey, illustrated results. */
:root{--deep:#102e29;--pale-gold:#d2bd8f}
body{font-size:15px;line-height:1.7}
h3{font-family:Cormorant,Georgia,serif;font-weight:600;letter-spacing:-.025em}
.icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0}
[hidden]{display:none!important}summary{list-style:none}summary::-webkit-details-marker{display:none}
input{accent-color:var(--ink);caret-color:var(--ink)}
.container{max-width:1184px;width:calc(100% - 96px);margin-inline:auto}
.site-header{max-width:none;height:100px;padding:0 max(48px,calc((100% - 1184px)/2));gap:32px}
.brand{font-size:32px}.brand-sub{font-size:10px;letter-spacing:.18em}
.site-header .desktop-nav{font-size:14px;gap:28px}
.site-header .desktop-nav a{padding-block:12px;border-bottom:1px solid transparent}
.site-header .desktop-nav a:hover{border-color:var(--gold);color:inherit}
.button{min-height:52px;gap:20px;transition:background .18s,box-shadow .18s}
.button:hover{transform:none;box-shadow:0 5px 14px #102e2917}
.button.small{min-height:44px;font-size:13px}
.button.light{background:transparent;border-color:#b4bcaa}
.text-button,.back-link{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:8px 0;font-size:14px;font-weight:700;text-decoration:none}
.text-button:hover,.back-link:hover{text-decoration:underline}
.mobile-nav{display:none;position:relative}
.mobile-nav>summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.mobile-nav nav{display:flex;flex-direction:column;gap:0;position:absolute;right:0;top:52px;z-index:20;width:220px;padding:16px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:12px}
.mobile-nav nav a,.mobile-nav nav button{display:block;width:100%;text-align:left;padding:12px;background:none;border:0;color:var(--ink);font:inherit}
.journey-navigation{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:14px;color:var(--muted)}
body[data-page=quiz] .desktop-nav,body[data-page=quiz] .header-start,body[data-page=quiz] .mobile-nav{display:none}
body[data-page=home] .site-header{background:var(--deep);color:var(--paper);border-bottom:1px solid #d2bd8f35}
body[data-page=home] .brand img{background:var(--paper);border-radius:50%;padding:2px}
body[data-page=home] .header-start{color:var(--paper);background:transparent;border-color:#d2bd8f66}
body[data-page=home] .site-header :focus-visible,.hero-stage :focus-visible{outline-color:var(--pale-gold)}
.hero-stage{position:relative;isolation:isolate;color:var(--paper);background:var(--deep);overflow:hidden}
.hero-landscape{position:absolute;z-index:-2;inset:0;background:url('./assets/hallowfall.jpg') center 46%/cover}
.hero-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e29fc 0%,#102e29e8 28%,#102e298c 56%,#102e290d 100%),linear-gradient(0deg,#102e29 0%,transparent 42%)}
.hero{grid-template-columns:1.5fr 1fr;gap:74px;min-height:640px;padding-block:66px 56px}
.hero-copy h1{font-size:clamp(60px,6.3vw,88px);line-height:1.04;max-width:700px}
.hero-copy h1 em{color:var(--pale-gold)}
.hero-copy>p{font-size:17px;line-height:1.8;color:#e0e5d6;max-width:460px;margin:28px 0 0}
.hero-actions{gap:28px;margin-top:32px}
.hero-link{font-size:14px;text-decoration:underline;text-decoration-color:#d2bd8f7a;white-space:nowrap}
.hero-reassurance{display:flex;gap:24px;margin-top:22px;font-size:13px;color:#d7ddcd}
.hero-reassurance span{display:flex;gap:7px;align-items:center}.hero-reassurance .icon{width:16px;height:16px;color:var(--pale-gold)}
.sample-card{align-self:end;display:grid;grid-template-columns:108px 1fr;width:auto;max-width:none;padding:0;background:var(--paper);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 22px 52px #061e2c55;transform:translateY(8px);animation:reveal-card .8s cubic-bezier(.16,1,.3,1)}
.sample-portrait{position:relative;overflow:hidden;min-height:340px}
.sample-portrait img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.sample-portrait:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102e29f2)}
.sample-portrait>span{position:absolute;bottom:18px;left:14px;right:14px;z-index:1;color:var(--paper);font-size:12px;line-height:1.5}
.sample-details{padding:22px 24px}.sample-details h2{font-size:43px}.sample-details>p{font-size:13px;color:var(--muted);margin-top:5px}
.sample-values{margin-top:22px}.mini-axis{grid-template-columns:1fr auto;gap:5px 8px;font-size:12px;margin-top:12px}.mini-axis strong{font-size:12px}
.mini-axis .track{grid-column:1/-1;height:4px}
.sample-order{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font-size:11px;color:var(--muted)}
.sample-order strong{display:block;font-size:12px;color:var(--ink)}.sample-order .icon{color:var(--gold)}
.hero-bottom{border-top:1px solid #d2bd8f4d;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px 28px}
.hero-bottom p{font:600 24px/1.25 Cormorant,Georgia,serif}.hero-bottom em{font-style:normal;color:var(--pale-gold)}
.hero-bottom a{display:flex;align-items:center;gap:16px;font-size:13px;color:#d7ddcd}.hero-bottom .icon{width:18px;height:18px}
.section{padding-block:84px}.section-head{gap:56px;margin-bottom:38px}.section-head>p,.section-head>div{max-width:400px;color:var(--muted);font-size:15px}.section-head p{font-size:15px}
.section-hint{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gold);margin-top:16px}.section-hint .icon{width:15px;height:15px}
.axis-grid{grid-template-columns:1fr 1fr;gap:0 64px}.axis-guide{padding:0}.axis-guide summary{display:grid;grid-template-columns:1fr 20px;gap:6px 18px;padding:22px 0}
.axis-guide summary>span{float:none;font-size:inherit;color:inherit}.axis-guide .axis-pair{font:600 28px/1.2 Cormorant,Georgia,serif}
.axis-pair .versus{font:400 18px Manrope,Arial,sans-serif;color:var(--gold);padding-inline:13px}.axis-guide summary .axis-name{font-size:13px;color:var(--muted)}
.axis-guide .icon{width:18px;height:18px;align-self:center;color:var(--gold)}.axis-guide>p{font-size:14px;color:var(--muted);margin:0;padding:0 30px 24px 0;max-width:54ch}
.axis-guide[open] summary>span{transform:none}.disclosure-icon{transition:transform .18s}details[open]>summary>.disclosure-icon,details[open]>summary>.icon:last-child{transform:rotate(45deg)}
.faction-section{grid-template-columns:1.1fr 1fr;gap:64px;padding:56px}.faction-copy h2{font-size:48px}.faction-copy p{font-size:15px;margin:22px 0 28px;color:#d7ddcd}
.faction-list{display:block;align-self:center}.faction-line{display:block;padding:0;border-bottom:1px solid #d2bd8f44}.faction-line summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:600 28px/1.2 Cormorant,Georgia,serif}
.faction-line summary>span{font:inherit;color:inherit;text-align:left}.faction-line .icon{color:var(--pale-gold);width:18px;height:18px}.faction-line p{font-size:14px;margin:0 0 12px;color:#d7ddcd}
.source-link{display:inline-flex;gap:8px;align-items:center;text-decoration:underline;font-size:13px;min-height:40px}.source-link .icon{width:16px;height:16px}.faction-line .source-link{margin-bottom:15px;color:var(--pale-gold)}
.steps{gap:38px;margin:0 0 70px}.step{display:flex;align-items:flex-start;gap:17px;border-color:var(--line);padding-top:24px}.step-number{font:600 38px/1 Cormorant,Georgia,serif;color:var(--gold)}.step h3{font-size:28px;line-height:1.15;margin:0}.step p{font-size:14px;margin-top:12px}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:70px}.faq-layout>h3{font-size:36px;line-height:1.1;padding-top:18px}.faq details{padding:0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:14px;padding:21px 0}.faq summary .icon{width:18px;height:18px;color:var(--gold)}.faq p{font-size:14px;margin:0;padding-bottom:20px}.faq .text-button{margin-top:-10px;margin-bottom:15px;color:var(--red)}
.lore-section{padding-block:42px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.lore-section>div>.icon{width:28px;height:28px;color:var(--gold);margin-bottom:16px}.lore-section h2{font-size:38px}.lore-section p{color:var(--muted);font-size:14px;margin-top:16px;max-width:46ch}
.source-collection{align-self:center}.source-collection>summary{display:flex;justify-content:space-between;gap:18px;padding:20px 0;border-block:1px solid var(--line);font-size:14px;font-weight:700}.source-collection>summary>span{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}.source-collection .icon{width:18px;height:18px}
.source-list{display:block;padding:0;list-style:none;font-size:13px}.source-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0}
.closing-invitation{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:48px}.closing-invitation h2{font-size:38px}
footer{width:calc(100% - 96px);margin:0 auto;padding:30px 0 38px;gap:38px;font-size:12px;line-height:1.6}footer .footer-brand{font-size:26px}footer>a:last-child{text-decoration:underline}
#toast{bottom:24px;padding:14px 22px;font-size:14px}
.journey{max-width:1000px;width:calc(100% - 96px);margin:36px auto 76px;min-height:55vh}.chooser-heading{max-width:690px;margin:30px auto 44px;text-align:center}.journey.chooser h1{font-size:64px}.chooser-heading>p{font-size:16px;color:var(--muted);max-width:61ch;margin:20px auto 0}
.resume-block{padding:20px 24px;border-radius:12px;margin-bottom:26px;font-size:14px}.resume-block>div{display:flex;align-items:center;gap:16px}.resume-block strong,.resume-block span span{display:block}.resume-block span span{color:var(--muted);font-size:13px;margin-top:3px}.resume-block>div>.icon{color:var(--gold)}
.mode-options{gap:24px}.mode-card{padding:32px;display:flex;flex-direction:column;align-items:stretch}.mode-card.quick{background:var(--ink);color:var(--paper);border-color:var(--ink)}.mode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--gold);font-size:13px;margin-bottom:24px}.mode-heading>.icon{width:34px;height:34px}.quick .mode-heading{color:var(--pale-gold)}
.mode-card h2{font-size:42px}.mode-card>p{font-size:15px;margin:18px 0 30px;max-width:34ch}.mode-card.quick>p{color:#d7ddcd}.mode-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.mode-footer>span{font-size:12px}.mode-footer strong{display:block;font:600 38px/1.1 Cormorant,Georgia,serif}.quick .button{background:var(--pale-gold);color:var(--deep);border-color:var(--pale-gold)}
.journey-privacy{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin:26px auto 0;max-width:fit-content}.journey-privacy .icon{width:18px;height:18px;color:var(--gold)}
.quiz-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:72px;padding-block:48px 70px;min-height:85vh}.journey-aside{border-right:1px solid var(--line);padding-right:30px}.journey-aside h2{font-size:32px}.journey-aside>p{font-size:14px;color:var(--muted);margin-top:14px}
.journey-chapters{list-style:none;padding:0;margin:30px 0}.journey-chapters li{display:flex;gap:10px;align-items:center;min-height:39px;font-size:12px;color:var(--muted)}.chapter-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;font-variant-numeric:tabular-nums;font-size:10px;color:var(--gold)}.chapter-mark .icon{width:16px;height:16px}.journey-chapters .current{font-weight:700;color:var(--ink)}.current .chapter-mark{background:var(--ink);color:var(--paper);border-radius:50%}.journey-chapters .complete:not(.current) .chapter-mark{background:#e3e7d9;border-radius:50%;color:var(--ink)}
.aside-note{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.aside-note .icon{color:var(--gold);width:18px;height:18px}
.quiz-meta{font-size:14px;margin-bottom:14px;font-variant-numeric:tabular-nums}.quiz-meta strong{color:var(--ink)}.progress{height:4px;border-radius:3px;background:#e0e0d2;margin-bottom:32px;overflow:hidden}
.question-title{font-size:39px;line-height:1.16;letter-spacing:-.015em;text-wrap:pretty;min-height:136px;max-width:760px}.question-axis{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;margin:18px 0 0}.question-axis .icon{width:18px;height:18px}.question-axis>span{color:var(--muted)}
.lore-note{border-block:1px solid var(--line);margin:23px 0 24px;max-width:none}.lore-note>summary{display:flex;gap:10px;align-items:center;font-size:14px;padding:14px 0;text-decoration:none}.lore-note>summary>.icon{width:18px;height:18px;color:var(--gold)}.lore-note>summary>.icon:last-child{margin-left:auto}.lore-body{padding:0 0 18px;font-size:14px}.lore-body p{max-width:65ch;margin:0}.lore-body .lore-disclaimer{font-size:12px;margin-top:6px}
.answers{grid-template-columns:1fr;gap:9px}.answer{display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 18px;border-radius:6px;border:1px solid #c5cdbb;background:#e8ecdf;font-size:14px;text-align:left;transition:background .15s,border-color .15s}.answer:hover{transform:none;background:#d7e1ca;border-color:var(--ink)}
.answer-indicator{display:flex;justify-content:center;align-items:center;width:18px;height:18px;border:1.5px solid #66816a;border-radius:50%;flex-shrink:0}.answer-0 .answer-indicator{background:#658267}.answer-2 .answer-indicator{border-color:#8c9184}.answer-3 .answer-indicator,.answer-4 .answer-indicator{border-color:#a9745d}.answer-4 .answer-indicator{background:#a9745d}
.answer kbd{font:400 12px Manrope,Arial,sans-serif;margin:0 0 0 auto;opacity:.75;min-width:23px;text-align:center}.answer-arrow{width:17px;height:17px;opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}.answer:hover .answer-arrow,.answer:focus-visible .answer-arrow{opacity:1;transform:none}.answer[aria-pressed=true]{border-color:var(--ink);outline:1px solid var(--ink);outline-offset:0;background:#d5dfc9}.answer[aria-pressed=true] .answer-indicator{background:var(--ink);border-color:var(--ink);color:var(--paper)}.answer-indicator .icon{width:13px;height:13px}
.quiz-bottom{margin-top:18px;gap:20px}.quiz-bottom .text-button{font-size:14px}.shortcut-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer;min-height:44px}.shortcut-toggle input{width:16px;height:16px;margin:0}.quiz-save-status{display:flex;align-items:center;gap:7px;margin-top:12px;color:var(--muted);font-size:12px}.quiz-save-status .icon{width:16px;height:16px;color:var(--gold)}
.results{padding:42px 0 0}.result-heading{margin-bottom:30px}.result-heading h1{font-size:54px}.result-heading>p{font-size:13px;color:var(--muted);max-width:270px;text-align:right;line-height:1.8}.result-heading>p span{padding-inline:5px}
.result-hero{grid-template-columns:1.15fr 1fr;min-height:400px;margin-bottom:0}.character-info{padding:38px 44px}.result-role{display:flex;align-items:center;gap:9px;font-size:13px;color:#d7ddcd}.result-role .icon{width:18px;height:18px;color:var(--pale-gold)}.character-info h2{font-size:62px;margin:17px 0 0;line-height:1}.character-info .character-title{font-size:15px;color:var(--pale-gold);margin-top:10px}
.similarity{display:flex;align-items:center;gap:16px;margin-top:24px}.similarity>strong{font:600 44px/.9 Cormorant,Georgia,serif;color:var(--pale-gold);font-variant-numeric:tabular-nums}.similarity>strong>span{font-size:26px}.similarity>span{font-size:12px;line-height:1.6}.similarity small{font-size:11px;color:#c5d0bd}.character-info .character-summary{font-size:14px;line-height:1.75;color:#d7ddcd;margin-top:23px;max-width:48ch}.character-info .source-link{font-size:13px;margin-top:12px;color:var(--pale-gold);display:inline-flex}
.character-visual{min-height:400px;background:url('./assets/hallowfall.jpg') center/cover}.character-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.character-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#173c3359,transparent 25%),linear-gradient(0deg,#102e29bd,transparent 32%)}.portrait-caption{position:absolute;z-index:1;bottom:17px;left:22px;right:22px;color:var(--paper);font-size:10px;text-shadow:0 1px 3px #102e29}
.result-insights{display:grid;grid-template-columns:1.15fr 1fr;border-bottom:1px solid var(--line);gap:44px;padding:30px 0}.kindred-order{display:flex;align-items:center;gap:15px}.kindred-order>.icon{width:30px;height:30px;color:var(--gold)}.kindred-order h2{font-size:29px;line-height:1.1}.kindred-order p{font-size:12px;color:var(--muted);margin-top:8px}.kindred-order .text-button{margin-left:auto;font-size:12px}.kindred-order .text-button .icon{width:16px;height:16px}
.strongest-values{border-left:1px solid var(--line);padding-left:34px}.strongest-values h2{font:700 13px/1.5 Manrope,Arial,sans-serif;letter-spacing:0}.strongest-values>div{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:10px}.strongest-values>div>span{display:inline-flex;gap:7px;font-size:13px;color:var(--muted)}.strongest-values strong{color:var(--ink)}.strongest-values>p{font-size:14px;margin-top:8px;color:var(--muted)}
.result-reflection{display:flex;justify-content:space-between;align-items:center;gap:44px;padding-top:27px}.result-reflection>p{font-size:14px;color:var(--muted);max-width:62ch}.result-reflection strong{color:var(--ink)}.result-actions{gap:10px;flex-shrink:0}.result-actions .button{font-size:13px;padding:12px 17px;gap:10px;min-height:48px}.result-actions .icon{width:18px;height:18px}
.matches-columns{gap:54px;margin-block:65px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.matches-columns .list-heading h2{font-size:33px;margin:0}.list-heading>span{font-size:11px;color:var(--muted)}
.match-row{border-top:1px solid var(--line);border-bottom:0;padding:0}.match-row:last-child{border-bottom:1px solid var(--line)}.match-row summary{gap:12px;padding-block:16px;min-height:88px}.match-row summary span{color:inherit;white-space:normal}.match-row summary .match-rank{font:600 22px Cormorant,Georgia,serif;color:var(--gold);width:15px}.match-avatar{display:block;width:44px;height:50px;overflow:hidden;border-radius:6px;flex-shrink:0;background:var(--ink)}.match-avatar img{height:100%;width:100%;object-fit:cover}.match-symbol{width:40px;color:var(--gold);display:flex;justify-content:center;flex-shrink:0}.match-name{font-size:14px;line-height:1.4}.match-name>span{display:block;font-size:12px;font-weight:400;margin-top:5px;color:var(--muted)!important}.match-row summary>strong{margin-left:auto;font-size:14px;color:var(--gold);font-variant-numeric:tabular-nums}.match-row summary>.icon{width:16px;height:16px;color:var(--gold)}.match-explanation{padding:0 0 18px 28px;font-size:14px;color:var(--muted)}.match-explanation p{font-size:14px;margin:0}.match-explanation .source-link{font-size:13px;color:var(--ink);margin-top:6px}
.perspectives{border-top:1px solid var(--line);padding-top:48px}.results-axes{gap:0 64px;margin:0}.result-axis{border-top:1px solid var(--line);padding-block:20px 25px}.axis-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:14px}.axis-title .icon{width:15px;height:15px;color:var(--gold)}.axis-labels{font-size:14px;margin:0 0 12px;align-items:center}.axis-labels>span{display:flex;gap:9px;align-items:center}.axis-labels .dominant{color:var(--ink)}.axis-labels strong{font-variant-numeric:tabular-nums}
.balance-track{position:relative;display:block;height:7px;background:#c6b289;border-radius:5px;margin-inline:4px}.balance-left{display:block;height:100%;background:var(--ink);border-radius:5px 0 0 5px}.midpoint{position:absolute;left:50%;top:-4px;width:1px;height:15px;background:#86683688}.balance-marker{position:absolute;top:-3px;width:13px;height:13px;transform:translateX(-50%);background:var(--paper);border:2px solid var(--ink);border-radius:50%}.result-axis>p{margin-top:18px;font-size:14px;color:var(--muted)}.result-note{font-size:13px;margin-top:22px;max-width:85ch}
.method,.review-answers{border-top:1px solid var(--line);margin-top:28px;padding:0}.method>summary,.review-answers>summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;padding-block:22px}.method>summary .icon,.review-answers>summary .icon{width:18px;height:18px;color:var(--gold)}.method p{font-size:14px;padding-bottom:24px}.review-item{align-items:start;gap:30px;padding-block:18px;font-size:14px}.review-item>span{max-width:75ch}.review-item strong{display:block;margin-top:8px;font-size:13px}.review-item .text-button{font-size:13px;padding-top:0}.results .closing-invitation{margin-top:36px}
@keyframes reveal-card{from{transform:translateY(22px);filter:blur(2px)}to{transform:translateY(8px);filter:blur(0)}}
@media(max-width:1150px){.hero{gap:36px;grid-template-columns:1.3fr 1fr}.hero-copy h1{font-size:72px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.sample-card{grid-template-columns:90px 1fr}.sample-details{padding:22px 18px}.hero-copy>p{font-size:16px}.faction-section{padding:40px;gap:40px}.quiz-layout{grid-template-columns:235px minmax(0,1fr);gap:42px}.question-title{font-size:36px}.result-reflection{display:block}.result-actions{margin-top:22px}.result-insights{gap:28px}.kindred-order .text-button{display:none}.character-info{padding:34px}.character-info h2{font-size:54px}.matches-columns{gap:35px}.matches-columns .list-heading h2{font-size:30px}}
@media(max-width:900px){.container{width:calc(100% - 56px)}.site-header{padding-inline:28px;height:88px;gap:24px}.site-header .desktop-nav{display:none}.header-start{margin-left:auto}.mobile-nav{display:block}.hero{grid-template-columns:1.2fr 1fr;gap:28px;min-height:610px}.hero-copy h1{font-size:62px}.hero-copy>p{font-size:15px}.sample-card{display:block}.sample-portrait{height:135px;min-height:0}.sample-portrait img{object-position:62% 25%}.sample-portrait>span{top:14px;bottom:auto;left:16px;width:max-content;background:#102e29c9;padding:3px 8px;border-radius:4px;font-size:11px}.sample-details{padding:20px}.sample-details h2{font-size:36px}.sample-values{margin-top:15px}.sample-order{margin-top:15px}.hero-reassurance{flex-wrap:wrap;gap:6px 18px}.hero-bottom p{font-size:22px}.hero-bottom a{font-size:12px}.section{padding-block:64px}.section-head{gap:35px}.section-head>p,.section-head>div{max-width:330px}.axis-grid{column-gap:35px}.axis-guide .axis-pair{font-size:25px}.axis-pair .versus{padding-inline:8px}.faction-section{padding:34px;gap:30px}.faction-copy h2{font-size:39px}.faction-line summary{font-size:24px}.steps{gap:25px}.step{display:block}.step h3{font-size:25px;margin-top:14px}.faq-layout{gap:40px}.lore-section{gap:35px}.closing-invitation h2{font-size:33px}footer{width:calc(100% - 56px);gap:25px;flex-wrap:wrap}footer p{order:3;max-width:75ch}footer>a:last-child{margin-left:auto}.journey{width:calc(100% - 56px)}.mode-card{padding:26px}.mode-footer .button{font-size:12px;padding-inline:14px;gap:10px}.quiz-layout{grid-template-columns:1fr;max-width:740px;gap:0;padding-top:36px}.journey-aside{display:none}.question-title{min-height:126px;font-size:39px}.result-heading{display:block}.result-heading>p{text-align:left;max-width:none;margin-top:14px}.result-hero{grid-template-columns:1.2fr 1fr}.character-info{padding:30px}.character-info h2{font-size:47px}.result-insights{grid-template-columns:1fr;gap:22px}.strongest-values{padding:0;border:0}.kindred-order .text-button{display:flex}.matches-columns{gap:28px}.match-avatar,.match-symbol{display:none}.results-axes{gap:0 36px}.list-heading>span{display:none}}
@media(max-width:640px){body{font-size:15px}.container{width:calc(100% - 40px)}.site-header{height:80px;padding-inline:20px;gap:12px}.brand{font-size:29px;gap:10px}.brand img{width:34px;height:34px}.brand-sub{font-size:9px}.site-header>.header-start{display:none}.mobile-nav{margin-left:auto}.journey-navigation{gap:0}.journey-navigation>span{display:none}.journey-navigation .text-button{font-size:13px}.hero{display:block;min-height:0;padding-block:42px 30px}.hero-landscape{background-position:57% top;background-size:auto 630px;background-repeat:no-repeat}.hero-landscape:after{background:linear-gradient(90deg,#102e29f7,#102e29a1 70%,#102e294f),linear-gradient(0deg,#102e29 8%,transparent 70%)}.hero-copy h1{font-size:58px;max-width:420px;line-height:1.02}.hero-copy>p{font-size:15px;max-width:38ch;margin:22px 0 0;line-height:1.75}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:27px}.hero-actions .button{font-size:13px;padding:13px 18px;gap:14px;min-height:50px}.hero-link{font-size:12px;white-space:normal;max-width:100px}.hero-reassurance{margin-top:18px;font-size:12px;gap:18px}.sample-card{display:grid;grid-template-columns:110px 1fr;max-width:430px;margin:38px auto 0;transform:none;animation:none}.sample-portrait{height:auto;min-height:260px}.sample-portrait img{object-position:64% center}.sample-portrait>span{top:auto;bottom:15px;left:12px;right:12px;width:auto;background:none;padding:0;font-size:11px}.sample-details{padding:20px}.sample-details h2{font-size:37px}.sample-details>p{font-size:12px}.sample-values{margin-top:17px}.mini-axis{font-size:12px;margin-top:10px;gap:4px}.sample-order{font-size:11px;margin-top:16px;padding-top:12px}.sample-order strong{font-size:12px}.sample-order .icon{width:18px;height:18px}.hero-bottom{padding-block:21px 25px}.hero-bottom p{font-size:22px;max-width:290px}.hero-bottom a{display:none}.section{padding-block:48px}.section-head{display:block;margin-bottom:26px}.section-head h2{font-size:42px}.section-head>p,.section-head>div{margin-top:18px;max-width:42ch;font-size:14px}.section-head h2 br{display:none}.section-hint{margin-top:14px;font-size:12px}.axis-grid{grid-template-columns:1fr}.axis-guide summary{padding-block:17px;gap:5px 14px}.axis-guide .axis-pair{font-size:27px}.axis-guide summary .axis-name{font-size:12px}.axis-guide>p{font-size:14px;padding-bottom:20px}.faction-section{grid-template-columns:1fr;padding:28px 25px;gap:22px}.faction-copy h2{font-size:41px}.faction-copy p{font-size:14px;margin:18px 0 24px}.faction-copy .button{font-size:13px;padding-inline:16px;gap:15px}.faction-line summary{font-size:26px;padding-block:18px}.faction-line p{font-size:14px}.steps{display:block;margin-bottom:42px}.step{display:flex;gap:20px;padding-top:20px;margin-top:24px}.step h3{margin-top:0;font-size:28px}.step p{margin-top:9px;font-size:14px}.faq-layout{display:block}.faq-layout>h3{font-size:34px;padding:0;margin-bottom:24px}.faq-layout>h3 br{display:none}.faq summary{font-size:14px;line-height:1.6;padding:18px 0}.lore-section{grid-template-columns:1fr;gap:24px;padding-block:34px}.lore-section h2{font-size:36px}.lore-section p{font-size:14px}.source-collection>summary{font-size:13px;align-items:center}.source-collection>summary>span{font-size:11px;gap:8px}.closing-invitation{flex-direction:column;align-items:flex-start;padding-block:34px;gap:22px}.closing-invitation h2{font-size:35px}footer{display:flex;width:calc(100% - 40px);padding-block:26px;font-size:11px;gap:20px}footer p{margin:0;order:3}footer .footer-brand{font-size:24px}footer>a:last-child{font-size:11px}.journey{width:calc(100% - 40px);margin-block:22px 50px}.back-link{font-size:13px}.chooser-heading{text-align:left;margin:24px 0 30px}.journey.chooser h1{font-size:49px}.chooser-heading>p{font-size:15px;margin-top:18px}.mode-options{grid-template-columns:1fr;gap:18px}.mode-card{padding:26px}.mode-card h2{font-size:39px}.mode-card>p{font-size:14px;margin-bottom:26px;max-width:32ch}.mode-heading{margin-bottom:22px}.mode-footer{align-items:center}.mode-footer .button{font-size:13px;gap:14px}.journey-privacy{align-items:flex-start;font-size:12px;max-width:36ch;margin-top:24px}.resume-block{flex-direction:column;align-items:flex-start;padding:20px;gap:15px}.quiz-layout{padding-block:26px 40px}.quiz-meta{font-size:13px;margin-bottom:12px}.progress{margin-bottom:24px}.question-title{font-size:31px;line-height:1.19;min-height:0;letter-spacing:-.01em}.question-axis{margin-top:16px;font-size:12px}.lore-note{margin:18px 0 20px}.lore-note>summary{font-size:13px;gap:8px;padding-block:13px}.lore-note>summary>.icon{width:16px;height:16px}.answers{gap:8px}.answer{min-height:52px;padding:12px 15px;gap:12px;font-size:14px}.answer-arrow{display:none}.answer kbd{font-size:11px;opacity:.6}.quiz-bottom{align-items:flex-start;gap:10px;margin-top:14px}.quiz-bottom .text-button{font-size:12px;gap:6px}.quiz-bottom .text-button .icon{width:18px;height:18px}.shortcut-toggle{font-size:11px;gap:6px}.shortcut-toggle input{width:14px;height:14px}.quiz-save-status{font-size:11px;align-items:flex-start;margin-top:10px;max-width:36ch}.results{padding-top:28px}.result-heading{margin-bottom:24px}.result-heading h1{font-size:46px}.result-heading>p{font-size:12px;line-height:1.7;margin-top:12px;max-width:35ch}.result-hero{display:flex;flex-direction:column}.character-visual{order:-1;min-height:220px;height:220px}.character-visual:after{background:linear-gradient(0deg,#173c33 0%,transparent 50%)}.portrait-caption{font-size:9px;bottom:12px;left:25px;right:25px}.character-info{padding:20px 25px 27px}.result-role{font-size:12px}.character-info h2{font-size:49px;line-height:1;margin-top:16px}.character-info .character-title{font-size:14px;margin-top:10px}.similarity{margin-top:21px;gap:14px}.similarity>strong{font-size:42px}.character-info .character-summary{font-size:14px;margin-top:20px}.character-info .source-link{margin-top:10px}.result-insights{padding-block:24px;gap:24px}.kindred-order{gap:12px}.kindred-order>.icon{width:25px;height:25px}.kindred-order h2{font-size:28px}.kindred-order p{font-size:12px}.kindred-order .text-button{display:none}.strongest-values{border-top:1px solid var(--line);padding-top:21px}.strongest-values>div{gap:7px 16px}.strongest-values>div>span{font-size:13px}.result-reflection{padding-top:22px}.result-reflection>p{font-size:14px}.result-actions{gap:9px;flex-wrap:wrap;margin-top:22px}.result-actions .button{font-size:12px;padding:12px 14px;gap:8px}.result-actions .icon{width:17px;height:17px}.matches-columns{grid-template-columns:1fr;gap:35px;margin-block:42px}.list-heading{margin-bottom:17px;align-items:center}.matches-columns .list-heading h2{font-size:32px}.list-heading>span{display:block;font-size:10px}.match-avatar,.match-symbol{display:flex}.match-name{font-size:14px}.match-name>span{font-size:12px}.match-row summary{gap:11px;padding-block:15px;min-height:82px}.match-explanation{padding-left:0}.perspectives{padding-top:35px}.results-axes{grid-template-columns:1fr}.result-axis{padding-block:19px 23px}.axis-title{font-size:12px}.axis-labels{font-size:13px}.axis-labels>span{gap:7px}.result-note{font-size:12px;margin-top:15px}.method,.review-answers{margin-top:22px}.method>summary,.review-answers>summary{font-size:13px;padding-block:20px}.review-item{display:block;font-size:14px}.review-item .text-button{margin-top:10px}}
@media(max-width:360px){.hero-copy h1{font-size:51px}.hero-actions{gap:13px}.hero-actions .button{font-size:12px;gap:10px;padding-inline:15px}.sample-card{grid-template-columns:90px 1fr}.sample-details{padding:18px}.quiz-bottom{flex-direction:column;gap:0}.result-actions .button{padding-inline:11px}.axis-labels{font-size:12px}.mode-footer{gap:14px}.mode-footer .button{font-size:12px;gap:9px}.source-collection>summary{display:block}.source-collection>summary>span{margin-top:9px}.hero-reassurance{gap:12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Expanded journeys and the searchable lore catalog. */
.mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mode-card{padding:28px}.mode-card h2{font-size:36px}.mode-card>p{font-size:14px}
.mode-footer{flex-direction:column;align-items:stretch;gap:20px}.mode-footer>span{display:flex;align-items:baseline;gap:9px}.mode-footer .button{width:100%;font-size:13px;gap:14px;padding-inline:16px}
.mode-heading{font-size:12px}.mode-heading>.icon{width:28px;height:28px}
.codex-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--pale-gold);border-bottom:1px solid #d2bd8f44;padding:0 0 16px}
.codex-link .icon{width:17px;height:17px}
.codex{padding-top:30px}.codex .section-head{margin-top:26px;align-items:center}.codex h1{font-size:64px}
.codex-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:35px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.codex-tabs{display:flex;gap:8px;flex-shrink:0}.codex-tabs button{min-height:48px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ink);font-size:14px;padding:10px 20px;font-weight:700}.codex-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.codex-tabs span{font-size:12px;margin-left:8px;font-weight:400}
.codex-search{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);width:360px}
.codex-search input,.compare-controls select,.friend-compare input{width:100%;min-height:48px;padding:12px;border:1px solid #adb7a3;border-radius:6px;background:var(--white);color:var(--ink);font:14px Manrope,Arial,sans-serif}
.catalog-count{font-size:12px;color:var(--muted);margin:17px 0 24px}
.codex-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:start}
.codex-entry{border-top:1px solid var(--line)}.codex-entry summary{display:flex;align-items:center;gap:18px;padding:18px 0;min-height:120px}.codex-entry summary>img{width:72px;height:84px;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--ink)}
.codex-name{display:block;flex:1}.codex-name>strong{display:block;font:600 29px/1.1 Cormorant,Georgia,serif}.codex-name>span{display:block;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.codex-entry summary>.icon{width:18px;height:18px;color:var(--gold)}.codex-emblem{width:52px;display:flex;justify-content:center;color:var(--gold)}.codex-emblem .icon{width:32px;height:32px}
.codex-detail{font-size:14px;padding-bottom:24px;color:var(--muted)}.codex-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:20px 0}.codex-detail dl>div{display:flex;justify-content:space-between;font-size:12px;gap:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.codex-detail dd{margin:0;color:var(--ink);font-weight:700}.codex-detail .codex-disclaimer{font-size:12px}.codex-detail .source-link{margin-top:12px;color:var(--ink)}.catalog-empty{padding:35px 0 70px;color:var(--muted)}.codex .closing-invitation{margin-top:45px}
.all-matches>summary{display:flex;align-items:center;justify-content:space-between;padding-block:18px;font-size:13px;font-weight:700}.all-matches>summary .icon{width:17px;height:17px;color:var(--gold)}.all-matches[open]{border-bottom:1px solid var(--line)}.distant-match{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.7}.distant-match strong{color:var(--ink)}
.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:30px 0 24px}.compare-controls label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.friend-compare{align-self:end}.friend-compare>summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;min-height:48px;border-bottom:1px solid var(--line);padding:10px 0}.friend-compare>summary .icon{width:18px;height:18px;color:var(--gold)}.friend-compare[open]>summary{margin-bottom:18px}.friend-compare>div{display:flex;gap:10px}.friend-compare p{font-size:12px;color:var(--muted);margin-top:10px}.comparison-legend{display:flex;align-items:center;gap:26px;margin:26px 0;font-size:12px;color:var(--muted)}.comparison-legend>span{display:flex;align-items:center;gap:9px}.comparison-legend i{display:block;width:12px;height:12px;flex-shrink:0}.legend-you{border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.legend-other{background:var(--gold);transform:rotate(45deg);border:1px solid var(--paper)}.comparison-marker{position:absolute;top:12px;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:var(--gold)}.comparison-caption{display:block;margin-top:22px;font-size:11px;color:var(--muted);line-height:1.6}.balance-marker{z-index:1}
@media(max-width:900px){.mode-options{gap:15px}.mode-card{padding:22px}.mode-card h2{font-size:33px}.mode-card>p{font-size:13px}.mode-heading{display:block}.mode-heading>span{display:block;margin-top:14px}.codex h1{font-size:52px}.codex-grid{gap:0 30px}.codex-name>strong{font-size:25px}.codex-entry summary>img{width:60px;height:74px}.codex-search{width:300px}.compare-controls{gap:36px}}
@media(max-width:640px){.mode-options{grid-template-columns:1fr;gap:18px}.mode-card{padding:26px}.mode-card h2{font-size:38px}.mode-card>p{font-size:14px}.mode-heading{display:flex}.mode-heading>span{margin:0}.mode-footer{flex-direction:row;align-items:center}.mode-footer>span{display:block}.mode-footer .button{width:auto;font-size:13px}.mode-footer strong{display:block}.codex{padding-top:22px}.codex h1{font-size:48px}.codex .section-head{margin-top:20px}.codex-toolbar{display:block;margin-top:26px}.codex-search{width:100%;margin-top:22px;font-size:13px}.codex-tabs{width:100%}.codex-tabs button{flex:1;padding:10px 15px;font-size:13px}.codex-grid{grid-template-columns:1fr}.codex-name>strong{font-size:28px}.codex-entry summary>img{width:64px;height:80px}.codex-entry summary{gap:16px;min-height:114px}.codex-detail dl{gap:9px 20px}.compare-controls{grid-template-columns:1fr;gap:20px}.comparison-legend{flex-direction:column;align-items:flex-start;gap:12px;margin-block:23px}.comparison-caption{font-size:11px}.friend-compare>div{gap:8px}.friend-compare .button{padding-inline:13px}.distant-match{font-size:12px}}