.blog .blog-main{padding:clamp(4.5rem,11vh,8rem) 0 clamp(3rem,8vh,5rem)}.blog .blog-head{margin-bottom:clamp(4rem,9vh,6.5rem)}.blog .blog-title{font-family:var(--font-sans);font-size:clamp(2.4rem,5vw,4rem);font-weight:var(--fw-medium);letter-spacing:-.025em;line-height:1.02}.blog .blog-sub{color:#f6f5fdb3;font-family:var(--font-sans);letter-spacing:-.01em;margin-top:clamp(1.5rem,3.5vh,2.25rem);line-height:1.55}.blog .blog-list-link{padding:clamp(2.75rem,5.5vh,3.75rem) 0}.blog .blog-list-title{font-family:var(--font-sans);font-weight:var(--fw-medium)}.blog .blog-list-excerpt{color:#f6f5fdb3;font-family:var(--font-sans);letter-spacing:-.005em;font-size:1rem;line-height:1.6}.blog .blog-post-head h1{font-family:var(--font-sans);font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:var(--fw-medium);letter-spacing:-.03em;line-height:1.04}.blog .blog-post-dek{color:#f6f5fdc7;font-family:var(--font-sans);letter-spacing:-.01em;line-height:1.5}.blog .blog-post-body{font-family:var(--font-sans)}.blog .blog-post-body>p,.blog .blog-post-body ul,.blog .blog-post-body ol{max-width:65ch;font-size:1.05rem;line-height:1.7}.blog .blog-post-body li{line-height:1.7}.blog .blog-post-body h2{font-family:var(--font-sans);font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:var(--fw-medium);letter-spacing:-.02em;line-height:1.2}.blog .blog-post-body h3{font-family:var(--font-sans);font-size:1.15rem;font-weight:var(--fw-medium);letter-spacing:-.015em}.blog .blog-post-body strong{font-family:var(--font-sans);font-weight:var(--fw-semibold)}.blog .blog-post-body code,.blog .blog-post-body pre,.blog .blog-post-body kbd,.blog .blog-post-body samp{font-family:var(--font-mono)}.blog .blog-post-foot a{font-family:var(--font-mono);font-size:var(--fs-ui-caption);letter-spacing:.06em;text-transform:uppercase}.blog .blog-main--cover{width:100%;padding-top:0}.blog .blog-main--cover .blog-post{max-width:none}.blog .blog-main--cover .blog-post-body,.blog .blog-main--cover .blog-post-foot{width:min(100% - 2 * var(--rail), 60rem);margin-inline:auto}.blog .blog-main--cover .blog-post-body>*,.blog .blog-main--cover .blog-figure{max-width:44rem}.blog .blog-main--cover .blog-figure--wide{max-width:none}.blog .blog-cover{isolation:isolate;border-bottom:none;align-items:flex-end;width:100%;min-height:clamp(22rem,58svh,30rem);margin:-3.25rem 0 clamp(2.5rem,6vh,4rem);padding:0;display:flex;position:relative;overflow:hidden}.blog .blog-cover-img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog .blog-cover:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0b0b0e1f,#0b0b0e00 30%,#0b0b0e8c 100%);position:absolute;inset:0}.blog .blog-cover .blog-cover-inner{width:min(100% - 2 * var(--rail), 60rem);max-width:none;margin-inline:auto;padding-bottom:clamp(1.75rem,4vh,2.75rem)}.blog .blog-cover .blog-cover-inner>*{max-width:44rem}.blog .blog-cover h1,.blog .blog-cover .blog-post-dek{text-shadow:0 2px 20px #0b0b0e99}.blog .blog-figure{max-width:65ch;margin:clamp(2.25rem,5vh,3.25rem) 0}.blog .blog-figure--wide{max-width:none}.blog .blog-figure img{border:1px solid var(--border-hairline);border-radius:var(--radius-md);width:100%;height:auto;display:block}.blog .blog-figure-embed{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:radial-gradient(120% 120% at 20% 0%, var(--accent-wash), transparent 65%), var(--surface-panel);pointer-events:none;place-items:center;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.blog .blog-figure-embed figure figcaption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog .blog-figure>figcaption{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-ui-caption);letter-spacing:.04em;margin-top:.9rem}.blog .blog-list-link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.blog .blog-list-thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border-hairline);border-radius:var(--radius-md);width:clamp(9rem,16vw,13rem);height:auto}@media (width<=640px){.blog .blog-list-link{grid-template-columns:1fr}.blog .blog-list-thumb{order:-1;width:100%}}
