:root{--ink:#40575e;--muted:#5d7378;--paper:#f2f6f5;--line:#526f7a2b;--accent:#526f7a;--red:#526f7a;background:#dce5e5}.experience{padding:16px;background:#dce5e5}.surface{max-width:1280px;border:0;border-radius:24px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;align-items:center;padding-bottom:45px}.entry-photograph{order:-1;width:100%;height:clamp(280px,42svh,450px);overflow:hidden}.entry-photograph img{object-position:center 60%}.portrait-copy{width:100%;padding:34px clamp(30px,6vw,76px) 0;display:grid;grid-template-columns:1.2fr 1fr;gap:12px 50px;align-items:start}.entry-label{grid-column:1/3;color:#526f7a;letter-spacing:.08em;margin-bottom:7px}.portrait-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(34px,4vw,52px);line-height:1.55;font-weight:500}.entry-description{grid-column:2;grid-row:2;font-size:15px;color:#5d7378;margin-top:5px}.entry-details{grid-column:2;grid-row:3;margin-top:3px}.portrait-copy .primary{grid-column:2;grid-row:4;justify-self:start;margin-top:10px}.primary{background:#526f7a;border-radius:8px;padding-inline:25px}.primary:hover:not(:disabled){background:#496772}.secondary{border-radius:8px;border-color:#91a6ab55}.secondary:hover{background:#e2ebea}.question-layout{max-width:820px;padding-top:36px}.question-context{color:#526f7a}.question-body h1{font-weight:500;line-height:1.75}.option{background:#fbfdfc;border-color:#9eb5b73d;border-radius:13px;padding:19px 22px;min-height:74px}.option:hover{background:#e9f0ee;border-color:#91a8ae}.option:has(input:checked){background:#dde9e7;border-color:#526f7a}.option input{border-color:#9cb0b2}.progress{background:#d5e0df}.portrait-result{max-width:1050px}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{grid-row:1;height:270px;border-radius:10px}.result-photograph img{object-position:center 60%}.result-title h1{font-size:clamp(35px,4.5vw,54px);line-height:1.5}.result-subtitle{color:#526f7a}.profile-intro{font-size:17px;line-height:2.1}.profile-readings{grid-template-columns:1fr;gap:0}.profile-reading{display:grid;grid-template-columns:190px 1fr;gap:35px;padding:27px 0;border-top:1px solid var(--line)}.profile-reading h2{font-size:21px}.profile-reading p{font-size:15px;line-height:2.05}.profile-reading:nth-child(2){padding:27px;background:#e7eeec;border:0;border-radius:10px}.profile-reading:nth-child(2) p{font-family:'Gugu Display',serif;font-size:19px;color:#4c6871;line-height:1.9}.portrait-axis-head strong{color:#526f7a}.portrait-track span{background:#78949c}.close-dialog,.jump-grid button.answered{background:#e0e9e7}.portrait-alternatives{gap:30px}
html[lang=en] .portrait-copy h1{line-height:1.2;letter-spacing:-.02em}html[lang=en] .result-title h1{line-height:1.2}
@media(max-width:800px){.portrait-copy{gap:10px 30px;padding-inline:32px}.portrait-copy h1{font-size:36px}.profile-reading{grid-template-columns:160px 1fr;gap:25px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:20px}.portrait-entry{padding-bottom:36px}.entry-photograph{height:32svh;min-height:230px}.entry-photograph img{object-position:center 66%}.portrait-copy{display:block;padding:29px 25px 0}.entry-label{margin-bottom:17px}.portrait-copy h1{font-size:33px}.entry-description{font-size:14px;margin-top:19px}.entry-details{margin-top:18px}.portrait-copy .primary{margin-top:23px}.portrait-result{padding:30px 25px 80px}.result-title h1{font-size:34px}.result-photograph{height:220px}.profile-intro{font-size:15px}.profile-reading{display:block;padding:25px 0}.profile-reading h2{margin-bottom:12px}.profile-reading:nth-child(2){padding:24px 21px;margin-bottom:10px}.profile-reading:nth-child(2) p{font-size:17px}.portrait-alternatives{grid-template-columns:1fr;gap:22px}.question-body h1{font-size:25px}.option{padding:17px 18px}html[lang=en] .portrait-copy h1{font-size:36px}}