.portrait-entry{display:grid}
:root{--paper:#f2f1e9;--ink:#243d3b;--muted:#63746d;--line:#42686630;--accent:#426866;--red:#426866;background:#233b39}.experience{padding:16px;background:#233b39}.surface{max-width:1390px;border-radius:25px;border:0;box-shadow:none}.portrait-entry{grid-template-columns:.92fr 1.08fr;min-height:720px;background:#f2f1e9}.portrait-copy{padding:72px 54px;align-self:center}.portrait-copy h1{font-size:clamp(36px,3.9vw,55px);line-height:1.5;font-weight:500;letter-spacing:.02em;margin:30px 0 22px}.entry-label{color:#426866;letter-spacing:.1em}.entry-description{max-width:25em;font-size:15px}.entry-details{margin-top:30px}.entry-photograph{margin:20px 20px 20px 0;border-radius:16px;overflow:hidden}.entry-photograph img{object-position:center;filter:saturate(.8)}.primary{background:#426866;border-radius:8px}.primary:hover:not(:disabled){background:#2a4f4e}.secondary{border-radius:8px}.question-layout{max-width:840px;padding:40px 45px 55px}.question-body h1{font-weight:500}.options{gap:12px}.option{border:1px solid #42686630;border-radius:12px;background:#fff4;padding:20px}.option:hover,.option:has(input:checked){background:#dce7de;border-color:#668a7d}.progress{background:#d4dfd6}.portrait-result{max-width:1110px}.portrait-heading{grid-template-columns:1fr .8fr;gap:50px;align-items:center}.result-photograph{height:380px;border-radius:18px}.result-title h1{font-size:clamp(34px,4vw,53px);line-height:1.4;font-weight:500}.profile-intro{font-size:17px;line-height:2}.profile-readings{display:block}.profile-reading{padding:27px 0;border-bottom:1px solid var(--line)}.profile-reading h2{font-size:22px}.profile-reading p{font-size:15px;line-height:2}.profile-reading:nth-child(2){margin-top:25px;background:#e2e9df;border:0;border-radius:14px;padding:28px}.portrait-axis-head strong{color:#426866}.close-dialog,.jump-grid button.answered{background:#dce7de}html[lang=en] .portrait-copy h1{line-height:1.15;letter-spacing:-.02em}
@media(max-width:750px){.portrait-entry{grid-template-columns:1fr;min-height:0}.entry-photograph{grid-row:1;height:310px;margin:14px 14px 0}.portrait-copy{padding:35px 30px 45px}.portrait-copy h1{font-size:35px;margin:21px 0}.portrait-heading{grid-template-columns:1fr;gap:27px}.result-photograph{height:280px;grid-row:1}.question-layout{padding:27px 25px 45px}.profile-intro{font-size:15px}.profile-reading p{font-size:14px}.result-title h1{font-size:36px}}
@media(max-width:420px){.experience{padding:12px}.surface{border-radius:21px}.entry-photograph{height:260px}.portrait-copy{padding:30px 25px 38px}.portrait-copy h1{font-size:31px}.entry-description{font-size:14px}.option{padding:17px 15px}.question-body h1{font-size:24px}}
.entry-photograph img{object-position:50% 78%}