diff --git a/wp-content/themes/postsecret/assets/css/ps-stream.css b/wp-content/themes/postsecret/assets/css/ps-stream.css
index b55eb18..63c82ec 100644
--- a/wp-content/themes/postsecret/assets/css/ps-stream.css
+++ b/wp-content/themes/postsecret/assets/css/ps-stream.css
@@ -1,6 +1,6 @@
 /* PostSecret — Home Stream (scoped)
-   - Only affects content inside .ps-latest
-   - Uses theme tokens (theme.json) for colors
+   - Archival gallery aesthetic
+   - Uses theme tokens for strict black/white/red palette
    - Container-query responsive density
    - Respects reduced motion
 */
@@ -10,24 +10,29 @@
 ------------------------------ */
 .ps-latest .ps-stream {
     display: grid;
-    gap: clamp(16px, 2.5vw, 24px);
+    gap: clamp(24px, 3vw, 32px);
     grid-template-columns: 1fr;
-    max-width: 800px;
+    max-width: 1200px; /* Wider for archival layout */
     margin: 0 auto;
+    padding: var(--breathing-room, 2rem);
     container-type: inline-size; /* enable container queries */
 }
 
 /* ------------------------------
-   Card
+   Card - Archival gallery style
 ------------------------------ */
 .ps-latest .ps-card {
-    background: var(--wp--preset--color--surface);
-    border: 1px solid var(--wp--preset--color--border);
-    border-radius: 12px;
+    background: var(--wp--preset--color--bg);
+    border: none;
+    border-radius: 0;
     overflow: clip;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .08);
-    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
-    will-change: transform;
+    box-shadow: none;
+    transition: background-color .18s ease;
+    will-change: background-color;
+}
+
+.ps-latest .ps-card:hover {
+    background: var(--wp--preset--color--tint);
 }
 
 /* Flippable card container */
@@ -64,11 +69,9 @@
     transform: rotateY(180deg);
 }
 
