:root{--ink:#54392f;--muted:#896b5c;--paper:#fff9f1;--line:#a366472c;--accent:#ad5c3f;--red:#ad5c3f;background:#dca98b}.experience{background:#dca98b;padding:16px}.surface{max-width:1260px;border:0;border-radius:12px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;padding:48px 55px 40px;gap:35px;align-items:center}.portrait-copy{display:grid;grid-template-columns:1.35fr 1fr;width:100%;gap:12px 55px;align-items:start}.entry-label{grid-column:1/3;color:#a46646;font-size:13px;margin-bottom:10px;letter-spacing:.1em}.portrait-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(34px,4vw,52px);line-height:1.5}.entry-description{grid-column:2;grid-row:2;font-size:15px;margin-top:5px}.entry-details{grid-column:2;grid-row:3;margin-top:4px}.portrait-copy .primary{grid-column:2;grid-row:4;justify-self:start;margin-top:10px}.entry-photograph{width:100%;height:clamp(280px,43svh,480px);border-radius:8px;overflow:hidden}.entry-photograph img{object-position:center 48%}.primary{background:#a45138;border-radius:6px}.primary:hover:not(:disabled){background:#863e2b}.secondary{border-radius:6px;border-color:#b3886850}.secondary:hover{background:#f5e7d8}.question-layout{max-width:840px;padding-top:36px}.question-body h1{font-weight:500;line-height:1.75}.question-context{color:#a46646}.options{gap:12px}.option{background:#fffdf9;border-color:#bc94794a;border-radius:11px;padding:19px 22px}.option:hover{background:#faeddf;border-color:#bf8e6d}.option:has(input:checked){background:#f3ddcb;border-color:#ad5c3f}.progress{background:#e6cfbc}.portrait-heading{grid-template-columns:1fr;gap:25px}.result-photograph{grid-row:1;height:300px;border-radius:8px}.result-title h1{font-size:clamp(35px,4vw,51px);margin-top:10px}.result-subtitle{color:#a05d40}.profile-intro{font-size:17px;line-height:2.1;max-width:46em}.profile-readings{grid-template-columns:1fr;gap:26px}.profile-reading{display:grid;grid-template-columns:200px 1fr;gap:35px;border-top:1px solid var(--line);padding-top:24px}.profile-reading h2{font-size:21px}.profile-reading p{font-size:15px;line-height:2}.portrait-axis-head strong{color:#9b4c33}.portrait-nearby{padding:28px;background:#f5e7d9;border:0;border-radius:10px}.close-dialog,.jump-grid button.answered{background:#efdfce}.portrait-result{max-width:1050px}.portrait-atlas summary{font-size:20px}
html[lang=en] .portrait-copy h1{line-height:1.17;letter-spacing:-.02em}html[lang=en] .result-title h1{line-height:1.2}
@media(max-width:800px){.portrait-entry{padding:35px 32px;gap:30px}.portrait-copy{gap:10px 30px}.portrait-copy h1{font-size:36px}.profile-reading{grid-template-columns:170px 1fr;gap:25px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:10px}.portrait-entry{padding:30px 25px;gap:26px}.portrait-copy{display:block}.entry-label{margin-bottom:18px}.portrait-copy h1{font-size:33px}.entry-description{margin-top:20px;font-size:14px}.entry-details{margin-top:16px}.portrait-copy .primary{margin-top:22px}.entry-photograph{height:30svh;min-height:200px}.portrait-heading{gap:24px}.result-photograph{height:220px}.result-title h1{font-size:34px}.portrait-result{padding:30px 25px 80px}.profile-intro{font-size:15px}.profile-reading{display:block}.profile-reading h2{margin-bottom:12px}.portrait-nearby{padding:24px 20px}.portrait-alternatives{grid-template-columns:1fr;gap:20px}.question-body h1{font-size:25px}.option{padding:17px 18px}html[lang=en] .portrait-copy h1{font-size:37px}}