@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,700&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"); :root { --nm-bg: #f6f3ee; --nm-paper: #fffdf9; --nm-ink: #16120f; --nm-muted: #5c534c; --nm-line: #e4dcd3; --nm-accent: #c1121f; --nm-accent-2: #1d3557; --nm-shadow: 0 18px 50px rgba(22, 18, 15, 0.08); --nm-serif: "Fraunces", "Iowan Old Style", Georgia, serif; --nm-sans: "Instrument Sans", "Segoe UI", system-ui, sans-serif; } html { scroll-behavior: smooth; } body.wp-theme-twentytwentyfive, body { background: var(--nm-bg) !important; color: var(--nm-ink) !important; font-family: var(--nm-sans) !important; -webkit-font-smoothing: antialiased; } .wp-site-blocks { background: transparent; } a { color: var(--nm-accent-2); text-decoration-thickness: 1px; text-underline-offset: 3px; } a:hover { color: var(--nm-accent); } /* Header */ .wp-block-template-part:first-of-type, header.wp-block-template-part, .wp-site-blocks > header, .wp-site-blocks > .wp-block-template-part:first-child { position: sticky; top: 0; z-index: 40; background: rgba(246, 243, 238, 0.92) !important; backdrop-filter: blur(14px); border-bottom: 1px solid var(--nm-line); } .wp-block-site-title { font-family: var(--nm-serif) !important; font-weight: 650 !important; letter-spacing: -0.03em; font-size: clamp(1.35rem, 2.2vw, 1.7rem) !important; } .wp-block-site-title a { color: var(--nm-ink) !important; text-decoration: none !important; } .wp-block-site-title a:hover { color: var(--nm-accent) !important; } .wp-block-site-tagline { color: var(--nm-muted) !important; font-size: 0.88rem !important; max-width: 42rem; } .wp-block-navigation a, .wp-block-navigation-item__content { font-weight: 550 !important; letter-spacing: 0.01em; color: var(--nm-ink) !important; text-decoration: none !important; } /* Homepage hero injected by mu-plugin */ .nomadro-hero { margin: 0 auto 2.5rem; max-width: 1120px; padding: 0 1.25rem; } .nomadro-hero-inner { background: radial-gradient(1200px 400px at 10% -10%, rgba(193, 18, 31, 0.18), transparent 55%), linear-gradient(135deg, #1a1512 0%, #2b211c 55%, #3d1c1c 100%); color: #f8f1ea; border-radius: 28px; padding: clamp(2rem, 5vw, 4.2rem); box-shadow: var(--nm-shadow); overflow: hidden; position: relative; } .nomadro-hero-inner::after { content: ""; position: absolute; right: -40px; bottom: -60px; width: 280px; height: 280px; border-radius: 50%; background: rgba(193, 18, 31, 0.28); filter: blur(8px); } .nomadro-kicker { display: inline-block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #ffb4b4; margin-bottom: 0.85rem; } .nomadro-hero h1 { font-family: var(--nm-serif); font-size: clamp(2.1rem, 5vw, 3.5rem); line-height: 1.12; letter-spacing: -0.035em; margin: 0 0 0.85rem; max-width: 16ch; position: relative; z-index: 1; } .nomadro-hero p { margin: 0; max-width: 38rem; color: #eadfd6; font-size: 1.08rem; line-height: 1.65; position: relative; z-index: 1; } /* Query / archive cards */ .wp-block-query .wp-block-post-template { display: grid !important; grid-template-columns: 1fr; gap: 1.1rem !important; } @media (min-width: 800px) { .home .wp-block-query .wp-block-post-template, .blog .wp-block-query .wp-block-post-template, .archive .wp-block-query .wp-block-post-template { grid-template-columns: 1fr 1fr; } } .wp-block-query .wp-block-post { background: var(--nm-paper); border: 1px solid var(--nm-line); border-radius: 18px; padding: 1.25rem 1.35rem !important; box-shadow: 0 8px 24px rgba(22, 18, 15, 0.04); transition: transform 0.18s ease, box-shadow 0.18s ease; } .wp-block-query .wp-block-post:hover { transform: translateY(-3px); box-shadow: var(--nm-shadow); } .wp-block-query .wp-block-post-title { font-family: var(--nm-serif) !important; letter-spacing: -0.03em; line-height: 1.25 !important; margin-bottom: 0.35rem !important; } .wp-block-query .wp-block-post-title a { color: var(--nm-ink) !important; text-decoration: none !important; } .wp-block-query .wp-block-post-title a:hover { color: var(--nm-accent) !important; } .wp-block-post-date, .wp-block-post-terms, .wp-block-post-author-name { color: var(--nm-muted) !important; font-size: 0.86rem !important; } /* Single article */ .wp-block-post-title { font-family: var(--nm-serif) !important; letter-spacing: -0.035em; line-height: 1.15 !important; } .single .wp-block-post-title { font-size: clamp(2rem, 4.5vw, 3.15rem) !important; max-width: 18ch; } .entry-content, .wp-block-post-content { font-size: 1.125rem !important; line-height: 1.8 !important; color: #241e1a !important; } .entry-content h2, .wp-block-post-content h2 { font-family: var(--nm-serif) !important; font-size: 1.55rem !important; letter-spacing: -0.03em; margin-top: 2.4rem !important; padding-top: 0.35rem; border-top: 1px solid var(--nm-line); } .entry-content p, .wp-block-post-content p { margin: 0 0 1.15rem !important; } .entry-content ul, .wp-block-post-content ul { padding-left: 1.15rem; } .entry-content li, .wp-block-post-content li { margin: 0.4rem 0; } .wp-block-post-featured-image img, .wp-post-image { border-radius: 18px; width: 100%; height: auto; } .wp-block-post-navigation-link a { text-decoration: none !important; font-weight: 600; } /* Footer + trust */ footer.wp-block-template-part, .wp-site-blocks > footer, .wp-block-template-part:last-of-type { border-top: 1px solid var(--nm-line); background: #efe8df !important; margin-top: 3rem; } .nomadro-trust-footer { display: flex; flex-wrap: wrap; gap: 0.75rem 1.4rem; justify-content: center; padding: 1.75rem 1rem 2.4rem; font-size: 0.92rem; background: #efe8df; } .nomadro-trust-footer a { color: var(--nm-ink); text-decoration: none; font-weight: 550; } .nomadro-trust-footer a:hover { color: var(--nm-accent); } .wp-block-comments, .comment-respond { display: none !important; } .has-base-background-color, .has-base-2-background-color, .has-accent-2-background-color { background-color: transparent !important; } .has-contrast-color, .has-contrast-2-color, .has-accent-color { color: inherit !important; } @media (max-width: 700px) { .nomadro-hero-inner { border-radius: 18px; padding: 1.6rem; } }