/* One set of proportions for the gallery and every website placement. */
.pd-brand {
  --pd-ink:#17211d; --pd-lime:#c9f75a; --pd-paper:#f5f3ea;
  --pd-name-size:28px; --pd-icon-size:56px; --pd-icon-padding:6px;
  --pd-icon-radius:17px; --pd-gap:12px; --pd-leading:3px;
  --pd-claim-ratio:.53; --pd-claim-face:"Avenir Next",Avenir,"Segoe UI",sans-serif;
  display:inline-flex; align-items:center; gap:var(--pd-gap);
  color:var(--pd-ink); text-decoration:none; flex-shrink:0; min-width:0;
  font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased;
}
.pd-brand-icon {
  display:grid; place-items:center; box-sizing:border-box;
  width:var(--pd-icon-size); height:var(--pd-icon-size);
  padding:var(--pd-icon-padding); border-radius:var(--pd-icon-radius);
  background:var(--pd-ink); color:var(--pd-lime); flex:none;
}
.pd-brand-robot{display:block;width:100%;height:100%}
.pd-brand-type {
  display:inline-grid; grid-template-columns:max-content; justify-items:start;
  min-width:0; line-height:1; transform:translateY(-.5px);
}
.pd-brand-type strong {
  display:block; color:inherit; font-family:Arial,Helvetica,sans-serif;
  font-size:var(--pd-name-size); font-weight:750; letter-spacing:-.052em;
  font-kerning:normal; line-height:1; white-space:nowrap;
}
.pd-brand-period{color:inherit;letter-spacing:0}
.pd-brand-claim {
  display:block; width:0; min-width:100%; margin-top:var(--pd-leading);
  color:#5f6a60; font-family:var(--pd-claim-face);
  font-size:calc(var(--pd-name-size) * var(--pd-claim-ratio));
  font-weight:400; font-style:normal; font-variant:normal;
  letter-spacing:0; line-height:1.15; white-space:nowrap;
}
.pd-brand-claim-text{display:inline-block;white-space:nowrap;letter-spacing:0;vertical-align:top;font-kerning:normal}
.pd-brand-claim-end{letter-spacing:0}
.pd-brand--2 {--pd-claim-face:"Avenir Next",Avenir,"Segoe UI",sans-serif;--pd-claim-ratio:.53}
.pd-brand--2 .pd-brand-claim{font-style:italic;font-weight:400}
.pd-brand--3 {--pd-claim-face:Georgia,"Times New Roman",serif;--pd-claim-ratio:.52}
.pd-brand--3 .pd-brand-claim{font-style:italic}
.pd-brand--4 {--pd-claim-ratio:.395}
.pd-brand--4 .pd-brand-claim{text-transform:uppercase;font-weight:500}
.pd-brand--5 {--pd-claim-face:Menlo,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--pd-claim-ratio:.44}
.pd-brand--compact {--pd-name-size:21px;--pd-icon-size:46px;--pd-icon-padding:5px;--pd-icon-radius:14px;--pd-gap:10px;--pd-leading:2px}
.pd-brand--gallery {--pd-name-size:40px;--pd-icon-size:64px;--pd-icon-padding:6px;--pd-icon-radius:19px;--pd-gap:13px;--pd-leading:4px}
.pd-brand--large {--pd-name-size:40px;--pd-icon-size:72px;--pd-icon-padding:7px;--pd-icon-radius:21px;--pd-gap:15px;--pd-leading:4px}
.pd-brand--on-dark{color:var(--pd-paper)}
.pd-brand--on-dark .pd-brand-icon{background:var(--pd-lime);color:var(--pd-ink)}
.pd-brand--on-dark .pd-brand-period{color:var(--pd-lime)}
.pd-brand--on-dark .pd-brand-claim{color:#d5dccf}
@media(max-width:620px){
  .pd-brand{--pd-name-size:21px;--pd-icon-size:46px;--pd-icon-padding:5px;--pd-icon-radius:14px;--pd-gap:10px;--pd-leading:2px}
  .pd-brand--compact{--pd-name-size:18px;--pd-gap:9px}
  .pd-brand--gallery,.pd-brand--large{--pd-name-size:clamp(23px,7vw,29px);--pd-icon-size:58px;--pd-icon-radius:17px;--pd-gap:11px;--pd-leading:3px}
}

/* Approved master: outlined fonts make every placement independent of local fonts. */
.pd-brand-approved{--pd-lockup-width:260px;display:inline-block;width:var(--pd-lockup-width);max-width:100%;line-height:0}
.pd-brand-artwork{display:block;position:relative;width:100%}
.pd-brand-master{display:block;width:100%;height:auto}
.pd-brand-master--dark{display:none}
.pd-brand-approved.pd-brand--on-dark .pd-brand-master,.variant-gespraech .site-header .pd-brand-approved .pd-brand-master{display:none}
.pd-brand-approved.pd-brand--on-dark .pd-brand-master--dark,.variant-gespraech .site-header .pd-brand-approved .pd-brand-master--dark{display:block}
.pd-brand-approved.pd-brand--gallery,.pd-brand-approved.pd-brand--large{--pd-lockup-width:350px}
.pd-brand-approved.pd-brand--compact{--pd-lockup-width:210px}
@media(max-width:620px){.pd-brand-approved{--pd-lockup-width:220px}.pd-brand-approved.pd-brand--compact{--pd-lockup-width:190px}.pd-brand-approved.pd-brand--gallery,.pd-brand-approved.pd-brand--large{--pd-lockup-width:245px}}