@media(max-width:767px) {
    .site-header .brand-name {
        /* display: none; */
    }

    .nav-cta {
        border: 1px solid var(--charcoal);
        padding: 8px 11px;
        font-size: 13px;
    }

    .architecture-core,
    .architecture,
    .module,
    .essay,
    .restless-note,
    .work-card,
    .book-manifesto,
    .book-info,
    .gem,
    .all-blogs,
    .guide-shell,
    .contact-panel,
    .command-body,
    .proof,
    .story-panel,
    .career-detail-item,.book-intro,.article-row,.image-fallback,.card-body,.draw-panel,.todays-gem-card,.mood-card,.constellation-card,.note-card,.archive-gem {
        padding: 16px;
    }

    .proof {
        min-height: auto;
        gap: 14px;

    }

    .proof-grid,
    .architecture,
    .architecture-core,
    .module,
    .essay,
    .restless-note,
    .work-card,
    .book-manifesto,
    .book-card,
    .gem,
    .all-blogs,
    .guide-shell,
    .guide-demo,
    .contact-panel,
    .contact-link,
    .story-panel,
    .career-detail-item,.book-intro,.book-cover-card,.article-row,.card,.draw-panel,.todays-gem-card,.mood-card,.constellation-card,.note-card,.archive-gem {
        border-radius: 12px;
    }

    .hero h1 {
        font-size: clamp(35px, 8vw, 94px);
        line-height: 1.1;
    }

    .proof strong {
        font-size: 28px;
    }

    .proof-strip {
        padding: 0 0 0px;
    }

    .section-head {
        gap: 20px;
    }

    h2 {
        font-size: clamp(32px, 5vw, 64px);
    }

    .architecture-core h3,
    .restless-note h3,
    .book-manifesto h3,
    .guide-copy h2,.book-intro h3 {
        font-size: 32px;
    }

    .module h3,
    .work-card h3,
    .book-info h3,
    .note-card blockquote {
        font-size: 24px;
    }

    .module small {
        margin-bottom: 18px;
    }

    section#about,
    section#work,
    section#career-path,
    section#books {
        padding-top: 12px;
    }

    .book-manifesto {
        min-height: auto;
        gap: 26px;
    }

    .gem blockquote {
        font-size: clamp(18px, 2.7vw, 32px);
    }

    .blog-toolbar {
        margin-bottom: 16px;
    }

    /* about page  */

    .page-hero h1, .gems-hero-grid h1 {
        font-size: 44px;
    }

    .longform h2 {
        font-size: 32px;
        margin: 28px 0 16px;
    }

    .two-col {
        gap: 10px;
    }

    .story-panel strong,.career-detail-item h3,.mood-card strong,.archive-gem p {
        font-size: 22px;
    }

    .story-panel p,
    body {
        font-size: 15px;
    }
    .card h3 {
        font-size: 24px; 
    }
    .mood-card { 
        min-height: auto; 
    }
    .constellation-section {
        background: #fff; 
    }

    .constellation-card h3 {
        font-size: clamp(22px, 2.8vw, 42px); 
    }

    .constellation-section { 
        padding-bottom: 0px;
    }
    section#archive {
        padding-top: 0;
    }
    .nav-links { 
        gap: 2px; 
    }
    .article-row img { 
        height: 250px; 
    }



}