.mt-blog-archive { --mt-blog-edge: max(var(--mt-gutter), calc((100vw - var(--wp--style--global--wide-size, 1312px)) / 2)); color: var(--mt-text); background: var(--mt-bg); }
.mt-blog-hero { display: grid; grid-template-columns: minmax(0,1fr) 600px; gap: 40px; align-items: center; padding: 40px var(--mt-blog-edge); background: var(--mt-surface); }
.mt-blog-hero-copy { display: flex; min-width: 0; flex-direction: column; gap: 16px; }
.mt-blog-eyebrow,.mt-blog-signup > div > p { margin: 0; color: var(--mt-link); font-size: 10px; font-weight: 600; line-height: 13px; letter-spacing: 1.2px; text-transform: uppercase; }
.mt-blog-hero h1 { max-width: none; margin: 0; font-family: var(--wp--preset--font-family--display); font-size: 48px; font-weight: 600; line-height: 50px; letter-spacing: -1.5px; }
.mt-blog-intro { margin: 0; color: var(--mt-muted); font-size: 15px; line-height: 23px; }
.mt-blog-search { display: flex; width: 100%; height: 48px; align-items: center; gap: 11px; padding: 0 16px; color: var(--mt-muted); background: var(--mt-bg); border: 1px solid var(--mt-border); border-radius: var(--mt-radius-sm); transition: border-color var(--mt-transition-fast) ease, box-shadow var(--mt-transition-fast) ease; }
.mt-blog-search:focus-within { border-color: color-mix(in srgb,var(--mt-accent) 78%,var(--mt-border)); box-shadow: 0 0 0 2px color-mix(in srgb,var(--mt-accent) 18%,transparent); }
.mt-blog-search svg { width: 19px; height: 19px; flex: 0 0 19px; }
.mt-blog-search input { width: 100%; padding: 0; color: var(--mt-text); background: transparent; border: 0; outline: 0; font: inherit; font-size: 14px; height: 18px; line-height: 18px; }
.mt-blog-search input::placeholder { color: var(--mt-muted); opacity: 1; }
.mt-blog-featured { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 20px; align-items: center; }
.mt-blog-featured-art { position: relative; display: block; width: 220px; height: 180px; overflow: hidden; color: var(--mt-accent-ink); background: var(--mt-accent); border-radius: var(--mt-radius-md); text-decoration: none; }
.mt-blog-featured-art > span { position: absolute; top: 70px; left: 20px; z-index: 2; font-family: var(--wp--preset--font-family--display); font-size: 78px; font-weight: 600; line-height: 78px; letter-spacing: -4px; transform: scaleX(.9082); transform-origin: left center; }
.mt-blog-featured-art small { position: absolute; z-index: 2; top: 18px; left: 18px; font-family: var(--wp--preset--font-family--mono); font-size: 8px; font-weight: 600; line-height: 10px; letter-spacing: 1px; text-transform: uppercase; }
.mt-blog-featured-art i { position: absolute; top: 10px; left: 125px; width: 85px; height: 85px; border: 10px solid currentColor; border-radius: 50%; opacity: .14; }
.mt-blog-featured-copy { display: flex; min-width: 0; flex-direction: column; gap: 10px; }
.mt-blog-featured-copy p,.mt-blog-featured-copy h2 { margin: 0; }
.mt-blog-featured-meta { color: var(--mt-link)!important; font-family: var(--wp--preset--font-family--mono); font-size: 10px!important; font-weight: 600; line-height: 13px; letter-spacing: 1px; text-transform: uppercase; }
.mt-blog-featured-copy h2 { font-family: var(--wp--preset--font-family--ui); font-size: 22px; line-height: 28px; }
.mt-blog-featured-copy h2 a { color: var(--mt-text); text-decoration: none; }
.mt-blog-featured-copy > p:last-child { color: var(--mt-muted); font-size: 13px; line-height: 1.45; }
.mt-blog-filters { display: flex; height: 72px; align-items: center; gap: 8px; padding: 15px var(--mt-blog-edge); overflow-x: auto; background: var(--mt-bg); border-block: 1px solid var(--mt-border); scrollbar-width: none; }
.mt-blog-filters::-webkit-scrollbar { display: none; }
.mt-blog-filters > span { color: var(--mt-text-subtle); font-family: var(--wp--preset--font-family--mono); font-size: 10px; line-height: 13px; letter-spacing: 1px; text-transform: uppercase; }
.mt-blog-filters a { display: inline-flex; height: 40px; flex: 0 0 auto; align-items: center; padding: 0 14px; color: var(--mt-muted); background: var(--mt-surface); border: 1px solid var(--mt-border); border-radius: var(--mt-radius-sm); font-size: 12px; letter-spacing: -.14px; text-decoration: none; transition: color var(--mt-transition-fast) ease,background-color var(--mt-transition-fast) ease,border-color var(--mt-transition-fast) ease; }
.mt-blog-filters a.is-active { color: var(--mt-accent-ink); background: var(--mt-accent); border-color: var(--mt-selection-border); font-weight: 600; }
.mt-blog-listing { padding: 48px var(--mt-blog-edge) 64px; color: var(--mt-paper-ink); background: var(--mt-paper); }
.mt-blog-listing-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; }
.mt-blog-listing-header h2,.mt-blog-listing-header p { margin: 0; }
.mt-blog-listing-header h2 { font-family: var(--wp--preset--font-family--ui); font-size: 24px; font-weight: 600; line-height: 31px; }
.mt-blog-listing-header p { color: var(--mt-paper-muted); font-size: 12px; line-height: 16px; }
.mt-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 24px; }
.mt-blog-card { display: flex; min-width: 0; flex-direction: column; gap: 12px; }
.mt-blog-card-link { display: flex; min-width: 0; flex-direction: column; gap: 12px; color: var(--mt-paper-ink); text-decoration: none; }
.mt-blog-card-link:focus-visible { outline: 2px solid var(--mt-purple); outline-offset: 5px; border-radius: var(--mt-radius-sm); }
.mt-blog-card-art { display: flex; height: 200px; align-items: flex-end; justify-content: space-between; padding: 20px; color: var(--mt-paper-ink); background: var(--mt-card-art); border-radius: var(--mt-radius-sm); text-decoration: none; overflow: hidden; }
.mt-blog-card-art.is-dark { color: #fff; }
.mt-blog-card-art span { font-family: var(--wp--preset--font-family--mono); font-size: 9px; font-weight: 600; line-height: 12px; letter-spacing: 1px; transform: scaleX(1.015625); transform-origin: left center; }
.mt-blog-card-art strong { align-self: flex-end; font-family: var(--wp--preset--font-family--display); font-size: 70px; font-weight: 600; line-height: 70px; transform: scaleX(.9085); transform-origin: right bottom; }
.mt-blog-card-meta,.mt-blog-card h3,.mt-blog-card-excerpt,.mt-blog-card time { margin: 0; }
.mt-blog-card-meta { color: var(--mt-paper-muted); font-family: var(--wp--preset--font-family--mono); font-size: 9px; line-height: 12px; text-transform: uppercase; }
.mt-blog-card-meta span { color: var(--mt-purple); font-weight: 600; letter-spacing: .8px; }
.mt-blog-card h3 { min-height: 50px; font-family: var(--wp--preset--font-family--ui); font-size: 20px; font-weight: 600; line-height: 1.25; }
.mt-blog-card-excerpt { min-height: 40px; color: var(--mt-paper-muted); font-size: 13px; line-height: 20px; }
.mt-blog-card time { color: var(--mt-paper-muted); font-family: var(--wp--preset--font-family--mono); font-size: 9px; line-height: 12px; letter-spacing: .6px; text-transform: uppercase; }
.mt-blog-pagination { margin-top: 32px; }
.mt-blog-pagination ul { display: flex; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.mt-blog-pagination a,.mt-blog-pagination .current { display: grid; width: 44px; height: 44px; place-items: center; color: var(--mt-paper-ink); background: var(--mt-paper); border: 1px solid var(--mt-paper-border); border-radius: var(--mt-radius-sm); text-decoration: none; }
.mt-blog-pagination .current { color: var(--mt-paper); background: var(--mt-paper-ink); font-weight: 600; }
.mt-blog-empty { padding-block: 64px; text-align: center; }
.mt-blog-empty h3,.mt-blog-empty p { margin: 0 0 8px; }
.mt-blog-signup { display: grid; grid-template-columns: minmax(0,1fr) 510px; gap: 40px; align-items: center; padding: 39px var(--mt-blog-edge); background: var(--mt-surface); border-block: 1px solid var(--mt-border); }
.mt-blog-signup > div:not(.mt-newsletter-signup) { display: flex; flex-direction: column; gap: 8px; }
.mt-blog-signup > div > p { font-family: var(--wp--preset--font-family--mono); letter-spacing: 1px; }
.mt-blog-signup h2,.mt-blog-signup span { margin: 0; }
.mt-blog-signup h2 { font-family: var(--wp--preset--font-family--ui); font-size: 24px; line-height: 31px; }
.mt-blog-signup > div > span { color: var(--mt-muted); font-size: 14px; line-height: 18px; }
@media (hover:hover) and (pointer:fine) {
 .mt-blog-filters a:hover { color: var(--mt-text); border-color: var(--mt-text-subtle); }
 .mt-blog-filters a.is-active:hover { color: var(--mt-accent-ink); border-color: var(--mt-selection-border); }
 .mt-blog-card-art { transition: filter var(--mt-transition-normal) ease; }
 .mt-blog-card:hover .mt-blog-card-art { filter: saturate(1.04); }
 .mt-blog-card-link:hover h3,.mt-blog-featured-copy h2 a:hover { text-decoration: underline; }
}
@media (max-width:1050px) {
 .mt-blog-hero { grid-template-columns: 1fr; }
 .mt-blog-featured { max-width: 700px; }
 .mt-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .mt-blog-signup { grid-template-columns: 1fr; }
}
@media (max-width:700px) {
 .mt-blog-hero { gap: 32px; padding-block: 36px; }
 .mt-blog-hero h1 { font-size: clamp(40px,12vw,48px); }
 .mt-blog-featured { grid-template-columns: 1fr; }
 .mt-blog-featured-art { width: 100%; }
 .mt-blog-filters { height: 72px; }
 .mt-blog-listing { padding-block: 40px 48px; }
 .mt-blog-grid { grid-template-columns: 1fr; gap: 36px; }
 .mt-blog-signup { padding-block: 35px; }
}
@media (prefers-reduced-motion:reduce) { .mt-blog-card-art { transition-duration:.01ms!important; } }