:root{--ink:#403d34;--muted:#746b60;--paper:#fffdf8;--line:#775a3a22;--accent:#b27451;--red:#a26344;background:#eee6da}.experience{padding:16px;background:#eee6da}.surface{max-width:1240px;border:0;border-radius:18px;box-shadow:none}.portrait-entry{display:flex;flex-direction:column;position:relative;padding:0 0 48px}.entry-photograph{order:-1;width:100%;height:clamp(270px,41vh,440px);overflow:hidden}.entry-photograph img{object-position:center 60%}.portrait-copy{width:100%;max-width:1060px;padding:35px 48px 0;display:grid;grid-template-columns:1.2fr 1fr;column-gap:50px;align-items:start}.entry-label{grid-column:1;margin-bottom:14px}.portrait-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(32px,4.2vw,52px);line-height:1.55}.entry-description{grid-column:2;grid-row:2;margin-top:4px}.entry-details{grid-column:2;grid-row:3;margin-top:18px}.portrait-copy .primary{grid-column:2;grid-row:4;justify-self:start;margin-top:24px;border-radius:7px}.primary{background:#a46746;border-radius:7px}.primary:hover:not(:disabled){background:#885638}.secondary{border-radius:7px}.question-layout{max-width:820px}.option{border-radius:10px;border-color:#cab8a84d}.option:hover{background:#f8f0e5}.option:has(input:checked){background:#f6eadb;border-color:#ac795a}.option input:checked{border-color:#a26344}.option input:checked:before,.progress span{background:#a26344}.portrait-heading{grid-template-columns:1fr;gap:28px}.result-photograph{grid-row:1;height:280px;border-radius:10px}.result-title h1{font-size:42px;margin-top:10px}.result-title{max-width:700px}.profile-readings{grid-template-columns:1fr 1fr 1fr;gap:28px}.profile-reading h2{font-size:20px}.personal-advice{background:#f5eee3;border:0;border-radius:12px;padding:28px}.personal-advice ul{margin-bottom:0}.portrait-axis-head strong{color:#a26344}.portrait-alternatives{padding-top:6px}.portrait-atlas{margin-top:32px}
@media(max-width:800px){.profile-readings{grid-template-columns:1fr}.portrait-copy{column-gap:28px;padding-inline:30px}}@media(max-width:700px){.experience{padding:12px}.portrait-entry{padding-bottom:36px;min-height:calc(100svh - 24px);justify-content:flex-start}.entry-photograph{height:260px}.portrait-copy{display:block;padding:30px 25px 0}.portrait-copy h1{font-size:36px}.entry-label{margin-bottom:16px}.entry-description{margin-top:20px}.portrait-copy .primary{margin-top:24px}.result-title h1{font-size:32px}.result-photograph{height:220px}.personal-advice{padding:23px 20px}.profile-readings{gap:26px}.result-title{order:initial}}