{"id":11278,"date":"2026-06-09T19:17:26","date_gmt":"2026-06-09T19:17:26","guid":{"rendered":"https:\/\/avenuemarcelproust.com\/?page_id=11278"},"modified":"2026-06-09T19:18:49","modified_gmt":"2026-06-09T19:18:49","slug":"11278-2","status":"publish","type":"page","link":"https:\/\/avenuemarcelproust.com\/?page_id=11278","title":{"rendered":"dashboard"},"content":{"rendered":"\n    <style id=\"proust-dashboard-css\">\n    \/* \u2500\u2500 Reset scope \u2500\u2500 *\/\n    .pd-wrap *, .pd-gate * { box-sizing: border-box; }\n\n    \/* \u2500\u2500 Tokens \u2500\u2500 *\/\n    .pd-wrap, .pd-gate {\n        --pd-cream:   #F7F3EC;\n        --pd-cream2:  #EEE8DC;\n        --pd-gold:    #C9A96E;\n        --pd-gold-dk: #9E7A40;\n        --pd-ink:     #1C1814;\n        --pd-ink2:    #4A4237;\n        --pd-ink3:    #7A6E62;\n        --pd-display: 'Cormorant Garamond', Georgia, serif;\n        --pd-body:    'Inter', system-ui, sans-serif;\n        --pd-r:       4px;\n    }\n\n    \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\n    .pd-wrap {\n        background: var(--pd-cream);\n        color: var(--pd-ink);\n        font-family: var(--pd-body);\n        font-size: 15px;\n        line-height: 1.65;\n        max-width: 1100px;\n        margin: 0 auto;\n        padding-bottom: 0;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .pd-hero {\n        position: relative;\n        min-height: 380px;\n        display: flex;\n        align-items: center;\n        padding: 64px 48px 72px;\n        overflow: hidden;\n        border-bottom: 1px solid var(--pd-gold);\n    }\n    .pd-hero__inner { position: relative; z-index: 2; max-width: 520px; }\n    .pd-hero__eyebrow {\n        font-family: var(--pd-body);\n        font-size: 11px;\n        font-weight: 500;\n        letter-spacing: .14em;\n        text-transform: uppercase;\n        color: var(--pd-gold-dk);\n        margin: 0 0 20px;\n    }\n    .pd-hero__title {\n        font-family: var(--pd-display);\n        font-size: clamp(2.6rem, 5vw, 4rem);\n        font-weight: 300;\n        line-height: 1.12;\n        color: var(--pd-ink);\n        margin: 0 0 20px;\n    }\n    .pd-hero__title em { font-style: italic; color: var(--pd-gold-dk); }\n    .pd-hero__sub {\n        font-size: 15px;\n        color: var(--pd-ink2);\n        margin: 0 0 32px;\n        font-weight: 300;\n    }\n    .pd-hero__deco {\n        position: absolute;\n        right: -40px; top: 50%;\n        transform: translateY(-50%);\n        width: 420px; height: 420px;\n        opacity: .35;\n        pointer-events: none;\n    }\n    .pd-hero__deco svg { width: 100%; height: 100%; }\n\n    \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\n    .pd-btn {\n        display: inline-block;\n        font-family: var(--pd-body);\n        font-size: 13px;\n        font-weight: 500;\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        text-decoration: none;\n        padding: 12px 28px;\n        border-radius: var(--pd-r);\n        transition: background .2s, color .2s, border-color .2s;\n    }\n    .pd-btn--primary {\n        background: var(--pd-gold);\n        color: #fff;\n        border: 1px solid var(--pd-gold);\n    }\n    .pd-btn--primary:hover {\n        background: var(--pd-gold-dk);\n        border-color: var(--pd-gold-dk);\n        color: #fff;\n    }\n    .pd-btn--outline {\n        background: transparent;\n        color: var(--pd-gold-dk);\n        border: 1px solid var(--pd-gold);\n    }\n    .pd-btn--outline:hover {\n        background: var(--pd-gold);\n        color: #fff;\n    }\n\n    \/* \u2500\u2500 TICKER \u2500\u2500 *\/\n    .pd-ticker {\n        background: var(--pd-ink);\n        padding: 14px 0;\n        overflow: hidden;\n        white-space: nowrap;\n    }\n    .pd-ticker__track {\n        display: inline-block;\n        animation: pd-scroll 180s linear infinite;\n        will-change: transform;\n    }\n    .pd-ticker:hover .pd-ticker__track { animation-play-state: paused; }\n    @keyframes pd-scroll {\n        from { transform: translateX(0); }\n        to   { transform: translateX(-50%); }\n    }\n    .pd-ticker__item {\n        display: inline-block;\n        margin-right: 40px;\n        font-family: var(--pd-display);\n        font-size: 15px;\n        font-style: italic;\n        font-weight: 300;\n        color: var(--pd-cream2);\n    }\n    .pd-ticker__item a {\n        color: inherit;\n        text-decoration: none;\n    }\n    .pd-ticker__item a:hover { color: var(--pd-gold); }\n    .pd-ticker__city {\n        font-style: normal;\n        font-size: 11px;\n        font-family: var(--pd-body);\n        letter-spacing: .06em;\n        text-transform: uppercase;\n        color: var(--pd-gold);\n        margin-left: 8px;\n        vertical-align: middle;\n    }\n    .pd-ticker__sep {\n        color: var(--pd-gold);\n        font-size: 10px;\n        margin-left: 40px;\n        vertical-align: middle;\n    }\n\n    \/* \u2500\u2500 STATS \u2500\u2500 *\/\n    .pd-stats {\n        padding: 52px 48px;\n        border-bottom: 1px solid var(--pd-cream2);\n    }\n    .pd-stats__grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n        gap: 24px;\n    }\n    .pd-stat {\n        padding: 28px 20px;\n        background: #fff;\n        border: 1px solid var(--pd-cream2);\n        border-radius: var(--pd-r);\n        text-align: center;\n    }\n    .pd-stat--accent { background: var(--pd-cream2); border-color: var(--pd-gold); }\n    .pd-stat__num {\n        display: block;\n        font-family: var(--pd-display);\n        font-size: 2.8rem;\n        font-weight: 300;\n        color: var(--pd-gold-dk);\n        line-height: 1;\n        margin-bottom: 8px;\n    }\n    .pd-stat__label {\n        font-size: 12px;\n        letter-spacing: .06em;\n        text-transform: uppercase;\n        color: var(--pd-ink3);\n    }\n\n    \/* \u2500\u2500 SECTION HEAD \u2500\u2500 *\/\n    .pd-section-head {\n        display: flex;\n        align-items: baseline;\n        justify-content: space-between;\n        margin-bottom: 28px;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n    .pd-section-title {\n        font-family: var(--pd-display);\n        font-size: 1.9rem;\n        font-weight: 300;\n        color: var(--pd-ink);\n        margin: 0;\n    }\n    .pd-link-all {\n        font-size: 13px;\n        color: var(--pd-gold-dk);\n        text-decoration: none;\n        letter-spacing: .04em;\n    }\n    .pd-link-all:hover { text-decoration: underline; }\n\n    \/* \u2500\u2500 CARDS \u2500\u2500 *\/\n    .pd-recent {\n        padding: 52px 48px;\n        border-bottom: 1px solid var(--pd-cream2);\n    }\n    .pd-cards {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n        gap: 24px;\n    }\n    .pd-card {\n        background: #fff;\n        border: 1px solid var(--pd-cream2);\n        border-radius: var(--pd-r);\n        overflow: hidden;\n        transition: box-shadow .2s, transform .2s;\n        display: flex;\n        flex-direction: column;\n    }\n    .pd-card:hover {\n        box-shadow: 0 8px 28px rgba(28,24,20,.10);\n        transform: translateY(-2px);\n    }\n    .pd-card__img-wrap {\n        display: block;\n        height: 180px;\n        overflow: hidden;\n        background: var(--pd-cream2);\n    }\n    .pd-card__img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform .4s ease;\n    }\n    .pd-card:hover .pd-card__img { transform: scale(1.04); }\n    .pd-card__body { padding: 20px; flex: 1; display: flex; flex-direction: column; }\n    .pd-card__tag {\n        font-size: 10px;\n        font-weight: 500;\n        letter-spacing: .1em;\n        text-transform: uppercase;\n        color: var(--pd-gold-dk);\n        display: block;\n        margin-bottom: 8px;\n    }\n    .pd-card__title {\n        font-family: var(--pd-display);\n        font-size: 1.2rem;\n        font-weight: 400;\n        margin: 0 0 10px;\n        line-height: 1.3;\n    }\n    .pd-card__title a { color: var(--pd-ink); text-decoration: none; }\n    .pd-card__title a:hover { color: var(--pd-gold-dk); }\n    .pd-card__excerpt {\n        font-size: 13.5px;\n        color: var(--pd-ink3);\n        font-style: italic;\n        font-family: var(--pd-display);\n        margin: 0 0 auto;\n        line-height: 1.55;\n        padding-bottom: 12px;\n    }\n    .pd-card__date {\n        font-size: 11px;\n        color: var(--pd-ink3);\n        letter-spacing: .04em;\n        margin-top: 14px;\n        display: block;\n    }\n\n    \/* \u2500\u2500 MAP TEASER \u2500\u2500 *\/\n    .pd-map-teaser {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 0;\n        border-bottom: 1px solid var(--pd-cream2);\n    }\n    .pd-map-teaser__text {\n        padding: 64px 48px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .pd-map-teaser__title {\n        font-family: var(--pd-display);\n        font-size: 2.4rem;\n        font-weight: 300;\n        margin: 0 0 16px;\n        color: var(--pd-ink);\n    }\n    .pd-map-teaser__desc {\n        font-size: 14.5px;\n        color: var(--pd-ink2);\n        line-height: 1.7;\n        margin: 0 0 32px;\n    }\n    .pd-map-teaser__preview {\n        background: var(--pd-ink);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 40px;\n        position: relative;\n    }\n    .pd-map-teaser__grid { width: 100%; max-width: 380px; }\n    .pd-map-teaser__grid svg { width: 100%; height: auto; }\n    .pd-map-teaser__count {\n        font-family: var(--pd-display);\n        font-size: 1rem;\n        font-style: italic;\n        color: var(--pd-gold);\n        margin-top: 16px;\n        letter-spacing: .04em;\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    .pd-foot {\n        padding: 36px 48px;\n        text-align: center;\n        font-size: 12.5px;\n        color: var(--pd-ink3);\n        letter-spacing: .05em;\n    }\n\n    \/* \u2500\u2500 GATE (login prompt) \u2500\u2500 *\/\n    .pd-gate {\n        background: var(--pd-cream);\n        min-height: 80vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 40px;\n    }\n    .pd-gate__inner { max-width: 480px; }\n    .pd-gate__eyebrow {\n        font-size: 11px;\n        font-weight: 500;\n        letter-spacing: .14em;\n        text-transform: uppercase;\n        color: var(--pd-gold-dk);\n        margin: 0 0 20px;\n    }\n    .pd-gate__title {\n        font-family: var(--pd-display);\n        font-size: clamp(2.4rem, 5vw, 3.6rem);\n        font-weight: 300;\n        line-height: 1.15;\n        margin: 0 0 20px;\n        color: var(--pd-ink);\n    }\n    .pd-gate__title em { font-style: italic; color: var(--pd-gold-dk); }\n    .pd-gate__sub {\n        font-size: 15px;\n        color: var(--pd-ink2);\n        line-height: 1.7;\n        margin: 0 0 16px;\n    }\n    .pd-gate__cta {\n        font-size: 13px;\n        color: var(--pd-ink3);\n        margin: 0 0 28px;\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 768px) {\n        .pd-hero           { padding: 48px 24px 56px; }\n        .pd-hero__deco     { opacity: .15; right: -80px; width: 320px; height: 320px; }\n        .pd-stats          { padding: 36px 24px; }\n        .pd-recent         { padding: 36px 24px; }\n        .pd-map-teaser     { grid-template-columns: 1fr; }\n        .pd-map-teaser__text { padding: 40px 24px; }\n        .pd-map-teaser__preview { display: none; }\n        .pd-foot           { padding: 28px 24px; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .pd-ticker__track { animation: none; }\n        .pd-card          { transition: none; }\n        .pd-card__img     { transition: none; }\n    }\n    <\/style>\n        <div class=\"pd-gate\">\n        <div class=\"pd-gate__inner\">\n            <p class=\"pd-gate__eyebrow\">Avenue Marcel Proust<\/p>\n            <h2 class=\"pd-gate__title\">\u00c0 la recherche<br><em>du temps perdu<\/em><\/h2>\n            <p class=\"pd-gate__sub\">A literary atlas of Marcel Proust's world \u2014 places he lived, loved, and transformed into fiction.<\/p>\n            <p class=\"pd-gate__cta\">This archive is available to members.<\/p>\n            <a href=\"https:\/\/avenuemarcelproust.com\/wp-login.php?redirect_to=https%3A%2F%2Favenuemarcelproust.com%2F%3Fpage_id%3D11278\" class=\"pd-btn pd-btn--primary\">Sign in to explore<\/a>\n        <\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-11278","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/pages\/11278","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11278"}],"version-history":[{"count":2,"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/pages\/11278\/revisions"}],"predecessor-version":[{"id":11280,"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=\/wp\/v2\/pages\/11278\/revisions\/11280"}],"wp:attachment":[{"href":"https:\/\/avenuemarcelproust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}