/* Keep the native disclosure outside the template's architecture diagram styles. */
.blog-archive summary{width:100%;flex-wrap:wrap}
.blog-archive summary b{flex-shrink:0}
.blog-archive summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#contact.final .wrap{text-align:center}
#contact.final .display{margin-inline:auto}
#contact.final .final__ctas{justify-content:center}
/* Same subdued artwork and readable overlay treatment as homepage insights. */
.fx a,.fx a.big{isolation:isolate;background:#0d0320}
.fx a>.blog-feature-image{position:absolute;inset:0 0 0 35%;width:65%;height:100%;object-fit:cover;object-position:right center;z-index:0;pointer-events:none;opacity:.48;filter:grayscale(.2) saturate(.85) brightness(1.2);mask-image:radial-gradient(ellipse 82% 68% at 82% 50%,#000 0%,rgba(0,0,0,.96) 42%,rgba(0,0,0,.42) 68%,transparent 100%);transition:opacity .24s var(--ease),transform .35s var(--ease)}
.fx a::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0d0320 0%,rgba(13,3,32,.97) 35%,rgba(13,3,32,.68) 65%,rgba(13,3,32,.18) 100%)}
.fx a>:not(.blog-feature-image){position:relative;z-index:1}
.fx a:hover>.blog-feature-image,.fx a:focus-visible>.blog-feature-image{opacity:.82;transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.fx a>.blog-feature-image{transition:none}.fx a:hover>.blog-feature-image,.fx a:focus-visible>.blog-feature-image{transform:none}}