:root{--brand-gold:#c69b55}
html body :is(.experience .brand-symbol,.question-brand .question-monogram,.result-masthead b,.report-masthead b,.legal-header b,.closing-page header b,[data-recovery-brand],.generation-brand,.result-paywall>.eyebrow,[data-brand-logo]){color:var(--brand-gold);opacity:1;filter:none;mix-blend-mode:normal}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/cormorant-garamond-latin.woff2') format('woff2')}
:root{--brand-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;--brand-body:Arial,Helvetica,sans-serif;--brand-name-size:10px;--brand-lockup-gap:16px;--brand-divider-padding:16px}
html body .vii-brand.vii-brand{display:flex;align-items:center;gap:var(--brand-lockup-gap);flex:0 0 auto;min-width:0;min-height:44px;max-width:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;text-decoration:none;color:var(--brand-gold);opacity:1;filter:none;mix-blend-mode:normal;white-space:nowrap}
html body .vii-brand .vii-mark{font:600 40px/1 var(--brand-display);letter-spacing:-.08em;color:var(--brand-gold);opacity:1;filter:none;mix-blend-mode:normal;flex:none}
html body .vii-brand .vii-mark{padding-right:var(--brand-divider-padding);border-right:1px solid #b3894b}
html body .vii-brand .vii-name{font:400 var(--brand-name-size)/1.4 var(--brand-body);letter-spacing:.13em;color:var(--brand-gold);white-space:nowrap;flex:none;opacity:1;filter:none}
html body .vii-header.vii-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
html body .vii-header .header-destination{display:flex;align-items:center;justify-content:flex-end;min-height:44px;min-width:44px;max-width:110px;padding:0;border:0;background:none;border-radius:0;color:var(--brand-gold);font:400 12px/1.4 var(--brand-body);letter-spacing:0;text-decoration:none;text-align:right;white-space:normal;flex:0 1 auto;cursor:pointer}
html body .vii-header :is(.vii-brand[href],.header-destination):focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}
html body .vii-header .header-destination:hover{text-decoration:underline;text-underline-offset:4px}
html body .vii-header .header-destination:active{color:#f0cd86}
html body.experience-landing .vii-brand{flex:1}
html body.experience-landing .vii-name{flex:1}
@media(max-width:370px){:root{--brand-name-size:9px;--brand-lockup-gap:11px;--brand-divider-padding:12px}}
/* Secondary navigation yields space to the unchanged brand typography. */
@media(max-width:470px){html body .vii-header.vii-header{gap:6px;padding-inline:14px}}
@media(max-width:350px){html body .vii-header.vii-header{gap:6px;padding-inline:6px}html body .vii-header .header-destination{font-size:11px;max-width:62px}}
html body .question-masthead.vii-header{padding-inline:0}
html body .recovery-header.vii-header{padding-inline:0}
@media(max-width:350px){html body.question-experience .question-header{padding-inline:5px}html body .recovery-header.vii-header{margin-inline:-7px}}
/* The original 320px header wrapped; preserve its fonts and 64px height,
   yielding only outer whitespace to the existing Explore control. */
@media(max-width:339px){html body.experience-landing .experience-brand{padding-inline:6px;gap:7px}}