.blog-index-c,.blog-case{width:min(100% - 48px,1180px);margin-inline:auto;padding-block:42px 58px}.blog-index-heading{margin-bottom:28px}.blog-index-heading h1{margin-bottom:8px}.blog-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px;display:grid}.blog-index-grid article{flex-direction:column;align-items:start;min-width:0;display:flex}.blog-index-media{aspect-ratio:3/2;background:var(--surface);width:100%;margin-bottom:16px;display:block}.blog-index-media img{object-fit:cover;width:100%;height:100%}.blog-index-grid h2{margin-bottom:9px;font-size:26px;line-height:1.2}.blog-index-grid h2 a{align-items:center;min-height:44px;display:inline-flex}.blog-index-meta{color:var(--secondary);flex-wrap:wrap;gap:4px 12px;margin-bottom:10px;font-size:14px;display:flex}.blog-index-summary{margin-bottom:18px}.blog-index-grid .button{min-height:44px;margin-top:auto;padding:10px 17px}.blog-index-cta{max-width:1180px;padding-top:12px}.blog-case-heading{grid-template-columns:minmax(0,1fr) minmax(260px,330px);column-gap:48px;margin:0 0 40px;display:grid}.blog-case-heading-content{min-width:0}.blog-case-back{min-height:44px;color:var(--blue);align-items:center;gap:10px;display:inline-flex}.blog-case-heading>.blog-case-back{grid-column:1/-1;justify-self:start}.blog-case-heading h1{max-width:24ch;margin:12px 0}.blog-case-lead{font-size:20px;line-height:1.45}.blog-case-meta{color:var(--secondary);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:14px;display:flex}.blog-case-top{grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:start;gap:64px;display:grid}.blog-case-gallery{min-width:0}.blog-case .bgf>a{aspect-ratio:3/2}.blog-case .bgf img{object-fit:cover;width:100%;height:100%}.blog-case .bgf figcaption{margin-top:8px;font-size:14px}.blog-case-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.blog-case-thumbs .bgf figcaption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-case-summary{gap:24px;display:grid}.blog-case-introduction p+p{margin-top:16px}.blog-case h2{margin-bottom:14px;font-size:26px;line-height:1.2}.blog-case-criteria{background:var(--surface);padding:24px}.blog-case-criteria>div+div{margin-top:20px}.blog-case-criteria h3{margin-bottom:4px;font-size:16px}.blog-case-criteria p{color:var(--secondary)}.blog-case-decisions{background:var(--surface);grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;padding:32px 24px;display:grid}.blog-case-decisions p+p{margin-top:16px}.blog-case-closing{grid-template-columns:1fr 1fr;gap:48px;margin-top:40px;display:grid}.blog-case-closing .button{margin-top:22px}.blog-adjacent{background:var(--surface)}.blog-adjacent>div{grid-template-columns:1fr 1fr;gap:32px;width:min(100% - 48px,1180px);margin:auto;display:grid}.blog-adjacent a{min-height:144px;color:inherit;flex-direction:column;justify-content:center;gap:12px;padding:24px 16px;display:flex}.blog-adjacent a:last-child{text-align:right}.blog-adjacent-direction{color:var(--secondary);align-items:center;gap:12px;font-size:14px;display:inline-flex}.blog-adjacent-direction svg{background:var(--blue);color:var(--white);flex:none;padding:8px;transition:transform .18s ease-out,background-color .16s,color .16s}.blog-adjacent a:last-child .blog-adjacent-direction{flex-direction:row-reverse}.blog-adjacent strong{font-size:22px;font-weight:500;line-height:1.25}.blog-adjacent a:first-child:hover svg{transform:translate(-3px)}.blog-adjacent a:last-child:hover svg{transform:translate(3px)}.blog-adjacent .surface-option:is(:hover,:focus-visible) .blog-adjacent-direction{color:inherit}.blog-adjacent .surface-option:is(:hover,:focus-visible) .blog-adjacent-direction svg{background:var(--white);color:var(--blue)}@media (width>=761px) and (width<=1000px){.blog-case-top{grid-template-columns:.95fr 1.05fr;gap:32px}}@media (width<=760px){.blog-index-c,.blog-case{width:calc(100% - 36px);padding-block:30px 42px}.blog-index-grid{grid-template-columns:1fr;gap:32px}.blog-index-grid h2{font-size:26px}.blog-index-media{max-height:240px}.blog-case-heading{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:28px}.blog-case-heading>.blog-image-notice{margin-top:24px}.blog-case-heading h1{font-size:34px}.blog-case-lead{font-size:18px}.blog-case-top,.blog-case-decisions,.blog-case-closing{grid-template-columns:1fr;gap:28px}.blog-case-thumbs{gap:8px}.blog-case-criteria{padding:20px}.blog-case-decisions{margin-top:32px;padding:24px 20px}.blog-case-closing{margin-top:32px}.blog-adjacent>div{gap:20px;width:calc(100% - 36px)}.blog-adjacent strong{font-size:16px;line-height:1.35}.blog-adjacent a{gap:10px;min-height:132px;padding:20px 12px}.blog-adjacent-direction{gap:8px}.blog-adjacent-direction svg{width:32px;height:32px;padding:6px}}@media (prefers-reduced-motion:reduce){.blog-adjacent-direction svg{transition:none}}.blog-case .blog-section-heading--numbered{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px;min-height:64px;margin-bottom:20px;display:grid}.blog-section-heading--numbered .blog-section-number{color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:64px;font-weight:500;line-height:1;display:block}.blog-section-heading--numbered .blog-section-title{text-wrap:balance;min-width:0}@media (width<=1000px){.blog-case .blog-section-heading--numbered{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.blog-section-heading--numbered .blog-section-number{font-size:48px}}@media (width<=760px){.blog-case .blog-section-heading--numbered{font-size:24px;line-height:1.2}}@media (width<=380px){.blog-case .blog-section-heading--numbered{font-size:22px}}
