.blog-band{isolation:isolate;border-radius:var(--radius-panel);color:#fff;text-shadow:0 1px 12px #00000059;background:#10283d;flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:22rem;padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.blog-band>img,.blog-band:after{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.blog-band>img{object-fit:cover;object-position:68% 50%}.blog-band-sky{color:#10283d;text-shadow:none;justify-content:flex-start}.blog-band.blog-band-sky>img{object-position:50% 50%}.blog-band.blog-band-sky:after{background:linear-gradient(#fff9,#fff0 70%)}.blog-band-sky .blog-band-lede{color:#10283dd9}.blog-band:after{content:"";background:linear-gradient(#050f1926,#050f1980 40%,#050f19e0)}.blog-band-title{max-width:48rem;font-size:clamp(1.6rem,5vw,3rem);line-height:1.1}.blog-band-lede{color:#ffffffd9;max-width:40rem}.blog-list{gap:1.5rem;display:grid}.blog-card{border-radius:var(--radius-panel);background:var(--sunken);display:grid;overflow:hidden}.blog-card>img{aspect-ratio:1200/630;object-fit:cover;width:100%}.blog-top{padding-top:5.5rem}.blog-body{padding-top:3rem;padding-bottom:5rem}.blog-card-text{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.blog-card-title{font-size:1.35rem;line-height:1.2}@media (width>=48rem){.blog-band>img{object-position:50% 50%}.blog-band.blog-band-sky:after{background:linear-gradient(#ffffff59,#fff0 55%)}.blog-band{min-height:26rem;padding:3rem 2.5rem}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.prose figure{margin:1.75rem 0}.prose figure img{border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--sunken);max-width:100%;height:auto;margin-inline:auto;display:block}.prose figcaption{color:var(--text-2);text-align:center;margin-top:.6rem;font-size:.875rem;line-height:1.45}.blog-back{text-underline-offset:.2em;border-radius:var(--radius-control);align-items:center;gap:.5rem;min-height:2.75rem;font-weight:500;text-decoration:underline;display:inline-flex}.blog-back:hover{text-decoration-thickness:2px}.blog-back:focus-visible{outline-offset:4px;outline:2px solid}.blog-back-top{margin-bottom:.75rem}.blog-back-bottom{border-top:1px solid var(--hairline);max-width:44rem;margin-top:2rem;padding-top:1rem}
