/* Editorial pages reuse the site chrome, typography and chamfered components. */
.blog-page .header:not(.is-scrolled){background:#fff;color:#050607;border-color:#e1e6e9}
.blog-page .blog-brand-light{display:none}
.blog-page .header.is-scrolled .blog-brand-dark{display:none}
.blog-page .header.is-scrolled .blog-brand-light{display:block}
.blog-page .header:not(.is-scrolled) .nav-link{color:#52616c}
.blog-page .header:not(.is-scrolled) .nav-link:is(:hover,:focus-visible),.blog-page .header:not(.is-scrolled) .services-nav.is-open>.services-trigger{color:#050607;background:#f1f4f6}
.blog-page .header:not(.is-scrolled) .services-menu{background:#24272a;backdrop-filter:none}
.blog-page .header:not(.is-scrolled) .header-language{color:#626f79;border-color:#cbd4da;background:#fff}
.blog-page .header:not(.is-scrolled) .language-option:is(:hover,:focus-visible){color:#050607;background:#f1f4f6}
.blog-page .header:not(.is-scrolled) .language-option.is-active{background:#050607;color:#fff}
.blog-page .header:not(.is-scrolled) .menu-toggle{color:#050607}
.blog-page .header:not(.is-scrolled) .header-contact{--button-base-bg:#050607;--button-base-fg:#fff;--button-base-border:#050607;--button-hover-bg:#fff;--button-hover-fg:#050607;--button-hover-border:#050607}
.blog-page .blog-main{background:#fff;color:#050607;padding-top:112px;position:relative;display:flow-root}
.blog-wrap{margin-inline:auto;padding-inline:var(--gutter);max-width:2160px}
.blog-main [hidden]{display:none!important}
.blog-main em{font-style:normal;color:#37afff}
.blog-main img{border-radius:0;display:block}
.blog-main h1,.blog-main h2,.blog-main h3{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.045em;text-wrap:balance}
.blog-main p{margin:0;text-wrap:pretty}
.blog-main .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-main .icon{width:24px;height:24px;flex-shrink:0}
.blog-main a:focus-visible,.blog-main button:focus-visible,.blog-main input:focus-visible,.blog-main summary:focus-visible{outline:2px solid #050607;outline-offset:5px}
.blog-main .cut-button{--button-base-bg:#050607;--button-base-fg:#fff;--button-base-border:#050607;--button-hover-bg:#37afff;--button-hover-fg:#050607;--button-hover-border:#37afff}
.blog-eyebrow{color:#626f79;font-family:'DM Sans',sans-serif;font-weight:500;font-size:20px;line-height:1.4}
.blog-masthead{padding-block:clamp(64px,6vw,104px) clamp(48px,5vw,80px);display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:clamp(48px,8vw,160px)}
.blog-masthead h1{font-size:clamp(54px,4.6vw,88px);line-height:1.06;margin:24px 0 0}
.blog-intro{font-size:clamp(18px,1.35vw,24px);line-height:1.55;color:#626f79;max-width:590px;padding-bottom:6px}
.blog-feature{--feature-cut:48px;display:grid;grid-template-columns:1.12fr 1fr;background:#f4f3ff;clip-path:polygon(0 0,calc(100% - var(--feature-cut)) 0,100% var(--feature-cut),100% 100%,0 100%);color:inherit;isolation:isolate}
.blog-feature-image{position:relative;overflow:hidden;min-height:440px}
.blog-feature-image img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,1,.36,1)}
.blog-feature-label{position:absolute;top:24px;left:24px;background:#fff;padding:10px 18px;font-size:14px;font-weight:500;font-family:'DM Sans',sans-serif;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.blog-feature-copy{padding:clamp(32px,3.5vw,64px);display:flex;flex-direction:column;align-items:flex-start}
.blog-category{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;gap:8px;font-size:14px;line-height:1.35;font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:0;--category-color:#37afff}
.blog-category::before{content:'';width:7px;height:7px;flex-shrink:0;background:var(--category-color)}
.tone-violet{--category-color:#8c82ff;--category-tint:#f4f3ff}
.tone-blue{--category-color:#37afff;--category-tint:#f2faff}
.tone-yellow{--category-color:#ffd344;--category-tint:#fffbef}
.tone-green{--category-color:#47cb56;--category-tint:#effaf1}
.blog-feature h2{font-size:clamp(30px,2.8vw,52px);line-height:1.12;margin:24px 0}
.blog-feature-copy>p{font-size:clamp(17px,1.12vw,21px);color:#52616c;line-height:1.55;margin-bottom:24px}
.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.5;color:#626f79;font-weight:400}
.blog-text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid #b6c1c9;padding-bottom:10px;font-size:18px;font-family:'DM Sans',sans-serif;font-weight:500;line-height:1.4;color:#050607;transition:border-color .25s ease}
.blog-text-link .icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.blog-text-link:is(:hover,:focus-visible){border-color:#050607}
.blog-text-link:is(:hover,:focus-visible) .icon{transform:translate(2px,-2px)}
.blog-feature .blog-text-link{margin-top:30px}
.blog-feature:hover img{transform:scale(1.025)}
.blog-feature:focus-visible{outline-offset:7px}
.blog-feature:focus-visible .blog-text-link{outline:2px solid #050607;outline-offset:6px;border-color:#050607}
.blog-card-link:focus-visible h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.blog-card-link:focus-visible .blog-card-arrow{background:#37afff;color:#050607}
.blog-library{padding-block:clamp(72px,7vw,120px) 0;scroll-margin-top:40px}
.blog-library-heading{display:flex;justify-content:space-between;align-items:center;gap:32px}
.blog-library h2,.blog-related h2{font-size:clamp(30px,2.6vw,48px);line-height:1.15;margin:0}
.blog-search{display:flex;align-items:center;gap:14px;border-bottom:1px solid #aab7c0;width:min(360px,36%);padding-bottom:12px;color:#626f79}
.blog-search:focus-within{border-color:#050607}
.blog-search>svg{width:21px;height:21px;flex-shrink:0}
.blog-search input{border:0;outline:0!important;background:transparent;color:#050607;font:400 17px/1.4 'Figtree',sans-serif;min-width:0;width:100%;padding:8px 0;border-radius:0}
.blog-search input::placeholder{color:#626f79;opacity:1}
.blog-search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.blog-filters{display:flex;flex-wrap:wrap;gap:10px;padding-block:32px 24px}
.blog-filter{font:500 14px/1.4 'DM Sans',sans-serif;padding:11px 17px;border:1px solid #dbe2e6;border-radius:0;background:#fff;color:#52616c;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.blog-filter:hover{background:var(--category-tint,#f1f4f6);color:#050607;border-color:var(--category-color,#050607)}
.blog-filter.is-active{color:#050607;background:var(--category-color,#f1f4f6);border-color:var(--category-color,#050607)}
.blog-filter[data-category=all].is-active{background:#050607;color:#fff}
.blog-result-row{border-top:1px solid #e1e6e9;padding-block:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:#626f79;min-height:67px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2vw,40px);align-items:stretch}
.blog-card{min-width:0;background:#fff;--card-cut:30px;position:relative}
.blog-card:focus-within{outline:0}
.blog-card-link{height:100%;display:flex;flex-direction:column;color:inherit}
.blog-card-image{aspect-ratio:16/10;overflow:hidden;clip-path:polygon(0 0,calc(100% - var(--card-cut)) 0,100% var(--card-cut),100% 100%,0 100%)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:24px 0 0}
.blog-card h3{font-size:clamp(23px,1.65vw,30px);line-height:1.18;margin:20px 0 16px}
.blog-card-excerpt{font-size:17px;line-height:1.55;color:#626f79;margin-bottom:28px!important}
.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid #d9e0e5}
.blog-card-bottom .blog-meta{font-size:13px;gap:5px}
.blog-card-arrow{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;transition:transform .3s,color .3s}
.blog-card:is(:hover,:focus-within) .blog-card-arrow{color:#1479b9;transform:translate(2px,-2px)}
.blog-card:hover img{transform:scale(1.035)}
.blog-empty{background:#f1f4f6;padding:64px 24px;display:grid;justify-items:center;gap:22px;text-align:center}
.blog-empty>svg{width:32px;height:32px}
.blog-empty h3{font-size:28px;margin:0}
.blog-empty p{font-size:18px;color:#626f79}
.blog-empty .cut-button{margin-top:10px}
.blog-noscript{padding:24px;background:#f1f4f6;margin-top:32px!important}
.blog-contact{margin-block:clamp(80px,8vw,144px);padding:clamp(32px,4vw,72px);background:#f2faff;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(36px,6vw,100px);align-items:center}
.blog-contact h2{font-size:clamp(32px,3vw,54px);line-height:1.12;margin:22px 0 0}
.blog-contact>div>p:not(.blog-eyebrow){font-size:clamp(18px,1.3vw,22px);line-height:1.6;color:#626f79}
.blog-contact .cut-button{margin-top:28px}
.article-main{padding-top:112px!important}
.article-progress{position:fixed;z-index:90;top:0;left:0;width:100%;height:3px;background:transparent;pointer-events:none}
.article-progress>span{display:block;width:100%;height:100%;background:#37afff;transform:scaleX(0);transform-origin:left;will-change:transform}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#626f79;padding-top:36px;line-height:1.5}
.article-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.article-heading{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(40px,3.2vw,56px);max-width:1050px;margin:clamp(40px,4vw,64px) auto clamp(40px,4vw,64px)}
.article-heading-copy{width:100%;min-width:0}
.article-heading h1{font-size:clamp(44px,4.2vw,76px);line-height:1.08;margin:0 0 28px}
.article-deck{font-size:clamp(20px,1.65vw,28px);line-height:1.5;color:#626f79;max-width:950px}
.article-heading-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 32px;width:100%}
.article-byline{display:flex;align-items:center;gap:14px;min-width:0}
.article-author-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;background:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.article-author-mark img{display:block;width:100%;height:100%;object-fit:cover}
.article-author{display:block;font-size:15px;font-weight:500;margin-bottom:4px}
.article-share-group{display:grid;justify-self:end;width:252px;max-width:100%;min-width:0;gap:10px}
.article-share-group--footer{display:none}
.article-share-controls{display:grid;justify-items:start;width:100%;min-width:0;gap:10px}
.article-share-label{font-size:14px;line-height:1.5;color:#626f79}
.article-share-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
.blog-main .article-share-action.cut-button{--share-color:#050607;--button-base-bg:transparent;--button-base-fg:#73808a;--button-base-border:#73808a;--button-hover-bg:var(--share-color);--button-hover-fg:#fff;--button-hover-border:var(--share-color);display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:0;min-height:44px;padding:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.blog-main .article-share-action[data-share-network=facebook]{--share-color:#0866ff}
.blog-main .article-share-action[data-share-instagram]{--share-color:#e1306c}
.blog-main .article-share-action[data-share-network=linkedin]{--share-color:#0a66c2}
.blog-main .article-share-action.cut-button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.article-share-icon{position:relative;z-index:3;display:block;width:20px;height:20px;pointer-events:none}
.blog-main .article-share-action.cut-button>.article-share-copy-icons{position:relative;display:block;width:20px;height:20px;transform:none}
.article-share-copy-icons>.article-share-icon{position:absolute;inset:0;transition:opacity .12s ease}
.article-share-copy-check{opacity:0}
.article-share-copy-check path{stroke-dasharray:1;stroke-dashoffset:0}
.blog-main .article-share-action.cut-button.is-copied{--button-base-bg:#050607;--button-base-fg:#fff;--button-base-border:#050607}
.article-share-action.is-copied .article-share-copy-link{opacity:0}
.article-share-action.is-copied .article-share-copy-check{opacity:1}
.article-share-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.blog-main .article-share-status{font-size:14px;line-height:1.5;color:#626f79;margin:0}
.article-share-fallback label{display:grid;gap:6px;font-size:14px;color:#52616c}
.article-share-fallback input{width:100%;min-width:0;padding:10px;border:1px solid #cbd4da;border-radius:0;background:#fff;color:#050607;font:inherit;font-size:14px}
.article-instagram-open{justify-self:start;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.article-cover{margin:0;aspect-ratio:2.5;overflow:hidden;clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,780px);justify-content:center;gap:clamp(64px,8vw,152px);align-items:start;padding-top:clamp(56px,6vw,96px)}
.article-sidebar{position:sticky;top:136px;align-self:start;min-width:0}
.article-sidebar .article-share-group{justify-self:start;width:252px;margin-top:24px}
.article-toc{border-bottom:1px solid #dbe2e6;padding-block:20px 24px}
.article-toc summary{list-style:none;cursor:default;font:500 16px/1.5 'DM Sans',sans-serif}
.article-toc summary::-webkit-details-marker{display:none}
.article-toc summary span{display:none}
.article-toc nav{display:grid;gap:16px;margin-top:24px;max-height:min(46svh,420px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#cbd4da transparent}
.article-toc a{font-size:15px;line-height:1.5;color:#626f79;border-left:2px solid transparent;padding-left:12px;transition:color .2s,border-color .2s}
.article-toc a:is(:hover,:focus-visible,.is-current){color:#050607;border-color:#37afff}
.article-prose{font-size:20px;line-height:1.75;color:#45525c;max-width:780px;min-width:0}
.article-prose h2{font-size:clamp(27px,2vw,36px);line-height:1.2;color:#050607;margin:48px 0 22px;scroll-margin-top:60px;text-wrap:pretty}
.article-prose :is(h3,h4,h5,h6){font-size:clamp(22px,1.65vw,28px);line-height:1.25;color:#050607;margin:36px 0 18px;scroll-margin-top:60px;text-wrap:pretty}
.article-prose a:not(.blog-text-link,.cut-button){color:#050607;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.article-prose a:not(.blog-text-link,.cut-button):is(:hover,:focus-visible){color:#37afff}
.article-figure{margin:36px 0;width:100%}
.article-figure img{display:block;width:100%;height:auto}
.article-figure--portrait{max-width:360px}
.article-prose>:first-child{margin-top:0}
.article-prose p{margin:0 0 24px}
.article-prose ul{list-style:none;margin:28px 0 32px;padding:24px 28px;background:#f1f4f6;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.article-prose li{position:relative;padding-left:24px;margin:10px 0;line-height:1.6}
.article-prose li::before{content:'';position:absolute;width:6px;height:6px;left:0;top:.7em;background:#37afff}
.article-next{border-top:1px solid #dbe2e6;margin-top:48px;padding-top:32px}
.article-next p{font-size:18px;color:#626f79;margin-bottom:20px}
.blog-related{margin-top:clamp(80px,8vw,140px);padding-top:clamp(40px,4vw,64px);border-top:1px solid #e1e6e9}
.blog-related-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:40px}
@media(min-width:2400px){.blog-wrap{padding-inline:80px}.blog-feature-image{min-height:560px}}
@media(max-width:1100px){
 .blog-page .blog-main,.article-main{padding-top:88px!important}
 .blog-masthead{padding-top:var(--compact-space);gap:var(--compact-gap);grid-template-columns:1.1fr .9fr}
 .blog-masthead h1{font-size:var(--compact-h2)}
 .blog-eyebrow{font-size:var(--compact-label)}
 .blog-intro{font-size:var(--compact-body)}
 .blog-feature{--feature-cut:30px;grid-template-columns:1fr 1fr}
 .blog-feature-image{min-height:400px}
 .blog-feature-copy{padding:30px}
 .blog-feature h2{font-size:30px;margin-block:20px}
 .blog-feature-copy>p{font-size:17px}
 .blog-feature .blog-text-link{margin-top:24px}
 .blog-library h2,.blog-related h2{font-size:var(--compact-h3)}
 .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .blog-card h3{font-size:var(--compact-h3)}
 .blog-card-copy{padding:24px 0 0}
 .blog-contact h2{font-size:var(--compact-h2)}
 .blog-contact>div>p:not(.blog-eyebrow){font-size:var(--compact-body)}
 .article-heading h1{font-size:var(--compact-h2)}
 .article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}
 .article-sidebar{top:112px}
 .article-prose{font-size:18px;line-height:1.7}
 .article-prose h2{font-size:var(--compact-h3)}
 .article-toc a{font-size:14px}
 .article-cover{aspect-ratio:2.1}
}
@media(max-width:760px){
 .blog-masthead{grid-template-columns:1fr;align-items:start;padding-block:48px 36px;gap:24px}
 .blog-masthead h1{margin-top:18px}
 .blog-intro{max-width:550px}
 .blog-feature{grid-template-columns:1fr;--feature-cut:24px}
 .blog-feature-image{min-height:0;aspect-ratio:16/10}
 .blog-feature-label{top:18px;left:18px;font-size:13px;padding:8px 14px}
 .blog-feature-copy{padding:var(--compact-padding)}
 .blog-feature h2{font-size:var(--compact-h3);margin-block:18px}
 .blog-feature-copy>p{font-size:16px}
 .blog-category{font-size:13px}
 .blog-library{padding-top:64px}
 .blog-library-heading{display:grid;gap:26px}
 .blog-search{width:100%;max-width:none}
 .blog-search input{font-size:16px}
 .blog-filters{padding-top:24px;gap:8px}
 .blog-filter{font-size:13px;padding:10px 12px;min-height:40px}
 .blog-result-row{padding-bottom:24px;align-items:flex-start;font-size:13px}
 .blog-grid{grid-template-columns:1fr;gap:24px}
 .blog-card{--card-cut:24px}
 .blog-card-excerpt{font-size:16px}
 .blog-card h3{margin-top:18px}
 .blog-contact{margin-block:64px;grid-template-columns:1fr;padding:var(--compact-padding);gap:28px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
 .blog-contact h2{font-size:var(--compact-h3);margin-top:16px}
 .blog-contact .cut-button{width:100%}
 .blog-empty{justify-items:start;text-align:left;padding:32px 24px}
 .blog-empty h3{font-size:24px}
 .blog-empty p{font-size:16px}
 .article-breadcrumb{padding-top:24px;font-size:12px;gap:8px}
 .article-heading{margin-block:36px 32px;gap:32px}
 .article-heading h1{font-size:var(--compact-h2);text-wrap:pretty;margin:0 0 24px}
 .article-deck{font-size:18px;line-height:1.55}
 .article-heading-bottom{grid-template-columns:minmax(0,1fr);gap:24px}
 .article-share-group{justify-self:start}
 .article-share-group,.article-sidebar .article-share-group{width:244px}
 .article-heading-bottom>.article-share-group,.article-sidebar>.article-share-group{display:none}
 .article-share-group--footer{display:grid;margin-top:48px}
 .article-share-actions{gap:6px}
 .article-share-icon,.blog-main .article-share-action.cut-button>.article-share-copy-icons{width:18px;height:18px}
 .article-cover{aspect-ratio:1.5;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
 .article-layout{grid-template-columns:1fr;padding-top:32px;gap:32px}
 .article-sidebar{position:static}
 .article-toc{padding-block:16px}
 .article-toc summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px}
 .article-toc summary span{display:block}
 .article-toc nav{max-height:none;overflow:visible}
 .article-toc[open] summary span{transform:rotate(45deg)}
 .article-prose{font-size:17px;line-height:1.75}
 .article-prose h2{margin:56px 0 24px}
 .article-prose :is(h3,h4,h5,h6){margin:44px 0 22px}
 .article-prose p{margin-bottom:28px}
 .article-prose ul{margin:36px 0 40px;padding:18px 22px}
 .article-figure{margin-block:40px}
 .article-next{margin-top:56px}
 .blog-related{margin-top:64px;padding-top:32px}
 .blog-related-heading{display:grid;justify-items:start;gap:24px;margin-bottom:28px}
 .blog-text-link{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.blog-main *, .blog-main *::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.blog-main [data-enter]{opacity:1!important;transform:none!important}.blog-card:hover img,.blog-feature:hover img{transform:none}}
@media(forced-colors:active){
 .blog-main .article-share-action.cut-button,.blog-main .article-share-action.cut-button.is-copied{--button-base-bg:Canvas;--button-base-fg:ButtonText;--button-base-border:ButtonText;--button-hover-bg:Highlight;--button-hover-fg:HighlightText;--button-hover-border:Highlight;forced-color-adjust:none}
 .blog-main .article-share-action.cut-button:focus-visible{outline-color:HighlightText}
}
