/* ==========================================================================
   TTPA — Single portfolio post styles (ported from ttpa/css/work.css),
   templates/single.html only
   Requires css/base.css to be loaded first.
   ========================================================================== */

.work-hero{
  padding-top:20px;
  padding-bottom:80px;
}
h1.work-title{
  font-size:clamp(45px,6vw,50px);
  font-weight:600;
  max-width:20ch;
  margin-bottom:48px;
}

/* Image left, description right — stacks on mobile */
.work-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
}
/* posts without a featured image: the description takes the full width */
.work-grid:not(:has(.wp-block-post-featured-image)){grid-template-columns:1fr;}
.work-grid .wp-block-post-featured-image img{width:100%;height:auto;}

.work-desc p{
  font-size:17px;
  line-height:1.7;
  color:var(--ink-soft);
  margin-bottom:20px;
}
.work-desc p:last-child{margin-bottom:0;}
/* any other blocks in the post (images, galleries, etc.) get the same rhythm */
.work-desc > * + *{margin-top:20px;}
.work-desc > p + p{margin-top:0;}

@media (max-width:900px){
  .work-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}