/* Blog landing only: supplied wordmark, white hero and editorial cards. */
html.blog-light-page,html.blog-light-page.ambient-live{background:#fff}
html.blog-light-page.js-preload:not(.preload-settled) #ambient-background{visibility:hidden}
.blog-hub-page .blog-main{padding-top:112px;background:#fff}
.blog-hub-hero{padding:clamp(96px,6.5vw,128px) 0;color:#050607;background:#fff;position:relative}
.blog-hub-hero__content.blog-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy brand";align-items:center;text-align:left;gap:clamp(48px,6vw,120px)}
.blog-hub-logo{grid-area:brand;justify-self:end;width:clamp(280px,29vw,524px);max-width:100%}
.blog-hub-logo>img{width:100%;height:auto}
.blog-hub-hero__copy{grid-area:copy;max-width:1120px;min-width:0;text-align:left}
.blog-hub-hero h1{font-size:clamp(44px,4vw,76px);line-height:1.08;letter-spacing:-.05em;font-weight:600}
.blog-hub-hero h1 em{color:#37afff}
.blog-hub-hero__copy p{max-width:920px;margin:32px 0 0;font-size:clamp(18px,1.12vw,22px);line-height:1.6;color:#626f79;text-align:left}
.blog-hub-editorial{background:#fff;display:flow-root}
.blog-hub-blog{scroll-margin-top:132px}
.blog-hub-page .blog-feature{background:#fff;clip-path:none;gap:clamp(40px,6vw,112px);align-items:center;grid-template-columns:1.1fr 1fr}
.blog-hub-page .blog-feature-image{min-height:0;aspect-ratio:3/2;clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%)}
.blog-hub-page .blog-feature-copy{padding:0;min-width:0}
.blog-hub-page .blog-feature h2{font-size:clamp(30px,2.4vw,46px);margin:28px 0;line-height:1.12}
.blog-hub-page .blog-feature-copy>p{font-size:clamp(17px,1.12vw,21px);line-height:1.55;margin-bottom:36px}
.blog-hub-page .blog-feature-action{position:absolute;bottom:24px;left:24px;min-width:220px;--button-base-bg:var(--category-color);--button-base-fg:#050607;--button-base-border:var(--category-color);--button-hover-bg:#fff;--button-hover-fg:#050607;--button-hover-border:#fff}
.blog-hub-page .blog-feature:hover .blog-feature-action{--button-base-bg:#fff;--button-base-border:#fff}
.blog-hub-page .blog-feature:focus-visible .blog-feature-action{outline:2px solid #050607;outline-offset:4px}
.blog-hub-page .blog-category{padding:7px 14px 7px 10px;background:var(--category-tint,#f1f4f6);color:#050607;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.blog-hub-page .blog-category::before{display:none}
.blog-hub-page .blog-filter.cut-button{--button-base-bg:var(--category-tint,#f1f4f6);--button-base-fg:#050607;--button-base-border:var(--category-tint,#f1f4f6);--button-hover-bg:#050607;--button-hover-fg:#fff;--button-hover-border:#050607;background:var(--button-base-bg);color:var(--button-base-fg);border:0;min-height:44px;padding:11px 20px 11px 16px;font-size:14px;line-height:1.4;max-width:100%;text-align:left}
.blog-hub-page .blog-filter.cut-button.is-active{--button-base-bg:#050607;--button-base-fg:#fff;--button-base-border:#050607}
.blog-hub-page .blog-filter.cut-button:is(:hover,:focus-visible){color:#fff}
.blog-hub-page .blog-filter.cut-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.blog-hub-page .blog-grid{gap:48px 36px}
.blog-hub-page .blog-card,.blog-hub-page .blog-card-copy{background:#fff}
.blog-hub-page .blog-library{padding-top:clamp(64px,6vw,112px)}
@media(max-width:1100px){
 .blog-hub-hero{padding-block:72px 88px}
 .blog-hub-hero h1{font-size:clamp(44px,5.5vw,60px)}
 .blog-hub-hero__content.blog-wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "copy";gap:48px}
 .blog-hub-logo{width:400px}
 .blog-hub-hero__copy p{margin-top:28px;font-size:18px}
 .blog-hub-page .blog-feature{gap:40px}
 .blog-hub-page .blog-feature h2{font-size:var(--compact-h3)}
 .blog-hub-page .blog-feature-action{bottom:20px;left:20px;min-width:190px}
 .blog-hub-page .blog-grid{gap:40px 24px}
}
@media(max-width:760px){
 .blog-hub-hero{padding-block:56px 72px}
 .blog-hub-hero__content.blog-wrap{gap:40px}
 .blog-hub-logo{width:min(320px,78vw);justify-self:start}
 .blog-hub-hero h1{font-size:clamp(32px,7vw,44px);text-wrap:pretty}
 .blog-hub-hero__copy p{font-size:17px;line-height:1.55;margin-top:24px}
 .blog-hub-hero__copy p br{display:none}
 .blog-hub-blog{scroll-margin-top:112px}
 .blog-hub-page .blog-feature{grid-template-columns:1fr;gap:28px}
 .blog-hub-page .blog-feature-image{aspect-ratio:3/2;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
 .blog-hub-page .blog-feature h2{font-size:var(--compact-h3);margin-block:18px}
 .blog-hub-page .blog-feature-copy>p{font-size:16px;margin-bottom:24px}
 .blog-hub-page .blog-feature-action{bottom:16px;left:16px;min-width:180px;min-height:48px;font-size:14px}
 .blog-hub-page .blog-library-heading{grid-template-columns:minmax(0,1fr);justify-content:stretch}
 .blog-hub-page .blog-search{width:100%;min-width:0;max-width:none;justify-self:stretch}
 .blog-hub-page .blog-filters{flex-wrap:nowrap;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
 .blog-hub-page .blog-filters::-webkit-scrollbar{display:none}
 .blog-hub-page .blog-filter.cut-button{flex:0 0 auto;white-space:nowrap;font-size:13px;padding:10px 16px 10px 12px}
 .blog-hub-page .blog-grid{gap:40px}
}