/* BITARD studio state: editorial profile, deliberately image-free. */

.bitard-studio-panel{
  --studio-left:calc(var(--edge) + var(--logo-col) + var(--logo-nav-gap) + var(--nav-col) + var(--air));
  position:fixed;
  z-index:80;
  inset:0 0 0 var(--studio-left);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:var(--paper);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:
    opacity .42s ease,
    transform .58s var(--ease),
    visibility 0s linear .58s;
  -webkit-overflow-scrolling:touch;
}

body.bitard-studio-open .bitard-studio-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition:
    opacity .42s ease .08s,
    transform .58s var(--ease) .04s,
    visibility 0s linear 0s;
}

body.bitard-studio-open{overflow:hidden}

body.bitard-studio-open .bitard-shell:not(.bitard-project-page) .bitard-content{
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

/* WORK context belongs to WORK. Keep the Studio rail deliberately quiet. */
body.bitard-studio-open .bitard-context{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,visibility 0s linear .2s;
}
body.bitard-studio-open .bitard-rail-footer [data-bitard-count]{display:none}

.bitard-studio-panel__inner{
  min-height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(310px,.78fr);
  grid-template-rows:auto auto 1fr;
  column-gap:clamp(52px,7vw,120px);
  row-gap:clamp(34px,5.2vh,62px);
  padding:var(--edge) 42px var(--edge) 0;
}

/* Bulgarian copy runs longer than EN. Tighten only its desktop rhythm enough
   to remove nuisance micro-overflow while preserving real scroll on short views. */
@media (min-width:1041px){
  body.bitard-lang-bg .bitard-studio-panel__inner{
    row-gap:clamp(30px,4.5vh,54px);
  }
  body.bitard-lang-bg .bitard-studio-eyebrow{
    margin-bottom:30px;
  }
}

.bitard-studio-lead{
  grid-column:1 / -1;
  max-width:1120px;
}

.bitard-studio-eyebrow{
  margin-bottom:34px;
  color:var(--muted);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.bitard-studio-heading{
  max-width:1100px;
  margin:0;
  font-size:clamp(34px,4.15vw,72px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.04em;
  text-transform:uppercase;
}

.bitard-studio-heading__arrow{
  position:relative;
  display:inline-block;
  width:.92em;
  height:.48em;
  margin-left:.08em;
  vertical-align:.11em;
}
.bitard-studio-heading__arrow::before{
  content:"";
  position:absolute;
  left:0;
  right:.14em;
  top:50%;
  height:1px;
  background:currentColor;
  transform:translateY(-50%);
}
.bitard-studio-heading__arrow::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:0;
  height:0;
  border-top:.08em solid transparent;
  border-bottom:.08em solid transparent;
  border-left:.15em solid currentColor;
  transform:translateY(-50%);
}

.bitard-studio-story{
  grid-column:1;
  align-self:start;
  max-width:720px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px 36px;
}

.bitard-studio-story p{
  margin:0;
  font-size:13px;
  line-height:1.55;
}

.bitard-studio-story__lead{
  grid-column:1 / -1;
  max-width:680px;
  font-size:clamp(17px,1.55vw,23px)!important;
  line-height:1.32!important;
  letter-spacing:-.012em;
}

.bitard-studio-closing{
  grid-column:2;
  align-self:start;
  margin-top:-4px;
  font-size:clamp(25px,2.45vw,42px);
  line-height:1.02;
  font-weight:500;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.bitard-studio-closing p{margin:0}
.bitard-studio-closing__scale{
  line-height:.92;
  white-space:nowrap;
}
.bitard-studio-closing__the{font-size:.54em}
.bitard-studio-closing__scale-word{font-size:.86em}
.bitard-studio-closing__scale-join{font-size:.86em}
.bitard-studio-closing__changes{
  display:block;
  font-size:1.18em;
  line-height:.9;
}
body.bitard-lang-bg .bitard-studio-closing__scale-word{font-size:.54em}
body.bitard-lang-bg .bitard-studio-closing__scale-join{font-size:.86em}
.bitard-studio-closing__thinking{
  font-size:1em;
  line-height:1;
}
.bitard-studio-closing__thinking-line,
.bitard-studio-closing__doesnt{
  display:block;
  white-space:nowrap;
}

/* Selected collaborators behave as an expandable editorial index. Every mark
   occupies the same quiet column but starts on the same left axis as the copy. */
.bitard-studio-collabs{
  grid-column:1 / -1;
  align-self:end;
  min-width:0;
  padding-bottom:8px;
}

.bitard-studio-collabs__label{
  margin-bottom:15px;
  color:var(--muted);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.bitard-studio-collabs__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:12px 20px;
  align-items:center;
}

.bitard-studio-client{
  grid-column:span 3;
  min-width:0;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:rgba(20,20,20,.48);
  text-decoration:none;
  transition:color .24s ease,transform .34s var(--ease);
}
.bitard-studio-client:hover,
.bitard-studio-client:focus-visible{
  color:var(--ink);
  transform:translateY(-2px);
  outline:0;
}
.bitard-studio-client svg{
  display:block;
  width:min(100%,220px);
  height:100%;
  overflow:visible;
}

.bitard-client-mark{
  fill:currentColor;
  text-anchor:start;
  dominant-baseline:middle;
  font-family:Arial,Helvetica,sans-serif;
}
.bitard-client-mark--kronospan{
  font-size:29px;
  font-weight:700;
  letter-spacing:-1.2px;
}
.bitard-client-mark--tribu{
  font-size:27px;
  font-weight:400;
  letter-spacing:4.1px;
}
.bitard-client-mark--arte{
  font-family:Georgia,'Times New Roman',serif;
  font-size:18px;
  font-weight:400;
  letter-spacing:1.6px;
}
.bitard-client-mark--fim{
  font-size:31px;
  font-weight:700;
  letter-spacing:2.2px;
}
.bitard-client-mark--fim-sub{
  font-size:8px;
  font-weight:400;
  letter-spacing:3.2px;
}
.bitard-client-mark--quodes{
  font-size:30px;
  font-weight:400;
  letter-spacing:-1px;
}
.bitard-client-mark--weiss{
  font-size:19px;
  font-weight:700;
  letter-spacing:1.45px;
}
.bitard-client-mark--matchmore{
  font-size:20px;
  font-weight:700;
  letter-spacing:.55px;
}

.bitard-studio-lead,
.bitard-studio-story,
.bitard-studio-closing,
.bitard-studio-collabs{
  opacity:0;
  transform:translateY(7px);
  transition:opacity .44s ease,transform .62s var(--ease);
}
body.bitard-studio-open .bitard-studio-lead{opacity:1;transform:none;transition-delay:.10s}
body.bitard-studio-open .bitard-studio-story{opacity:1;transform:none;transition-delay:.17s}
body.bitard-studio-open .bitard-studio-closing{opacity:1;transform:none;transition-delay:.22s}
body.bitard-studio-open .bitard-studio-collabs{opacity:1;transform:none;transition-delay:.27s}

.bitard-utility a[href="#studio"].is-active::after{width:100%}

@media (max-width:1280px){
  .bitard-studio-panel__inner{
    column-gap:48px;
    row-gap:34px;
    padding-right:30px;
  }
  .bitard-studio-heading{font-size:clamp(34px,4.35vw,58px)}
  .bitard-studio-client{height:48px}
}

@media (max-width:1040px){
  .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}
  .bitard-studio-collabs__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .bitard-studio-client{grid-column:span 2}
}

@media (max-width:820px){
  .bitard-studio-panel{
    left:0;
    right:0;
    padding-top:var(--bitard-mobile-nav-offset);
  }
  .bitard-studio-panel__inner{
    min-height:auto;
    gap:38px;
    padding:22px var(--edge) 54px;
  }
  .bitard-studio-eyebrow{margin-bottom:26px}
  .bitard-studio-heading{font-size:clamp(34px,7vw,54px)}
  .bitard-studio-story{max-width:none}
  .bitard-studio-collabs__grid{gap:10px 16px}
  .bitard-studio-client{height:50px}
}

@media (max-width:620px){
  .bitard-studio-panel__inner{gap:34px;padding-top:18px}
  .bitard-studio-heading{
    font-size:clamp(30px,9vw,43px);
    line-height:1;
  }
  .bitard-studio-story{
    grid-template-columns:1fr;
    gap:18px;
  }
  .bitard-studio-story__lead{grid-column:1;font-size:18px!important}
  .bitard-studio-closing{font-size:clamp(28px,8vw,38px)}
  .bitard-studio-collabs__label{margin-bottom:10px}
  .bitard-studio-collabs__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 14px;
  }
  .bitard-studio-client{
    grid-column:auto;
    height:46px;
  }
  .bitard-studio-client svg{width:min(100%,190px)}
}

@media (prefers-reduced-motion:reduce){
  .bitard-studio-panel,
  .bitard-studio-lead,
  .bitard-studio-story,
  .bitard-studio-closing,
  .bitard-studio-collabs,
  .bitard-studio-client{
    transition:none!important;
    transform:none!important;
  }
  body.bitard-studio-open .bitard-studio-lead,
  body.bitard-studio-open .bitard-studio-story,
  body.bitard-studio-open .bitard-studio-closing,
  body.bitard-studio-open .bitard-studio-collabs{opacity:1!important}
}