/* Shared company colophon for STUDIO and CONTACT. */

.bitard-company-footer{
  color:var(--muted);
  font-style:normal;
  font-size:9px;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
  user-select:text;
  -webkit-user-select:text;
}

.bitard-company-footer a{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:transparent;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  cursor:pointer;
  user-select:text;
  -webkit-user-select:text;
  transition:color .18s ease,text-decoration-color .18s ease;
}
.bitard-company-footer a:hover,
.bitard-company-footer a:focus-visible{
  color:var(--ink);
  text-decoration-color:currentColor;
  outline:0;
}

/* One persistent desktop footer shared by STUDIO and CONTACT. The top rule is
   the edge of an opaque paper surface that continues to the viewport bottom.
   Keep a narrow paper-colored lane at the right edge so native panel scrollbars
   stay fully visible instead of being covered by the fixed footer surface. */
.bitard-company-footer--global{
  position:fixed;
  z-index:85;
  left:calc(var(--edge) + var(--logo-col) + var(--logo-nav-gap) + var(--nav-col) + var(--air));
  right:14px;
  bottom:0;
  display:flex;
  flex-wrap:wrap;
  gap:7px 24px;
  margin:0;
  padding:18px 42px var(--edge) 0;
  border-top:1px solid rgba(20,20,20,.13);
  background:var(--paper);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.bitard-studio-open .bitard-company-footer--global,
body.bitard-contact-open .bitard-company-footer--global{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* Mobile/compact desktop keeps company details in document flow instead of
   pinning a footer over a cramped viewport. */
.bitard-company-footer--mobile{display:none}

/* Keep content clear of the fixed desktop colophon. */
body.bitard-contact-open .bitard-contact-panel__inner,
body.bitard-studio-open .bitard-studio-panel__inner{
  padding-bottom:88px;
}

@media (max-width:1280px){
  .bitard-company-footer--global{padding-right:30px}
}

/* At compact desktop widths both Studio and Contact switch to vertical flow.
   Use the in-flow company footer there as well so no panel copy can sit behind
   a fixed colophon. The desktop rail/navigation remains unchanged. */
@media (min-width:821px) and (max-width:1180px){
  .bitard-company-footer--global{display:none}
  .bitard-company-footer--mobile{
    position:static;
    display:grid;
    gap:4px;
    margin:6px 0 0;
    padding-top:18px;
    border-top:1px solid rgba(20,20,20,.13);
  }
  body.bitard-studio-open .bitard-studio-panel__inner,
  body.bitard-contact-open .bitard-contact-panel__inner{padding-bottom:54px}
}

/* Studio already becomes single-column at <=1040px in studio.css. Extend that
   exact composition through the rest of the compact-desktop range so Studio
   and Contact share the same 1180px transition without changing the rail. */
@media (min-width:1041px) and (max-width:1180px){
  .bitard-studio-panel__inner{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
    gap:34px;
    padding-right:24px;
  }
  .bitard-studio-lead,
  .bitard-studio-story,
  .bitard-studio-closing,
  .bitard-studio-collabs{grid-column:1}
  .bitard-studio-closing{max-width:620px}
  .bitard-studio-collabs{align-self:start;padding-bottom:0}
}

@media (max-width:820px){
  .bitard-company-footer--global{display:none}
  .bitard-company-footer--mobile{
    position:static;
    display:grid;
    gap:4px;
    margin:6px 0 0;
    padding-top:18px;
    border-top:1px solid rgba(20,20,20,.13);
  }
  body.bitard-studio-open .bitard-studio-panel__inner,
  body.bitard-contact-open .bitard-contact-panel__inner{padding-bottom:54px}
}

/* Keep the language switch aligned exactly where the rail already places it;
   only increase legibility and use the same black ink as the navigation. */
.bitard-language-switch,
.bitard-utility .bitard-language-switch a{
  color:var(--ink)!important;
  font-size:13px!important;
}
.bitard-language-switch__divider{
  color:var(--ink)!important;
  opacity:1!important;
}

@media (max-width:620px){
  .bitard-language-switch,
  .bitard-utility .bitard-language-switch a{
    font-size:12px!important;
  }
}

/* Ten collaborator marks: tighter editorial grid, still on the established
   Studio content axis. No panel/nav padding or offsets are changed. */
.bitard-studio-collabs__grid{
  grid-template-columns:repeat(15,minmax(0,1fr));
  gap:8px 12px;
}
.bitard-studio-client{
  grid-column:span 3;
  height:46px;
}
.bitard-studio-client svg{width:min(100%,180px)}

.bitard-client-mark--insa{
  font-size:26px;
  font-weight:700;
  letter-spacing:.35px;
}
.bitard-client-mark--first{
  font-size:19px;
  font-weight:700;
  letter-spacing:.4px;
}
.bitard-client-mark--first-sub{
  font-size:7px;
  font-weight:400;
  letter-spacing:1.65px;
}
.bitard-client-mark--mag{
  font-size:29px;
  font-weight:700;
  letter-spacing:1px;
}
.bitard-client-mark--mag-sub{
  font-size:8px;
  font-weight:400;
  letter-spacing:4.2px;
}

@media (max-width:1040px){
  .bitard-studio-collabs__grid{
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:8px 12px;
  }
  .bitard-studio-client{
    grid-column:span 2;
    height:44px;
  }
}

@media (max-width:620px){
  .bitard-studio-collabs__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px 12px;
  }
  .bitard-studio-client{
    grid-column:auto;
    height:42px;
  }
  .bitard-studio-client svg{width:min(100%,160px)}
}

/* Address copy carries deliberate EN/BG capitalization. The 20px bar creates
   one strong visual anchor for the whole direct-contact block. */
.bitard-contact-direct{
  text-transform:none!important;
  border-left:20px solid var(--ink);
  padding-left:18px;
}

@media (prefers-reduced-motion:reduce){
  .bitard-company-footer a{transition:none!important}
}