.portrait-entry{display:grid}
:root{--paper:#eee7da;--ink:#302d26;--muted:#79715f;--line:#ab895035;--accent:#866c40;--red:#866c40;background:#262722}.experience{padding:16px;background:#262722}.surface{max-width:1400px;border:0;border-radius:9px;box-shadow:none}.portrait-entry{grid-template-columns:1.1fr .9fr;min-height:760px;background:#d0ceca}.portrait-copy{padding:70px 58px;background:#292c28;color:#f0e9dc;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.entry-label{color:#cfb984;font-size:12px;letter-spacing:.17em}.portrait-copy h1{font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.5;margin:28px 0}.entry-description{font-size:15px;max-width:26em;color:#c6c2b6}.entry-details{margin-top:31px;color:#bcb9ac}.portrait-copy .primary{align-self:flex-start;background:#c1a168;color:#24261f;border-radius:3px;margin-top:33px}.entry-photograph{margin:0;background:#d0ceca}.entry-photograph img{object-fit:contain;padding:27px}.primary{background:#76613c;border-radius:4px}.primary:hover:not(:disabled){background:#8f7546}.secondary{border-radius:4px}.question-layout{max-width:850px;padding:40px 47px 52px}.question-context{color:#866c40;letter-spacing:.05em}.question-body h1{font-weight:500}.option{border:1px solid #b7a98c;border-radius:4px;padding:22px;background:#fff2}.option:hover,.option:has(input:checked){background:#e0d4ba;border-color:#866c40}.progress{background:#d7cbb5}.portrait-result{max-width:1110px}.portrait-heading{grid-template-columns:1fr .7fr;gap:48px;align-items:center}.result-photograph{height:430px;border-radius:4px;background:#d0ceca}.result-photograph img{object-fit:contain;padding:18px}.result-title h1{font-size:clamp(32px,3.7vw,48px);font-weight:500;line-height:1.45}.profile-intro{font-size:18px;line-height:2}.profile-readings{grid-template-columns:1fr;gap:23px}.profile-reading{padding:28px;border-left:2px solid #ab8950;background:#e4dccb}.profile-reading h2{font-size:21px}.profile-reading p{font-size:15px;line-height:2.05}.profile-reading:last-child{background:none;border-left:0;border-top:1px solid var(--line);padding:28px 0}.portrait-axis-head strong{color:#866c40}.close-dialog,.jump-grid button.answered{background:#dfd2b8}html[lang=en] .portrait-copy h1{line-height:1.14;letter-spacing:-.025em}
@media(max-width:760px){.portrait-entry{display:flex;flex-direction:column;min-height:0}.entry-photograph{order:0;min-height:0;height:340px}.entry-photograph img{padding:20px}.portrait-copy{order:1;padding:35px 30px 45px}.portrait-copy h1{font-size:36px;margin:21px 0}.entry-description{font-size:14px}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{height:330px;grid-row:1}.result-title h1{font-size:35px}.profile-intro{font-size:16px}.profile-reading{padding:24px}.profile-reading p{font-size:14px}.question-layout{padding:27px 25px 40px}.question-body h1{font-size:25px}.option{padding:19px 17px}}
@media(max-width:420px){.experience{padding:12px}.entry-photograph{height:290px}.portrait-copy{padding:30px 25px 39px}.portrait-copy h1{font-size:32px}.portrait-result{padding-inline:24px}}