.updates-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.update-card { min-width:0; }
.update-card-link { display:flex; height:100%; flex-direction:column; color:var(--ink); text-decoration:none; border-radius:var(--radius-lg); }
.update-card-link:hover { color:var(--ink); }
.update-artwork { display:grid; place-items:center; aspect-ratio:16/10; min-width:0; overflow:hidden; border-radius:var(--radius-lg); color:#eef4ff; background:#0c213d; }
.update-artwork img { display:block; width:100%; height:100%; object-fit:cover; }
.update-artwork-timing { background:radial-gradient(ellipse at 80% 15%,#174474,transparent 70%),#0a1b31; }
.update-timing-visual { width:82%; padding:14px 0; }
.update-art-caption { display:block; color:#a7bdd8; font-family:var(--font-mono); font-size:clamp(.55rem,.8vw,.68rem); letter-spacing:.07em; text-transform:uppercase; }
.update-lyric { display:block; margin:12px 0 14px; font-size:clamp(1.45rem,2.7vw,2.4rem); font-weight:600; letter-spacing:-.05em; line-height:1.05; }
.update-lyric em { color:#79bdff; font-style:normal; }
.update-timeline { position:relative; display:flex; gap:4px; padding:12px 0; border-top:1px solid #34506d; border-bottom:1px solid #34506d; }
.update-timeline::after { content:""; position:absolute; inset:4px auto 4px 42%; width:1px; background:#b8d9ff; }
.update-timeline span { flex:1; padding:7px 4px; background:#1d4d7b; border:1px solid #4276a6; border-radius:4px; color:#d0e7ff; font-size:.65rem; text-align:center; white-space:nowrap; }
.update-timeline span:nth-child(2) { background:#066dcc; border-color:#79bdff; color:#fff; }
.update-format-tags { display:flex; gap:7px; margin-top:12px; color:#b1c7e1; font-family:var(--font-mono); font-size:.56rem; }
.update-format-tags span { padding:3px 7px; border:1px solid #34506d; border-radius:4px; }
.update-artwork-type { background:radial-gradient(ellipse at 0 100%,#4a3a54,transparent 75%),#252035; }
.update-type-visual { width:82%; padding:20px 0; }
.update-type-visual > span:not(.update-art-caption) { display:block; font-size:clamp(1.45rem,2.7vw,2.4rem); line-height:1.15; letter-spacing:-.04em; }
.update-type-serif { margin-top:16px; font-family:Georgia,serif; font-style:italic; color:#f3d4bc; }
.update-type-mono { font-family:var(--font-mono); color:#c4b4f3; }
.update-type-sans { margin-bottom:18px; font-weight:700; }
.update-card-copy { display:flex; flex:1; flex-direction:column; padding:20px 0 0; }
.update-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; color:var(--muted); font-size:.75rem; }
.update-category { color:var(--accent-ink); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.03em; text-transform:uppercase; }
.update-card h3 { margin:13px 0 10px; font-size:1.35rem; letter-spacing:-.035em; line-height:1.2; }
.update-card p { margin:0 0 20px; color:var(--muted); font-size:.9rem; line-height:1.65; }
.update-read { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:14px; border-top:1px solid var(--line); color:var(--ink-secondary); font-size:.8rem; font-weight:600; }
.update-card-link:hover .update-read,.update-card-link:hover h3 { color:var(--accent-ink); }
.home-updates { padding:64px 0 72px; border-top:1px solid var(--line); }
#home-updates-title { scroll-margin-top:110px; }
#newsletter-title { scroll-margin-top:90px; }
.updates-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.updates-section-heading h2 { margin:0 0 8px; font-size:clamp(1.75rem,4vw,2.7rem); line-height:1.05; letter-spacing:-.055em; }
.updates-section-heading p { margin:0; color:var(--muted); }
.updates-page { padding:22px 0 8px; }
.updates-intro { margin-bottom:36px; }
.updates-intro h1 { margin:0 0 16px; font-size:clamp(2.7rem,7vw,5rem); line-height:1; letter-spacing:-.07em; }
.updates-intro p { max-width:620px; margin:0; color:var(--muted); font-size:1.05rem; line-height:1.7; }
.update-featured { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:44px; align-items:center; margin-bottom:64px; }
.update-featured-art { min-width:0; border-radius:var(--radius-lg); text-decoration:none; }
.update-featured .update-lyric { font-size:clamp(2.1rem,4.3vw,3.5rem); }
.update-featured .update-art-caption { font-size:.75rem; }
.update-featured .update-timeline span { font-size:.85rem; padding:10px; }
.update-featured .update-format-tags { font-size:.7rem; }
.update-featured h2 { margin:16px 0; font-size:clamp(2rem,3.7vw,3.25rem); line-height:1.05; letter-spacing:-.055em; }
.update-featured h2 a { color:var(--ink); text-decoration:none; }
.update-featured h2 a:hover { color:var(--accent-ink); }
.update-featured p { max-width:470px; margin:0 0 24px; color:var(--muted); font-size:1rem; line-height:1.7; }
.updates-posts { padding-top:32px; border-top:1px solid var(--line); scroll-margin-top:90px; }
.updates-toolbar { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:20px; }
.updates-toolbar h2 { margin:0; font-size:1.25rem; letter-spacing:-.03em; }
.updates-search { display:flex; align-items:center; gap:8px; width:min(100%,510px); }
.updates-search label { flex-shrink:0; margin:0; }
.updates-search input { min-width:0; flex:1; width:100%; min-height:44px; padding:10px 12px; background:var(--surface); color:var(--ink); border:1px solid var(--line-strong); border-radius:var(--radius-sm); }
.updates-search input:focus { outline:2px solid var(--accent); outline-offset:2px; }
.updates-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; }
.updates-filters a { display:inline-flex; align-items:center; min-height:40px; padding:0 14px; color:var(--muted); text-decoration:none; border:1px solid var(--line); border-radius:999px; font-size:.8rem; }
.updates-filters a:hover { color:var(--ink); border-color:var(--line-strong); }
.updates-filters a[aria-current="true"] { color:var(--accent-ink); border-color:var(--accent); background:var(--accent-soft); }
.updates-result-count { margin:0 0 24px; color:var(--muted); font-size:.85rem; overflow-wrap:anywhere; }
.updates-empty { padding:52px 24px; background:var(--surface-subtle); border:1px solid var(--line); border-radius:var(--radius-lg); text-align:center; }
.updates-empty h3 { margin:0 0 8px; font-size:1.4rem; letter-spacing:-.035em; }
.updates-empty p { margin:0 0 24px; color:var(--muted); }
.updates-follow { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:64px; padding:28px 32px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface-subtle); }
.updates-follow h2 { margin:0 0 6px; font-size:1.3rem; letter-spacing:-.035em; }
.updates-follow p { margin:0; color:var(--muted); }
.updates-follow a { flex-shrink:0; }
.update-article { padding:12px 0; }
.update-back { display:inline-flex; align-items:center; min-height:44px; color:var(--muted); font-size:.85rem; text-decoration:none; }
.update-article-header { max-width:800px; margin:28px auto 36px; }
.update-article-header h1 { margin:18px 0; font-size:clamp(2.6rem,6vw,4.6rem); letter-spacing:-.065em; line-height:1.05; }
.update-article-header > p { margin:0 0 22px; color:var(--muted); font-size:1.12rem; line-height:1.75; }
.update-byline { color:var(--muted); font-size:.85rem; }
.update-article-art { max-width:800px; margin:0 auto 44px; }
.update-article-art .update-artwork { aspect-ratio:2/1; }
.update-article-art .update-lyric,.update-article-art .update-type-visual > span:not(.update-art-caption) { font-size:clamp(2rem,5vw,4rem); }
.update-article-body { max-width:680px; margin:0 auto; }
.update-article-body section + section { margin-top:36px; }
.update-article-body h2 { margin:0 0 14px; font-size:1.5rem; letter-spacing:-.035em; line-height:1.25; }
.update-article-body p { margin:0 0 18px; color:var(--ink-secondary); font-size:1rem; line-height:1.85; }
.update-article-action { margin-top:32px; }
.update-related { margin-top:64px; padding-top:40px; border-top:1px solid var(--line); }
.update-related .updates-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:900px) {
  .updates-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .update-featured { gap:28px; }
  .updates-toolbar { align-items:flex-start; flex-direction:column; gap:18px; }
  .updates-search { width:100%; }
}
@media(max-width:640px) {
  .updates-grid,.update-related .updates-grid { grid-template-columns:1fr; gap:32px; }
  .update-featured { grid-template-columns:1fr; gap:24px; margin-bottom:40px; }
  .update-artwork { aspect-ratio:4/3; }
  .update-art-caption { font-size:.65rem; }
  .update-lyric,.update-featured .update-lyric,.update-type-visual > span:not(.update-art-caption) { font-size:clamp(1.8rem,7vw,2.8rem); }
  .update-featured .update-art-caption { font-size:.65rem; }
  .update-featured .update-timeline span { padding:7px 4px; font-size:.65rem; }
  .update-featured .update-format-tags { font-size:.56rem; }
  .updates-section-heading,.updates-follow { align-items:flex-start; flex-direction:column; gap:18px; }
  .home-updates { padding:48px 0 52px; }
  .updates-follow { margin-top:44px; padding:24px; }
  .updates-search { flex-wrap:wrap; }
  .updates-search label { width:100%; }
  .update-article-header { margin-top:20px; }
  .update-article-art .update-artwork { aspect-ratio:4/3; }
}