/*Partners Page*/
.page-partners{}

/*Hero*/
.page-partners .hero{ height: 100vh; min-height: 680px; padding-top: calc(var(--header-h, 80px) + 40px); align-items: flex-end; padding-bottom: 130px; background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 35%, rgba(0, 0, 0, 0) 70%), var(--black) url("../img/partners/bg-hero.webp"); background-size: cover; background-position: 70% bottom; background-repeat: no-repeat; color: var(--white); }
.page-partners .hero .bottom{ display: flex; justify-content: space-between; align-items: flex-end; width: 100%; }
.page-partners .hero .bottom .left{}
.page-partners .hero .bottom .left .label{ position: relative; display: block; font: 500 clamp(11px, .87vw, 14px)/1.3 var(--space-grotesk); letter-spacing: .14em; text-transform: uppercase; color: var(--white); margin-bottom: clamp(14px, 1.4vw, 22px); }
.page-partners .hero .bottom .left .title{ font-size: 58px; letter-spacing: -.035em; margin-bottom: 30px; line-height: 1.025; font-weight: 600; font-family: var(--dm-sans); max-width: 720px; }
.page-partners .hero .bottom .left .description{ line-height: 1.6; font-weight: 400; font-size: 16px; max-width: 600px; text-wrap: pretty; }
.page-partners .hero .bottom .right{}
.page-partners .hero .bottom .right .button{}

/*Partners*/
.page-partners .partners{ padding: var(--sec-pad) 0; background: var(--grey-93); }
.page-partners .partners-featured{ background: radial-gradient(70% 55% at 50% 0%, rgba(49, 89, 243, .24) 0%, rgba(49, 89, 243, 0) 100%), var(--black); color: var(--white); }
.page-partners .partners .section-head{ max-width: 70ch; margin: 0 auto 48px; text-align: center; }
.page-partners .partners .section-head .pill{ display: block; font: 500 13px/1.3 var(--space-grotesk); letter-spacing: .1em; text-transform: uppercase; color: var(--cyan); margin-bottom: var(--eb-gap); }
.page-partners .partners .section-head .pill span{}
.page-partners .partners-others .section-head .pill{ color: var(--blue-bright); }
.page-partners .partners-others .section-intro{ color: var(--black); }
.page-partners .partners .section-intro{ margin: 0; font-size: 16px; font-weight: 300; line-height: 1.6; color: var(--white); text-wrap: pretty; }
.page-partners .partners-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.page-partners .partner-card{ display: flex; flex-direction: column; min-width: 0; background: linear-gradient(var(--white), var(--white)) padding-box, radial-gradient(177.99% 105.81% at 50.18% 100%, rgba(2, 1, 12, 0) 0%, rgba(2, 1, 12, 0.18) 100%) border-box; border: 1px solid transparent; border-radius: 20px; box-shadow: 0 23px 38.3px 0 rgba(2, 1, 12, 0.04) inset; padding: 32px; }
.page-partners .partner-card .badges{ display: flex; align-items: center; flex-wrap: wrap; gap: 16px; min-height: 136px; margin-bottom: 28px; }
.page-partners .partner-card .badge{ display: flex; align-items: center; justify-content: center; height: 136px; max-width: 100%; line-height: 0; }
.page-partners .partner-card .badge img{ display: block; width: auto; max-width: 100%; height: 100%; object-fit: contain; }
.page-partners .partner-card .badge.round img{ border-radius: 10px; }
.page-partners .partner-card .badge.wide{ height: auto; }
.page-partners .partner-card .badge.wide img{ width: 220px; height: auto; }
.page-partners .partner-card .badge.dark{ height: 136px; padding: 0 32px; background: var(--black); border-radius: var(--r-lg); }
.page-partners .partner-card .badge.dark img{ width: 190px; height: auto; }
.page-partners .partner-card h2, .page-partners .partner-card .pill, .page-partners .partner-card .description{ overflow-wrap: break-word; }
.page-partners .partner-card .pill{ display: block; font: 500 13px/1.3 var(--space-grotesk); letter-spacing: .1em; text-transform: uppercase; color: var(--blue-bright); margin-bottom: var(--eb-gap); text-wrap: balance; }
.page-partners .partner-card .pill span{}
.page-partners .partner-card h2{ font-size: clamp(28px, 2.8vw, 44px); font-weight: 600; line-height: 1.1; letter-spacing: -.02em; text-wrap: balance; margin-bottom: 16px; }
.page-partners .partner-card .description{ font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--grey-32); margin-bottom: 24px; text-wrap: pretty; }
.page-partners .partner-card .button{ align-self: flex-start; margin-top: auto; }

