/* AnaKleo Client Projects v11.2.17 */

.project-library{
  max-width:1240px;
  padding-bottom:80px;
}

.project-library-intro{
  margin-bottom:38px;
}

.project-library-intro h1{
  margin:7px 0 9px;
  font-size:46px;
  line-height:1.02;
  letter-spacing:-.045em;
}

.project-library-intro>p:last-child{
  max-width:680px;
  margin:0;
  color:#77786f;
  font-size:15px;
  line-height:1.55;
}

.project-library-loading,
.project-library-error{
  padding:28px;
  border:1px solid #e3e4dc;
  border-radius:18px;
  background:#fafaf7;
  color:#73756c;
}

.project-library-section{
  margin-bottom:42px;
}

.project-library-section__heading{
  margin-bottom:15px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
}

.project-library-section__heading h2{
  margin:5px 0 0;
  font-size:28px;
  letter-spacing:-.035em;
}

.project-library-section__heading>span{
  color:#888a81;
  font-size:11px;
}

.current-project-list{
  display:grid;
  gap:12px;
}

.current-project-card{
  min-height:260px;
  padding:28px 30px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:34px;
  border:1px solid #dcded4;
  border-radius:22px;
  background:#444634;
  color:#fff;
}

.current-project-card.needs-attention{
  background:#4e4c37;
}

.current-project-card .studio-eyebrow{
  color:rgba(255,255,255,.55);
}

.current-project-card h2{
  margin:7px 0 7px;
  color:#fff;
  font-size:34px;
  line-height:1.05;
  letter-spacing:-.04em;
}

.current-project-card__meta{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:12px;
}

.current-project-card__message{
  max-width:620px;
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
}

.current-project-card__message span{
  display:block;
  margin-bottom:7px;
  color:rgba(255,255,255,.7);
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.current-project-card__message p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.55;
}

.current-project-card__aside{
  padding-left:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-left:1px solid rgba(255,255,255,.15);
}

.current-project-card__aside>span{
  color:rgba(255,255,255,.55);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.current-project-card__aside>strong{
  margin-top:8px;
  color:#fff;
  font-size:21px;
  line-height:1.2;
}

.project-library-button{
  width:max-content;
  min-height:44px;
  margin-top:24px;
  padding:11px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#fff;
  color:#303229;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

.project-library-past{
  margin-top:48px;
}

.past-project-list{
  overflow:hidden;
  border:1px solid #e1e2da;
  border-radius:18px;
  background:#fff;
}

.past-project-card{
  min-height:96px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid #ededE7;
  color:inherit;
  text-decoration:none;
}

.past-project-card:last-child{
  border-bottom:0;
}

.past-project-card:hover{
  background:#fafaf7;
}

.past-project-card h3{
  margin:4px 0 4px;
  font-size:18px;
  color:#292b26;
}

.past-project-card>div:first-child>span{
  color:#888a81;
  font-size:10px;
}

.past-project-card__status{
  display:grid;
  justify-items:end;
  gap:5px;
}

.past-project-card__status strong{
  color:#55584e;
  font-size:11px;
}

.past-project-card__status span{
  color:#777970;
  font-size:11px;
}

.project-library-empty{
  padding:38px;
  border:1px dashed #d9dbd2;
  border-radius:18px;
  background:#fafaf7;
}

.project-library-empty h2{
  margin:7px 0 8px;
  font-size:27px;
}

.project-library-empty p{
  max-width:560px;
  color:#777970;
}

.project-library-empty--small{
  padding:24px;
}

.project-library-empty--small p{
  margin:0;
}

.project-library-new{
  margin-top:54px;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #e3e4dc;
}

.project-library-new>div{
  display:grid;
  gap:4px;
}

.project-library-new strong{
  font-size:13px;
  color:#3b3d35;
}

.project-library-new span{
  color:#85877e;
  font-size:11px;
}

.project-library-new>a{
  color:#444634;
  font-size:12px;
  font-weight:700;
}

@media(max-width:820px){
  .current-project-card{
    grid-template-columns:1fr;
  }

  .current-project-card__aside{
    padding-left:0;
    padding-top:20px;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.15);
  }

  .project-library-intro h1{
    font-size:38px;
  }
}

@media(max-width:620px){
  .project-library-section__heading,
  .past-project-card,
  .project-library-new{
    align-items:flex-start;
    flex-direction:column;
  }

  .past-project-card__status{
    justify-items:start;
  }

  .current-project-card{
    padding:22px;
  }

  .current-project-card h2{
    font-size:29px;
  }

  .project-library-button{
    width:100%;
  }
}

.project-card-actions{margin-top:24px;display:grid;gap:11px}
.project-card-actions .project-library-button{margin-top:0}
.project-library-talk{width:max-content;color:rgba(255,255,255,.82);font-size:11px;font-weight:700;text-decoration:none}
.project-library-talk:hover{color:#fff;text-decoration:underline}

/* FINAL STABLE mobile projects patch 2026-08-10 */
@media (max-width:768px){
  .project-library,.project-library *{min-width:0}
  .project-library{width:100%!important;max-width:100%!important;padding-bottom:48px!important;overflow:hidden!important}
  .project-library-intro{max-width:100%!important;margin-bottom:30px!important}
  .project-library-intro h1{font-size:clamp(38px,11vw,48px)!important}
  .project-library-intro>p:last-child{max-width:100%!important;font-size:14px!important;overflow-wrap:anywhere!important}
  .project-library-section{max-width:100%!important}
  .current-project-card{
    width:100%!important;max-width:100%!important;min-height:0!important;
    padding:22px!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;overflow:hidden!important
  }
  .current-project-card h2{font-size:clamp(29px,8vw,36px)!important;overflow-wrap:anywhere!important}
  .current-project-card__message{max-width:100%!important;margin-top:24px!important}
  .current-project-card__message p{overflow-wrap:anywhere!important}
  .current-project-card__aside{width:100%!important;max-width:100%!important;padding:18px 0 0!important}
  .project-library-button{width:100%!important;max-width:100%!important}
  .project-library-talk{width:auto!important;max-width:100%!important}
  .past-project-list,.project-library-empty,.project-library-new{max-width:100%!important}
}