/* BITARD service URLs: same visual system as an active WORK discipline. */

.bitard-service-page .bitard-logo__project{
  display:block;
  width:92px;
  height:92px;
}

/* WORK is an anchor on direct service pages rather than a button. Explicitly
   give it the same shrink-to-content geometry and suppress the browser's native
   link underline so only the shared WORK state underline is rendered. */
.bitard-service-page .bitard-work-title{
  display:inline-block;
  text-decoration:none;
}

/* The service overview itself already carries the context. Keep the left rail
   quieter instead of duplicating service metadata halfway down the viewport. */
.bitard-service-page .bitard-context{
  display:none;
}

.bitard-service-main{
  padding-right:0;
  padding-bottom:96px;
}

.bitard-service-intro{
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(290px,.78fr);
  column-gap:clamp(42px,6vw,96px);
  row-gap:clamp(26px,3.6vh,42px);
  align-items:start;
  padding:4px 0 clamp(38px,5.5vh,64px);
  margin-bottom:var(--gutter);
  border-bottom:1px solid rgba(20,20,20,.14);
}

.bitard-service-eyebrow{
  grid-column:1 / -1;
  color:var(--muted);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.bitard-service-heading{
  grid-column:1;
  margin:0;
  min-width:0;
  font-weight:400;
  text-transform:uppercase;
}

.bitard-service-heading__name{
  display:block;
  margin-bottom:18px;
  color:var(--muted);
  font-size:9px;
  line-height:1.2;
  letter-spacing:.08em;
}

.bitard-service-heading__statement{
  display:block;
  max-width:880px;
  font-size:clamp(34px,4.15vw,64px);
  line-height:.97;
  letter-spacing:-.042em;
}

.bitard-service-copy{
  grid-column:2;
  max-width:500px;
  padding-top:35px;
}

.bitard-service-copy p{
  margin:0;
  font-size:clamp(14px,1.04vw,17px);
  line-height:1.45;
  letter-spacing:-.008em;
}

.bitard-service-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px 17px;
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid rgba(20,20,20,.14);
  color:var(--muted);
  font-size:8px;
  line-height:1.35;
  letter-spacing:.05em;
}

.bitard-service-work{
  padding-top:18px;
}

.bitard-service-section-label{
  color:var(--muted);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.bitard-service-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--gutter);
  margin-top:18px;
}

.bitard-service-work-item{
  display:block;
  min-width:0;
  margin:0;
  color:inherit;
  text-decoration:none;
}

.bitard-service-work-item__image{
  position:relative;
  overflow:hidden;
  aspect-ratio:8 / 5;
  background:#ddd;
}

.bitard-service-work-item__image img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  transition:transform .72s var(--ease),filter .3s ease;
}

a.bitard-service-work-item:hover .bitard-service-work-item__image img,
a.bitard-service-work-item:focus-visible .bitard-service-work-item__image img{
  transform:scale(1.015);
}

.bitard-service-work-item__meta{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto auto;
  gap:12px;
  align-items:baseline;
  padding:9px 1px 24px;
  font-size:8px;
  line-height:1.3;
  letter-spacing:.025em;
  text-transform:uppercase;
}

.bitard-service-work-item__meta span{color:var(--muted)}
.bitard-service-work-item__meta strong{font-size:10px;font-weight:400}

@media (max-width:1280px){
  .bitard-service-page .bitard-logo__project{width:76px;height:76px}
  .bitard-service-intro{column-gap:36px}
  .bitard-service-heading__statement{font-size:clamp(32px,4vw,52px)}
}

@media (max-width:1040px){
  .bitard-service-page .bitard-logo__project{width:70px;height:70px}
  .bitard-service-intro{
    grid-template-columns:1fr;
    gap:28px;
  }
  .bitard-service-heading,
  .bitard-service-copy{grid-column:1}
  .bitard-service-copy{max-width:680px;padding-top:0}
  .bitard-service-heading__statement{font-size:clamp(32px,5.7vw,50px)}
}

@media (max-width:820px){
  .bitard-service-main{padding-right:0;padding-bottom:64px}
  .bitard-service-intro{padding-top:12px;padding-bottom:42px}
  .bitard-service-heading__name{margin-bottom:14px}
  .bitard-service-heading__statement{font-size:clamp(31px,7.6vw,46px);line-height:.99}
  .bitard-service-copy p{font-size:16px}
  .bitard-service-grid{grid-template-columns:1fr 1fr}
  .bitard-service-work-item__meta{
    grid-template-columns:22px minmax(0,1fr);
    gap:5px 10px;
  }
  .bitard-service-work-item__meta span:nth-child(3),
  .bitard-service-work-item__meta span:nth-child(4){grid-column:2}
}

@media (max-width:620px){
  .bitard-service-heading__statement{font-size:clamp(29px,9.5vw,42px)}
  .bitard-service-copy p{font-size:15px;line-height:1.48}
  .bitard-service-capabilities{gap:6px 13px;margin-top:20px}
  .bitard-service-grid{grid-template-columns:1fr}
  .bitard-service-work-item__image{aspect-ratio:4 / 3}
  .bitard-service-work-item__meta{padding-bottom:20px}
}

@media (hover:none), (pointer:coarse){
  .bitard-service-work-item__image img{transition:none}
}

@media (prefers-reduced-motion:reduce){
  .bitard-service-work-item__image img{transition:none!important}
}