/* Quiet paper, ink and muted gold. The existing recruitment LP stays intact. */
html.js:not(.recruitment-open) #recruitment,html.js:not(.recruitment-open) .lp-end,html.js:not(.recruitment-open) .fixed-cta{display:none!important}
html.js:not(.recruitment-open) body{--dock-height:0px;--cta-height:0px;padding-bottom:0}
.diagnosis-first .page-scroll{height:var(--page-viewport-height,100dvh);max-height:var(--page-viewport-height,100dvh)}
.diagnosis-first .diagnosis-scene{position:relative;isolation:isolate;height:100svh;min-height:0;background:#f6f5f0;overflow:clip;padding:90px 24px 50px;display:flex;align-items:center;justify-content:center;color:#173244}
.diagnosis-scene:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(#a1aa9e38 .6px,transparent .6px);background-size:8px 8px;opacity:.45;pointer-events:none}
.diagnosis-header{position:absolute;top:0;left:0;right:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;gap:20px}
.diagnosis-brand{display:flex;align-items:baseline;gap:15px}.diagnosis-brand strong{font-size:27px;letter-spacing:-.05em;line-height:1.1}.diagnosis-brand>span{font-size:10px;letter-spacing:.09em}
.consult-skip{font-size:12px;padding:9px 0;border-bottom:1px solid #718279;white-space:nowrap}.consult-skip>span{margin-left:12px}
.perimeter-cards{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:layout paint}
.opening-card{--cw:clamp(106px,13vw,182px);position:absolute;left:50%;top:42%;width:var(--cw);aspect-ratio:4/5;padding:9px;background:#eeede4;border:1px solid #d1d3c5;border-radius:3px;box-shadow:0 7px 18px #23382b13;transform:translate(-50%,-50%) rotate(var(--stack));opacity:0;animation:card-arrive .28s calc(var(--i)*.07s) both,card-to-edge 1.35s calc(1.45s + var(--i)*.035s) cubic-bezier(.25,.6,.25,1) forwards;will-change:transform,opacity}
.opening-card img{width:100%;height:85%;object-fit:contain;display:block}.opening-card span{display:block;border-top:1px solid #c6ccbb;padding-top:8px;text-align:center;letter-spacing:.14em;font:8px ui-monospace,monospace;color:#647364}
@keyframes card-arrive{from{opacity:0;transform:translate(-50%,calc(-50% + 28px)) rotate(var(--stack)) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--stack)) scale(1)}}
@keyframes card-to-edge{from{transform:translate(-50%,-50%) rotate(var(--stack)) scale(1)}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1.1)}}
.intro-message{position:absolute;inset:53% 16px auto;text-align:center;animation:intro-fade .6s 1.8s both;pointer-events:none}
.intro-message .intro-eyebrow{font:10px ui-monospace,monospace;letter-spacing:.22em;color:#7b876f;margin:0 0 20px}.intro-message h1{font-size:clamp(31px,3.8vw,53px);font-weight:600;line-height:1.5;letter-spacing:-.035em;margin:0 0 15px}.intro-message>p:not(.intro-eyebrow){font-size:13px;color:#677166;margin-bottom:18px}.intro-footnote{font-size:10px;letter-spacing:.08em;color:#788277}
@keyframes intro-fade{to{opacity:0;transform:translateY(8px)}}
.intro-skip{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);z-index:5;padding:10px 16px;border:0;background:transparent;color:#53636d;font-size:11px;white-space:nowrap}.intro-skip>span{margin-left:14px}
.quiz-center{width:min(570px,100%);max-height:calc(100svh - 140px);overflow-y:auto;scrollbar-width:thin;position:relative;z-index:2;margin:auto;transition:opacity .4s,transform .4s}
[data-phase="intro"] .quiz-center,[data-phase="start"] .quiz-center{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
[data-phase="start"] .intro-message,[data-phase="question"] .intro-message,[data-phase="result"] .intro-message{display:none}
[data-phase="start"] .opening-card,[data-phase="question"] .opening-card{opacity:.78;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(1.1);animation:none;will-change:auto;transition:opacity .4s}
.question-lead{padding:0 25px 18px;text-align:center}.question-kicker{font:9px ui-monospace,monospace;letter-spacing:.2em;color:#8b774c}.question-lead p{font-size:11px;color:#68756b;margin:10px 0 0}
.complete-b .diagnosis-scene .quiz{background:#fffefa;border:1px solid #bec7bb;border-radius:9px;box-shadow:0 14px 50px #3245310b;overflow:hidden}
.complete-b .diagnosis-scene .quiz-top{background:transparent;color:#7a866e;padding:22px 27px 16px;letter-spacing:.14em;font:10px ui-monospace,monospace}.diagnosis-scene .quiz-meta{color:#788078;font-size:10px;letter-spacing:0}
.complete-b .diagnosis-scene .progress-track{height:2px;background:#e8ece4;margin:0 27px}.complete-b .diagnosis-scene .progress-track span{background:#8d9d77;transition:width .25s}
.complete-b .diagnosis-scene .quiz-body{padding:27px 27px 0}.complete-b .diagnosis-scene #quiz-heading{font-size:clamp(20px,2.25vw,26px);line-height:1.65;margin-bottom:24px;letter-spacing:.015em;font-weight:600;min-height:0}
.complete-b .diagnosis-scene .quiz-option{position:relative;border:1px solid #d8dfd1;border-radius:4px;min-height:62px;padding:13px 15px;margin-bottom:10px;font-size:14px;line-height:1.65;gap:13px;background:#fffefa;font-weight:400}
.complete-b .diagnosis-scene .option-marker{background:transparent;border:0;border-radius:50%;font:12px ui-monospace,monospace;color:#7d8c71;flex:0 0 25px;height:25px}.complete-b .diagnosis-scene .quiz-option:has(input:checked){border:1px solid #7c916e;background:#edf1e6;padding:13px 15px}.complete-b .diagnosis-scene .quiz-option:has(input:checked) .option-marker{color:#fff;background:#758a67}
.complete-b .diagnosis-scene .quiz-actions{padding:16px 27px 24px}.complete-b .diagnosis-scene .quiz-next{min-height:48px;min-width:160px;padding:12px 19px;font-size:13px;background:#203d3c;color:#fff;border-radius:3px}.complete-b .diagnosis-scene .quiz-back{font-size:12px}.complete-b .diagnosis-scene .quiz-bottom{font-size:10px;text-align:center;color:#788175;margin:20px 0 12px;line-height:1.9}.quiz-bottom br{display:none}
.diagnosis-disclaimer{font-size:9px;line-height:1.85;text-align:center;color:#7a8476;margin:0 0 14px}.gallery-link{display:block;width:max-content;max-width:100%;margin:0 auto;font-size:11px;color:#607258;border-bottom:1px solid #a7b39e;padding-bottom:3px}.gallery-link>span{margin-left:13px}.scene-footer{position:absolute;left:40px;right:40px;bottom:22px;display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:.15em;color:#8c967e;pointer-events:none}
.complete-b .diagnosis-scene[data-phase="result"]{height:auto;min-height:100svh;padding-top:115px;padding-bottom:55px}.diagnosis-scene[data-phase="result"] .perimeter-cards,.diagnosis-scene[data-phase="result"] .question-lead,.diagnosis-scene[data-phase="result"] .scene-footer{display:none}.diagnosis-scene[data-phase="result"] .quiz-center{width:min(850px,100%);max-height:none;overflow:visible}
.complete-b .diagnosis-scene[data-phase="result"] .character-art{max-width:410px;background:transparent;margin:0 auto 18px}.complete-b .diagnosis-scene .character-name{text-align:center;font-weight:600}.complete-b .diagnosis-scene .character-summary{text-align:center;max-width:550px;margin:12px auto 24px}.complete-b .diagnosis-scene .result-content{padding:28px}.complete-b .diagnosis-scene .character-tags{grid-template-columns:repeat(2,1fr)}.complete-b .diagnosis-scene .character-result{border:0;margin:0;padding:0}.complete-b .diagnosis-scene .result-cta{margin-top:28px;background:#203d3c}.complete-b .diagnosis-scene .character-share{margin-top:20px}.complete-b .diagnosis-scene .character-guide{padding-top:19px}.result-lp-bridge{padding:65px 24px;text-align:center;border-top:1px solid #cbd3ce;background:#e9ede9}.result-lp-bridge>p{color:#647461;font-size:12px;margin-bottom:18px}.result-lp-bridge h2{font-size:clamp(29px,3.6vw,45px);font-weight:500;line-height:1.5;margin:0 0 26px}.result-lp-bridge>a{font-size:24px;color:#758367}
.no-js .perimeter-cards,.no-js .intro-message,.no-js .intro-skip{display:none}.no-js .quiz-center{visibility:visible;opacity:1}.no-js .quiz{display:none}.no-js .diagnosis-scene{min-height:450px}
@media(min-width:1000px){.diagnosis-scene[data-phase="question"]{min-height:100svh}.diagnosis-scene[data-phase="question"] .quiz-center{padding-block:16px}.complete-b .diagnosis-scene[data-phase="result"] .character-result{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.character-result>.character-topline,.character-result>.character-share,.character-result>.character-disclaimer,.character-result>.character-explanation{grid-column:1/-1}.complete-b .diagnosis-scene[data-phase="result"] .character-art{grid-column:1;grid-row:2/6;align-self:center;width:100%;padding:0}.complete-b .diagnosis-scene[data-phase="result"] .character-name,.complete-b .diagnosis-scene[data-phase="result"] .character-summary{text-align:left}.complete-b .diagnosis-scene[data-phase="result"] .character-guide{grid-column:2}.complete-b .diagnosis-scene[data-phase="result"] .character-summary{font-size:13px}.complete-b .diagnosis-scene[data-phase="result"] .character-tags{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.complete-b .diagnosis-scene[data-phase="result"] .character-tags>div:last-child{grid-column:auto}}
@media(max-width:640px){.diagnosis-first .diagnosis-scene{min-height:0;padding:95px 21px 45px}.diagnosis-header{padding:22px 22px;gap:12px}.diagnosis-brand{gap:0;display:block}.diagnosis-brand strong{display:block;font-size:25px}.diagnosis-brand>span{display:block;font-size:8px;margin-top:7px;letter-spacing:.12em}.consult-skip{font-size:10px;padding:8px 0}.consult-skip>span{margin-left:7px}.opening-card{--cw:95px;padding:5px}.opening-card span{font-size:6px;padding-top:4px}.intro-message{top:49%}.intro-message h1{font-size:30px;line-height:1.65;margin-bottom:14px}.intro-message .intro-eyebrow{font-size:8px;margin-bottom:14px}.intro-message>p:not(.intro-eyebrow){font-size:11px}.intro-footnote{font-size:9px}.intro-skip{bottom:52px}.scene-footer{left:22px;right:22px;font-size:6px;bottom:20px}.question-lead{padding:0 0 17px}.question-lead p{font-size:10px}.question-kicker{font-size:8px}.complete-b .diagnosis-scene .quiz-top{padding:19px 18px 15px;font-size:9px}.diagnosis-scene .quiz-meta{font-size:9px}.complete-b .diagnosis-scene .progress-track{margin-inline:18px}.complete-b .diagnosis-scene .quiz-body{padding:21px 18px 0}.complete-b .diagnosis-scene #quiz-heading{font-size:20px;line-height:1.65;margin-bottom:20px}.complete-b .diagnosis-scene .quiz-option,.complete-b .diagnosis-scene .quiz-option:has(input:checked){font-size:12px;min-height:68px;gap:6px;padding:12px 10px}.complete-b .diagnosis-scene .option-marker{font-size:10px;flex-basis:22px;height:22px}.complete-b .diagnosis-scene .quiz-actions{padding:14px 18px 21px;gap:10px}.complete-b .diagnosis-scene .quiz-next{min-width:142px;font-size:12px}.complete-b .diagnosis-scene .quiz-back{font-size:11px}.complete-b .diagnosis-scene .quiz-bottom{font-size:9px;margin-top:16px}.quiz-bottom br{display:block}.diagnosis-disclaimer{font-size:8px;line-height:1.9}.gallery-link{font-size:10px}.complete-b .diagnosis-scene[data-phase="result"]{padding:104px 15px 45px}.complete-b .diagnosis-scene .result-content{padding:20px 16px}.complete-b .diagnosis-scene .character-art{max-width:285px;padding:0}.complete-b .diagnosis-scene .character-name{font-size:24px}.complete-b .diagnosis-scene .character-summary{font-size:13px}.complete-b .diagnosis-scene .character-guide p{font-size:12px}.complete-b .diagnosis-scene .character-tags dd{font-size:11px}.complete-b .diagnosis-scene .character-topline{gap:5px}.complete-b .diagnosis-scene .character-eyebrow{font-size:11px}.result-lp-bridge{padding-block:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.intro-message{display:none}.opening-card{display:none}}
/* The question lead already gives this guidance; avoid repeating it below the card. */
.complete-b .diagnosis-scene .quiz-bottom{display:none}.diagnosis-scene .diagnosis-disclaimer{margin-top:15px}.diagnosis-scene .question-lead{padding-bottom:12px}.diagnosis-scene .question-lead p{margin-top:6px}
.diagnosis-scene .question-lead p{display:none}.complete-b .diagnosis-scene .quiz-top{padding-top:16px;padding-bottom:13px}.complete-b .diagnosis-scene .quiz-body{padding-top:20px}.complete-b .diagnosis-scene #quiz-heading{margin-bottom:18px}.complete-b .diagnosis-scene .quiz-actions{padding-top:8px;padding-bottom:18px}.diagnosis-scene .diagnosis-disclaimer{margin-top:12px;font-size:9px}.diagnosis-scene .quiz-center{scrollbar-width:none}.diagnosis-scene .quiz-center::-webkit-scrollbar{display:none}
@media(max-width:640px){.complete-b .diagnosis-scene .quiz-top{padding-top:17px}.diagnosis-scene .diagnosis-disclaimer{font-size:8px}}
@media(min-width:1000px){.complete-b .diagnosis-scene[data-phase="result"] .character-name{grid-column:2;grid-row:2;align-self:end}.complete-b .diagnosis-scene[data-phase="result"] .character-summary{grid-column:2;grid-row:3}.complete-b .diagnosis-scene[data-phase="result"] .character-guide:nth-child(6){grid-row:4}.complete-b .diagnosis-scene[data-phase="result"] .character-guide:nth-child(7){grid-row:5}.complete-b .diagnosis-scene[data-phase="result"] .character-tags{grid-row:6}}

/* The start is deliberate; the dense border remains decorative behind the content. */
.diagnosis-start{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(550px,calc(100% - 44px));padding:37px 24px 29px;text-align:center;background:#f6f5f0f5;border:1px solid #c7cdbf;border-radius:9px;box-shadow:0 16px 60px #3245310b}
.diagnosis-start[hidden]{display:none}.start-eyebrow{font:9px ui-monospace,monospace;letter-spacing:.22em;color:#8b774c;margin:0 0 20px}.complete-b .diagnosis-scene .diagnosis-start h2{font-weight:500;letter-spacing:-.035em;font-size:clamp(29px,3vw,39px);line-height:1.55;margin:0 0 20px}.start-description{font-size:12px;color:#68756b;line-height:1.9;margin:0 0 25px}.diagnosis-start-button{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 auto;background:#203d3c;color:#fff;border:1px solid #203d3c;border-radius:4px;padding:18px 25px;font-size:17px;font-weight:600;min-height:60px;min-width:265px;cursor:pointer;box-shadow:0 5px 15px #203d3c18}.diagnosis-start-button:hover{background:#2d504b}.diagnosis-start-button:focus-visible{outline:3px solid #a38d5e;outline-offset:5px}.start-meta{font-size:10px;color:#68756b;margin:16px 0 22px}.start-disclaimer{font-size:9px;line-height:1.9;color:#7a8476;margin:0 0 14px}.start-gallery{font-size:11px;color:#607258;border-bottom:1px solid #a7b39e;padding-bottom:3px}.start-gallery span{margin-left:10px}
.complete-b .diagnosis-scene #quiz-next{display:none!important}.complete-b .diagnosis-scene .quiz-actions{justify-content:flex-start}.complete-b .diagnosis-scene .quiz-back{min-height:44px}.complete-b .diagnosis-scene .quiz-option{cursor:pointer}.complete-b .diagnosis-scene .quiz-option:focus-within{outline:2px solid #8c9a74;outline-offset:2px}
.diagnosis-header{background:linear-gradient(#f6f5f0f5,#f6f5f0e8 65%,#f6f5f000)}
@media(max-width:640px){.diagnosis-start{padding:30px 17px 23px}.complete-b .diagnosis-scene .diagnosis-start h2{font-size:23px;line-height:1.65;margin-bottom:17px}.start-eyebrow{font-size:8px;margin-bottom:17px}.start-description{font-size:11px;margin-bottom:23px}.diagnosis-start-button{min-width:0;width:100%;max-width:285px;font-size:16px;padding:17px 20px}.start-meta{font-size:8px;margin-bottom:20px}.start-disclaimer{font-size:8px}.start-gallery{font-size:10px}}
@media(max-height:600px){.diagnosis-start{max-height:calc(100svh - 130px);overflow-y:auto;padding-block:20px}.complete-b .diagnosis-scene .diagnosis-start h2{font-size:25px;margin-bottom:10px}.start-description{margin-bottom:15px}.start-eyebrow{margin-bottom:10px}.start-meta{margin-bottom:10px}}
