:root{--paper:#f3eee4;--ink:#282d31;--muted:#71746f;--line:#282d3128;--accent:#cc5e32;--red:#cc5e32;background:#343b3a}.experience{padding:16px;background:#343b3a}.surface{max-width:1400px;border:0;border-radius:22px;box-shadow:none}.portrait-entry{position:relative;display:flex;align-items:flex-end;min-height:660px;padding:39px;background:#b4c9c6}.entry-photograph{position:absolute;inset:0;margin:0;min-height:0}.entry-photograph img{object-position:center 63%}.portrait-copy{position:relative;z-index:1;max-width:565px;background:#f3eee4f5;backdrop-filter:blur(9px);border-radius:14px;padding:36px 39px 40px}.entry-label{font:500 12px/1.6 'Gugu Sans',sans-serif;color:#b84c28;letter-spacing:.13em}.portrait-copy h1{font-size:clamp(33px,3.4vw,47px);font-weight:500;line-height:1.5;margin:22px 0 18px}.entry-description{font-size:14px;max-width:30em;color:#626861}.entry-details{margin-top:24px;color:#70766d}.portrait-copy .primary{margin-top:27px}.primary{background:#c75b32;border-radius:7px;padding-inline:27px}.primary:hover:not(:disabled){background:#a84724}.secondary{border-radius:7px}.question-layout{max-width:850px;padding:39px 47px 51px}.question-context{color:#b84c28}.question-body h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(25px,3.6vw,33px);font-weight:550;line-height:1.65}.options{gap:10px}.option{border:1px solid #b8bdb3;border-radius:10px;background:#fff5;padding:21px}.option:hover,.option:has(input:checked){background:#e5e5d9;border-color:#c75b32}.progress{background:#d8dcd3}.portrait-result{max-width:1100px}.portrait-heading{display:grid;grid-template-columns:1.15fr .75fr;gap:40px;align-items:center}.result-title h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(31px,3.4vw,46px);font-weight:550;line-height:1.45}.result-photograph{height:370px;border-radius:14px}.profile-intro{font-size:17px;line-height:2}.profile-readings{grid-template-columns:1fr;gap:0}.profile-reading{display:grid;grid-template-columns:210px 1fr;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.profile-reading h2{font-family:'Gugu Sans',sans-serif;font-weight:550;font-size:18px;line-height:1.8}.profile-reading p{font-size:15px;line-height:2}.profile-reading:last-child{margin-top:20px;display:block;background:#dfe5dc;border:0;padding:28px;border-radius:12px}.portrait-axis-head strong{color:#b84c28}.close-dialog,.jump-grid button.answered{background:#e0e4d9}html[lang=en] .portrait-copy h1{font-family:'Gugu Display',serif;line-height:1.13;letter-spacing:-.02em}
@media(max-width:760px){.portrait-entry{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0}.entry-photograph{position:relative;order:0;height:330px}.entry-photograph img{object-position:center 55%}.portrait-copy{order:1;max-width:none;backdrop-filter:none;border-radius:0;padding:32px 30px 43px;background:#f3eee4}.portrait-copy h1{font-size:35px;margin:21px 0}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{height:280px;grid-row:1}.result-title h1{font-size:33px}.profile-intro{font-size:15px}.profile-reading{display:block}.profile-reading h2{margin-bottom:14px}.profile-reading p{font-size:14px}.question-layout{padding:27px 25px 40px}.question-body h1{font-size:24px}}
@media(max-width:420px){.experience{padding:12px}.surface{border-radius:20px}.entry-photograph{height:285px}.portrait-copy{padding:29px 25px 38px}.portrait-copy h1{font-size:31px}.option{padding:18px 15px}}