:root{--paper:#edf0f1;--ink:#293a49;--muted:#768491;--line:#4c668230;--accent:#4c6682;--red:#4c6682;background:#243240}.experience{padding:16px;background:#243240}.surface{max-width:1400px;border:0;border-radius:6px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;min-height:0;background:#edf0f1}.entry-photograph{order:0;height:345px;flex-shrink:0}.entry-photograph img{object-position:50% 51%}.portrait-copy{order:1;display:grid;grid-template-columns:1.25fr 1fr;column-gap:45px;padding:37px 52px 45px}.entry-label{grid-column:1;grid-row:1;font-size:12px;letter-spacing:.14em;color:#4c6682}.portrait-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(36px,4vw,53px);font-weight:500;line-height:1.45;margin:17px 0 0}.entry-description{grid-column:2;grid-row:2;font-size:15px;align-self:end;max-width:25em;padding-top:14px}.entry-details{grid-column:2;grid-row:3;margin-top:17px}.portrait-copy .primary{grid-column:2;grid-row:4;justify-self:start;margin-top:22px}.primary{background:#4c6682;border-radius:4px;padding-inline:29px}.primary:hover:not(:disabled){background:#344e69}.secondary{border-radius:4px}.question-layout{max-width:840px;padding:42px 46px 52px}.question-body h1{font-weight:500;line-height:1.7}.option{border:1px solid #b2c0cb;border-radius:4px;background:#fff5;padding:23px}.option:hover,.option:has(input:checked){background:#dce4ec;border-color:#4c6682}.progress{height:3px;background:#cbd5df}.portrait-result{max-width:1120px}.portrait-heading{grid-template-columns:1.15fr 1fr;gap:40px}.result-photograph{height:365px;border-radius:5px}.result-title h1{font-size:clamp(38px,4.8vw,62px);line-height:1.4;font-weight:500}.profile-intro{max-width:840px;font-size:18px;line-height:2}.profile-readings{gap:32px}.profile-reading{border-top:1px solid var(--line);padding-top:26px}.profile-reading p{font-size:15px;line-height:2.1}.profile-reading:last-child{grid-column:1/-1;background:#dfe5e9;padding:28px;border:0;border-radius:6px}.portrait-axis-head strong{color:#4c6682}.close-dialog,.jump-grid button.answered{background:#dbe3ea}html[lang=en] .portrait-copy h1{line-height:1.1;letter-spacing:-.035em}
@media(max-width:760px){.entry-photograph{height:300px}.portrait-copy{display:block;padding:32px 30px 42px}.portrait-copy h1{font-size:35px;margin:21px 0}.entry-description{padding:0}.entry-details{margin-top:22px}.portrait-copy .primary{margin-top:27px}.portrait-heading{grid-template-columns:1fr;gap:26px}.result-photograph{height:290px}.result-title h1{font-size:39px}.profile-intro{font-size:16px}.profile-readings{grid-template-columns:1fr;gap:25px}.profile-reading p{font-size:14px}.question-layout{padding:28px 25px 40px}.question-body h1{font-size:25px}}
@media(max-width:420px){.experience{padding:12px}.entry-photograph{height:260px}.portrait-copy{padding:29px 25px 38px}.portrait-copy h1{font-size:31px}.entry-description{font-size:14px}.option{padding:20px 16px}.portrait-result{padding-inline:24px}}