/* Home page additions around the synced concept sections (scripts/sync-home.mjs). */
.zero-home { position: relative; z-index: 1; display: block; }
/* The legacy style.css gives .hero a dark background and centred layout; the concept hero sits on the stage. */
.zero-home .hero { background: none; text-align: left; overflow: visible; align-items: stretch; }
/* Site buttons are uppercase mono pills; the concept's are sentence case and may wrap. */
.zero-home .btn { text-transform: none; letter-spacing: -.01em; white-space: normal; text-align: center; }
.zero-home .hero::before, .zero-home .hero::after { content: none; }
.writing-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0 0 40px; padding: 0; list-style: none; }
.writing-link { display: flex; flex-direction: column; gap: 12px; height: 100%; padding-top: 18px; border-top: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.writing-image { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; transition: transform var(--dur) var(--ease); }
.writing-link:hover .writing-image { transform: translateY(-4px); }
.writing-meta { color: var(--ink-2); }
.writing-title { color: var(--ink); font-size: clamp(1.1rem, 1.4vw, 1.35rem); letter-spacing: -.02em; line-height: 1.2; }
.writing-link:hover .writing-title { color: var(--amber-ink); }
.home-faq { border-top: 1px solid var(--line); padding-block: 20px; max-width: 68ch; }
.home-faq:last-child { border-bottom: 1px solid var(--line); }
.home-faq summary { cursor: pointer; color: var(--ink); font-size: 1.15rem; letter-spacing: -.02em; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.home-faq summary::after { content: '+'; color: var(--amber-ink); font-family: var(--mono); transition: transform var(--dur) var(--ease); }
.home-faq[open] summary::after { transform: rotate(45deg); }
.home-faq p { margin: 14px 0 0; color: var(--ink-2); }
@media (max-width: 899px) { .writing-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .writing-image, .home-faq summary::after { transition: none; } .writing-link:hover .writing-image { transform: none; } }