:root{--paper:#361c25;--ink:#f8eee8;--muted:#d0b6be;--accent:#e5b9a6;--red:#e5b9a6;--line:#d0b6be40;background:#361c25}body,.experience{background:#361c25}.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{margin-top:18px;color:var(--muted)}.primary{background:var(--accent);color:#fff;border:0}.primary:hover:not(:disabled){background:var(--ink);color:var(--paper)}.option{border-color:var(--line)}.option:hover{background:#d0b6be12;border-color:var(--accent)}.option:has(input:checked){background:#e5b9a610;border-color:var(--accent)}.secondary{border-color:var(--line)}.secondary:hover{background:#d0b6be12}.progress{background:var(--line)}.counter strong{color:var(--ink)}.question-layout{min-height:calc(100svh - 140px)}.result-title h1{overflow-wrap:anywhere;letter-spacing:-.025em;line-height:1.25}.profile-tags{display:none}

.portrait-entry{position:relative;display:flex;align-items:center}.entry-photograph{position:absolute;inset:0}.entry-photograph img{object-position:65% 50%;filter:brightness(.7)}.portrait-copy{position:relative;z-index:1;margin:36px;padding:42px;max-width:600px;background:#361c25ef;border:1px solid #e5b9a62b;backdrop-filter:blur(8px)}.portrait-copy h1{font-size:clamp(35px,4.6vw,59px);line-height:1.3;letter-spacing:-.015em}.entry-label{color:var(--accent)}.surface{border-radius:22px}.primary{color:#361c25;border-radius:100px}.portrait-heading{grid-template-columns:1.2fr .8fr}.result-photograph{height:370px;border-radius:160px 160px 8px 8px}.result-title h1{font-family:'Gugu Display',serif}

@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}.portrait-copy{display:block;position:relative;max-width:none;margin:0;padding:30px 25px 40px;background:var(--paper);border:0;backdrop-filter:none;align-self:auto;width:100%;color:var(--ink)}.portrait-copy h1{font-size:32px;line-height:1.35;letter-spacing:-.01em}.entry-description{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)}.surface{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}