body{margin:0}
.crumbs{font-size:14px;color:var(--on-ink-muted);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--on-ink-muted)}
.n-hero .wrap{grid-template-columns:minmax(0,1fr);padding-block:clamp(32px,5vw,64px) clamp(36px,5vw,60px);gap:20px}
.n-hero .lead{max-width:60ch}
.featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--card);border-radius:30px;overflow:hidden;text-decoration:none;color:var(--on-paper);transition:transform .3s ease,box-shadow .3s ease}
.featured:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(18,18,22,.55)}
.featured img{width:100%;height:auto;max-height:520px;object-fit:contain;align-self:center;background:var(--paper)}
.featured .ft{padding:clamp(24px,4vw,44px);display:grid;gap:14px;align-content:center}
.featured h2{font-size:clamp(24px,3vw,36px)}
.featured p{color:var(--on-paper-muted)}
@media (max-width:820px){.featured{grid-template-columns:minmax(0,1fr)}}
.meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--on-paper-muted);font-weight:600}
.cat{background:var(--blush);color:#B0135A;padding:5px 11px;border-radius:999px;font-weight:800;font-size:12.5px}
.tools{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:inherit;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--paper-line);background:var(--card);color:var(--on-paper);cursor:pointer;transition:background .2s ease}
.filters button:hover{border-color:var(--pink)}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.search{position:relative;flex:0 1 300px;min-width:200px}
.search input{font:inherit;width:100%;min-height:46px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--paper-line);background:var(--card);color:var(--on-paper)}
.search input:focus{outline:2px solid var(--pink);outline-offset:1px}
.posts{columns:3 280px;column-gap:20px}
.post{background:var(--card);border-radius:24px;overflow:hidden;display:grid;break-inside:avoid;margin-bottom:20px;text-decoration:none;color:var(--on-paper);transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.post:hover{transform:translateY(-6px);box-shadow:0 26px 50px -32px rgba(18,18,22,.5)}
.post img{width:100%;height:auto;transition:transform .5s ease}
.post:hover img{transform:scale(1.04)}
.post .pt{padding:18px 20px 22px;display:grid;gap:10px;align-content:start}
.post h3{font-size:18px;line-height:1.3}
.post p{color:var(--on-paper-muted);font-size:15px}
.post .more{font-weight:800;font-size:14.5px;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:4px}
.empty{color:var(--on-paper-muted);font-weight:600}
.sub-cta{background:var(--ink);color:var(--on-ink);border-radius:30px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.sub-cta p{color:var(--on-ink-muted)}
.sub-cta .follow{justify-content:flex-end}.sub-cta .follow a:not(:first-child){background:rgba(255,255,255,.08);border:1px solid var(--ink-line)}.sub-cta .follow a:not(:first-child):hover{background:var(--pink)}
@media (max-width:820px){.sub-cta{grid-template-columns:minmax(0,1fr)}.sub-cta .follow{justify-content:flex-start}}