-.ps-latest .ps-card:hover,
 .ps-latest .ps-card:focus-within {
-    transform: translateY(-2px);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 16px 40px rgba(0, 0, 0, .12);
-    border-color: color-mix(in oklab, var(--wp--preset--color--border) 70%, var(--wp--preset--color--text));
+    outline: 2px solid var(--wp--preset--color--accent);
+    outline-offset: 2px;
 }
 
 .ps-latest .ps-card__link {
@@ -180,9 +183,9 @@
     position: absolute;
     top: 24px;
     right: 16px;
-    background: var(--wp--preset--color--surface);
+    background: var(--wp--preset--color--bg);
     color: var(--wp--preset--color--text);
-    border: 1px solid var(--wp--preset--color--border);
+    border: none;
     border-radius: 50%;
     width: 54px;
     height: 54px;
@@ -193,15 +196,15 @@
     font-size: 1.95rem;
     line-height: 1;
     transition: all .18s ease;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
+    box-shadow: none;
     z-index: 100;
 }
 
 .ps-latest .ps-card__flip-btn:hover {
     background: var(--wp--preset--color--bg);
     transform: rotate(180deg);
-    box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
-    border-color: color-mix(in oklab, var(--wp--preset--color--border) 60%, var(--wp--preset--color--text));
+    box-shadow: none;
+    color: var(--wp--preset--color--accent);
 }
 
 .ps-latest .ps-card__flip-btn:focus-visible {
@@ -211,11 +214,11 @@
 
 /* Dark mode adjustments */
 html[data-theme="dark"] .ps-latest .ps-card__flip-btn {
-    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
+    box-shadow: none;
 }
 
 html[data-theme="dark"] .ps-latest .ps-card__flip-btn:hover {
-    box-shadow: 0 4px 8px rgba(0, 0, 0, .4);
+    box-shadow: none;
 }
 
 /* ------------------------------
@@ -241,7 +244,7 @@ html[data-theme="dark"] .ps-latest .ps-card__flip-btn:hover {
     color: var(--wp--preset--color--text);
 }
 
-/* Tags */
+/* Tags - Red accent chips */
 .ps-latest .ps-card__tags {
     margin-top: .55rem;
     display: flex;
@@ -250,24 +253,27 @@ html[data-theme="dark"] .ps-latest .ps-card__flip-btn:hover {
 }
 
 .ps-latest .ps-chip {
-    font-size: .78rem;
-    border: 1px solid var(--wp--preset--color--border);
-    background: color-mix(in oklab, var(--wp--preset--color--surface) 85%, transparent);
-    color: var(--wp--preset--color--text);
-    border-radius: 999px;
-    padding: 2px 8px;
+    font-size: .75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border: none;
+    background: transparent;
+    color: var(--wp--preset--color--accent);
+    border-radius: 0;
+    padding: 4px 8px;
     white-space: nowrap;
-    line-height: 1.8;
-    transition: border-color .18s ease, background-color .18s ease;
+    line-height: 1.4;
+    transition: background-color .18s ease, color .18s ease;
 }
 
 .ps-latest .ps-chip:hover {
-    border-color: color-mix(in oklab, var(--wp--preset--color--border) 60%, var(--wp--preset--color--text));
-    background: color-mix(in oklab, var(--wp--preset--color--surface) 60%, transparent);
+    background: var(--wp--preset--color--accent);
+    color: #ffffff;
 }
 
 .ps-latest .ps-chip--more {
-    opacity: .75
+    opacity: .7;
 }
 
 /* ------------------------------
@@ -307,8 +313,8 @@ html[data-theme="dark"] .ps-latest .ps-card__flip-btn:hover {
 /* Polished skeleton shimmer */
 .ps-latest .ps-skeleton {
     height: clamp(200px, 26vw, 260px);
-    border-radius: 12px;
-    border: 1px solid var(--wp--preset--color--border);
+    border-radius: 0;
+    border: none;
     background: linear-gradient(90deg,
     transparent 0%,
     rgba(255, 255, 255, .6) 40%,
@@ -318,7 +324,7 @@ html[data-theme="dark"] .ps-latest .ps-card__flip-btn:hover {
     var(--wp--preset--color--surface);
     background-size: 200% 100%, cover;
     animation: ps-shimmer 1.2s infinite;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .08);
+    box-shadow: none;
 }
 
 @keyframes ps-shimmer {
diff --git a/wp-content/themes/postsecret/assets/css/style.css b/wp-content/themes/postsecret/assets/css/style.css
index 5925b61..70710b6 100644
--- a/wp-content/themes/postsecret/assets/css/style.css
+++ b/wp-content/themes/postsecret/assets/css/style.css
@@ -1,6 +1,748 @@
-/* Base styles for the PostSecret theme */
+/* ========================================
+   PostSecret Archival Gallery Theme
+   Mood: archival but alive, gallery-like, voyeuristic
+   Palette: strict black/white + PostSecret red
+   ======================================== */
+
+/* ----- Typography: clean modern sans-serif ----- */
+:root {
+    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    --font-display: var(--font-main);
+
+    /* Archival spacing */
+    --content-max-width: 1200px;
+    --breathing-room: clamp(2rem, 5vw, 4rem);
+
+    /* PostSecret red - centralized color tokens */
+    --ps-red-light: #a51818;  /* Light mode red */
+    --ps-red-dark: #E02A2A;   /* Dark mode red */
+
+    /* Helpline section color */
+    --ps-helpline-bg: #b0c7bf;  /* Sage green */
+}
+
 body {
-    font-family: sans-serif;
+    font-family: var(--font-main);
     margin: 0;
     padding: 0;
+    font-size: 16px;
+    line-height: 1.6;
+    background: var(--wp--preset--color--bg);
+    color: var(--wp--preset--color--text);
+}
+
+/* ----- Headlines: large and confident ----- */
+h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-display);
+    font-weight: 700;
+    line-height: 1.2;
+    margin: 0 0 1rem 0;
+}
+
+h1 { font-size: clamp(2rem, 4vw, 3.5rem); }
+h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); }
+h3 { font-size: clamp(1.25rem, 2.5vw, 2rem); }
+
+/* ----- Eyebrow labels: small uppercase in red ----- */
+.ps-eyebrow {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--wp--preset--color--accent);
+    margin-bottom: 0.5rem;
+    display: block;
+}
+
+/* ----- Body text: compact, readable, left-aligned ----- */
+p {
+    margin: 0 0 1rem 0;
+    text-align: left;
+}
+
+/* ----- Narrow centered content column ----- */
+.ps-container,
+.wp-block-group.alignfull {
+    max-width: var(--content-max-width);
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: var(--breathing-room);
+    padding-right: var(--breathing-room);
+}
+
+/* ----- Red up-right arrow motif ↗ ----- */
+.ps-arrow::after {
+    content: " ↗";
+    color: var(--wp--preset--color--accent);
+    font-weight: bold;
+    font-size: 1.1em;
+    display: inline-block;
+    transition: transform 0.2s ease;
+}
+
+.ps-arrow:hover::after {
+    transform: translate(2px, -2px);
+}
+
+/* ----- Links: minimal styling ----- */
+a {
+    color: inherit;
+    text-decoration: none;
+    transition: color 0.2s ease;
+}
+
+a:hover {
+    color: var(--wp--preset--color--accent);
+}
+
+/* ----- Focus states: accessible ----- */
+*:focus-visible {
+    outline: 2px solid var(--wp--preset--color--accent);
+    outline-offset: 2px;
+}
+
+/* ----- Form inputs: maintain borders ----- */
+input[type="text"],
+input[type="email"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="url"],
+input[type="number"],
+input[type="date"],
+input[type="datetime-local"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+textarea,
+select {
+    border: 1px solid var(--wp--preset--color--border);
+    padding: 0.5rem 0.75rem;
+    background: var(--wp--preset--color--bg);
+    color: var(--wp--preset--color--text);
+    font-family: inherit;
+    font-size: 1rem;
+    line-height: 1.5;
+    border-radius: 0;
+    transition: border-color 0.2s ease;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="url"]:focus,
+input[type="number"]:focus,
+input[type="date"]:focus,
+input[type="datetime-local"]:focus,
+input[type="month"]:focus,
+input[type="week"]:focus,
+input[type="time"]:focus,
+textarea:focus,
+select:focus {
+    border-color: var(--wp--preset--color--accent);
+    outline: none;
+}
+
+/* ========================================
+   CATALOG CARD COMPONENT
+   Thumbnail left, content right, red arrow
+   ======================================== */
+.ps-catalog-card {
+    border: none;
+    padding: var(--breathing-room) 0;
+    transition: background-color 0.2s ease;
+}
+
+.ps-catalog-card:hover {
+    background-color: var(--wp--preset--color--tint);
+}
+
+.ps-catalog-card__link {
+    display: block;
+    color: inherit;
+    text-decoration: none;
+}
+
+.ps-catalog-card__inner {
+    display: grid;
+    grid-template-columns: 200px 1fr;
+    gap: 2rem;
+    align-items: start;
+}
+
+.ps-catalog-card__thumbnail {
+    position: relative;
+    aspect-ratio: 3/4;
+    overflow: hidden;
+    border-radius: 0;
+    background: transparent;
+}
+
+.ps-catalog-card__thumbnail img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+    transition: transform 0.3s ease;
+}
+
+.ps-catalog-card:hover .ps-catalog-card__thumbnail img {
+    transform: scale(1.05);
+}
+
+.ps-catalog-card__content {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+}
+
+.ps-catalog-card__title {
+    font-size: 1.25rem;
+    font-weight: 600;
+    line-height: 1.3;
+    margin: 0;
+    color: var(--wp--preset--color--text);
+}
+
+.ps-catalog-card__facets {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    align-items: center;
+}
+
+.ps-facet-chip {
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    background: transparent;
+    border: none;
+    color: var(--wp--preset--color--accent);
+    font-size: 0.75rem;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border-radius: 0;
+}
+
+.ps-facet-chip--more {
+    opacity: 0.7;
+}
+
+.ps-catalog-card__excerpt {
+    font-size: 0.95rem;
+    line-height: 1.5;
+    color: var(--wp--preset--color--muted);
+    margin: 0;
+}
+
+/* Mobile responsive: stack vertically */
+@media (max-width: 768px) {
+    .ps-catalog-card__inner {
+        grid-template-columns: 1fr;
+        gap: 1rem;
+    }
+
+    .ps-catalog-card__thumbnail {
+        aspect-ratio: 16/9;
+        max-width: 100%;
+    }
+}
+
+/* Tablet: smaller thumbnail */
+@media (min-width: 769px) and (max-width: 1024px) {
+    .ps-catalog-card__inner {
+        grid-template-columns: 150px 1fr;
+        gap: 1.5rem;
+    }
+}
+
+/* ========================================
+   BUTTONS & CALLS TO ACTION
+   Minimal and confident
+   ======================================== */
+.ps-btn {
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    font-size: 0.875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border: none;
+    background: transparent;
+    color: var(--wp--preset--color--text);
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.ps-btn:hover {
+    background: var(--wp--preset--color--text);
+    color: var(--wp--preset--color--bg);
+}
+
+.ps-btn--primary {
+    color: var(--wp--preset--color--accent);
+}
+
+.ps-btn--primary:hover {
+    background: var(--wp--preset--color--accent);
+    color: #ffffff;
+}
+
+.ps-btn--solid {
+    background: var(--wp--preset--color--accent);
+    color: #ffffff;
+}
+
+.ps-btn--solid:hover {
+    background: var(--ps-red-dark);
+}
+
+/* ========================================
+   SECTIONS & SPACING
+   Long scrollable panels with breathing room
+   ======================================== */
+.ps-section {
+    padding: clamp(3rem, 8vw, 6rem) 0;
+    border: none;
+}
+
+.ps-section--tinted {
+    background: var(--wp--preset--color--tint);
+}
+
+.ps-section__header {
+    margin-bottom: clamp(2rem, 5vw, 4rem);
+    text-align: left;
+}
+
+.ps-section__title {
+    font-size: clamp(2rem, 4vw, 3rem);
+    margin-bottom: 0.5rem;
+}
+
+/* ========================================
+   FOOTER & HEADER
+   Utilitarian, small caps, negative space
+   ======================================== */
+.ps-header {
+    border: none;
+    width: 100%;
+}
+
+/* Header inner container - constrained to max-width */
+.ps-header__inner {
+    max-width: var(--content-max-width);
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: var(--breathing-room);
+    padding-right: var(--breathing-room);
+    width: 100%;
+    display: flex !important;
+    flex-wrap: nowrap !important;
+    justify-content: space-between !important;
+    align-items: center !important;
+    gap: var(--breathing-room);
+}
+
+/* Header right group */
+.ps-header__right {
+    display: flex !important;
+    flex-wrap: nowrap !important;
+    align-items: center !important;
+    gap: 1.5rem;
+}
+
+/* Responsive header */
+@media (max-width: 768px) {
+    .ps-header {
+        padding-left: 1rem !important;
+        padding-right: 1rem !important;
+    }
+
+    .ps-header__inner {
+        flex-wrap: wrap !important;
+        gap: 1rem;
+    }
+
+    .ps-header__logo {
+        flex: 0 0 auto;
+    }
+
+    .ps-logo {
+        height: 40px !important;
+        width: auto !important;
+    }
+
+    .ps-header__right {
+        flex-wrap: wrap !important;
+        gap: 0.75rem !important;
+        width: 100%;
+        justify-content: space-between !important;
+    }
+
+    .ps-social {
+        gap: 0.5rem !important;
+        order: 1;
+    }
+
+    .ps-social__link {
+        font-size: 1rem !important;
+        min-width: 32px;
+        min-height: 32px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .ps-search {
+        order: 3;
+        flex: 1 1 100%;
+        width: 100%;
+    }
+
+    .ps-search__input {
+        flex: 1;
+        width: 100% !important;
+        min-width: 0 !important;
+    }
+
+    .ps-theme-toggle {
+        order: 2;
+    }
+}
+
+.ps-footer {
+    background: var(--wp--preset--color--text);
+    color: var(--wp--preset--color--bg);
+    padding: 2rem var(--breathing-room);
+    font-size: 0.875rem;
+}
+
+.ps-footer a {
+    color: var(--wp--preset--color--bg);
+    opacity: 0.8;
+    transition: opacity 0.2s ease;
+}
+
+.ps-footer a:hover {
+    opacity: 1;
+    color: var(--wp--preset--color--accent);
+}
+
+/* Dark mode footer (inverted) */
+html[data-theme="dark"] .ps-footer {
+    background: #ffffff;
+    color: #000000;
+}
+
+html[data-theme="dark"] .ps-footer a {
+    color: #000000;
+}
+
+html[data-theme="dark"] .ps-footer a:hover {
+    color: var(--wp--preset--color--accent);
+}
+
+/* ========================================
+   IMAGERY
+   Postcards dominate, generous, crisp
+   ======================================== */
+img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
+
+.ps-hero-collage {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1rem;
+    margin: 2rem 0;
+}
+
+.ps-hero-collage__item {
+    position: relative;
+    transform: rotate(-1deg);
+    transition: transform 0.3s ease;
+}
+
+.ps-hero-collage__item:nth-child(even) {
+    transform: rotate(1deg);
+}
+
+.ps-hero-collage__item:hover {
+    transform: rotate(0deg) scale(1.02);
+    z-index: 10;
+}
+
+.ps-hero-collage__item img {
+    border: none;
+    box-shadow: none;
+}
+
+/* ========================================
+   HERO SECTION - Dark backdrop variant
+   ======================================== */
+/* Hero wrapper - no background */
+.ps-hero--dark {
+    background: none;
+    border-radius: 0;
+    padding-inline: clamp(12px, 4vw, 24px);
+}
+
+/* Align columns vertically and clamp line-length */
+.ps-hero__copy {
+    display: flex;
+    align-items: center;
+}
+
+.ps-hero__dek {
+    max-width: 34ch;                 /* readable line length */
+}
+
+/* Text color: red in dark mode, dark red in light mode */
+html[data-theme="dark"] .ps-hero__dek,
+html[data-theme="dark"] .ps-hero__dek.has-text-color,
+html[data-theme="dark"] p.ps-hero__dek,
+html[data-theme="dark"] p.ps-hero__dek.has-text-color {
+    color: var(--ps-red-dark) !important;       /* PostSecret red in dark mode */
+}
+
+html[data-theme="light"] .ps-hero__dek,
+html[data-theme="light"] .ps-hero__dek.has-text-color,
+html[data-theme="light"] p.ps-hero__dek,
+html[data-theme="light"] p.ps-hero__dek.has-text-color,
+.ps-hero__dek,
+.ps-hero__dek.has-text-color,
+p.ps-hero__dek,
+p.ps-hero__dek.has-text-color {
+    color: var(--ps-red-light) !important;       /* Dark red in light mode */
+}
+
+/* Visual: center the postcard, keep it crisp */
+.ps-hero__visual {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ps-hero__card {
+    position: relative;
+    display: inline-block;
+    text-decoration: none;
+}
+
+.ps-hero__img {
+    width: min(720px, 100%);          /* responsive cap - bigger */
+    height: auto;
+    display: block;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
+    border-radius: 2px;
+}
+
+/* Badge: treat as caption/link under the image */
+.ps-hero__badge {
+    display: inline-block;
+    margin-top: 10px;
+    font-size: 0.95rem;
+    color: var(--wp--preset--color--accent);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+}
+
+/* Reduce top/bottom density on small screens */
+@media (max-width: 720px) {
+    .ps-hero--dark {
+        padding-block: 40px;
+    }
+    .ps-hero__dek {
+        font-size: 1.1rem;
+        line-height: 1.4;
+    }
+}
+
+/* ========================================
+   HELPLINE SUPPORT BAND
+   Full-bleed soft green band, dark text, clear hierarchy
+   ======================================== */
+.ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+    width: 100%;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+html[data-theme="light"] .ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+}
+
+html[data-theme="dark"] .ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+}
+
+/* Ensure inner WordPress group doesn't add padding */
+.ps-helpline-section > .wp-block-group {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+.ps-helpline-card {
+    display: grid;
+    grid-template-columns: 1fr 600px;
+    gap: 48px;
+    align-items: center;
+    padding-top: 72px !important;
+    padding-bottom: 72px !important;
+    padding-left: 0;
+    padding-right: 0;
+    color: #1a1a1a;
+}
+
+.ps-helpline-card__content {
+    max-width: 65ch;
+    min-width: 0;
+}
+
+.ps-helpline-card__visual {
+    width: 600px;
+    flex-shrink: 0;
+}
+
+.ps-helpline-card__visual img,
+.ps-helpline-card__visual img[src*="helpline.png"] {
+    width: 600px !important;
+    max-width: 600px !important;
+    height: auto !important;
+    display: block !important;
+}
+
+.ps-helpline-card__title {
+    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
+    font-weight: 700;
+    line-height: 1.2;
+    margin: 0 0 1.5rem 0;
+    color: #1a1a1a;
+    max-width: 32ch;
+    text-decoration: none;
+}
+
+.ps-helpline-card__text {
+    font-size: 18px !important;
+    font-weight: 400 !important;
+    line-height: 1.7;
+    margin: 0 0 1rem 0;
+    color: #1a1a1a;
+    max-width: 65ch;
+}
+
+.ps-helpline-card__text:last-of-type {
+    margin-bottom: 2rem;
+}
+
+/* Inline links - red, underline on hover/focus */
+.ps-helpline-card__link {
+    color: var(--wp--preset--color--accent);
+    text-decoration: none;
+    font-weight: inherit;
+    transition: text-decoration 0.2s ease;
+}
+
+.ps-helpline-card__link:hover,
+.ps-helpline-card__link:focus {
+    text-decoration: underline;
+    text-underline-offset: 3px;
+    text-decoration-thickness: 2px;
+}
+
+.ps-helpline-card__link:focus {
+    outline: 2px solid var(--wp--preset--color--accent);
+    outline-offset: 2px;
+}
+
+/* Primary CTA link with red arrow */
+.ps-helpline-card__cta {
+    display: inline-block;
+    color: var(--wp--preset--color--accent);
+    font-size: 1.125rem;
+    font-weight: 700;
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-underline-offset: 5px;
+    transition: all 0.2s ease;
+}
+
+.ps-helpline-card__cta:hover {
+    text-decoration-thickness: 4px;
+    text-underline-offset: 6px;
+    color: var(--ps-red-dark);
+}
+
+.ps-helpline-card__cta:focus {
+    outline: 2px solid var(--wp--preset--color--accent);
+    outline-offset: 3px;
+}
+
+.ps-helpline-card__cta span {
+    color: var(--wp--preset--color--accent);
+    margin-left: 6px;
+    font-size: 1.1em;
+}
+
+/* Hide WordPress external link icon */
+.ps-helpline-card__cta .external-link-icon,
+.ps-helpline-card__cta svg,
+.ps-helpline-card__cta img,
+.ps-helpline-card__cta::after {
+    display: none !important;
+}
+
+/* Also hide any auto-inserted icons */
+a.ps-helpline-card__cta .external-link-icon,
+a.ps-helpline-card__cta svg,
+a.ps-helpline-card__cta img {
+    display: none !important;
+    visibility: hidden !important;
+    width: 0 !important;
+    height: 0 !important;
+}
+
+/* Responsive: stack on mobile */
+@media (max-width: 768px) {
+    .ps-helpline-card {
+        grid-template-columns: 1fr !important;
+        gap: 2rem !important;
+    }
+
+    .ps-helpline-card__visual {
+        order: 2;
+        width: 100% !important;
+        max-width: 100% !important;
+        min-width: 0 !important;
+    }
+
+    .ps-helpline-card__visual img {
+        width: 100% !important;
+        max-width: 100% !important;
+        min-width: 0 !important;
+        height: auto !important;
+    }
+
+    .ps-helpline-card__content {
+        order: 1;
+    }
+}
+
+/* ========================================
+   REDUCED MOTION
+   ======================================== */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+    }
 }
