:root{--ink:#eadfd0;--muted:#c0aaa0;--paper:#2b151a;--line:#d5b5a52e;--accent:#c09379;--red:#c09379;background:#1b0f12}.experience{background:#1b0f12;padding:16px}.surface{max-width:1240px;border:1px solid #dec5b51a;border-radius:4px;box-shadow:none}.portrait-entry{position:relative;display:grid;place-items:center;text-align:center;padding:65px 40px;isolation:isolate;min-height:calc(100svh - 34px)}.entry-photograph{position:absolute;inset:0;z-index:-2;overflow:hidden}.entry-photograph img{object-position:center}.entry-photograph:after{content:'';position:absolute;inset:0;background:#1b0a10b8}.portrait-copy{max-width:900px;padding:55px 24px}.entry-label{color:#dfc6b6;letter-spacing:.18em;margin-bottom:36px}.portrait-copy h1{font-size:clamp(32px,4.5vw,59px);line-height:1.7;color:#f6e9da}.entry-description{margin:27px auto 0;color:#dac2b6;font-size:15px}.entry-details{color:#cbb2a6;margin-top:25px}.primary{background:#e4d2bc;color:#38211e;border-radius:2px}.primary:hover:not(:disabled){background:#f4e5d0}.secondary{border-radius:2px;border-color:#d1ad9b50;color:#e0cbbb}.secondary:hover{background:#6b3c353b}.text-button{color:#cab4a6}.text-button:hover{color:#fff1df}.question-layout{max-width:810px}.question-context{color:#cba991}.question-body h1{color:#f0e2d1}.option{border-radius:2px;border-color:#bf9f8e44}.option:hover{border-color:#d2ab9270;background:#69403b2d}.option:has(input:checked){background:#885d4938;border-color:#c59e7d}.option input{border-color:#9e7a68}.option input:checked{border-color:#ddbe9c}.option input:checked:before,.progress span{background:#d5b493}.progress{background:#99755e35}.counter{color:#c5ab9b}.counter strong{color:#eadbcb}.portrait-result{max-width:920px}.portrait-heading{display:flex;flex-direction:column;text-align:center;position:relative;isolation:isolate;padding:65px 26px 55px;min-height:360px;justify-content:center}.result-photograph{position:absolute;inset:0;z-index:-2;height:auto}.result-photograph:after{content:'';position:absolute;inset:0;background:#230b12af}.result-label{color:#dac0ad;letter-spacing:.1em}.result-title h1{font-size:56px;color:#f7e8d3}.result-subtitle{font-size:19px}.profile-tags{justify-content:center;color:#dfc5b2}.profile-intro{font-family:'Gugu Display',serif;font-size:18px;line-height:2.1;margin:38px 0;color:#e2cdbb}.profile-readings{gap:35px 42px}.profile-reading h2,.portrait-axes h2,.portrait-nearby h2{color:#ddbb9c}.profile-reading p{color:#c2aaa0}.portrait-axis-head strong{color:#e3cbb7}.portrait-axis-ends{color:#bba394}.portrait-atlas summary{color:#ddbb9c}.alternative h3{color:#e5c9b0}.alternative p{color:#bfa89a}.portrait-catalog h3{color:#e0bfa0}.quiz-dialog{background:#321c20;border-color:#c7a28c30}.close-dialog{background:#5c3938;color:#ead9c7}.jump-grid button.answered{background:#67433c;color:#f0dac6}.jump-grid button.current{border-color:#d8b08a;color:#e9cba7}.notice{color:#c6af9e}
@media(max-width:700px){.experience{padding:12px}.portrait-entry{padding:45px 22px;min-height:calc(100svh - 24px)}.portrait-copy{padding:30px 0}.portrait-copy h1{font-size:32px;line-height:1.8;white-space:normal}.entry-label{margin-bottom:28px}.entry-description{font-size:14px;margin-top:22px}.portrait-copy .primary{margin-top:30px}.portrait-result{padding:25px 22px 80px}.portrait-heading{padding:48px 20px;min-height:310px}.result-title h1{font-size:44px}.result-subtitle{font-size:17px}.profile-intro{font-size:16px}.profile-readings{gap:28px}.result-title{order:initial}}
@media(min-width:701px) and (max-height:820px){.portrait-entry{padding:30px 40px}.portrait-copy{padding:20px 24px}.entry-label{margin-bottom:24px}.portrait-copy h1{font-size:clamp(32px,4.2vw,54px);line-height:1.6}.entry-description{margin-top:22px}.entry-details{margin-top:20px}.portrait-copy .primary{margin-top:26px}}