.title-page{display:grid;gap:2rem;margin-top:1rem}.title-hero{display:grid;grid-template-columns:1fr auto;gap:1.75rem;padding:1.75rem;border:1px solid color-mix(in srgb, var(--text-color) 25%, rgba(0,0,0,0));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--accent-color) 24%, rgba(0,0,0,0)), rgba(0,0,0,0) 60%),color-mix(in srgb, var(--background-color) 78%, #000 22%);animation:title-enter 450ms ease-out both}@media (max-width: 600px){.title-hero{grid-template-columns:1fr}}.title-hero__text{display:grid;gap:1rem;align-content:start}.title-hero__photo{width:180px;height:180px;object-fit:cover;border-radius:.5rem;border:1px solid color-mix(in srgb, var(--text-color) 16%, rgba(0,0,0,0))}@media (max-width: 600px){.title-hero__photo{width:100%;height:auto;max-height:280px}}.title-hero__eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--text-color) 70%, rgba(0,0,0,0))}.title-hero__headline{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.title-hero__support{margin:0;text-align:justify;color:color-mix(in srgb, var(--text-color) 82%, rgba(0,0,0,0))}.title-list{display:grid;gap:1rem}.title-list__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.title-list__header h2{margin:0}.title-list__all{white-space:nowrap}.title-list__empty{margin:0;color:color-mix(in srgb, var(--text-color) 75%, rgba(0,0,0,0))}.title-list__items{display:grid;gap:.8rem}.title-post{display:grid;gap:.45rem;padding:.95rem 1rem;border:1px solid color-mix(in srgb, var(--text-color) 16%, rgba(0,0,0,0));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--accent-color) 16%, rgba(0,0,0,0)), rgba(0,0,0,0) 60%),color-mix(in srgb, var(--background-color) 82%, #000 18%)}.title-post h3,.title-post p{margin:0}.title-post__meta{color:color-mix(in srgb, var(--text-color) 65%, rgba(0,0,0,0))}@keyframes title-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}