/* B2B: the site's Bounded/Geologica typography, Indigo Grape accent,
   Lilac Cloud and cold blue surfaces. Scoped to this page only. */
.b2b-page .ip-hero .head-col.w9 h1{font-size:clamp(28px,3.15vw,46px)!important}
.b2b-page .ip-hero .head-col.w9 p{max-width:54ch!important}
.b2b-page #channels .sec-head{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:start}
.b2b-page #channels .sec-head h2{grid-column:1}
.b2b-page #channels .sec-head h3{grid-column:1;max-width:24ch;margin-bottom:0}
.b2b-page #channels .sec-head p{grid-column:2;grid-row:1 / span 2;font-size:17px;line-height:1.5;max-width:56ch}
.b2b-page #channels .b2b-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
.b2b-page .b2b-channel{--pad:32px;display:grid;grid-template-rows:subgrid;grid-row:span 3;position:relative;gap:16px;min-width:0;scroll-margin-top:112px}
.b2b-page .b2b-channel .b2b-channel-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.b2b-page .b2b-channel .tag{font-family:'Bounded','Geologica',sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:400;line-height:1.1;letter-spacing:-.02em}
.b2b-page .b2b-channel .pg-ic{margin:0;flex:none}
.b2b-page .b2b-channel .pg-ic svg{width:40px;height:40px}
.b2b-page .b2b-channel>b{font-size:21px;max-width:30ch}
.b2b-page .b2b-channel>span{max-width:56ch}
.b2b-page .b2b-channel.is-lilac{background:var(--lilac);border-color:transparent}
.b2b-page .b2b-channel.is-accent{background:var(--accent);border-color:transparent}
.b2b-page .b2b-channel.is-accent :is(.tag,.pg-ic,b,span){color:var(--white)}
.b2b-page .b2b-channel.is-cold{background:var(--cold);border-color:transparent}
.b2b-page #channels .b2b-principles{margin-top:32px;gap:32px}
.b2b-page .b2b-principles .pg-card{position:relative;padding:8px 0 8px 56px;border:0;border-radius:0;background:none;gap:12px}
.b2b-page .b2b-principles .pg-ic{position:absolute;left:0;top:8px;margin:0}
.b2b-page .b2b-principles .pg-card>b{font-size:19px;color:var(--ink)}
.b2b-page #b2b-mediaplan{padding-top:96px;padding-bottom:0}
.b2b-page #b2b-mediaplan>.shell{align-items:start}
.b2b-page #b2b-mediaplan .lead-side{gap:16px}
.b2b-page #b2b-mediaplan .lead-side h2{max-width:15ch;margin:0}
.b2b-page #b2b-mediaplan .lead-side>p{font-size:17px;line-height:1.5;margin:0;max-width:46ch}
.b2b-page #manufacturer-cases{padding-top:96px}
.b2b-page .b2b-cases-surface{padding:48px;background:var(--lilac);border-radius:var(--r-l)}
.b2b-page #manufacturer-cases .sec-head{display:flex;align-items:end;justify-content:space-between;gap:24px}
.b2b-page #manufacturer-cases .sec-head h3{margin:0}
.b2b-page #manufacturer-cases .pg-mini{align-items:stretch}
.b2b-page #manufacturer-cases .pg-mini-i{display:grid;grid-template-rows:subgrid;grid-row:span 5;border-color:transparent;padding:32px;gap:20px;min-width:0}
.b2b-page .b2b-case-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.b2b-page #manufacturer-cases .pg-mini-h{font-family:'Bounded','Geologica',sans-serif;font-size:19px;line-height:1.3;font-weight:400;margin:0}
.b2b-page #manufacturer-cases .pg-mini-st{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-self:start}
.b2b-page #manufacturer-cases .pg-mini-st>div{padding:16px;background:var(--lilac);min-width:0}
.b2b-page #manufacturer-cases .pg-mini-st>div.is-primary{grid-column:1 / -1;flex-direction:row;align-items:center;gap:20px;background:var(--accent);color:var(--white)}
.b2b-page #manufacturer-cases .pg-mini-st>div.is-primary b{color:var(--white);font-size:clamp(32px,3.1vw,44px);flex:none}
.b2b-page #manufacturer-cases .pg-mini-st>div.is-primary span{color:var(--white);max-width:24ch;font-size:14px;line-height:1.4}
.b2b-page #manufacturer-cases .pg-mini-st b{font-variant-numeric:tabular-nums;font-size:26px}
.b2b-page #manufacturer-cases .pg-mini-st>div.is-primary{min-height:88px}
.b2b-page #manufacturer-cases .pg-mini-st>div:last-child:nth-child(2){grid-column:1 / -1}
.b2b-page #manufacturer-cases .pg-mini-out{margin-top:0;align-self:start}
@media(min-width:1101px){
  .b2b-page #b2b-mediaplan .lead-side{grid-column:1 / span 5}
  .b2b-page #b2b-mediaplan .lead-form{grid-column:7 / -1}
}
@media(max-width:1100px){
  .b2b-page #channels .sec-head{column-gap:32px}
  .b2b-page .b2b-cases-surface{padding:32px}
  .b2b-page #manufacturer-cases .pg-mini-i{padding:24px}
  .b2b-page #manufacturer-cases .sec-head{display:block}
  .b2b-page #manufacturer-cases .pg-mini-st>div.is-primary{flex-direction:column;align-items:start;gap:12px}
}
@media(max-width:900px){
  .b2b-page .ip-hero .head-col.w9{grid-column:1 / -1}
  .b2b-page .ip-hero .head-col.w9 h1{font-size:clamp(32px,5.8vw,46px)!important}
  .b2b-page #channels .sec-head{display:block}
  .b2b-page #channels .sec-head h3{max-width:32ch;margin-bottom:20px}
  .b2b-page #channels .sec-head p{max-width:65ch}
  .b2b-page .b2b-channel{--pad:24px}
  .b2b-page .b2b-channel .b2b-channel-top{gap:12px;margin-bottom:8px}
  .b2b-page .b2b-channel .tag{font-size:28px}
  .b2b-page .b2b-channel .pg-ic svg{width:32px;height:32px}
  .b2b-page #manufacturer-cases .pg-mini-st{grid-template-columns:1fr}
  .b2b-page #manufacturer-cases .pg-mini-h{min-height:0}
}
@media(max-width:640px){
  .b2b-page .ip-hero .head-col.w9 h1.tight{font-size:clamp(24px,6.4vw,36px)!important}
  .b2b-page #channels .b2b-channels{grid-template-columns:1fr;gap:16px}
  .b2b-page .b2b-channel{display:flex;grid-template-rows:none;grid-row:auto}
  .b2b-page .b2b-channel .tag{font-size:30px}
  .b2b-page .b2b-channel>b{font-size:20px}
  .b2b-page #channels .b2b-principles{gap:24px}
  .b2b-page .b2b-principles .pg-card{padding-left:48px}
  .b2b-page #b2b-mediaplan{padding-top:64px}
  .b2b-page #b2b-mediaplan .lead-side{display:flex}
  .b2b-page #manufacturer-cases{padding-top:64px}
  .b2b-page .b2b-cases-surface{padding:24px 16px;margin:0 -8px;border-radius:var(--r-l)}
  .b2b-page #manufacturer-cases .sec-head{padding:0 8px;margin-bottom:24px}
  .b2b-page #manufacturer-cases .pg-mini{gap:16px}
  .b2b-page #manufacturer-cases .pg-mini-i{display:flex;grid-template-rows:none;grid-row:auto;padding:24px 20px;gap:20px}
  .b2b-page #manufacturer-cases .pg-mini-h{font-size:18px}
  .b2b-page #manufacturer-cases .pg-mini-st>div.is-primary{flex-direction:row;align-items:center;gap:16px}
  .b2b-page #manufacturer-cases .pg-mini-st>div.is-primary b{font-size:32px}
  .b2b-page #manufacturer-cases .pg-mini-st>div.is-primary span{font-size:13px}
}
@media(max-width:360px){
  .b2b-page #manufacturer-cases .pg-mini-st>div.is-primary{flex-direction:column;align-items:start}
}