.blog-article{display:flex;flex-direction:column;align-items:center;gap:80px;width:60vw;max-width:none;margin:0 auto 2rem;padding:96px 0 4rem}.blog-article__hero,.blog-article__body{display:flex;flex-direction:column;align-items:center;width:100%}.blog-article__hero{gap:2.5rem}.blog-article__heading{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;text-align:center}.blog-article__heading h1{margin:0;max-width:52rem;font-size:1.625rem;font-weight:var(--font-weight-medium);line-height:2.375rem;color:var(--text-primary);text-wrap:balance}.blog-article__dek{margin:0;max-width:40rem;font-size:1rem;font-weight:var(--font-weight-regular);line-height:28px;color:var(--text-primary);text-wrap:pretty}.blog-article__cover,.blog-article__frame{position:relative;width:min(100%,37.5rem);height:19.8125rem;overflow:hidden;border-radius:24px;background:#000;box-shadow:0 2px 9px #0000001a}.blog-article__cover:has(img){background:#fff}.blog-article__cover--plate{height:auto;aspect-ratio:550 / 312;background:#fff;border-radius:12px;box-shadow:none}.blog-article__cover--plate:has(img){background:#fff}.blog-article__cover img,.blog-article__frame img,.blog-article__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.blog-article__cover img{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.blog-article__cover--plate img{inset:50% auto auto 50%;width:120%;height:120%;max-width:none;object-fit:fill;transform:translate(-50%,-50%)}.blog-article__placeholder{background:#0000000f}.blog-article__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}.blog-article__pair .blog-article__frame{width:100%;height:auto;aspect-ratio:600 / 317}.blog-article__frame--natural{width:min(100%,48rem);height:auto;aspect-ratio:1024 / 270;background:#fff}.blog-article__frame--natural img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover}.blog-article__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;width:100%;margin:0}.blog-article__meta div{display:flex;flex-direction:column;align-items:center;gap:.5rem}.blog-article__meta dt{margin:0;font-size:.8125rem;font-weight:var(--font-weight-regular);line-height:1.125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-accent)}.blog-article__meta dd{margin:0;font-size:1rem;font-weight:var(--font-weight-regular);line-height:1.375rem;color:var(--text-primary)}.blog-article__body{gap:64px}.blog-article__section{display:flex;flex-direction:column;gap:24px;width:100%}.blog-article__section h2{margin:0;font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:32px;color:var(--text-accent);text-wrap:pretty}.blog-article__section h2.is-muted{color:var(--text-secondary)}.blog-article__section p{margin:0;font-size:1rem;font-weight:var(--font-weight-regular);line-height:28px;color:var(--text-primary);text-wrap:pretty}.blog-article__section a{color:var(--text-primary);text-underline-offset:.15em}.blog-article__section a.blog-article__project{color:var(--text-accent);font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:.15em}.blog-article__em{font-weight:var(--font-weight-demi)}.blog-article__figure{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;margin:0}.blog-article__figure figcaption{width:min(100%,27.5rem);font-size:.75rem;font-weight:var(--font-weight-regular);line-height:1rem;color:#0006;text-align:center;text-wrap:pretty}.blog-article__refs{margin:0;padding-left:1.5rem}.blog-article__refs li+li{margin-top:0}.blog-article__refs a{font-size:1rem;line-height:28px;color:var(--text-primary);text-underline-offset:.15em}@media(max-width:900px){.blog-article{width:60vw;gap:80px}.blog-article__meta{grid-template-columns:1fr;gap:1.25rem}.blog-article__cover,.blog-article__frame{height:auto;aspect-ratio:600 / 317}.blog-article__cover--plate{aspect-ratio:550 / 312}.blog-article__frame--natural{width:min(100%,48rem);aspect-ratio:1024 / 270}.blog-article__pair{grid-template-columns:1fr}}@media(max-width:720px){.blog-article{width:calc(100% - 2rem)}.blog-article__heading h1{font-size:1.375rem;line-height:1.9rem}}