.blog-wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.blog-grid{display:grid;gap:1.5rem;margin-top:3.5rem}
@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);background:var(--card);border-radius:2rem;padding:2rem;transition:all .3s;text-decoration:none;color:inherit}
.blog-card:hover{transform:translateY(-.5rem);border-color:color-mix(in oklab,var(--primary) 40%,transparent);box-shadow:0 25px 50px -12px color-mix(in oklab,var(--primary) 15%,transparent)}
.blog-num{position:absolute;right:-.5rem;top:-1.5rem;font-family:Cormorant Garamond,serif;font-weight:700;font-size:6rem;line-height:1;color:color-mix(in oklab,var(--primary) 6%,transparent);transition:color .3s}
.blog-card:hover .blog-num{color:color-mix(in oklab,var(--primary) 12%,transparent)}
.blog-tag{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;background:color-mix(in oklab,var(--primary) 10%,transparent);color:var(--primary);padding:.35rem .9rem;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.blog-card h3{position:relative;margin-top:1.4rem;font-family:Cormorant Garamond,serif;font-weight:700;font-size:1.75rem;line-height:1.15}
.blog-card p{position:relative;margin-top:.8rem;font-size:.9rem;line-height:1.65;color:var(--muted-foreground);flex:1}
.blog-meta{position:relative;margin-top:1.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:1.1rem;font-size:.82rem;color:var(--muted-foreground)}
.blog-more{font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:.35rem}
.blog-card:hover .blog-more svg{transform:translateX(3px)}
.blog-more svg{transition:transform .3s}
.blog-btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--primary) 30%,transparent);color:var(--primary);padding:.9rem 1.8rem;font-weight:600;transition:all .3s}
.blog-btn:hover{background:var(--primary);color:var(--primary-foreground);transform:translateY(-2px)}
.blog-hero{padding:10rem 0 1rem;text-align:center}
.blog-hero h1{margin-top:1.25rem;font-family:Cormorant Garamond,serif;font-weight:700;font-size:3rem;line-height:1.05;letter-spacing:-.02em}
@media(min-width:768px){.blog-hero h1{font-size:4.25rem}}
.blog-hero p{max-width:36rem;margin:1.25rem auto 0;font-size:1.1rem;color:var(--muted-foreground)}
.post{max-width:46rem;margin:0 auto;padding:9.5rem 1.5rem 5rem}
.post-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:var(--muted-foreground);transition:color .2s}
.post-back:hover{color:var(--primary)}
.post h1{margin-top:1.4rem;font-family:Cormorant Garamond,serif;font-weight:700;font-size:2.6rem;line-height:1.08;letter-spacing:-.02em}
@media(min-width:768px){.post h1{font-size:3.6rem}}
.post-by{margin-top:1.6rem;display:flex;align-items:center;gap:.8rem;padding-bottom:2rem;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--muted-foreground)}
.post-by img{width:2.75rem;height:2.75rem;border-radius:999px;object-fit:cover;object-position:top;background:var(--secondary)}
.post-by b{color:var(--foreground);display:block}
.post-body{margin-top:2.4rem;font-size:1.08rem;line-height:1.85}
.post-body p{margin:0 0 1.35rem}
.post-body p.lead{font-family:Cormorant Garamond,serif;font-size:1.6rem;line-height:1.4;font-style:italic;color:var(--foreground)}
.post-body h2{margin:2.4rem 0 .8rem;font-family:Cormorant Garamond,serif;font-weight:700;font-size:1.9rem;line-height:1.2;color:var(--primary)}
.post-body ul{margin:0 0 1.6rem;padding:1.4rem 1.6rem;list-style:none;background:var(--secondary);border-radius:1.5rem}
.post-body li{position:relative;padding-left:1.4rem;margin:.45rem 0}
.post-body li::before{content:"";position:absolute;left:0;top:.75em;width:.45rem;height:.45rem;border-radius:999px;background:var(--primary)}
.post-cta{margin-top:3rem;border-radius:2rem;background:var(--foreground);color:var(--background);padding:2.5rem;text-align:center;position:relative;overflow:hidden}
.post-cta h3{font-family:Cormorant Garamond,serif;font-weight:700;font-size:2rem;line-height:1.15}
.post-cta p{margin-top:.6rem;color:color-mix(in oklab,var(--background) 65%,transparent)}
.post-cta a{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);padding:1rem 1.9rem;font-weight:600;transition:transform .3s}
.post-cta a:hover{transform:translateY(-2px)}
.post-next{margin-top:4rem}
.post-next h2{font-family:Cormorant Garamond,serif;font-weight:700;font-size:2rem}
.post-next .blog-grid{margin-top:1.5rem}
@media(min-width:1024px){.post-next .blog-grid{grid-template-columns:repeat(2,1fr)}}
.nav-burger{display:none}