:root{--paper:#fff8e9;--ink:#503a25;--muted:#87715a;--line:#a85d2230;--accent:#a85d22;--red:#a85d22;background:#f0cd72}.experience{padding:16px;background:#f0cd72}.surface{max-width:1400px;border:0;border-radius:30px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;min-height:0;background:#fff8e9}.entry-photograph{order:0;height:380px;min-height:0;margin:0;overflow:hidden}.entry-photograph img{object-position:center 53%}.portrait-copy{order:1;display:grid;grid-template-columns:1.25fr 1fr;column-gap:60px;align-items:start;padding:43px 65px 53px}.entry-label{grid-column:1/-1;color:#a85d22;letter-spacing:.12em;font-size:12px}.portrait-copy h1{grid-column:1;grid-row:2/6;font-size:clamp(34px,3.5vw,50px);font-weight:500;line-height:1.5;margin:17px 0 0}.entry-description{grid-column:2;grid-row:2;font-size:15px;margin-top:23px;max-width:25em}.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:25px}.primary{background:#a85d22;border-radius:50px;padding-inline:27px}.primary:hover:not(:disabled){background:#85451c}.secondary{border-radius:50px}.question-layout{max-width:850px;padding:39px 48px 50px}.question-body h1{font-weight:500}.options{gap:11px}.option{border:1px solid #d7bf9b;border-radius:18px;padding:20px 22px;background:#fffdf9}.option:hover,.option:has(input:checked){background:#f8e7c6;border-color:#b97b3e}.progress{background:#ecd9b5}.portrait-result{max-width:1100px}.portrait-heading{display:flex;flex-direction:column-reverse;align-items:stretch;gap:34px}.result-photograph{height:330px;border-radius:22px}.result-title{text-align:center}.result-title h1{font-size:clamp(38px,4.8vw,62px);font-weight:500;line-height:1.3}.profile-tags{justify-content:center}.profile-intro{max-width:800px;margin:35px auto;font-size:17px;line-height:2;text-align:center}.profile-readings{grid-template-columns:1fr 1fr;gap:30px}.profile-reading{padding:29px;background:#f7ecd6;border-radius:18px}.profile-reading:last-child{grid-column:1/-1;background:none;border-block:1px solid var(--line);border-radius:0;padding-inline:0}.profile-reading h2{font-size:21px}.profile-reading p{font-size:15px;line-height:2}.portrait-axis-head strong{color:#a85d22}.close-dialog,.jump-grid button.answered{background:#f4dfb7}html[lang=en] .portrait-copy h1{line-height:1.14;letter-spacing:-.025em}
@media(max-width:780px){.entry-photograph{height:310px}.portrait-copy{display:block;padding:32px 31px 43px}.portrait-copy h1{font-size:37px;margin:21px 0}.entry-description{font-size:14px;max-width:100%;margin-top:0}.entry-details{margin-top:22px}.portrait-copy .primary{margin-top:25px}.portrait-heading{gap:28px}.result-photograph{height:260px}.result-title h1{font-size:41px}.profile-intro{font-size:15px;text-align:left}.profile-readings{grid-template-columns:1fr;gap:18px}.profile-reading{padding:25px}.profile-reading p{font-size:14px}.question-layout{padding:28px 25px 42px}.question-body h1{font-size:25px}}
@media(max-width:420px){.experience{padding:12px}.surface{border-radius:23px}.entry-photograph{height:255px}.portrait-copy{padding:29px 25px 38px}.portrait-copy h1{font-size:32px}.option{padding:18px 15px}.portrait-result{padding-inline:24px}.result-title h1{font-size:37px}}