\ No newline at end of file
diff --git a/wp-content/themes/postsecret/assets/helpline.png b/wp-content/themes/postsecret/assets/helpline.png
new file mode 100644
index 0000000..43af066
Binary files /dev/null and b/wp-content/themes/postsecret/assets/helpline.png differ
diff --git a/wp-content/themes/postsecret/dark-overrides.css b/wp-content/themes/postsecret/dark-overrides.css
index e8e7ee7..a6a3f72 100644
--- a/wp-content/themes/postsecret/dark-overrides.css
+++ b/wp-content/themes/postsecret/dark-overrides.css
@@ -1,22 +1,32 @@
-/* Override WP preset vars when user toggles themes */
+/* PostSecret red - centralized color tokens */
+:root {
+  --ps-red-light: #a51818;  /* Light mode red */
+  --ps-red-dark: #E02A2A;   /* Dark mode red */
+  --ps-helpline-bg: #b0c7bf;  /* Sage green for helpline section */
+}
+
+/* Override WP preset vars when user toggles themes
+   PostSecret archival palette: black/white foundation + PostSecret red accent */
 html[data-theme="dark"],
 :root[data-theme="dark"] {
-  --wp--preset--color--bg:      #0b0d10 !important;
-  --wp--preset--color--surface: #12161b !important;
-  --wp--preset--color--text:    #e6edf3 !important;
-  --wp--preset--color--muted:   #a0acb8 !important;
-  --wp--preset--color--accent:  #2fb3ff !important;
-  --wp--preset--color--border:  #232a33 !important;
+  --wp--preset--color--bg:      #000000 !important;
+  --wp--preset--color--surface: #0a0a0a !important;
+  --wp--preset--color--text:    #ffffff !important;
+  --wp--preset--color--muted:   #999999 !important;
+  --wp--preset--color--accent:  var(--ps-red-dark) !important; /* PostSecret red */
+  --wp--preset--color--border:  #333333 !important;
+  --wp--preset--color--tint:    #1a0a0b !important; /* soft red tint for sections */
 }
 
 html[data-theme="light"],
 :root[data-theme="light"] {
   --wp--preset--color--bg:      #ffffff !important;
-  --wp--preset--color--surface: #f6f8fa !important;
-  --wp--preset--color--text:    #0b1220 !important;
-  --wp--preset--color--muted:   #5d6b82 !important;
-  --wp--preset--color--accent:  #0a84ff !important;
-  --wp--preset--color--border:  #e6eaf0 !important;
+  --wp--preset--color--surface: #fafafa !important;
+  --wp--preset--color--text:    #000000 !important;
+  --wp--preset--color--muted:   #666666 !important;
+  --wp--preset--color--accent:  var(--ps-red-light) !important; /* PostSecret red */
+  --wp--preset--color--border:  #e6e6e6 !important;
+  --wp--preset--color--tint:    #fff5f5 !important; /* soft pink tint for sections */
 }
 
 /* Basic surfaces - ensure immediate theme switching */
@@ -34,32 +44,31 @@ html[data-theme="light"] body {
   color: var(--wp--preset--color--text) !important;
 }
 
-.wp-block-group,
 .wp-block-post,
 .wp-block-query .wp-block-post-template > li {
-  background: var(--wp--preset--color--surface);
-  border: 1px solid var(--wp--preset--color--border);
-  border-radius: 8px;
-  padding: 1rem;
-  margin-bottom: 1rem;
+  background: var(--wp--preset--color--bg);
+  border: none;
+  border-radius: 0;
+  padding: clamp(2rem, 4vw, 3rem) 0;
+  margin-bottom: 0;
 }
 
-/* Card hover effects */
+/* Card hover effects - subtle background tint */
 .wp-block-post:hover,
 .wp-block-query .wp-block-post-template > li:hover {
-  border-color: var(--wp--preset--color--accent);
-  transform: translateY(-2px);
-  transition: all 0.2s ease;
+  background: var(--wp--preset--color--tint);
+  transition: background-color 0.2s ease;
 }
 
-/* Image styling for secrets */
+/* Image styling for secrets - clean, no borders */
 .wp-block-post-featured-image img {
-  border-radius: 4px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 0;
+  box-shadow: none;
+  border: none;
 }
 
 :root[data-theme="dark"] .wp-block-post-featured-image img {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  box-shadow: none;
 }
 
 /* Muted text */
