:root{--ink:#514635;--muted:#75664f;--paper:#fff9e9;--line:#af7e322b;--accent:#af7e32;--red:#af7e32;background:#e3c178}.experience{padding:16px;background:#e3c178}.surface{max-width:1360px;border:0;border-radius:8px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;gap:35px;padding:42px 50px 38px;align-items:center}.portrait-copy{width:100%;max-width:1000px;text-align:center}.entry-label{color:#856020;font-family:'Gugu Sans',sans-serif;letter-spacing:.08em}.portrait-copy h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(35px,4.6vw,60px);line-height:1.4;letter-spacing:-.02em;margin:22px 0 18px;white-space:normal}.entry-description{max-width:48em;margin:auto;color:#75664f;font-size:15px}.entry-details{margin-top:18px}.portrait-copy .primary{margin-top:22px}.entry-photograph{width:100%;height:clamp(250px,36svh,420px);overflow:hidden;border-radius:4px}.entry-photograph img{object-position:center 48%}.primary{background:#94621f;color:#fffaf0;border-radius:5px;padding-inline:25px}.primary:hover:not(:disabled){background:#8c6121}.secondary{border-radius:5px;border-color:#bb9d6455}.secondary:hover{background:#f5e9cd}.question-layout{max-width:870px;padding-top:36px}.question-context{color:#856020}.question-body h1{font-family:'Gugu Sans',sans-serif;line-height:1.7;font-weight:500;font-size:clamp(26px,3.5vw,35px)}.options{gap:12px}.option{border-radius:6px;border-color:#baa06f45;background:#fffdf4;padding:19px 23px;min-height:74px}.option:hover{background:#f7edcf;border-color:#b3965f}.option:has(input:checked){background:#f1e3b9;border-color:#af7e32}.option input{border-color:#b89c65}.progress{height:3px;background:#e7d6ad}.portrait-result{max-width:1130px}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{grid-row:1;height:310px;border-radius:4px}.result-title h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(35px,4.5vw,56px);line-height:1.4;letter-spacing:-.02em}.result-subtitle{font-family:'Gugu Sans',sans-serif;color:#856020}.profile-intro{font-size:17px;line-height:2.05}.profile-readings{grid-template-columns:repeat(3,1fr);gap:30px}.profile-reading{border-top:3px solid #c9a258;padding-top:24px}.profile-reading h2,.portrait-axes h2,.portrait-nearby h2,.portrait-atlas summary,.portrait-catalog h3,.alternative h3{font-family:'Gugu Sans',sans-serif;font-weight:500}.profile-reading h2{font-size:21px}.profile-reading p{font-size:14px;line-height:2}.portrait-axis-head strong{color:#856020}.portrait-track span{background:#b58b45}.close-dialog,.jump-grid button.answered{background:#f0e3c3}.portrait-alternatives{gap:30px}.portrait-catalog{gap:28px 35px}
html[lang=en] .portrait-copy h1{line-height:1.15;letter-spacing:-.035em}html[lang=en] .result-title h1{line-height:1.15}
@media(max-width:800px){.portrait-entry{padding:36px 32px;gap:30px}.portrait-copy h1{font-size:40px}.profile-readings{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:7px}.portrait-entry{padding:32px 25px;gap:27px}.portrait-copy{text-align:left}.portrait-copy h1{font-size:33px;line-height:1.5;margin:21px 0 18px}.entry-description{font-size:14px}.entry-photograph{height:29svh;min-height:220px}.entry-details{margin-top:18px}.portrait-copy .primary{margin-top:23px}.portrait-result{padding:30px 25px 80px}.result-photograph{height:230px}.result-title h1{font-size:34px}.profile-intro{font-size:15px}.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:37px}}
