:root { --ink:#0e0e0d; --paper:#f2f0e9; --stone:#ded9cf; --gold:#bd9b62; --line:rgba(14,14,13,.2); --muted:#716e67; --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans); } a { color:inherit;text-decoration:none; } button,input { font:inherit; } button { cursor:pointer; } img { display:block;max-width:100%; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.resource-header { min-height:82px;padding:0 3.3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line); }.resource-header .brand { display:flex;align-items:center;gap:8px;font:500 10px var(--mono);letter-spacing:.14em; }.resource-header .brand img { width:49px;height:49px;object-fit:contain; }.resource-header .desktop-nav { display:flex;gap:30px;margin-left:10vw;font:10px var(--mono);letter-spacing:.1em; }.resource-header .desktop-nav>a { transition:opacity .2s; }.resource-header .desktop-nav>a:hover { opacity:.55; }.resource-header .dropdown-panel { top:62px; }.resource-cta,.resource-button { border:0;padding:13px 16px;background:var(--ink);color:#fff;font:500 10px var(--mono);letter-spacing:.09em;text-transform:uppercase; }.resource-cta span,.resource-button span { margin-left:13px;font-size:15px;vertical-align:-1px; }
.page-hero { padding:82px 8.3vw 96px;border-bottom:1px solid var(--line); }.breadcrumbs { display:flex;gap:8px;margin-bottom:58px;color:var(--muted);font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.breadcrumbs a { color:var(--ink); }.page-hero .eyebrow,.section-eyebrow { display:block;margin-bottom:18px;color:var(--gold);font:10px var(--mono);letter-spacing:.12em; }.page-hero h1 { max-width:900px;margin:0;font:500 clamp(52px,7.4vw,106px)/.91 var(--serif);letter-spacing:-.06em; }.page-hero h1 em,.content-section h2 em { font-weight:500; }.page-hero p { max-width:540px;margin:31px 0 0;font-size:15px;line-height:1.75; }.page-hero small { display:block;max-width:580px;margin-top:18px;color:var(--muted);font-size:11px;line-height:1.6; }
.content-section { padding:100px 8.3vw;border-bottom:1px solid var(--line); }.section-heading { display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:50px; }.section-heading h2,.journey-intro h2 { margin:0;font:500 clamp(40px,5vw,72px)/.95 var(--serif);letter-spacing:-.055em; }.section-heading p { max-width:340px;margin:0;font-size:13px;line-height:1.75; }.concept-grid,.journey-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.concept-card,.journey-card { min-height:310px;padding:23px;background:var(--stone);display:flex;flex-direction:column; }.concept-card:nth-child(2),.journey-card:nth-child(2) { background:#cfb98f; }.concept-card:nth-child(3),.journey-card:nth-child(3) { background:#d0cbc0; }.concept-card>span,.journey-card>span { font:10px var(--mono); }.concept-card h3,.journey-card h3 { margin:auto 0 14px;font:500 34px/.98 var(--serif);letter-spacing:-.045em; }.concept-card p,.journey-card p { margin:0;max-width:260px;font-size:12px;line-height:1.7; }.journey-intro { display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:45px; }.journey-list { border-top:1px solid var(--line); }.journey-step { display:grid;grid-template-columns:70px 1fr 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line); }.journey-step>span { font:10px var(--mono);color:var(--gold); }.journey-step h3 { margin:0;font:500 26px var(--serif);letter-spacing:-.035em; }.journey-step p { max-width:340px;margin:0;font-size:12px;line-height:1.7; }.link-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line); }.link-grid a { min-height:160px;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column; }.link-grid a:last-child { border-right:0; }.link-grid b { font:500 31px var(--serif);letter-spacing:-.03em; }.link-grid span { margin-top:auto;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase; }.link-grid i { margin-left:11px;font-style:normal;font-size:14px; }.page-footer { padding:28px 3.3vw;display:grid;grid-template-columns:1fr 1fr;gap:24px;font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase; }.page-footer nav { display:flex;justify-content:flex-end;gap:18px; }.page-footer small { grid-column:1/-1;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;line-height:1.5;letter-spacing:.04em;text-transform:none; }
.wallet-quiz { max-width:980px;margin:0 auto;padding:0 8.3vw 100px; }.wallet-panel { min-height:440px;padding:42px;background:var(--ink);color:var(--paper); }.wallet-kicker { display:block;margin-bottom:30px;color:#d4cec1;font:10px var(--mono);letter-spacing:.12em; }.wallet-panel h2 { max-width:670px;margin:0;font:500 clamp(34px,4.6vw,63px)/.98 var(--serif);letter-spacing:-.05em; }.wallet-panel>p { max-width:560px;margin:19px 0 32px;color:#cbc7bd;font-size:13px;line-height:1.7; }.wallet-stats { display:flex;gap:38px;margin:31px 0; }.wallet-stats span { display:grid;gap:3px;color:#c8c4b9;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase; }.wallet-stats b { color:var(--paper);font:500 24px var(--serif);letter-spacing:0; }.wallet-button { border:1px solid rgba(242,240,233,.5);padding:14px 16px;background:transparent;color:var(--paper);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.wallet-progress { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#c8c4b9;font:10px var(--mono);letter-spacing:.1em; }.wallet-progress b { color:var(--gold);font-weight:400; }.wallet-track { height:1px;background:#52514c;margin-bottom:43px; }.wallet-track i { display:block;height:1px;background:var(--gold);transition:width .25s; }.wallet-question h2 { max-width:650px;font-size:clamp(33px,4vw,55px); }.wallet-options { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:33px; }.wallet-option { min-height:93px;padding:16px;border:1px solid #53514b;background:transparent;color:var(--paper);text-align:left;transition:.18s; }.wallet-option:hover,.wallet-option.is-selected { background:#252522;border-color:var(--gold); }.wallet-option b { display:block;font:500 22px var(--serif);letter-spacing:-.02em; }.wallet-option span { display:block;margin-top:6px;color:#c8c4b9;font-size:11px;line-height:1.45; }.wallet-back { margin-top:25px;border:0;background:transparent;color:#c8c4b9;padding:0;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.wallet-result-heading { display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px; }.wallet-result-heading h2 { max-width:630px;font-size:clamp(33px,4vw,55px); }.wallet-result-heading button { border:0;background:transparent;padding:0;color:#c8c4b9;font:10px var(--mono);letter-spacing:.09em;text-transform:uppercase; }.wallet-results { display:grid;gap:10px; }.wallet-result { padding:21px;border:1px solid #53514b; }.wallet-result.featured { border-color:var(--gold);background:#20201e; }.wallet-result-top { display:flex;justify-content:space-between;gap:15px;align-items:start; }.wallet-rank { color:var(--gold);font:9px var(--mono);letter-spacing:.1em; }.wallet-result h3 { margin:5px 0 4px;font:500 31px var(--serif);letter-spacing:-.04em; }.wallet-type { color:#cbc7bd;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase; }.wallet-score { color:var(--gold);font:500 32px var(--serif); }.wallet-result p { max-width:620px;margin:18px 0 0;color:#d3d0c7;font-size:12px;line-height:1.65; }.wallet-reasons { margin:14px 0 0;padding-top:12px;border-top:1px solid #4f4e49;color:#d3d0c7;font:10px/1.55 var(--mono);letter-spacing:.03em; }.wallet-note { margin:28px 0 0;color:var(--muted);font-size:11px;line-height:1.6; }
.library-shell { padding:0 8.3vw 100px; }.library-tabs { display:flex;gap:24px;border-bottom:1px solid var(--line); }.library-tab { padding:18px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase; }.library-tab.is-active { border-color:var(--gold);color:var(--ink); }.library-tools { display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0; }.library-count { color:var(--muted);font:10px var(--mono);letter-spacing:.08em; }.library-search { width:min(360px,100%);padding:11px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;outline:0;font-size:13px; }.library-search:focus { border-color:var(--gold); }.library-index { display:flex;flex-wrap:wrap;gap:4px;margin-bottom:27px; }.library-index button { width:29px;height:29px;border:1px solid var(--line);background:transparent;color:var(--muted);font:10px var(--mono); }.library-index button:hover,.library-index button.is-active { border-color:var(--gold);color:var(--ink); }.library-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line); }.term-card { min-height:188px;padding:19px;background:var(--paper); }.term-card h2 { margin:0;font:500 26px/1.05 var(--serif);letter-spacing:-.03em; }.term-card p { margin:12px 0 0;font-size:12px;line-height:1.65; }.term-card small { display:block;margin-top:15px;color:var(--gold);font:9px var(--mono);letter-spacing:.09em; }.library-empty { grid-column:1/-1;padding:48px;background:var(--paper);text-align:center;color:var(--muted);font-size:13px; }
@media (max-width:760px) { .resource-header { min-height:67px;padding:0 20px; }.resource-header .brand img { width:40px;height:40px; }.resource-header .brand span { font-size:9px; }.resource-header .desktop-nav,.resource-cta { display:none; }.page-hero { padding:60px 20px 65px; }.breadcrumbs { margin-bottom:39px; }.page-hero h1 { font-size:53px; }.page-hero p { font-size:13px; }.content-section { padding:67px 20px; }.section-heading,.journey-intro { grid-template-columns:1fr;gap:23px;margin-bottom:34px; }.section-heading h2,.journey-intro h2 { font-size:48px; }.concept-grid,.journey-grid,.link-grid { grid-template-columns:1fr; }.concept-card,.journey-card { min-height:260px; }.journey-step { grid-template-columns:40px 1fr;gap:12px; }.journey-step p { grid-column:2; }.link-grid a { min-height:110px;border-right:0;border-bottom:1px solid var(--line); }.link-grid a:last-child { border-bottom:0; }.page-footer { padding:25px 20px; }.page-footer nav { justify-content:flex-end;gap:12px;font-size:8px; }.wallet-quiz,.library-shell { padding:0 20px 65px; }.wallet-panel { min-height:400px;padding:27px 20px; }.wallet-panel h2 { font-size:40px; }.wallet-stats { gap:18px; }.wallet-options { grid-template-columns:1fr; }.wallet-option { min-height:79px; }.wallet-result-heading { display:block; }.wallet-result-heading button { margin-top:20px; }.library-tools { display:block; }.library-search { margin-top:20px; }.library-grid { grid-template-columns:1fr; }.term-card { min-height:0; }.library-tabs { gap:16px; }.library-tab { font-size:9px; } }
