.blog-overview .site-navigation{position:relative;top:auto}
.blog-main{max-width:var(--site-width);width:calc(100% - 2 * var(--site-gutter));margin:auto;padding:64px 0 96px}
.blog-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-bottom:96px}
.blog-main .blog-hero h1{font-size:clamp(3.5rem,8vw,7rem)!important;line-height:1!important;letter-spacing:-.065em;margin:0 0 32px}
.blog-hero .hero-intro{max-width:520px;font-size:1.3rem;line-height:1.65}
.blog-world{position:relative;padding:20px 0 48px}
.blog-world figure{margin:0;rotate:-2deg;border-radius:14px;overflow:hidden;box-shadow:12px 24px 42px #0000001a}
.blog-world img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.blog-world .blog-world-note{position:absolute;right:16px;bottom:0;margin:0;padding:20px 24px;rotate:2deg;background:var(--wash);color:var(--ink);border-left:2px solid var(--blue);font-size:1rem;box-shadow:4px 8px 20px #00000010}
.blog-practice{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;border-top:1px solid var(--line);padding-top:56px}
.blog-practice>nav{display:flex;flex-direction:column;gap:20px;align-items:flex-start;font-size:.9rem}
.blog-practice h2{max-width:700px;margin:0 0 24px}
.blog-practice p{font-size:1.15rem;line-height:1.7;margin-bottom:28px}
.blog-practice a:not(.content-cta){color:inherit;text-underline-offset:5px}
.blog-main .blog-list:empty{display:none}
.blog-filters a{border-radius:6px}
.blog-overview .blog-topic{font:400 14px/1.5 Inter,system-ui,sans-serif;color:var(--muted)}
@media(max-width:900px){.blog-main{padding-top:40px}.blog-hero{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.blog-hero .hero-intro{font-size:1.1rem;max-width:640px}.blog-world{max-width:620px;width:100%}.blog-world img{aspect-ratio:16/9}.blog-practice{grid-template-columns:1fr;gap:32px;padding-top:32px}.blog-practice>nav{flex-direction:row;flex-wrap:wrap;gap:16px 24px}}
@media(prefers-reduced-motion:reduce){.blog-world figure,.blog-world-note{transform:none!important}}