/* Company pages share the product pages' typography, spacing, and surfaces. */
#top #company-content{--company-muted:#606872;--company-line:#dce1e7}
#top #company-content :is(h1,h2,h3,h4,p,li,blockquote){height:auto;text-box-trim:none;line-height:1.6}
#top #company-content :is(h1,h2,h3){line-height:1.2}
.company-page [hidden]{display:none!important}
.company-page .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.company-page img{display:block;max-width:100%;height:auto}
.company-page .company-hero{padding:64px 0 48px}
#top #company-content .eyebrow{color:var(--company-muted);margin:0 0 24px}
#top #company-content h1{margin-bottom:32px;max-width:1040px}
#top #company-content .company-lead{max-width:820px;color:var(--company-muted);font-size:var(--type-title);margin-bottom:32px}
.company-page .company-section{padding:80px 0}
.company-page .company-soft{background:var(--palette-gray)}
.company-page .company-section-heading{max-width:800px;margin-bottom:40px}
#top #company-content .company-section-heading h2{margin-bottom:24px}
#top #company-content .company-section-heading p{color:var(--company-muted);margin:0}
#top #company-content .company-profile{font-size:var(--type-small);color:var(--company-muted);margin:24px 0 0}
.company-page .company-profile a,.company-page .company-careers-contact a{color:var(--palette-hover);text-decoration:underline;text-underline-offset:4px}
.company-page .company-principles{padding-top:16px}
.company-page .company-principles .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.company-page .company-principles article{border-top:1px solid var(--company-line);padding-top:32px}
#top #company-content .company-principles h2{font-size:var(--type-title);margin-bottom:20px}
#top #company-content .company-principles p{color:var(--company-muted);margin:0}
.company-page .company-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.company-page .company-resource{border-top:1px solid var(--company-line);padding-top:24px;text-decoration:none}
#top #company-content .company-resource h3{font-size:var(--type-title);margin-bottom:16px;display:flex;justify-content:space-between;gap:16px}
.company-page .company-resource h3 span{color:var(--company-muted)}
#top #company-content .company-resource p{margin:0;color:var(--company-muted);font-size:var(--type-small)}
.company-page .company-resource:hover h3{color:var(--palette-hover)}
.company-page .company-openings{padding-top:16px}
.company-page .company-role{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 0;border-top:1px solid var(--company-line)}
.company-page .company-role:last-child{border-bottom:1px solid var(--company-line)}
#top #company-content .company-role h3{font-size:var(--type-title);margin:0 0 16px}
.company-page .company-role-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}
#top #company-content .company-role-meta li{color:var(--company-muted);font-size:var(--type-small);margin:0}
.company-page .company-role>a{flex:none;min-height:44px;display:flex;align-items:center;gap:12px}
#top #company-content .company-careers-contact h2{margin-bottom:24px}
#top #company-content .company-careers-contact p{margin:0;overflow-wrap:anywhere}
.company-page .company-posts{padding-top:0}
.company-page .company-blog-filters{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}
.company-page .company-blog-filters a{padding:12px 24px;border-radius:8px;font-size:var(--type-small);font-weight:600;text-decoration:none;color:var(--company-muted);background:var(--palette-gray)}
.company-page .company-blog-filters a[aria-current=true]{background:var(--palette-tint);color:var(--palette-hover)}
.company-page .company-blog-filters a:hover{color:var(--palette-hover)}
.company-page .company-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.company-page .company-post-card{min-width:0}
.company-page .company-post-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.company-page .company-post-image{overflow:hidden;border-radius:8px;background:var(--palette-gray)}
.company-page .company-post-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.company-page .company-post-summary{display:flex;flex-direction:column;flex:1;padding-top:24px}
#top #company-content .company-post-summary .eyebrow{font-size:var(--type-caption);margin-bottom:12px}
#top #company-content .company-post-summary h2{font-size:var(--type-title);margin-bottom:16px}
#top #company-content .company-post-excerpt{font-size:var(--type-small);color:var(--company-muted);margin-bottom:24px}
.company-page .company-post-card a:hover h2{color:var(--palette-hover)}
#top #company-content .company-meta{display:flex;flex-wrap:wrap;gap:4px 20px;color:var(--company-muted);font-size:var(--type-small);margin:0 0 24px}
#top #company-content .company-post-summary .company-meta{margin-top:auto;font-size:var(--type-caption)}
.company-page .company-post-summary>.text-link{font-size:var(--type-small)}
.company-page .company-post-card--featured{grid-column:1/-1;padding-bottom:40px;border-bottom:1px solid var(--company-line)}
.company-page .company-post-card--featured>a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px}
.company-page .company-post-card--featured .company-post-summary{padding:0}
#top #company-content .company-post-card--featured h2{font-size:var(--type-section)}
#top #company-content .company-post-card--featured .company-post-excerpt{font-size:var(--type-body)}
#top #company-content .company-post-card--featured .company-meta{margin-top:0}
.company-page .company-newsletter{border-top:1px solid var(--company-line)}
.company-page .company-newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
#top #company-content .company-newsletter h2{margin-bottom:24px}
#top #company-content .company-newsletter p{color:var(--company-muted);margin-bottom:0}
.company-page .company-newsletter label{display:block;font-size:var(--type-small);margin-bottom:12px;font-weight:600}
.company-page .company-newsletter-inputs{display:flex;gap:12px}
.company-page .company-newsletter input[type=email]{min-width:0;width:100%;border:1px solid #aab2bc;border-radius:6px;padding:12px 16px;background:white;color:var(--text-color);font:inherit}
.company-page .company-newsletter input:focus-visible{outline:2px solid var(--palette-blue);outline-offset:2px}
.company-page .company-newsletter button:disabled{opacity:.6;cursor:wait}
#top #company-content .company-form-status:not(:empty){margin-top:16px;font-size:var(--type-small)}
#top #company-content .company-form-status[data-error=true]{color:#a02828}
.company-page .company-article-header{max-width:960px;padding-top:48px;padding-bottom:32px}
.company-page .company-back{display:inline-block;margin-bottom:40px;font-size:var(--type-small)}
#top #company-content.company-article h1{font-size:var(--type-section);line-height:1.25;margin-bottom:24px}
#top #company-content.company-article .company-lead{font-size:var(--type-body);max-width:820px;margin-bottom:24px}
.company-page .company-article-image{margin-top:0;margin-bottom:64px;max-width:960px}
.company-page .company-article-image img{width:100%;border-radius:8px}
.company-page .company-article-copy{width:min(760px,calc(100% - 96px));margin:0 auto 80px;overflow-wrap:break-word}
#top #company-content .company-article-copy p{line-height:1.8;margin:0 0 24px}
#top #company-content .company-article-copy h2{font-size:var(--type-section);margin:56px 0 24px}
#top #company-content .company-article-copy h3{font-size:var(--type-title);margin:40px 0 20px}
#top #company-content .company-article-copy li{line-height:1.8;margin-bottom:12px}
.company-page .company-article-copy :is(ul,ol){margin:24px 0;padding-left:28px}
.company-page .company-article-copy a{color:var(--palette-hover);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.company-page .company-article-copy img{max-width:100%;height:auto;margin:40px auto;border-radius:8px}
.company-page .company-related{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:40px}
.company-page .company-related a{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--company-line);padding-top:24px;text-decoration:none}
.company-page .company-related span{color:var(--company-muted);font-size:var(--type-small)}
.company-page .company-related strong{font-family:var(--font-heading);font-size:var(--type-title);font-weight:600;line-height:1.4}
.company-page .company-related a:hover strong{color:var(--palette-hover)}
.company-page .company-article-links{display:flex;flex-wrap:wrap;gap:20px 32px;font-size:var(--type-small)}
@media(max-width:1000px){
 .company-page .company-post-grid,.company-page .company-resources{grid-template-columns:repeat(2,minmax(0,1fr))}
 .company-page .company-post-card--featured>a{gap:32px}
 .company-page .company-newsletter-grid{gap:32px}
 .company-page .company-principles .wrap{gap:24px}
}
@media(max-width:700px){
 .company-page .company-hero{padding:40px 0 32px}
 #top #company-content .company-lead{font-size:var(--type-body)}
 .company-page .company-section{padding:56px 0}
 .company-page .company-posts,.company-page .company-openings,.company-page .company-principles{padding-top:8px}
 .company-page .company-principles .wrap,.company-page .company-resources,.company-page .company-post-grid,.company-page .company-post-card--featured>a,.company-page .company-newsletter-grid,.company-page .company-related{grid-template-columns:1fr;gap:32px}
 .company-page .company-post-card--featured{padding-bottom:32px}
 #top #company-content .company-post-card--featured h2{font-size:var(--type-title)}
 .company-page .company-role{align-items:start;gap:20px}
 .company-page .company-blog-filters a{padding:12px 20px}
 .company-page .company-newsletter-inputs{flex-direction:column}
 .company-page .company-article-header{padding-top:32px;padding-bottom:16px}
 .company-page .company-back{margin-bottom:32px}
 .company-page .company-article-image{margin-bottom:40px}
 .company-page .company-article-copy{width:calc(100% - 32px);margin-bottom:56px}
 #top #company-content .company-article-copy h2{font-size:var(--type-title);margin-top:40px}
}