@@ -79,43 +88,32 @@ input:focus {
 
 /* Theme toggle button */
 [data-ps-theme-toggle] {
-  background: var(--wp--preset--color--surface);
-  border: 1px solid var(--wp--preset--color--border);
+  background: transparent;
+  border: none;
   color: var(--wp--preset--color--text);
   padding: 0.5rem;
-  border-radius: 4px;
+  border-radius: 0;
   cursor: pointer;
   transition: all 0.2s ease;
 }
 
 [data-ps-theme-toggle]:hover {
-  background: var(--wp--preset--color--accent);
-  color: var(--wp--preset--color--bg);
+  background: transparent;
+  color: var(--wp--preset--color--accent);
 }
 
-/* Secret archive specific styles */
+/* Secret archive - catalog layout */
 .secret-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1.5rem;
-  margin: 2rem 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  margin: 0;
+  max-width: 1200px;
+  margin: 0 auto;
 }
 
 .secret-card {
-  background: var(--wp--preset--color--surface);
-  border: 1px solid var(--wp--preset--color--border);
-  border-radius: 8px;
-  overflow: hidden;
-  transition: all 0.2s ease;
-}
-
-.secret-card:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
-}
-
-:root[data-theme="dark"] .secret-card:hover {
-  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
+  /* Handled by .ps-catalog-card styles */
 }
 
 .secret-tags {
@@ -126,16 +124,22 @@ input:focus {
 }
 
 .secret-tag {
-  background: var(--wp--preset--color--accent);
-  color: var(--wp--preset--color--bg);
-  padding: 0.25rem 0.5rem;
-  border-radius: 4px;
+  background: transparent;
+  border: none;
+  color: var(--wp--preset--color--accent);
+  padding: 0.25rem 0.75rem;
+  border-radius: 0;
   font-size: 0.75rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
   text-decoration: none;
+  transition: background-color 0.2s ease, color 0.2s ease;
 }
 
 .secret-tag:hover {
-  opacity: 0.8;
+  background: var(--wp--preset--color--accent);
+  color: #ffffff;
 }
 
 /* Accessibility improvements */
@@ -161,6 +165,11 @@ input:focus {
 /* -----------------------
  * Header & Logo Styles
  * -----------------------*/
+.ps-header {
+  background: var(--wp--preset--color--bg);
+  color: var(--wp--preset--color--text);
+}
+
 .ps-header__logo {
   display: inline-block;
   line-height: 0;
@@ -171,9 +180,68 @@ input:focus {
   opacity: 0.8;
 }
 
+/* WordPress Navigation Block - respect theme colors */
+.wp-block-navigation {
+  background: transparent;
+}
+
+.wp-block-navigation a {
+  color: var(--wp--preset--color--text);
+}
+
+.wp-block-navigation a:hover {
+  color: var(--wp--preset--color--accent);
+}
+
+/* Mobile overlay - respect theme */
+.wp-block-navigation__responsive-container.is-menu-open {
+  background: var(--wp--preset--color--bg) !important;
+  color: var(--wp--preset--color--text) !important;
+}
+
+.wp-block-navigation__responsive-container-content {
+  background: var(--wp--preset--color--bg) !important;
+  padding-right: 2rem !important;
+  padding-left: 2rem !important;
+}
+
+.wp-block-navigation__responsive-container-content > * {
+  padding-right: 1rem;
+}
+
+/* Hamburger button colors */
+.wp-block-navigation__responsive-container-open,
+.wp-block-navigation__responsive-container-close {
+  background: transparent !important;
+  color: var(--wp--preset--color--text) !important;
+  border: none !important;
+}
+
+.wp-block-navigation__responsive-container-open:hover,
+.wp-block-navigation__responsive-container-close:hover {
+  color: var(--wp--preset--color--accent) !important;
+}
+
+/* Search block in navigation */
+.wp-block-navigation .wp-block-search__input {
+  background: var(--wp--preset--color--bg);
+  color: var(--wp--preset--color--text);
+  border: 1px solid var(--wp--preset--color--border);
+}
+
+.wp-block-navigation .wp-block-search__button {
+  background: var(--wp--preset--color--text);
+  color: var(--wp--preset--color--bg);
+}
+
+.wp-block-navigation .wp-block-search__button:hover {
+  background: var(--wp--preset--color--accent);
+  color: #ffffff;
+}
+
 .ps-logo {
-  height: 36px;
-  width: auto;
+  width: 172px;
+  height: 52px;
   transition: opacity 0.2s ease;
 }
 
@@ -195,85 +263,151 @@ input:focus {
   color: var(--wp--preset--color--accent);
 }
 
-/* Theme toggle button */
+/* Theme toggle button - Best practices */
 .ps-theme-toggle .wp-block-button__link {
-  background: var(--wp--preset--color--surface);
-  border: 1px solid var(--wp--preset--color--border);
+  background: transparent;
+  border: none;
   color: var(--wp--preset--color--text);
-  padding: 0.5rem;
-  border-radius: 4px;
+  padding: 0.625rem;
+  border-radius: 0;
   cursor: pointer;
   transition: all 0.2s ease;
-  font-size: 1rem;
+  font-size: 1.125rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 44px;
+  -webkit-appearance: none;
+  appearance: none;
+  text-decoration: none !important;
 }
 
 .ps-theme-toggle .wp-block-button__link:hover {
-  background: var(--wp--preset--color--accent);
-  color: var(--wp--preset--color--bg);
-  border-color: var(--wp--preset--color--accent);
+  background: transparent;
+  color: var(--wp--preset--color--accent);
+  text-decoration: none !important;
 }
 
-/* Search form styling */
-.ps-search {
-  display: flex;
-  align-items: center;
-  background: var(--wp--preset--color--surface);
-  border: 1px solid var(--wp--preset--color--border);
-  border-radius: 6px;
-  padding: 0;
-  overflow: hidden;
-  transition: all 0.2s ease;
+.ps-theme-toggle .wp-block-button__link:focus {
+  outline: 2px solid var(--wp--preset--color--accent);
+  outline-offset: 2px;
 }
 
-.ps-search:focus-within {
-  border-color: var(--wp--preset--color--accent);
-  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.1);
+.ps-theme-toggle .wp-block-button__link:active {
+  transform: scale(0.95);
 }
 
-.ps-search__input {
+/* Pressed state for accessibility */
+.ps-theme-toggle .wp-block-button__link[aria-pressed="true"] {
+  color: var(--wp--preset--color--accent);
+}
+
+/* Search form styling - Best practices */
+.ps-search {
+  display: flex;
+  align-items: stretch;
   background: transparent;
   border: none;
-  padding: 0.5rem 0.75rem;
+  border-radius: 0;
+  padding: 0;
+  gap: 0;
+  position: relative;
+}
+
+.ps-search__input {
+  background: var(--wp--preset--color--bg);
+  border: 1px solid var(--wp--preset--color--border);
+  border-right: none;
+  padding: 0.625rem 0.875rem;
   color: var(--wp--preset--color--text);
   font-size: 0.875rem;
+  font-family: inherit;
+  line-height: 1.5;
   width: 200px;
+  min-width: 150px;
   outline: none;
+  border-radius: 0;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.ps-search__input:hover {
+  border-color: var(--wp--preset--color--muted);
+}
+
+.ps-search__input:focus {
+  border-color: var(--wp--preset--color--accent);
+  border-right: 1px solid var(--wp--preset--color--accent);
+  z-index: 1;
+  position: relative;
 }
 
 .ps-search__input::placeholder {
   color: var(--wp--preset--color--muted);
-  opacity: 1;
+  opacity: 0.7;
 }
 
 .ps-search__btn {
-  background: transparent;
-  border: none;
-  padding: 0.5rem 0.75rem;
-  color: var(--wp--preset--color--muted);
+  background: var(--wp--preset--color--bg);
+  border: 1px solid var(--wp--preset--color--border);
+  border-left: 1px solid var(--wp--preset--color--border);
+  padding: 0.625rem 0.875rem;
+  color: var(--wp--preset--color--text);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: color 0.2s ease;
+  min-width: 44px;
+  min-height: 44px;
+  transition: all 0.2s ease;
+  font-size: 1rem;
+  border-radius: 0;
+  -webkit-appearance: none;
+  appearance: none;
 }
 
 .ps-search__btn:hover {
-  color: var(--wp--preset--color--accent);
+  background: var(--wp--preset--color--accent);
+  color: #ffffff;
+  border-color: var(--wp--preset--color--accent);
 }
 
 .ps-search__btn:focus {
   outline: 2px solid var(--wp--preset--color--accent);
-  outline-offset: -2px;
+  outline-offset: 2px;
+  z-index: 2;
+  position: relative;
 }
 
-/* Dark mode specific overrides for search */
-html[data-theme="dark"] .ps-search__input,
-html[data-theme="dark"] .ps-search__btn {
-  color: var(--wp--preset--color--text);
+.ps-search__btn:active {
+  transform: scale(0.98);
+}
+
+/* Ensure input and button align properly */
+.ps-search__input:focus + .ps-search__btn {
+  border-left-color: var(--wp--preset--color--accent);
 }
 
+/* Dark mode specific overrides for search */
 html[data-theme="dark"] .ps-search__input::placeholder {
   color: var(--wp--preset--color--muted);
+  opacity: 0.7;
+}
+
+/* Responsive search */
+@media (max-width: 768px) {
+  .ps-search__input {
+    width: 150px;
+    min-width: 120px;
+    font-size: 0.8125rem;
+    padding: 0.5rem 0.75rem;
+  }
+
+  .ps-search__btn {
+    padding: 0.5rem 0.75rem;
+  }
 }
 
 /* Header responsive */
@@ -307,7 +441,7 @@ html[data-theme="dark"] .ps-search__input::placeholder {
 .ps-footer {
   background: var(--wp--preset--color--bg);
   color: var(--wp--preset--color--text);
-  border-top: 1px solid var(--wp--preset--color--border);
+  border-top: none;
 }
 
 /* Footer logo */
@@ -331,40 +465,39 @@ html[data-theme="dark"] .ps-search__input::placeholder {
 .ps-help-card {
   display: block;
   background: var(--wp--preset--color--accent);
-  color: var(--wp--preset--color--bg);
+  color: #ffffff;
   padding: 1rem 1.5rem;
-  border-radius: 8px;
+  border-radius: 0;
   text-decoration: none;
   font-weight: 500;
   text-align: center;
   transition: all 0.2s ease;
-  border: 2px solid var(--wp--preset--color--accent);
+  border: none;
 }
 
 .ps-help-card:hover {
-  background: var(--wp--preset--color--bg);
-  color: var(--wp--preset--color--accent);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  background: var(--ps-red-light);
+  color: #ffffff;
+  transform: none;
+  box-shadow: none;
 }
 
 html[data-theme="dark"] .ps-help-card:hover {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  box-shadow: none;
 }
 
 /* Footer theme toggle - smaller, outline style */
 .ps-footer .ps-theme-toggle .wp-block-button__link {
   background: transparent;
-  border: 1px solid var(--wp--preset--color--border);
+  border: none;
   color: var(--wp--preset--color--text);
   padding: 0.375rem;
-  border-radius: 4px;
+  border-radius: 0;
   font-size: 0.875rem;
 }
 
 .ps-footer .ps-theme-toggle .wp-block-button__link:hover {
-  background: var(--wp--preset--color--surface);
-  border-color: var(--wp--preset--color--accent);
+  background: transparent;
   color: var(--wp--preset--color--accent);
 }
 
@@ -384,174 +517,199 @@ html[data-theme="dark"] .ps-help-card:hover {
 
 /* -----------------------
  * Share a Secret Section
+ * Big black band with sample confession in red italics
  * -----------------------*/
 .ps-share-section {
-  display: flex;
-  justify-content: center;
-  margin: 0 auto;
+  background: var(--wp--preset--color--text); /* Black in light mode, white in dark */
+  color: var(--wp--preset--color--bg);
+  padding: clamp(3rem, 6vw, 5rem) var(--breathing-room, 2rem);
+  text-align: center;
+  margin: 0;
 }
 
-.ps-share-link {
-  display: inline-block;
-  line-height: 0;
-  transition: all 0.3s ease;
-  border-radius: 12px;
-  overflow: hidden;
+.ps-share-section__eyebrow {
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--wp--preset--color--accent);
+  margin-bottom: 1rem;
 }
 
-.ps-share-link:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
+.ps-share-section__title {
+  font-size: clamp(2rem, 4vw, 3rem);
+  font-weight: 700;
+  margin-bottom: 1rem;
+  color: var(--wp--preset--color--bg);
 }
 
-html[data-theme="dark"] .ps-share-link:hover {
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
+.ps-share-section__confession {
+  font-size: 1.25rem;
+  font-style: italic;
+  color: var(--wp--preset--color--accent);
+  margin: 1.5rem 0;
+  max-width: 600px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.ps-share-image {
-  width: 100%;
-  max-width: 880px;
-  height: auto;
-  border-radius: 12px;
-  transition: all 0.3s ease;
-  border: 1px solid var(--wp--preset--color--border);
+.ps-share-link {
+  display: inline-block;
+  margin-top: 1.5rem;
+  transition: opacity 0.2s ease;
 }
 
-.ps-share-link:hover .ps-share-image {
-  transform: scale(1.02);
+.ps-share-link:hover {
+  opacity: 0.9;
 }
 
 .ps-share-link:focus {
-  outline: 3px solid var(--wp--preset--color--accent);
+  outline: 2px solid var(--wp--preset--color--accent);
   outline-offset: 4px;
-  border-radius: 12px;
 }
 
-/* Responsive sizing */
-@media (max-width: 1024px) {
-  .ps-share-image {
-    max-width: 100%;
-    border-radius: 8px;
-  }
-
-  .ps-share-link {
-    border-radius: 8px;
-  }
-
-  .ps-share-link:focus {
-    border-radius: 8px;
-  }
+/* Dark mode: invert the band */
+html[data-theme="dark"] .ps-share-section {
+  background: #ffffff;
+  color: #000000;
 }
 
-@media (max-width: 768px) {
-  .ps-share-link:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-  }
-
-  html[data-theme="dark"] .ps-share-link:hover {
-    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
-  }
-
-  .ps-share-link:hover .ps-share-image {
-    transform: scale(1.01);
-  }
+html[data-theme="dark"] .ps-share-section__title {
+  color: #000000;
 }
 
 /* -----------------------
- * Cutting-edge hero
+ * Hero - Layered collage of postcards
+ * Slightly askew, real artifacts vibe
  * -----------------------*/
 .ps-hero {
     position: relative;
-    isolation: isolate;
-    border: 1px solid var(--wp--preset--color--border);
-    border-radius: 16px;
-    overflow: hidden;
-    background: radial-gradient(1200px 600px at 10% 10%, color-mix(in lab, var(--wp--preset--color--accent) 24%, transparent), transparent 60%),
-    radial-gradient(900px 500px at 90% 80%, color-mix(in lab, var(--wp--preset--color--accent) 12%, var(--wp--preset--color--surface)), var(--wp--preset--color--surface) 70%);
+    padding: clamp(3rem, 6vw, 5rem) 0;
+    background: var(--wp--preset--color--tint);
+    border: none;
 }
-.ps-hero::after {
-    /* subtle grain for texture */
-    content:"";
-    position:absolute; inset:0;
-    pointer-events:none; opacity:.12;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");
-    mix-blend-mode: overlay;
+
+/* Override for dark variant - no background */
+.ps-hero--dark {
+    background: none !important;
+}
+
+/* Force hero text colors regardless of WordPress inline styles */
+html[data-theme="dark"] .ps-hero--dark .ps-hero__dek,
+html[data-theme="dark"] .ps-hero--dark .ps-hero__dek.has-text-color,
+html[data-theme="dark"] .ps-hero--dark p.ps-hero__dek {
+    color: var(--ps-red-dark) !important;       /* PostSecret red in dark mode */
+}
+
+html[data-theme="light"] .ps-hero--dark .ps-hero__dek,
+html[data-theme="light"] .ps-hero--dark .ps-hero__dek.has-text-color,
+html[data-theme="light"] .ps-hero--dark p.ps-hero__dek,
+.ps-hero--dark .ps-hero__dek,
+.ps-hero--dark .ps-hero__dek.has-text-color,
+.ps-hero--dark p.ps-hero__dek {
+    color: var(--ps-red-light) !important;       /* Dark red in light mode */
 }
 
-.ps-hero__visual { display:flex; align-items:center; justify-content:center; }
+.ps-hero__visual {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 1.5rem;
+    max-width: var(--content-max-width, 1200px);
+    margin: 0 auto;
+    padding: 0 var(--breathing-room, 2rem);
+}
 
 .ps-hero__card {
     position: relative;
     display: block;
-    border-radius: 14px;
+    border-radius: 0;
     overflow: hidden;
-    transform: rotate(-1.2deg);
-    border: 1px solid var(--wp--preset--color--border);
-    box-shadow: 0 10px 40px rgba(0,0,0,.08);
-    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
-    will-change: transform;
+    transform: rotate(-1deg);
+    border: none;
+    box-shadow: none;
+    transition: transform 0.3s ease;
 }
-.ps-hero__card:hover {
-    transform: rotate(0deg) scale(1.02);
-    box-shadow: 0 20px 60px rgba(0,0,0,.14);
-    border-color: var(--wp--preset--color--accent);
+
+.ps-hero__card:nth-child(even) {
+    transform: rotate(0.8deg);
 }
-.ps-hero__img { display:block; width:100%; height:auto; }
 
-.ps-hero__badge {
-    position: absolute;
-    left: 16px; bottom: 16px;
-    padding: 6px 10px;
-    border-radius: 999px;
-    background: var(--wp--preset--color--accent);
-    color: var(--wp--preset--color--bg);
-    font-weight: 600; font-size: .8rem; letter-spacing:.02em;
-    box-shadow: 0 6px 22px rgba(0,0,0,.18);
+.ps-hero__card:hover {
+    transform: rotate(0deg) scale(1.03);
+    box-shadow: none;
+    z-index: 10;
 }
 
-/* Responsive tweaks */
-@media (max-width: 960px) {
-    .ps-hero__card { transform: rotate(0); }
+html[data-theme="dark"] .ps-hero__card {
+    box-shadow: none;
 }
 
-/* Pill button */
-.ps-pill {
-    border-radius: 9999px !important;
-    font-weight: 700;
-    letter-spacing: .01em;
-    line-height: 1;
-    box-shadow: 0 10px 28px rgba(0,0,0,.18);
-    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
+html[data-theme="dark"] .ps-hero__card:hover {
+    box-shadow: none;
 }
 
-/* Use your theme accent + accessible focus */
-.ps-pill:focus-visible {
-    outline: 3px solid color-mix(in lab, var(--wp--preset--color--accent) 60%, transparent);
-    outline-offset: 2px;
+.ps-hero__img {
+    display: block;
+    width: 100%;
+    height: auto;
 }
 
-.ps-pill:hover {
-    transform: translateY(-1px);
-    box-shadow: 0 14px 36px rgba(0,0,0,.22);
+/* Responsive: single column on mobile */
+@media (max-width: 768px) {
+    .ps-hero__visual {
+        grid-template-columns: 1fr;
+    }
+
+    .ps-hero__card {
+        transform: rotate(0);
+    }
 }
 
-/* Dark/light friendly fill using tokens */
-body:not(.is-light) .ps-pill {
+/* Buttons - minimal and confident */
+.ps-pill,
+.wp-block-button__link {
+    display: inline-block;
+    padding: 0.75rem 1.5rem;
+    font-size: 0.875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border: none;
     background: var(--wp--preset--color--accent);
-    color: var(--wp--preset--color--bg);
+    color: #ffffff;
+    transition: all 0.2s ease;
+    border-radius: 0;
 }
-.is-light .ps-pill {
-    background: var(--wp--preset--color--accent);
-    color: var(--wp--preset--color--bg);
+
+.ps-pill:hover,
+.wp-block-button__link:hover {
+    background: var(--ps-red-light);
+    color: #ffffff;
+}
+
+.ps-pill:focus-visible,
+.wp-block-button__link:focus-visible {
+    outline: 2px solid var(--wp--preset--color--accent);
+    outline-offset: 2px;
+}
+
+/* Outlined variant */
+.ps-pill--outline {
+    background: transparent;
+    color: var(--wp--preset--color--accent);
 }
 
-/* Optional: subtle border for high-contrast themes */
-.ps-pill { border: 1px solid color-mix(in lab, var(--wp--preset--color--accent) 35%, transparent); }
+.ps-pill--outline:hover {
+    background: var(--wp--preset--color--accent);
+    color: #ffffff;
+}
 
 /* Motion respect */
 @media (prefers-reduced-motion: reduce) {
-    .ps-pill { transition: none; }
+    .ps-pill,
+    .wp-block-button__link {
+        transition: none;
+    }
 }
 
 /* ----- Secret Metadata Display ----- */
@@ -562,10 +720,10 @@ body:not(.is-light) .ps-pill {
 }
 
 .ps-metadata-section {
-    background: var(--wp--preset--color--surface);
-    border-radius: 8px;
+    background: transparent;
+    border-radius: 0;
     padding: var(--wp--preset--spacing--40);
-    border: 1px solid var(--wp--preset--color--border);
+    border: none;
 }
 
 .ps-metadata-title {
@@ -608,12 +766,15 @@ body:not(.is-light) .ps-pill {
 }
 
 .ps-tag {
-    background: var(--wp--preset--color--accent);
-    color: var(--wp--preset--color--bg);
+    background: transparent;
+    color: var(--wp--preset--color--accent);
     padding: 2px 8px;
-    border-radius: 12px;
+    border-radius: 0;
     font-size: 0.75rem;
     text-decoration: none;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
 }
 
 /* Status indicators */
@@ -745,9 +906,9 @@ html[data-theme="dark"] .ps-review-status.flagged {
 .ps-search-info {
     margin-bottom: var(--wp--preset--spacing--30);
     padding: var(--wp--preset--spacing--20);
-    background: var(--wp--preset--color--surface);
-    border-radius: 6px;
-    border: 1px solid var(--wp--preset--color--border);
+    background: transparent;
+    border-radius: 0;
+    border: none;
 }
 
 .ps-search-info p {
@@ -798,3 +959,113 @@ html[data-theme="dark"] .ps-highlight {
     background: var(--wp--preset--color--accent) !important;
     color: var(--wp--preset--color--bg) !important;
 }
+
+/* ----- Helpline Section ----- */
+.ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+}
+
+html[data-theme="dark"] .ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+}
+
+html[data-theme="light"] .ps-helpline-section {
+    background: var(--ps-helpline-bg) !important;
+}
+
+/* Force dark text on mint background in both themes */
+.ps-helpline-card,
+html[data-theme="dark"] .ps-helpline-card,
+html[data-theme="light"] .ps-helpline-card {
+    color: #1a1a1a !important;
+    padding: 72px 0 !important;
+}
+
+/* Ensure WordPress group inside helpline doesn't add extra padding */
+.ps-helpline-section .wp-block-group {
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+.ps-helpline-card__title,
+html[data-theme="dark"] .ps-helpline-card__title,
+html[data-theme="light"] .ps-helpline-card__title {
+    color: #1a1a1a !important;
+}
+
+.ps-helpline-card__text,
+html[data-theme="dark"] .ps-helpline-card__text,
+html[data-theme="light"] .ps-helpline-card__text {
+    color: #1a1a1a !important;
+    font-size: 18px !important;
+    font-weight: 400 !important;
+}
+
+/* Hide external link icon and emoji images - all variants */
+.ps-helpline-card__cta .external-link-icon,
+.ps-helpline-card__cta svg,
+.ps-helpline-card__cta img,
+.ps-helpline-card__cta img.emoji,
+.ps-helpline-card__cta::after,
+a.ps-helpline-card__cta .external-link-icon,
+a.ps-helpline-card__cta svg,
+a.ps-helpline-card__cta img,
+a.ps-helpline-card__cta img.emoji,
+a[target="_blank"].ps-helpline-card__cta .external-link-icon,
+a[target="_blank"].ps-helpline-card__cta svg,
+a[target="_blank"].ps-helpline-card__cta img,
+a[target="_blank"].ps-helpline-card__cta img.emoji {
+    display: none !important;
+    visibility: hidden !important;
+    width: 0 !important;
+    height: 0 !important;
+    opacity: 0 !important;
+}
+
+/* Force grid layout on helpline card */
+.ps-helpline-card {
+    display: grid !important;
+    grid-template-columns: 1fr 600px !important;
+    gap: 48px !important;
+}
+
+/* Force helpline visual image size */
+.ps-helpline-card__visual img {
+    width: 600px !important;
+    max-width: 600px !important;
+    min-width: 600px !important;
+    height: auto !important;
+}
+
+.ps-helpline-card__visual {
+    width: 600px !important;
+    max-width: 600px !important;
+    min-width: 600px !important;
+}
+
+/* Desktop only - ensure grid layout */
+@media (min-width: 769px) {
+    .ps-helpline-card {
+        display: grid !important;
+        grid-template-columns: 1fr 600px !important;
+    }
+}
+
+/* Mobile - make image responsive */
+@media (max-width: 768px) {
+    .ps-helpline-card {
+        grid-template-columns: 1fr !important;
+    }
+
+    .ps-helpline-card__visual {
+        width: 100% !important;
+        max-width: 100% !important;
+        min-width: 0 !important;
+    }
+
+    .ps-helpline-card__visual img {
+        width: 100% !important;
+        max-width: 100% !important;
+        min-width: 0 !important;
+    }
+}
diff --git a/wp-content/themes/postsecret/footer.php b/wp-content/themes/postsecret/footer.php
deleted file mode 100644
index 2c26aa4..0000000
--- a/wp-content/themes/postsecret/footer.php
+++ /dev/null
@@ -1,6 +0,0 @@
-	<?php block_template_part( 'footer' ); ?>
-</div><!-- #page -->
-
-<?php wp_footer(); ?>
-</body>
-</html>
diff --git a/wp-content/themes/postsecret/header.php b/wp-content/themes/postsecret/header.php
deleted file mode 100644
index 50a7143..0000000
--- a/wp-content/themes/postsecret/header.php
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html <?php language_attributes(); ?>>
-<head>
-	<meta charset="<?php bloginfo( 'charset' ); ?>">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<?php wp_head(); ?>
-</head>
-<body <?php body_class(); ?>>
-<?php wp_body_open(); ?>
-
-<div id="page" class="site">
-	<?php block_template_part( 'header' ); ?>
diff --git a/wp-content/themes/postsecret/parts/card.php b/wp-content/themes/postsecret/parts/card.php
index dc69359..2c1e26f 100644
--- a/wp-content/themes/postsecret/parts/card.php
+++ b/wp-content/themes/postsecret/parts/card.php
@@ -1,54 +1,62 @@
 <?php
 /**
- * Secret card partial.
+ * Secret card partial - Catalog-style layout.
+ * Thumbnail on left, content on right, red arrow cue.
  *
  * @package PostSecret
  */
 
 ?>
-<article id="post-<?php the_ID(); ?>" <?php post_class( 'secret-card' ); ?>>
-    <?php if ( has_post_thumbnail() ) : ?>
-        <div class="secret-image">
-            <a href="<?php the_permalink(); ?>">
-                <?php the_post_thumbnail( 'large' ); ?>
-            </a>
-        </div>
-    <?php endif; ?>
-    <header class="secret-header">
-        <h2 class="secret-title">
-            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
-        </h2>
-    </header>
-    <div class="secret-excerpt">
-        <?php the_excerpt(); ?>
-    </div>
-    <footer class="secret-footer">
-        <?php
-        // Display facets (topics, feelings, meanings)
-        $topics = get_post_meta( get_the_ID(), '_ps_topics', true );
-        $feelings = get_post_meta( get_the_ID(), '_ps_feelings', true );
-        $meanings = get_post_meta( get_the_ID(), '_ps_meanings', true );
+<article id="post-<?php the_ID(); ?>" <?php post_class( 'ps-catalog-card' ); ?>>
+    <a href="<?php the_permalink(); ?>" class="ps-catalog-card__link ps-arrow">
+        <div class="ps-catalog-card__inner">
+            <?php if ( has_post_thumbnail() ) : ?>
+                <div class="ps-catalog-card__thumbnail">
+                    <?php the_post_thumbnail( 'medium' ); ?>
+                </div>
+            <?php endif; ?>
+
+            <div class="ps-catalog-card__content">
+                <header class="ps-catalog-card__header">
+                    <h3 class="ps-catalog-card__title">
+                        <?php the_title(); ?>
+                    </h3>
+                </header>
+
+                <?php
+                // Display facets (topics, feelings, meanings) as chips
+                $topics = get_post_meta( get_the_ID(), '_ps_topics', true );
+                $feelings = get_post_meta( get_the_ID(), '_ps_feelings', true );
+                $meanings = get_post_meta( get_the_ID(), '_ps_meanings', true );
 
-        $all_facets = array_merge(
-            is_array( $topics ) ? $topics : [],
-            is_array( $feelings ) ? $feelings : [],
-            is_array( $meanings ) ? $meanings : []
-        );
+                $all_facets = array_merge(
+                    is_array( $topics ) ? $topics : [],
+                    is_array( $feelings ) ? $feelings : [],
+                    is_array( $meanings ) ? $meanings : []
+                );
 
-        if ( ! empty( $all_facets ) ) :
-            echo '<span class="facet-links">';
-            $facet_links = array_map(
-                function( $facet ) {
-                    return '<span class="facet">' . esc_html( $facet ) . '</span>';
-                },
-                array_slice( $all_facets, 0, 3 ) // Show first 3
-            );
-            echo implode( ', ', $facet_links );
-            if ( count( $all_facets ) > 3 ) {
-                echo ' <span class="facet-more">+' . ( count( $all_facets ) - 3 ) . '</span>';
-            }
-            echo '</span>';
-        endif;
-        ?>
-    </footer>
+                if ( ! empty( $all_facets ) ) :
+                    ?>
+                    <div class="ps-catalog-card__facets">
+                        <?php
+                        $visible_facets = array_slice( $all_facets, 0, 3 );
+                        foreach ( $visible_facets as $facet ) :
+                            ?>
+                            <span class="ps-facet-chip"><?php echo esc_html( $facet ); ?></span>
+                        <?php endforeach; ?>
+                        <?php if ( count( $all_facets ) > 3 ) : ?>
+                            <span class="ps-facet-chip ps-facet-chip--more">+<?php echo count( $all_facets ) - 3; ?></span>
+                        <?php endif; ?>
+                    </div>
+                <?php endif; ?>
+
+                <div class="ps-catalog-card__excerpt">
+                    <?php
+                    $excerpt = get_the_excerpt();
+                    echo esc_html( wp_trim_words( $excerpt, 20, '...' ) );
+                    ?>
+                </div>
+            </div>
+        </div>
+    </a>
 </article>
diff --git a/wp-content/themes/postsecret/parts/footer.html b/wp-content/themes/postsecret/parts/footer.html
index f75feea..1be50ce 100644
--- a/wp-content/themes/postsecret/parts/footer.html
+++ b/wp-content/themes/postsecret/parts/footer.html
@@ -1,49 +1,73 @@
-<!-- wp:group {"tagName":"footer","className":"ps-footer","style":{"spacing":{"padding":{"top":"28px","bottom":"28px"}}}} -->
+<!-- wp:group {"tagName":"footer","className":"ps-footer","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
 <footer class="wp-block-group ps-footer">
 
-    <!-- wp:html -->
-    <div class="ps-footer__rule" aria-hidden="true"></div>
-    <!-- /wp:html -->
-
-    <!-- wp:html -->
-    <div class="ps-footer__top">
-        <a class="ps-footer__brand" href="/" aria-label="PostSecret Home">
-            <img
-                    class="ps-logo ps-logo--footer"
-                    src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
-                    data-light-src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
-                    data-dark-src="/wp-content/themes/postsecret/assets/postsecret-logo-dark.png"
-                    alt="PostSecret"
-                    height="28"
-                    loading="lazy"
-                    decoding="async"
-            />
-        </a>
-        <p class="ps-footer__tagline">PostSecret is the largest advertisement-free blog in the world.</p>
+    <!-- Patreon CTA Section - Full width red background -->
+    <!-- wp:group {"className":"ps-footer__patreon-wrapper","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
+    <div class="wp-block-group ps-footer__patreon-wrapper">
+        <!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"}} -->
+        <div class="wp-block-group">
+            <!-- wp:html -->
+            <div class="ps-footer__patreon">
+                <div class="ps-footer__patreon-content">
+                    <h5 class="ps-footer__patreon-heading">Become a Patreon</h5>
+                    <p class="ps-footer__patreon-text">You can help keep PostSecret pure and ad-free for another 18 years. Use the link to learn more, and thanks for your long-term support!</p>
+                </div>
+                <div class="ps-footer__patreon-cta">
+                    <a href="https://www.patreon.com/PostSecret" class="ps-footer__patreon-btn" target="_blank" rel="noreferrer noopener">JOIN US</a>
+                </div>
+            </div>
+            <!-- /wp:html -->
+        </div>
+        <!-- /wp:group -->
     </div>
-    <!-- /wp:html -->
+    <!-- /wp:group -->
 
-    <!-- wp:html -->
-    <a
-            class="ps-helpline"
-            href="https://findahelpline.com/i/postsecret"
-            target="_blank"
-            rel="noopener"
-            aria-label="Some secrets are too heavy to carry alone. Click for free anonymous support (opens in new tab)."
-    >
-        Some secrets are too heavy to carry alone. Click here for free anonymous support.
-    </a>
-    <!-- /wp:html -->
+    <!-- Logo and Navigation -->
+    <!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"}} -->
+    <div class="wp-block-group">
+        <!-- wp:html -->
+        <div class="ps-footer__nav">
+            <a class="ps-footer__brand" href="/" aria-label="PostSecret Home">
+                <img
+                        class="ps-logo ps-logo--footer"
+                        src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
+                        data-light-src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
+                        data-dark-src="/wp-content/themes/postsecret/assets/postsecret-logo-dark.png"
+                        alt="PostSecret"
+                        width="172"
+                        height="52"
+                        loading="lazy"
+                        decoding="async"
+                />
+            </a>
+            <nav class="ps-footer__links" aria-label="Footer navigation">
+                <a href="https://www.patreon.com/PostSecret" target="_blank">JOIN</a>
+                <button class="ps-theme-btn" data-ps-theme-toggle aria-pressed="false" aria-label="Toggle color mode">
+                    <i class="fa-solid fa-circle-half-stroke" aria-hidden="true"></i>
+                    <span class="screen-reader-text">Toggle color mode</span>
+                </button>
+            </nav>
+        </div>
+        <!-- /wp:html -->
+    </div>
+    <!-- /wp:group -->
 
-    <!-- wp:html -->
-    <div class="ps-footer__meta">
-        <p>© <span class="ps-year"></span> PostSecret. <span class="ps-powered">Powered by WordPress.</span></p>
-        <button class="ps-theme-btn" data-ps-theme-toggle aria-pressed="false" aria-label="Toggle color mode">
-            <i class="fa-solid fa-circle-half-stroke" aria-hidden="true"></i>
-            <span class="screen-reader-text">Toggle color mode</span>
-        </button>
+    <!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"}} -->
+    <div class="wp-block-group">
+        <!-- wp:html -->
+        <div class="ps-footer__legal">
+            <div>
+                <p class="ps-footer__copyright"> Copyright © <span class="ps-year"></span> · PostSecret · All rights reserved</p>
+                <p><a href="https://postsecretlive.com/privacy-policy/" target="_blank" rel="noreferrer noopener">Privacy Policy</a></p>
+            </div>
+            <div>
+                <p><a href="https://wordpress.com/wp/?partner_domain=museum.postsecret.com&utm_source=Automattic&utm_medium=colophon&utm_campaign=Concierge%20Referral&utm_term=museum.postsecret.com" target="_blank" rel="nofollow">Proudly powered by WordPress.</a></p>
+                <p><a href="https://github.com/Flatts3000/PostSecret">PostSecret is open source</a></p>
+            </div>
+        </div>
+        <!-- /wp:html -->
     </div>
-    <!-- /wp:html -->
+    <!-- /wp:group -->
 
     <!-- wp:html -->
     <style>
@@ -53,68 +77,120 @@
             --pad: 24px;
         }
 
-        .ps-footer__rule {
-            height: 1px;
-            background: linear-gradient(to right, transparent,
-            color-mix(in oklab, var(--wp--preset--color--border), transparent 25%),
-            transparent);
-            margin: 0 0 var(--pad) 0;
+        /* Patreon Section - Full width wrapper with red background */
+        .ps-footer__patreon-wrapper {
+            background: var(--wp--preset--color--accent);
         }
 
-        .ps-footer__top {
+        .ps-footer__patreon {
             display: grid;
-            grid-template-columns:auto 1fr;
+            grid-template-columns: 1fr auto;
+            gap: clamp(24px, 4vw, 48px);
             align-items: center;
-            gap: var(--gap);
-            margin-bottom: var(--pad);
+            padding: 72px 0;
+            margin-bottom: clamp(16px, 2vw, 24px);
+        }
+
+        .ps-footer__patreon-heading {
+            font-size: clamp(1.75rem, 3vw, 2.25rem);
+            font-weight: 700;
+            text-transform: uppercase;
+            margin: 0 0 0.75rem 0;
+            color: #ffffff;
+            letter-spacing: -0.01em;
+            line-height: 1.15;
+        }
+
+        .ps-footer__patreon-text {
+            font-size: 18px;
+            font-weight: 400;
+            line-height: 1.6;
+            margin: 0;
+            color: #ffffff;
+            max-width: 700px;
+        }
+
+        .ps-footer__patreon-cta {
+            display: flex;
+            justify-content: flex-end;
+            align-items: center;
+        }
+
+        .ps-footer__patreon-btn {
+            display: inline-block;
+            padding: 12px 28px;
+            background: #000000;
+            color: #ffffff;
+            font-size: 0.875rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            border-radius: 4px;
+            text-decoration: none;
+            transition: all 0.2s ease;
+        }
+
+        .ps-footer__patreon-btn:hover {
+            background: #1a1a1a;
+            color: #ffffff;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+        }
+
+        /* Navigation - Black background section */
+        .ps-footer__nav {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: clamp(1.5rem, 3vw, 2.5rem);
+            padding: clamp(12px, 1.5vw, 16px) 0;
         }
 
         .ps-footer__brand {
             display: inline-flex;
             align-items: center;
-            text-decoration: none
+            text-decoration: none;
         }
 
-        .ps-footer__tagline {
-            margin: 0;
-            font-size: .925rem;
-            opacity: .85
+        .ps-footer__brand img {
+            width: 172px;
+            height: 52px;
         }
 
-        .ps-helpline {
-            display: block;
-            max-width: 880px;
-            margin: 0 auto var(--pad);
-            line-height: 0;
-            text-decoration: none
+        .ps-footer__links {
+            display: flex;
+            gap: clamp(1.5rem, 3vw, 2.5rem);
+            align-items: center;
         }
 
-        .ps-helpline img {
-            width: 100%;
-            height: auto;
-            border-radius: 8px;
-            background: var(--wp--preset--color--background, transparent);
-            outline: 1px solid var(--wp--preset--color--border);
-            outline-offset: 0;
-            box-shadow: 0 .5px 0 rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .12);
+        .ps-footer__links a {
+            font-size: 1rem;
+            font-weight: 700;
+            text-transform: uppercase;
+            text-decoration: none;
+            color: var(--wp--preset--color--text);
+            transition: color 0.2s ease;
+            letter-spacing: 0.05em;
         }
 
-        html[data-theme="dark"] .ps-helpline img {
-            box-shadow: 0 .5px 0 rgba(255, 255, 255, .02), 0 8px 24px rgba(0, 0, 0, .35);
+        .ps-footer__links a:hover {
+            color: var(--wp--preset--color--accent);
         }
 
+        /* Meta (Copyright + Theme Toggle) */
         .ps-footer__meta {
             display: flex;
             flex-wrap: wrap;
             gap: var(--gap);
             align-items: center;
             justify-content: space-between;
-            font-size: .9rem;
-            opacity: .85
+            padding: var(--pad) 0;
+            font-size: 0.9rem;
         }
 
-        .ps-footer__meta p {
-            margin: 0
+        .ps-footer__copyright {
+            margin: 0;
+            opacity: 0.85;
         }
 
         .ps-theme-btn {
@@ -126,31 +202,125 @@
             background: transparent;
             border-radius: 6px;
             cursor: pointer;
-            line-height: 1
+            line-height: 1;
+            color: var(--wp--preset--color--text);
         }
 
         .ps-theme-btn:hover {
-            border-color: var(--wp--preset--color--border)
+            border-color: var(--wp--preset--color--border);
         }
 
         .ps-theme-btn:focus-visible {
-            outline: 2px solid var(--wp--preset--color--accent, #4da3ff);
-            outline-offset: 2px
+            outline: 2px solid var(--wp--preset--color--accent);
+            outline-offset: 2px;
+        }
+
+        /* Attribution */
+        .ps-footer__attribution {
+            padding: 0 0 var(--gap) 0;
+            font-size: 0.8rem;
+            opacity: 0.75;
+            text-align: center;
         }
 
-        @media (max-width: 640px) {
-            .ps-footer__top {
-                grid-template-columns:1fr;
-                justify-items: start;
-                gap: 10px
+        .ps-footer__attribution p {
+            margin: 0;
+        }
+
+        .ps-footer__attribution a {
+            color: var(--wp--preset--color--text);
+            text-decoration: none;
+        }
+
+        .ps-footer__attribution a:hover {
+            color: var(--wp--preset--color--accent);
+        }
+
+        /* Legal - Bottom section with copyright */
+        .ps-footer__legal {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 2rem;
+            padding: clamp(32px, 5vw, 48px) 0;
+            font-size: 0.875rem;
+            border-top: 1px solid var(--wp--preset--color--border);
+        }
+
+        .ps-footer__legal > div {
+            display: flex;
+            flex-direction: column;
+            gap: 0.25rem;
+        }
+
+        .ps-footer__legal > div:last-child {
+            text-align: right;
+        }
+
+        .ps-footer__legal p {
+            margin: 0;
+            line-height: 1.6;
+        }
+
+        .ps-footer__copyright {
+            font-weight: 400;
+        }
+
+        .ps-footer__legal a {
+            color: var(--wp--preset--color--text);
+            text-decoration: none;
+            transition: color 0.2s ease;
+        }
+
+        .ps-footer__legal a:hover {
+            color: var(--wp--preset--color--accent);
+        }
+
+        /* Responsive */
+        @media (max-width: 768px) {
+            .ps-footer__patreon {
+                grid-template-columns: 1fr;
+                gap: 1.5rem;
+            }
+
+            .ps-footer__patreon-cta {
+                justify-content: flex-start;
+            }
+
+            .ps-footer__nav {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 1rem;
             }
 
-            .ps-footer__tagline {
-                opacity: .9
+            .ps-footer__links {
+                flex-wrap: wrap;
+                gap: 0.75rem;
+            }
+
+            .ps-footer__links a {
+                font-size: 0.875rem;
+            }
+
+            .ps-footer__legal {
+                flex-direction: column;
+                align-items: flex-start;
+                gap: 0.5rem;
             }
         }
     </style>
     <!-- /wp:html -->
 
+    <!-- wp:html -->
+    <script>
+        // Set current year dynamically
+        document.addEventListener('DOMContentLoaded', function() {
+            const yearSpan = document.querySelector('.ps-year');
+            if (yearSpan) {
+                yearSpan.textContent = new Date().getFullYear();
+            }
+        });
+    </script>
+    <!-- /wp:html -->
+
 </footer>
 <!-- /wp:group -->
diff --git a/wp-content/themes/postsecret/parts/header.html b/wp-content/themes/postsecret/parts/header.html
index 48fe78f..a7a936c 100644
--- a/wp-content/themes/postsecret/parts/header.html
+++ b/wp-content/themes/postsecret/parts/header.html
@@ -1,73 +1,56 @@
-<!-- wp:group {"className":"ps-header ps-header--frost","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|30"},"border":{"bottom":{"color":"var(--wp--preset--color--border)","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
-<div class="wp-block-group ps-header ps-header--frost" style="border-bottom:1px solid var(--wp--preset--color--border);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)">
+<!-- wp:group {"className":"ps-header","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
+<div class="wp-block-group ps-header" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)">
 
-    <!-- LEFT: Logo -->
-    <!-- wp:html -->
-    <a class="ps-header__logo" href="/" aria-label="PostSecret Home">
-        <img
+    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+    <div class="wp-block-group">
+
+        <!-- Logo -->
+        <!-- wp:html -->
+        <a class="ps-header__logo" href="/" aria-label="PostSecret Home">
+            <img
                 class="ps-logo"
                 src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
                 data-light-src="/wp-content/themes/postsecret/assets/postsecret-logo-light.png"
                 data-dark-src="/wp-content/themes/postsecret/assets/postsecret-logo-dark.png"
                 alt="PostSecret"
-                height="56"
+                width="172"
+                height="52"
                 loading="eager"
                 decoding="async"
-        />
-    </a>
-    <!-- /wp:html -->
+            />
+        </a>
+        <!-- /wp:html -->
 
-    <!-- RIGHT: Socials + Theme toggle + Search -->
-    <!-- wp:group {"className":"ps-header__right","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right","verticalAlignment":"center"}} -->
-    <div class="wp-block-group ps-header__right">
+        <!-- Navigation with mobile overlay -->
+        <!-- wp:navigation {"overlayMenu":"mobile","layout":{"type":"flex","justifyContent":"right"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
+            <!-- wp:html -->
+            <nav class="ps-social" aria-label="PostSecret social links">
+                <a href="https://www.facebook.com/postsecret/" class="ps-social__link" target="_blank" rel="noopener" aria-label="Facebook">
+                    <i class="fa-brands fa-facebook" aria-hidden="true"></i>
+                </a>
+                <a href="https://bsky.app/profile/postsecret.com" class="ps-social__link" target="_blank" rel="noopener" aria-label="Bluesky">
+                    <i class="fa-brands fa-bluesky" aria-hidden="true"></i>
+                </a>
+                <a href="https://www.instagram.com/postsecret/" class="ps-social__link" target="_blank" rel="noopener" aria-label="Instagram">
+                    <i class="fa-brands fa-instagram" aria-hidden="true"></i>
+                </a>
+                <a href="https://www.threads.net/@postsecret?hl=en" class="ps-social__link" target="_blank" rel="noopener" aria-label="Threads">
+                    <i class="fa-brands fa-threads" aria-hidden="true"></i>
+                </a>
+            </nav>
+            <!-- /wp:html -->
 
-        <!-- Socials (accessible, subtle hover) -->
-        <!-- wp:html -->
-        <nav class="ps-social" aria-label="PostSecret social links">
-            <a href="https://www.facebook.com/postsecret/" class="ps-social__link" target="_blank" rel="noopener" aria-label="Facebook">
-                <i class="fa-brands fa-facebook" aria-hidden="true"></i>
-                <span class="screen-reader-text">Facebook</span>
-            </a>
-            <a href="https://bsky.app/profile/postsecret.com" class="ps-social__link" target="_blank" rel="noopener" aria-label="Bluesky">
-                <i class="fa-brands fa-bluesky" aria-hidden="true"></i>
-                <span class="screen-reader-text">Bluesky</span>
-            </a>
-            <a href="https://www.instagram.com/postsecret/" class="ps-social__link" target="_blank" rel="noopener" aria-label="Instagram">
-                <i class="fa-brands fa-instagram" aria-hidden="true"></i>
-                <span class="screen-reader-text">Instagram</span>
-            </a>
-            <a href="https://www.threads.net/@postsecret?hl=en" class="ps-social__link" target="_blank" rel="noopener" aria-label="Threads">
-                <i class="fa-brands fa-threads" aria-hidden="true"></i>
-                <span class="screen-reader-text">Threads</span>
-            </a>
-        </nav>
-        <!-- /wp:html -->
+            <!-- wp:search {"label":"Search","showLabel":false,"placeholder":"How do you feel?","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
 
-        <!-- Archive Search (fast, minimal, CPT=secret) -->
-        <!-- wp:html -->
-        <form class="ps-search" role="search" method="get" action="/">
-            <input class="ps-search__input" type="search" name="s" placeholder="Search secrets…" aria-label="Search secrets"/>
-            <input type="hidden" name="post_type" value="secret"/>
-            <button class="ps-search__btn" type="submit" aria-label="Submit search">
-                <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
+            <!-- wp:html -->
+            <button class="ps-theme-btn" data-ps-theme-toggle aria-pressed="false" aria-label="Toggle color mode">
+                <i class="fa-solid fa-circle-half-stroke" aria-hidden="true"></i>
             </button>
-        </form>
-        <!-- /wp:html -->
+            <!-- /wp:html -->
+        <!-- /wp:navigation -->
 
-        <!-- Theme toggle (borderless pill) -->
-        <!-- wp:buttons {"className":"ps-theme-toggle"} -->
-        <div class="wp-block-buttons ps-theme-toggle">
-            <!-- wp:button {"className":"ps-toggle"} -->
-            <div class="wp-block-button ps-toggle">
-                <button class="wp-block-button__link wp-element-button" data-ps-theme-toggle aria-pressed="false" aria-label="Toggle color mode">
-                    <i class="fa-solid fa-circle-half-stroke" aria-hidden="true"></i>
-                    <span class="screen-reader-text">Toggle color mode</span>
-                </button>
-            </div>
-            <!-- /wp:button -->
-        </div>
-        <!-- /wp:buttons -->
     </div>
     <!-- /wp:group -->
+
 </div>
 <!-- /wp:group -->
\ No newline at end of file
diff --git a/wp-content/themes/postsecret/templates/front-page.html b/wp-content/themes/postsecret/templates/front-page.html
index b7d3bcd..83c52e0 100644
--- a/wp-content/themes/postsecret/templates/front-page.html
+++ b/wp-content/themes/postsecret/templates/front-page.html
@@ -1,24 +1,25 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0"},"padding":{"top":"0","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
-<main class="wp-block-group" style="margin-top:0;padding-top:1rem;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
+<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
+<main class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--50);padding-bottom:0;padding-left:var(--wp--preset--spacing--50)">
 
     <!-- HERO -->
-    <!-- (unchanged; keeping your existing hero exactly as-is) -->
-    <!-- wp:group {"className":"ps-hero","style":{"spacing":{"padding":{"top":"clamp(48px,8vw,96px)","bottom":"clamp(48px,8vw,96px)"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
-    <div class="wp-block-group ps-hero" style="padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(48px,8vw,96px)">
-        <!-- wp:columns {"isStackedOnMobile":true,"style":{"spacing":{"blockGap":"clamp(24px,4vw,48px)"}}} -->
+    <!-- wp:group {"className":"ps-hero ps-hero--dark","style":{"spacing":{"padding":{"top":"clamp(56px,8vw,112px)","bottom":"clamp(56px,8vw,112px)"},"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
+    <div class="wp-block-group ps-hero ps-hero--dark" style="padding-top:clamp(56px,8vw,112px);padding-bottom:clamp(56px,8vw,112px)">
+        <!-- wp:columns {"isStackedOnMobile":true,"style":{"spacing":{"blockGap":"clamp(24px,4vw,56px)"}}} -->
         <div class="wp-block-columns">
-            <!-- wp:column {"width":"52%"} -->
-            <div class="wp-block-column" style="flex-basis:52%">
-                <!-- wp:paragraph {"style":{"typography":{"fontSize":"clamp(1.05rem,1.8vw,1.25rem)","lineHeight":"1.6"},"color":{"text":"var:preset|color|muted"},"spacing":{"margin":{"top":"12px","bottom":"28px"}}}} -->
-                <p class="has-text-color" style="color:var(--wp--preset--color--muted);margin-top:12px;margin-bottom:28px;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.6">
+            <!-- Left: copy -->
+            <!-- wp:column {"width":"52%","className":"ps-hero__copy"} -->
+            <div class="wp-block-column ps-hero__copy" style="flex-basis:52%">
+                <!-- wp:paragraph {"className":"ps-hero__dek has-text-color","style":{"typography":{"fontSize":"clamp(1.25rem,2.4vw,1.75rem)","lineHeight":"1.35","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
+                <p class="ps-hero__dek has-text-color" style="margin-top:0;margin-bottom:0;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.35;font-weight:500">
                     This is a living museum of anonymous postcards. Thousands of real secrets, no ads, just humanity.
                 </p>
                 <!-- /wp:paragraph -->
             </div>
             <!-- /wp:column -->
 
+            <!-- Right: card -->
             <!-- wp:column {"width":"48%","className":"ps-hero__visual"} -->
             <div class="wp-block-column ps-hero__visual" style="flex-basis:48%">
                 <!-- wp:html -->
@@ -115,4 +116,33 @@ <h2 class="wp-block-heading" style="margin-bottom:var(--wp--preset--spacing--40)
 </main>
 <!-- /wp:group -->
 
+<!-- HELPLINE SUPPORT SECTION - Full bleed outside main -->
+<!-- wp:group {"className":"ps-helpline-section","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group ps-helpline-section">
+    <!-- wp:group {"layout":{"type":"constrained","contentSize":"1200px"}} -->
+    <div class="wp-block-group">
+        <!-- wp:html -->
+        <div class="ps-helpline-card">
+            <div class="ps-helpline-card__content">
+                <h2 class="ps-helpline-card__title">Some secrets are too heavy to carry alone.</h2>
+                <p class="ps-helpline-card__text">
+                    There's someone who cares. And they're ready to listen. You don't have to give your name. You can share as much or as little as you want.
+                </p>
+                <p class="ps-helpline-card__text">
+                    Talk by phone, text, or online chat. Whatever feels easiest.
+                </p>
+                <a href="https://findahelpline.com/i/postsecret" class="ps-helpline-card__cta" target="_blank" rel="noopener nofollow">
+                    Click here for free anonymous support<span aria-hidden="true">↗</span>
+                </a>
+            </div>
+            <div class="ps-helpline-card__visual">
+                <img src="/wp-content/themes/postsecret/assets/helpline.png" alt="Helpline support" width="600" height="400" loading="lazy" decoding="async" />
+            </div>
+        </div>
+        <!-- /wp:html -->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->
+
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
\ No newline at end of file