.portrait-entry{display:grid}
:root{--paper:#f5efe5;--ink:#463b32;--muted:#7a6a5b;--line:#8a4d412d;--accent:#8a4d41;--red:#8a4d41;background:#d6c9b7}.experience{padding:16px;background:#d6c9b7}.surface{max-width:1320px;border:0;border-radius:3px;box-shadow:0 15px 60px #463b3210}.portrait-entry{grid-template-columns:1fr .86fr;min-height:730px;padding:24px;background:#f5efe5}.portrait-copy{padding:55px 44px;align-self:center}.portrait-copy h1{font-size:clamp(35px,3.7vw,51px);line-height:1.65;font-weight:400;margin:27px 0;letter-spacing:.03em}.entry-label{font-size:12px;letter-spacing:.16em;color:#8a4d41}.entry-description{max-width:27em;font-size:14px}.entry-photograph{min-height:500px;margin:0}.entry-photograph img{filter:saturate(.65);object-position:48% 50%}.entry-details{margin-top:35px}.primary{background:#8a4d41;border-radius:2px;padding-inline:28px}.primary:hover:not(:disabled){background:#6c382f}.secondary{border-radius:2px}.question-layout{max-width:820px;padding-top:43px}.question-context{color:#8a4d41;letter-spacing:.06em}.question-body h1{font-weight:400;line-height:1.8}.options{gap:0;border-top:1px solid var(--line)}.option{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:23px 12px;background:none}.option:hover,.option:has(input:checked){background:#ece2d6;border-color:#8a4d4170}.progress{height:2px;background:#dccdc0}.portrait-result{max-width:1070px}.portrait-heading{grid-template-columns:1fr .8fr;gap:45px;align-items:center}.result-title h1{font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.5}.result-photograph{height:365px;border-radius:0}.profile-intro{font-family:'Gugu Display',serif;font-size:20px;line-height:2}.profile-readings{grid-template-columns:1fr;gap:0}.profile-reading{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.profile-reading h2{font-size:19px;line-height:1.7}.profile-reading p{font-size:15px;line-height:2.1}.profile-reading:last-child p{font-family:'Gugu Display',serif;font-size:19px;color:#8a4d41}.portrait-axis-head strong{color:#8a4d41}.portrait-track{height:2px}.close-dialog,.jump-grid button.answered{background:#e9ddcf}html[lang=en] .portrait-copy h1{letter-spacing:-.025em;line-height:1.18}
@media(max-width:750px){.portrait-entry{display:flex;flex-direction:column;padding:15px;min-height:0}.entry-photograph{order:0;min-height:0;height:310px}.portrait-copy{order:1;padding:34px 18px 32px}.portrait-copy h1{font-size:34px;line-height:1.6;margin:20px 0}.portrait-heading{grid-template-columns:1fr;gap:27px}.result-photograph{height:280px;grid-row:1}.profile-intro{font-size:17px}.profile-reading{display:block}.profile-reading h2{margin-bottom:14px}.profile-reading p{font-size:14px}.profile-reading:last-child p{font-size:17px}.result-title h1{font-size:36px}.question-layout{padding:28px 25px 40px}.question-body h1{font-size:25px}}
@media(max-width:420px){.experience{padding:12px}.entry-photograph{height:265px}.portrait-copy{padding:27px 12px 31px}.portrait-copy h1{font-size:30px}.portrait-result{padding-inline:24px}.option{padding:21px 6px}}