:root{--paper:#eee7da;--ink:#202c27;--muted:#626c60;--accent:#7a4b25;--red:#7a4b25;--line:#626c6040;background:#eee7da}
body,.experience{background:#eee7da}.surface{background:var(--paper);border-color:var(--line);box-shadow:none;max-width:1320px;min-height:calc(100svh - 140px)}
.portrait-entry{min-height:calc(100svh - 140px)}.entry-description{color:var(--muted)}.primary{background:var(--accent);color:#eee7da;border:0}.primary:hover:not(:disabled){background:var(--ink);color:var(--paper)}.option{border-color:var(--line)}.option:hover{background:#626c6016;border-color:var(--accent)}.option:has(input:checked){background:#7a4b2515;border-color:var(--accent)}.option input{border-color:var(--muted)}.secondary{border-color:var(--line)}.secondary:hover{background:#626c6016}.progress{background:var(--line)}.counter strong{color:var(--ink)}.question-layout{min-height:calc(100svh - 140px)}.profile-reading p,.profile-intro{max-width:48em}.result-title h1{font-family:'Gugu Sans',sans-serif;letter-spacing:-.035em;line-height:1.18}.profile-tags{display:none}

.portrait-entry{display:flex;flex-direction:column}.entry-photograph{order:-1;height:43svh;min-height:280px;max-height:520px}.entry-photograph img{object-position:center 56%}.portrait-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:14px 50px;padding:40px clamp(26px,6vw,72px) 56px}.entry-label,.portrait-copy h1{grid-column:1;grid-row:auto}.portrait-copy h1{font-size:clamp(38px,5.8vw,68px);line-height:1.3;letter-spacing:-.02em}.entry-description{grid-column:2;grid-row:1/3;align-self:end}.entry-details{grid-column:2;margin:0}.portrait-copy .primary{grid-column:2;margin-top:10px;justify-self:start}.surface{border-radius:8px}.primary{border-radius:4px}.result-photograph{height:380px}

@media(max-width:700px){.portrait-entry{display:flex;flex-direction:column;min-height:0;padding:0;gap:0}.entry-photograph{position:relative;inset:auto;order:-1;width:100%;height:34svh;min-height:220px;max-height:340px;border-radius:0}.entry-photograph img{filter:none}.portrait-copy{position:relative;display:block;max-width:none;margin:0;padding:30px 25px 40px;background:var(--paper);border:0;backdrop-filter:none;align-self:auto;width:100%}.portrait-copy h1{font-size:34px;line-height:1.35;letter-spacing:-.015em}.entry-description{margin-top:18px;font-size:14px}.entry-details{margin-top:20px}.portrait-copy .primary{margin-top:24px}.portrait-heading{grid-template-columns:1fr}.result-photograph{height:270px;border-radius:8px}.result-title h1{font-size:clamp(27px,6.3vw,34px);overflow-wrap:anywhere}.surface{min-height:0}.portrait-result .actions{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}