.brand-lockup{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.brand-context{font:10px/1.4 Arial,Helvetica,sans-serif;color:#61705c;letter-spacing:.7px}.brand-lockup .catalog-logo{align-self:flex-start}.brand-workflow{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:23px 0 0;font:12px/1.7 Arial,Helvetica,sans-serif;color:#61705c}.brand-workflow li{display:flex;align-items:center;gap:7px}.brand-workflow small{border:1px solid #cbd6bf;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.catalog-footer .brand-summary{font-size:15px;line-height:1.8}.brand-scope{display:grid;gap:14px;padding:0;list-style:none;margin:24px 0 30px}.brand-scope a{display:block;border:1px solid #dbe3ce;padding:17px 20px;border-radius:4px}.brand-scope strong{display:block;color:#254f3c;margin-bottom:6px}.brand-scope span{font-size:14px;line-height:1.9}.site-header .brand-lockup .logo{white-space:nowrap}.studio-context{font-size:12px;letter-spacing:1px;color:#61705c;margin-bottom:15px}.site-header>.brand-lockup{gap:6px}
@media(max-width:1100px){.catalog-header{gap:15px}.catalog-header nav{gap:16px}.brand-context{font-size:9px;letter-spacing:.3px}}
@media(max-width:800px){.brand-context{font-size:9px}.brand-workflow{gap:9px 14px}.brand-lockup{gap:4px}.brand-scope a{padding:15px}}

/* Header wordmark and icon form a single home link. */
.catalog-header > .catalog-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  text-decoration: none;
  color: #233f33;
}
.catalog-brand-mark { display: block; flex: none; width: 42px; height: 42px; }
.catalog-brand-copy { display: grid; min-width: 0; gap: 4px; }
.catalog-brand-word {
  font: 700 30px/.98 Arial, Helvetica, sans-serif;
  letter-spacing: -1.4px;
  white-space: nowrap;
}
.catalog-brand-word span { color: #9f5b3c; }
.catalog-brand-description {
  color: #4b604f;
  font: 500 11px/1.3 Arial, Helvetica, sans-serif;
}
.catalog-brand:hover .catalog-brand-word { color: #37644c; }
.catalog-brand:focus-visible { outline: 2px solid #254f3c; outline-offset: 5px; border-radius: 4px; }
@media (max-width: 420px) {
  .catalog-header > .catalog-brand { gap: 8px; }
  .catalog-brand-mark { width: 37px; height: 37px; }
  .catalog-brand-word { font-size: 25px; letter-spacing: -1.1px; }
}