:root{--ink:#354c4d;--muted:#5c6f69;--paper:#f5f4eb;--line:#52746a2c;--accent:#416d72;--red:#416d72;background:#d8ded3}.experience{padding:16px;background:#d8ded3}.surface{max-width:1360px;border:0;border-radius:4px;box-shadow:none}.portrait-entry{display:grid;grid-template-columns:.86fr 1.14fr;gap:0}.portrait-copy{padding:clamp(35px,5.6vw,75px);align-self:center}.entry-label{color:#456d68;letter-spacing:.12em}.portrait-copy h1{font-size:clamp(35px,4vw,54px);line-height:1.6;margin:26px 0}.entry-description{color:#5c6f69;font-size:15px}.entry-details{margin-top:24px}.entry-photograph{min-height:calc(100svh - 32px);height:100%;overflow:hidden}.entry-photograph img{object-position:52% center}.portrait-copy .primary{margin-top:28px}.primary{background:#416d72;border-radius:3px;padding-inline:24px}.primary:hover:not(:disabled){background:#2a5459}.secondary{border-radius:3px;border-color:#52746a50}.secondary:hover{background:#e5e9df}.question-layout{max-width:860px;padding-top:38px}.question-context{letter-spacing:.06em;color:#416d72}.question-body h1{font-size:clamp(26px,3.5vw,34px);font-weight:500;line-height:1.75}.options{border-top:1px solid #52746a35;gap:0;margin-top:28px}.option{min-height:76px;padding:21px 14px;border:0;border-bottom:1px solid #52746a35;border-radius:0}.option:hover{background:#e9ede2;border-color:#52746a35}.option:has(input:checked){background:#dce7df;border-color:#416d72}.option input{border-color:#8caaa0}.progress{background:#d4ded3}.portrait-result{max-width:1120px;padding-top:0}.portrait-heading{margin:0 -35px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:stretch;border-bottom:1px solid var(--line)}.result-title{padding:50px 0 35px 35px;align-self:center}.result-title h1{font-size:clamp(33px,4vw,50px);line-height:1.5}.result-photograph{height:410px;border-radius:0}.profile-intro{font-size:17px;margin:40px 0;line-height:2.05}.profile-readings{grid-template-columns:1fr 1fr 1fr;gap:30px}.profile-reading{padding-top:23px;border-top:1px solid #52746a55}.profile-reading h2{font-size:20px}.profile-reading p{font-size:14px;line-height:2}.portrait-axis-grid{column-gap:50px}.portrait-track span{background:#416d72}.portrait-alternatives{gap:30px}.portrait-catalog>div{padding-bottom:10px}.close-dialog,.jump-grid button.answered{background:#e0e6d9}.portrait-axis-head strong{color:#416d72}
html[lang=en] .portrait-copy h1{line-height:1.16;letter-spacing:-.025em}html[lang=en] .result-title h1{line-height:1.2}
@media(max-width:850px){.portrait-copy{padding:35px 28px}.portrait-copy h1{font-size:36px}.portrait-entry{grid-template-columns:1fr 1fr}.profile-readings{grid-template-columns:1fr}.portrait-heading{gap:26px}.result-title{padding-left:25px}.result-photograph{height:350px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:4px}.portrait-entry{display:flex;flex-direction:column}.entry-photograph{order:-1;min-height:0;height:34svh;max-height:320px}.entry-photograph img{object-position:center 44%}.portrait-copy{padding:30px 25px 38px;align-self:stretch}.portrait-copy h1{font-size:34px;margin:20px 0}.entry-description{font-size:14px}.entry-details{margin-top:18px}.portrait-copy .primary{margin-top:22px}.portrait-result{padding:0 25px 80px}.portrait-heading{display:flex;flex-direction:column-reverse;margin:0 -25px;gap:0}.result-photograph{height:235px}.result-title{padding:28px 25px 0;align-self:stretch}.result-title h1{font-size:34px}.profile-intro{font-size:15px;margin:28px 0}.portrait-alternatives{grid-template-columns:1fr;gap:22px}.question-body h1{font-size:25px}.option{padding:20px 6px}.profile-readings{gap:28px}html[lang=en] .portrait-copy h1{font-size:38px}}
