.work-detail{
  padding-top:var(--nav-h);
  min-height:100vh;
}

.work-crumb{
  padding:22px var(--edge) 0;
  font-size:0.78rem;
  color:var(--ink-soft);
}

.work-crumb a{
  text-decoration:none;
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
}

.work-crumb a:hover{color:var(--chartreuse-deep);border-color:var(--chartreuse-deep);}

.work-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);
  gap:clamp(28px,4vw,72px);
  padding:26px var(--edge) 90px;
  max-width:1680px;
  margin:0 auto;
  align-items:start;
}

/* ---------------------------------------------------------
   CAROUSEL
   --------------------------------------------------------- */
.carousel{
  position:sticky;
  top:calc(var(--nav-h) + 20px);
}

.carousel__viewport{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:var(--stone);
  border-radius:2px;
}

.carousel__track{
  display:flex;
  height:100%;
  transition:transform .55s var(--ease);
}

.carousel__slide{
  flex:0 0 100%;
  height:100%;
}

.carousel__slide img{
  width:100%;height:100%;
  object-fit:cover;
}

.carousel__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;height:44px;
  border-radius:50%;
  border:none;
  background:rgba(250,248,241,0.88);
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .2s var(--ease);
  z-index:2;
}

.carousel__arrow:hover{background:var(--chartreuse);}
.carousel__arrow--prev{left:14px;}
.carousel__arrow--next{right:14px;}
.carousel__arrow svg{width:18px;height:18px;}

.carousel__counter{
  position:absolute;
  bottom:14px;right:14px;
  background:rgba(36,24,49,0.72);
  color:var(--paper);
  font-size:0.72rem;
  letter-spacing:0.04em;
  padding:5px 10px;
  border-radius:999px;
  z-index:2;
}

.carousel__dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:16px;
}

.carousel__dot{
  width:7px;height:7px;
  border-radius:50%;
  background:var(--line);
  border:none;
  padding:0;
  cursor:pointer;
  transition:background .2s var(--ease),transform .2s var(--ease);
}

.carousel__dot.is-active{
  background:var(--chartreuse-deep);
  transform:scale(1.3);
}

/* ---------------------------------------------------------
   INFO PANEL
   --------------------------------------------------------- */
.work-info__title{
  font-family:"Instrument Serif",serif;
  font-style:normal;
  font-weight:400;
  font-size:clamp(1.5rem,2.6vw,2.2rem);
  line-height:1.2;
  margin-bottom:8px;
}

.work-info__medium{
  font-size:1rem;
  color:var(--ink-soft);
  margin-bottom:2px;
}

.work-info__dims{
  font-size:0.9rem;
  color:var(--ink-soft);
}

.work-info__status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  font-size:0.78rem;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--chartreuse-deep);
}

.work-info__status::before{
  content:"";
  width:8px;height:8px;
  border-radius:50%;
  background:var(--chartreuse-deep);
}

.work-info__status--sold{color:#9B3D3D;}
.work-info__status--sold::before{background:#9B3D3D;}

.work-info__desc{
  margin-top:26px;
  padding-top:26px;
  border-top:1px solid var(--line);
  font-size:1rem;
  color:var(--ink);
  max-width:52ch;
}

.work-info__actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:32px;
}

.work-info__table{
  margin-top:32px;
  padding-top:22px;
  border-top:1px solid var(--line);
  font-size:0.84rem;
}

.work-info__table dl{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px 20px;
  margin:0;
}

.work-info__table dt{color:var(--ink-soft);}
.work-info__table dd{margin:0;font-weight:500;}

/* ---------------------------------------------------------
   PREV / NEXT
   --------------------------------------------------------- */
.work-pager{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--line);
}

.work-pager__link{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px var(--edge);
  text-decoration:none;
  color:var(--ink);
  transition:background .25s var(--ease);
}

.work-pager__link:hover{background:var(--paper-dim);}

.work-pager__link--next{
  text-align:right;
  align-items:flex-end;
  border-left:1px solid var(--line);
}

.work-pager__label{
  font-size:0.68rem;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--chartreuse-deep);
}

.work-pager__title{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:200;
  font-size:clamp(1.2rem,3vw,1.7rem);
}

@media (max-width:920px){
  .work-layout{grid-template-columns:1fr;}
  .carousel{position:static;}

  /* stack arrows side-by-side at bottom centre */
  .carousel__arrow{
    top:auto;
    bottom:14px;
    transform:none;
    width:48px;height:48px;
  }
  .carousel__arrow--prev{left:auto;right:calc(50% + 8px);}
  .carousel__arrow--next{right:auto;left:calc(50% + 8px);}

  .work-pager{grid-template-columns:1fr 1fr;}
}