:root{--ink:#142c38;--muted:#526c7a;--paper:#edf3f6;--line:#3657692b;--accent:#207aa2;--red:#207aa2;background:#081c27}.experience{padding:16px;background:#081c27}.surface{max-width:1400px;border:0;border-radius:18px;box-shadow:none}.portrait-entry{position:relative;isolation:isolate;display:flex;align-items:flex-end;background:#03121a;min-height:calc(100svh - 32px);overflow:hidden}.entry-photograph{position:absolute;inset:0;z-index:-2}.entry-photograph img{object-position:center;opacity:.67}.portrait-entry:after{content:'';position:absolute;inset:0;background:#00121b38;z-index:-1}.portrait-copy{width:100%;padding:clamp(36px,6vw,80px);color:#fff;max-width:1050px}.entry-label{font-family:'Gugu Sans',sans-serif;color:#b8d9e8;letter-spacing:.1em}.portrait-copy h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(42px,6.8vw,88px);font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:28px 0 22px}.entry-description{color:#e2edf2;font-size:16px;max-width:36em}.entry-details{color:#c1d5df;margin-top:20px}.portrait-copy .primary{background:#d4f1ff;color:#102f3e;border-radius:8px;margin-top:28px}.primary{background:#17688c;border-radius:8px}.primary:hover:not(:disabled){background:#0d526f}.portrait-copy .primary:hover:not(:disabled){background:#fff}.secondary{border-radius:8px;border-color:#6d899a50}.secondary:hover{background:#dfebf0}.question-layout{max-width:900px;padding:38px 55px 65px}.question-context{letter-spacing:.08em;text-transform:uppercase;color:#39708b}.question-body h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(26px,3.6vw,36px);letter-spacing:-.01em;font-weight:600;line-height:1.65}.options{gap:14px}.option{background:#ffffff85;border-radius:9px;border-color:#8fa7b850;padding:20px 24px;min-height:74px}.option:hover{border-color:#51819a;background:#fff}.option:has(input:checked){background:#cee9f6;border-color:#207aa2}.option-label{font-size:15px}.progress{height:3px;background:#c9dbe4}.portrait-result{max-width:1150px}.portrait-heading{display:flex;flex-direction:column-reverse;align-items:stretch;gap:35px}.result-photograph{height:clamp(230px,35vw,410px);border-radius:12px;overflow:hidden}.result-title{max-width:900px}.result-title h1{font-family:'Gugu Sans',sans-serif;font-size:clamp(35px,5vw,60px);letter-spacing:-.02em}.result-subtitle{font-family:'Gugu Sans',sans-serif}.profile-tags{gap:10px}.profile-tags span{padding:5px 12px;border:1px solid #7296ac50;border-radius:6px}.profile-intro{font-size:17px;line-height:2}.profile-readings{grid-template-columns:repeat(3,1fr);gap:28px}.profile-reading h2,.portrait-axes h2,.portrait-nearby h2,.portrait-atlas summary,.alternative h3,.portrait-catalog h3{font-family:'Gugu Sans',sans-serif;font-weight:600;letter-spacing:-.01em}.profile-reading{padding-top:22px;border-top:3px solid #7398ad}.profile-reading p{font-size:14px}.portrait-track{height:5px;border-radius:2px}.portrait-track span{width:11px;height:11px}.portrait-axis-head strong{color:#17688c}.quiz-dialog{border:1px solid #d0dee5}.close-dialog,.jump-grid button.answered{background:#dce8ef}.portrait-atlas summary{font-size:19px}.portrait-alternatives{gap:30px}.alternative h3{font-size:20px}
html[lang=en] .portrait-copy h1{max-width:12em;font-size:clamp(43px,7vw,92px);line-height:1.06}html[lang=en] .result-title h1{line-height:1.15}
@media(max-width:760px){.portrait-copy{padding:44px 34px}.portrait-copy h1{font-size:51px}.profile-readings{grid-template-columns:1fr;gap:28px}.portrait-heading{gap:25px}.question-layout{padding-inline:32px}.result-title h1{font-size:38px}}
@media(max-width:480px){.experience{padding:12px}.surface{border-radius:12px}.portrait-entry{min-height:calc(100svh - 24px)}.entry-photograph img{object-position:51% center;opacity:.55}.portrait-copy{padding:40px 25px}.portrait-copy h1{font-size:43px;margin:25px 0}.entry-description{font-size:14px;line-height:1.9}.entry-label{font-size:12px}.portrait-copy .primary{margin-top:24px}.question-layout{padding:24px 23px 40px}.question-body h1{font-size:25px}.option{padding:17px 18px;min-height:75px}.portrait-result{padding-inline:24px}.result-title h1{font-size:34px}.result-photograph{height:240px}.profile-intro{font-size:15px}.profile-tags{gap:7px}.profile-tags span{padding:4px 8px}.portrait-alternatives{grid-template-columns:1fr;gap:22px}html[lang=en] .portrait-copy h1{font-size:47px;max-width:8em}}