:root{--ink:#3f554a;--muted:#5f7467;--paper:#f4f5ec;--line:#5a776c2b;--accent:#5a776c;--red:#5a776c;background:#233b33}.experience{padding:16px;background:#233b33}.surface{max-width:1360px;border:0;border-radius:20px;box-shadow:none}.portrait-entry{position:relative;display:flex;align-items:flex-end;isolation:isolate;background:#192923;overflow:hidden}.entry-photograph{position:absolute;inset:0;z-index:-1}.entry-photograph img{object-position:70% center}.portrait-copy{margin:38px;padding:35px 38px;max-width:530px;background:#f4f5ecf5;border-radius:12px}.entry-label{letter-spacing:.08em;color:#526d60}.portrait-copy h1{font-size:clamp(33px,3.5vw,46px);line-height:1.55;font-weight:500;margin:20px 0}.entry-description{font-size:15px;color:#5f7467}.entry-details{margin-top:20px}.portrait-copy .primary{margin-top:23px}.primary{background:#526d60;border-radius:8px;padding-inline:24px}.primary:hover:not(:disabled){background:#3b5548}.secondary{border-radius:8px;border-color:#92a48765}.secondary:hover{background:#e7eddd}.question-layout{max-width:820px;padding-top:36px}.question-context{color:#526d60}.question-body h1{font-weight:500;line-height:1.75}.options{gap:0;border-top:1px solid var(--line)}.option{border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:76px;padding:21px 12px}.option:hover{background:#e8eddf;border-color:#5a776c40}.option:has(input:checked){background:#dee7d7;border-color:#5a776c}.option input{border-color:#92a487}.progress{background:#d4dece}.portrait-result{max-width:1050px}.portrait-heading{grid-template-columns:1fr;gap:27px}.result-photograph{grid-row:1;height:280px;border-radius:12px}.result-photograph img{object-position:center 62%}.result-title h1{font-size:clamp(34px,4.3vw,53px);line-height:1.5}.result-subtitle{color:#526d60}.profile-intro{font-size:17px;line-height:2.1}.profile-readings{grid-template-columns:1fr;gap:0}.profile-reading{display:grid;grid-template-columns:200px 1fr;gap:35px;padding:27px 0;border-top:1px solid var(--line)}.profile-reading h2{font-size:21px}.profile-reading p{font-size:15px;line-height:2.05}.profile-reading:nth-child(2){background:#e8eddf;border:0;padding:27px;border-radius:12px}.profile-reading:nth-child(2) p{font-family:'Gugu Display',serif;color:#526d60;font-size:18px}.portrait-axis-head strong{color:#526d60}.portrait-track span{background:#6f8c77}.close-dialog,.jump-grid button.answered{background:#e2e8d9}.portrait-alternatives{gap:28px}
html[lang=en] .portrait-copy h1{line-height:1.2;letter-spacing:-.02em}html[lang=en] .result-title h1{line-height:1.2}
@media(max-width:800px){.portrait-copy{max-width:460px;margin:30px;padding:30px}.portrait-copy h1{font-size:35px}.profile-reading{grid-template-columns:165px 1fr;gap:25px}}
@media(max-width:600px){.experience{padding:12px}.surface{border-radius:17px}.portrait-entry{min-height:calc(100svh - 24px);align-items:flex-end}.entry-photograph img{object-position:62% center}.portrait-copy{margin:20px;padding:26px 23px;max-width:none;width:100%;background:#f4f5ecf5}.portrait-copy h1{font-size:31px;margin:17px 0}.entry-description{font-size:14px}.entry-label{font-size:12px}.entry-details{margin-top:17px}.portrait-copy .primary{margin-top:21px}.portrait-result{padding:30px 25px 80px}.result-title h1{font-size:34px}.result-photograph{height:230px}.profile-intro{font-size:15px}.profile-reading{display:block;padding:25px 0}.profile-reading h2{margin-bottom:12px}.profile-reading:nth-child(2){padding:23px 20px;margin-bottom:10px}.profile-reading:nth-child(2) p{font-size:17px}.portrait-alternatives{grid-template-columns:1fr;gap:22px}.question-body h1{font-size:25px}.option{padding:20px 6px}html[lang=en] .portrait-copy h1{font-size:34px}}
