:root{--ink:#554331;--muted:#796550;--paper:#faf3e8;--line:#8b6c4b2b;--accent:#8b6c4b;--red:#8b6c4b;background:#d6c3a9}.experience{padding:16px;background:#d6c3a9}.surface{max-width:1300px;border:0;border-radius:9px;box-shadow:none}.portrait-entry{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(30px,6vw,75px);align-items:center;padding:clamp(32px,5vw,65px)}.portrait-copy{order:2}.entry-photograph{order:1;height:68svh;min-height:440px;max-height:700px;overflow:hidden;border-radius:3px}.entry-photograph img{object-position:center 54%}.entry-label{letter-spacing:.1em;color:#876447}.portrait-copy h1{font-size:clamp(33px,3.8vw,50px);font-weight:500;line-height:1.65;margin:25px 0}.entry-description{font-size:15px;color:#796550}.entry-details{margin-top:22px}.portrait-copy .primary{margin-top:26px}.primary{background:#876447;border-radius:3px;padding-inline:25px}.primary:hover:not(:disabled){background:#6d4c33}.secondary{border-radius:3px;border-color:#b3957355}.secondary:hover{background:#efe3d0}.question-layout{max-width:810px;padding-top:36px}.question-context{color:#876447;letter-spacing:.06em}.question-body h1{font-weight:500;line-height:1.75}.option{background:#fffbf3;border-color:#b79b7445;border-radius:6px;padding:19px 22px;min-height:74px}.option:hover{background:#f3e6d2;border-color:#b39573}.option:has(input:checked){background:#ead7bd;border-color:#8b6c4b}.option input{border-color:#ae9574}.progress{background:#ddcbb1}.portrait-result{max-width:1080px}.portrait-heading{grid-template-columns:1.1fr .85fr;gap:45px}.result-photograph{height:370px;border-radius:3px}.result-title h1{font-size:clamp(34px,4vw,52px);line-height:1.5}.result-subtitle{color:#876447}.profile-intro{font-size:17px;line-height:2.1}.profile-readings{grid-template-columns:1fr 1fr;gap:30px 40px}.profile-reading:nth-child(2){grid-column:1/3;grid-row:1;padding:27px 30px;background:#eee1cc;border-left:3px solid #a58a62}.profile-reading:nth-child(2) p{font-family:'Gugu Display',serif;font-size:18px;line-height:2;color:#6d573d}.profile-reading h2{font-size:21px;font-weight:500}.profile-reading p{font-size:15px;line-height:2}.portrait-axis-head strong{color:#876447}.portrait-track span{background:#a58a62}.close-dialog,.jump-grid button.answered{background:#ecdfc9}.portrait-catalog>div{padding-top:20px;border-top:1px solid var(--line)}.portrait-alternatives{gap:30px}
html[lang=en] .portrait-copy h1{line-height:1.22;letter-spacing:-.02em}html[lang=en] .result-title h1{line-height:1.2}
@media(max-width:800px){.portrait-entry{padding:38px 30px;gap:30px}.portrait-copy h1{font-size:35px}.entry-photograph{min-height:400px;height:66svh}.portrait-heading{gap:28px}.result-photograph{height:310px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:7px}.portrait-entry{display:flex;flex-direction:column;gap:27px;padding:25px 25px 38px}.entry-photograph{min-height:0;height:31svh;max-height:310px;width:100%}.entry-photograph img{object-position:center 48%}.portrait-copy{width:100%}.portrait-copy h1{font-size:32px;line-height:1.55;margin:18px 0}.entry-description{font-size:14px}.entry-details{margin-top:18px}.portrait-copy .primary{margin-top:22px}.portrait-result{padding:30px 25px 80px}.portrait-heading{grid-template-columns:1fr;gap:25px}.result-photograph{grid-row:1;height:240px}.result-title h1{font-size:34px}.profile-intro{font-size:15px}.profile-readings{grid-template-columns:1fr;gap:27px}.profile-reading:nth-child(2){grid-column:auto;grid-row:auto;padding:24px 21px}.profile-reading:nth-child(2) p{font-size:16px}.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}}