.blog-page{min-height:100vh;background:var(--noma-page-bg);padding:clamp(100px,10vh,120px) 1.5rem 4rem}.blog-container{max-width:960px;margin:0 auto}.blog-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4vw,2.8rem);color:#2b1910;margin:0 0 1rem;line-height:1.2}.blog-intro{font-size:1.05rem;line-height:1.7;color:#5a4a3b;margin:0 0 3rem}.blog-list{display:flex;flex-direction:column;gap:2rem}.blog-card{background:#ffffffd9;padding:2rem;border-radius:16px;box-shadow:0 8px 24px #00000014;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.blog-card h2{margin:0 0 .5rem;font-size:1.4rem;line-height:1.3}.blog-card h2 a{color:#2b1910;text-decoration:none;border-bottom:2px solid rgba(184,149,106,.25);padding-bottom:2px;transition:color .3s ease,border-color .3s ease}.blog-card h2 a:hover{color:#b8956a;border-color:#b8956a}.blog-meta{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#8e7a66;margin:0 0 1rem}.blog-card p{font-size:1rem;line-height:1.7;color:#4a3a2b;margin:0}@media (max-width: 768px){.blog-page{padding-left:1rem;padding-right:1rem;padding-bottom:3rem}.blog-card{padding:1.5rem}.blog-card h2{font-size:1.2rem}}