/*Featured Partners*/
.page-partners .partner-card.is-featured{ grid-column: 1 / -1; display: grid; grid-template-columns: minmax(240px, 380px) minmax(0, 1fr); column-gap: clamp(32px, 5vw, 72px); align-content: center; align-items: start; padding: clamp(32px, 4vw, 56px); }
.page-partners .partner-card.is-featured .badges{ grid-row: 1 / span 4; align-self: center; justify-content: center; min-height: 0; margin-bottom: 0; gap: 20px; }
.page-partners .partner-card.is-featured .badge{ height: 240px; }
.page-partners .partner-card.is-featured .pill, .page-partners .partner-card.is-featured h2, .page-partners .partner-card.is-featured .description, .page-partners .partner-card.is-featured .button{ grid-column: 2; }
.page-partners .partner-card.is-featured .pill{ align-self: end; }
.page-partners .partner-card.is-featured h2{ margin-bottom: 20px; }
.page-partners .partner-card.is-featured .description{ max-width: 62ch; font-size: 16px; }
.page-partners .partner-card.is-featured .button{ margin-top: 0; justify-self: start; }
.page-partners .partner-card.is-dark{ background: linear-gradient(#02010C, #02010C) padding-box, radial-gradient(177.99% 105.81% at 50.18% 100%, rgba(255, 255, 255, 0) 0%, rgba(181, 192, 255, 0.2) 100%) border-box; box-shadow: 0 23px 38.3px 0 #FFFFFF0D inset; color: var(--white); }
.page-partners .partner-card.is-databricks{ background: linear-gradient(var(--ink-dark), var(--ink-dark)) padding-box, radial-gradient(177.99% 105.81% at 50.18% 100%, rgba(255, 255, 255, 0) 0%, rgba(181, 192, 255, 0.2) 100%) border-box; overflow: hidden; }
.page-partners .partner-card.is-databricks:before{ content: ""; display: block; width: 600px; height: 647px; background: url("../img/services/databricks/v3/bg-partner.svg"); background-size: 100% 100%; position: absolute; top: -110px; left: -40px; pointer-events: none; }
.page-partners .partner-card.is-databricks > *{ position: relative; z-index: 1; }
.page-partners .partner-card.is-dark .pill{ color: var(--cyan); }
.page-partners .partner-card.is-dark .description{ color: var(--lavender); line-height: 1.65; letter-spacing: .005em; }

@media(max-width: 1024px){

   /*Hero*/
   .page-partners .hero .bottom .left .title{ font-size: 36px; }
   .page-partners .hero .bottom .left .description{ font-size: 14px; }

   /*Partners*/
   .page-partners .partner-card{ padding: 28px; }

   /*Featured Partners*/
   .page-partners .partner-card.is-featured{ grid-template-columns: minmax(200px, 280px) minmax(0, 1fr); }
   .page-partners .partner-card.is-featured .badge{ height: 200px; }

}

@media(max-width: 768px){

   /*Hero*/
   .page-partners .hero{ min-height: 560px; background-image: linear-gradient(to top, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .88) 45%, rgba(0, 0, 0, .5) 75%, rgba(0, 0, 0, .2) 100%), url("../img/partners/bg-hero.webp"); }
   .page-partners .hero .bottom{ flex-direction: column; justify-content: flex-start; align-items: flex-start; }
   .page-partners .hero .bottom .left .label{ letter-spacing: .12em; }
   .page-partners .hero .bottom .left .description{ margin-bottom: 20px; }

   /*Partners*/
   .page-partners .partners .section-head{ margin-bottom: 32px; }
   .page-partners .partners .section-intro{ font-size: 15px; }
   .page-partners .partners-list{ grid-template-columns: 1fr; }
   .page-partners .partner-card{ padding: 24px; }
   .page-partners .partner-card .description{ font-size: 15px; }

   /*Featured Partners*/
   .page-partners .partner-card.is-featured{ display: flex; padding: 24px; }
   .page-partners .partner-card.is-featured .badges{ justify-content: flex-start; margin-bottom: 28px; }
   .page-partners .partner-card.is-featured .badge{ height: 136px; }
   .page-partners .partner-card.is-featured .pill{ align-self: flex-start; }
   .page-partners .partner-card.is-featured .description{ font-size: 15px; }
   .page-partners .partner-card.is-featured .button{ margin-top: auto; }

}

@media(max-width: 400px){

   /*Hero*/
   .page-partners .hero .bottom .left .title{ font-size: 32px; }

}