.portrait-entry{display:grid}
:root{--paper:#f3f1e9;--ink:#303b3e;--muted:#728083;--line:#53656a30;--accent:#53656a;--red:#53656a;background:#d8dcda}.experience{padding:16px;background:#d8dcda}.surface{max-width:1400px;border:0;border-radius:2px;box-shadow:none}.portrait-entry{grid-template-columns:1fr 1fr;background:#f3f1e9;min-height:740px}.entry-photograph{grid-column:1;grid-row:1;margin:0;background:#b9bcba}.entry-photograph img{object-fit:contain;padding:35px}.portrait-copy{grid-column:2;grid-row:1;align-self:center;padding:60px 53px}.entry-label{font-size:12px;color:#53656a;letter-spacing:.17em}.portrait-copy h1{font-size:clamp(35px,3.8vw,54px);font-weight:400;line-height:1.6;margin:28px 0 22px}.entry-description{max-width:25em;font-size:15px}.entry-details{margin-top:34px}.primary{background:#53656a;border-radius:0;padding-inline:28px}.primary:hover:not(:disabled){background:#34484d}.secondary{border-radius:0}.question-layout{max-width:830px;padding-top:40px}.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:24px 14px}.option:hover,.option:has(input:checked){background:#e3e7e2;border-color:#53656a}.progress{height:2px;background:#d4dbd6}.portrait-result{max-width:1100px}.portrait-heading{grid-template-columns:1.1fr .8fr;gap:55px;align-items:center}.result-photograph{height:390px;border-radius:0;background:#bdc0bd}.result-photograph img{object-fit:contain;padding:20px}.result-title h1{font-size:clamp(33px,3.7vw,49px);font-weight:400;line-height:1.5}.profile-intro{font-family:'Gugu Display',serif;font-size:20px;line-height:2.1}.profile-readings{grid-template-columns:1fr;gap:0}.profile-reading{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:28px 0;border-top:1px solid var(--line)}.profile-reading h2{font-size:20px;font-weight:400}.profile-reading p{font-size:15px;line-height:2.1}.portrait-axis-head strong{color:#53656a}.portrait-catalog{gap:32px 45px}.close-dialog,.jump-grid button.answered{background:#dfe4df}html[lang=en] .portrait-copy h1{line-height:1.15;letter-spacing:-.025em}
@media(max-width:760px){.portrait-entry{display:flex;flex-direction:column;min-height:0}.entry-photograph{order:0;min-height:0;height:330px}.entry-photograph img{padding:22px}.portrait-copy{order:1;padding:35px 30px 42px}.portrait-copy h1{font-size:35px;margin:22px 0}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{height:300px;grid-row:1}.result-title h1{font-size:35px}.profile-intro{font-size:17px}.profile-reading{display:block}.profile-reading h2{margin-bottom:15px}.profile-reading p{font-size:14px}.question-layout{padding:27px 25px 40px}.question-body h1{font-size:25px}}
@media(max-width:420px){.experience{padding:12px}.entry-photograph{height:280px}.portrait-copy{padding:29px 25px 36px}.portrait-copy h1{font-size:31px}.entry-description{font-size:14px}.option{padding:21px 7px}}