:root{--paper:#f1f2e8;--ink:#30432e;--muted:#79836e;--line:#455d3830;--accent:#455d38;--red:#455d38;background:#dce5cc}.experience{padding:16px;background:#dce5cc}.surface{max-width:1400px;border:0;border-radius:15px;box-shadow:none}.portrait-entry{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#f1f2e8}.entry-photograph{grid-column:1;grid-row:1;height:720px}.entry-photograph img{object-position:50% 57%}.portrait-copy{grid-column:2;grid-row:1;align-self:center;padding:60px 50px}.entry-label{font-size:12px;letter-spacing:.15em;color:#455d38}.portrait-copy h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(35px,3.8vw,51px);font-weight:450;line-height:1.55;margin:27px 0 23px;letter-spacing:-.025em}.entry-description{max-width:25em;font-size:15px}.entry-details{margin-top:32px}.primary{background:#455d38;border-radius:30px;padding-inline:28px}.primary:hover:not(:disabled){background:#2f4727}.secondary{border-radius:30px}.question-layout{max-width:850px;padding:42px 46px 52px}.question-body h1{font-family:'Gugu Sans',sans-serif;font-weight:450;line-height:1.7;letter-spacing:-.015em}.option{border:1px solid #b6c6a7;border-radius:11px;background:#ffffff55;padding:23px}.option:hover,.option:has(input:checked){background:#dfe8cf;border-color:#455d38}.progress{height:4px;background:#cbd8b8}.portrait-result{max-width:1120px}.portrait-heading{grid-template-columns:1.2fr 1fr;gap:45px}.result-photograph{height:410px;border-radius:10px}.result-photograph img{object-position:50% 57%}.result-title h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(35px,4.4vw,56px);font-weight:450;line-height:1.5;letter-spacing:-.025em}.profile-intro{font-size:18px;line-height:2;max-width:840px}.profile-readings{gap:30px}.profile-reading{padding:27px;background:#e2e9d5;border-radius:11px}.profile-reading p{font-size:15px;line-height:2.1}.profile-reading:last-child{grid-column:1/-1;background:transparent;padding-inline:0;border-top:1px solid var(--line);border-radius:0}.portrait-axis-head strong{color:#455d38}.close-dialog,.jump-grid button.answered{background:#d9e4ca}html[lang=en] .portrait-copy h1{line-height:1.15;letter-spacing:-.035em}
@media(max-width:760px){.portrait-entry{display:flex;flex-direction:column;min-height:0}.entry-photograph{order:0;height:390px}.entry-photograph img{object-position:50% 60%}.portrait-copy{order:1;padding:35px 30px 44px}.portrait-copy h1{font-size:34px;margin:23px 0}.portrait-heading{grid-template-columns:1fr;gap:27px}.result-photograph{height:360px}.result-title h1{font-size:34px}.profile-intro{font-size:16px}.profile-readings{grid-template-columns:1fr;gap:22px}.profile-reading{padding:24px}.profile-reading p{font-size:14px}.question-layout{padding:28px 25px 40px}.question-body h1{font-size:24px}}
@media(max-width:420px){.experience{padding:12px}.entry-photograph{height:340px}.portrait-copy{padding:30px 25px 38px}.portrait-copy h1{font-size:30px}.entry-description{font-size:14px}.option{padding:21px 16px}.portrait-result{padding-inline:24px}}