/* =========================================================================
   L'ATELIER MATA — NOW IN THE WORKSHOP
   v0.7.0
   ----------------------------------------------------------------------
   Homepage section between hero and manifesto. Photo on the left, label
   + caption + link on the right. Reads like an editorial column from a
   magazine — quiet, matter-of-fact, updated weekly.
   ========================================================================= */

.lm-workshop {
  background: var(--lm-bone-deep);
  padding: var(--lm-s-9) 0;
  border-bottom: 1px solid var(--lm-rule);
}

.lm-workshop__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--lm-s-9);
  align-items: center;
}

@media (max-width: 880px) {
  .lm-workshop__inner {
    grid-template-columns: 1fr;
    gap: var(--lm-s-6);
  }
}

/* Photo — slightly desaturated to suggest documentary, not catalogue */

.lm-workshop__media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 0 !important;
  background: var(--lm-bone);
  margin: 0;
}

.lm-workshop__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92);
  transition: transform var(--lm-dur-slow) var(--lm-ease),
              filter var(--lm-dur-slow) var(--lm-ease);
}

.lm-workshop__media:hover img {
  transform: scale(1.02);
  filter: saturate(1);
}

/* Content column */

.lm-workshop__content {
  max-width: 36rem;
  display: flex;
  flex-direction: column;
  gap: var(--lm-s-5);
}

.lm-workshop__label {
  display: block;
}

.lm-workshop__caption {
  font-family: var(--lm-font-display);
  font-size: clamp(1.375rem, 2.4vw, 1.875rem);
  line-height: 1.3;
  letter-spacing: var(--lm-tracking-tight);
  color: var(--lm-text);
  margin: 0;
  font-style: normal;
}

.lm-workshop__link {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-sm);
  font-weight: 500;
  letter-spacing: var(--lm-tracking-wide);
  text-transform: uppercase;
  color: var(--lm-text);
  text-decoration: none;
  border: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: var(--lm-s-2);
  align-self: flex-start;
  margin-top: var(--lm-s-3);
  transition: color var(--lm-dur-base) var(--lm-ease),
              gap var(--lm-dur-base) var(--lm-ease);
}

.lm-workshop__link:hover {
  color: var(--lm-walnut);
  gap: var(--lm-s-3);
}

@media (max-width: 640px) {
  .lm-workshop {
    padding: var(--lm-s-7) 0;
  }
  .lm-workshop__caption {
    font-size: clamp(1.125rem, 5vw, 1.375rem) !important;
  }
}

/* -------------------------------------------------------------------------
   WORKSHOP RECENT ENTRIES STRIP  — v0.9.1
   Sits below the main "Now in the workshop" block on the homepage.
   Six small thumbnails of past Mondays — clickable to the archive page.
   ------------------------------------------------------------------------- */

.lm-workshop__recent {
  padding-top: var(--lm-s-7);
  padding-bottom: var(--lm-s-9);
  border-top: 1px solid var(--lm-rule);
  margin-top: var(--lm-s-9);
}

.lm-workshop__recent-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--lm-s-4);
  margin-bottom: var(--lm-s-6);
}

.lm-workshop__recent-all {
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-xs);
  text-transform: uppercase;
  letter-spacing: var(--lm-tracking-eyebrow);
  color: var(--lm-text-soft);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  transition: color var(--lm-dur-base) var(--lm-ease);
}

.lm-workshop__recent-all:hover {
  color: var(--lm-ink);
}

.lm-workshop__recent-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--lm-s-5);
}

.lm-workshop__recent-item a {
  display: block;
  text-decoration: none;
  color: inherit;
  border: 0 !important;
}

.lm-workshop__recent-media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--lm-bone-deep);
  margin-bottom: var(--lm-s-3);
}

.lm-workshop__recent-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--lm-dur-slow) var(--lm-ease);
}

.lm-workshop__recent-item a:hover .lm-workshop__recent-media img {
  transform: scale(1.04);
}

.lm-workshop__recent-date {
  display: block;
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-xs);
  text-transform: uppercase;
  letter-spacing: var(--lm-tracking-eyebrow);
  color: var(--lm-text-soft);
}

@media (max-width: 880px) {
  .lm-workshop__recent-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .lm-workshop__recent-grid { grid-template-columns: repeat(2, 1fr); gap: var(--lm-s-4); }
}

/* -------------------------------------------------------------------------
   WORKSHOP DIARY ARCHIVE  — v0.9.0
   The /workshop-diary/ page. Reverse-chronological list of weekly entries.
   ------------------------------------------------------------------------- */

.lm-diary { background: var(--lm-bg); }

.lm-diary__header {
  padding-top: var(--lm-s-10);
  padding-bottom: var(--lm-s-9);
}

.lm-diary__title {
  font-family: var(--lm-font-display) !important;
  font-size: clamp(2.25rem, 5vw, 4rem) !important;
  font-weight: 400 !important;
  letter-spacing: var(--lm-tracking-tight) !important;
  line-height: 1.05 !important;
  margin: var(--lm-s-4) 0 var(--lm-s-5) !important;
}

.lm-diary__lede {
  font-size: var(--lm-fs-md);
  line-height: var(--lm-lh-loose);
  color: var(--lm-text-mute);
  max-width: 50ch;
}

.lm-diary__list {
  list-style: none;
  margin: 0;
  padding: 0 0 var(--lm-s-9);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--lm-s-9);
}

.lm-diary__entry {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--lm-s-7);
  align-items: center;
  padding-bottom: var(--lm-s-9);
  border-bottom: 1px solid var(--lm-rule);
}

.lm-diary__entry:last-child { border-bottom: 0; }

.lm-diary__entry-media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--lm-bone-deep);
}

.lm-diary__entry-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--lm-dur-slow) var(--lm-ease);
}

.lm-diary__entry:hover .lm-diary__entry-media img {
  transform: scale(1.02);
}

.lm-diary__entry-date {
  display: block;
  margin-bottom: var(--lm-s-3);
}

.lm-diary__entry-title {
  font-family: var(--lm-font-display) !important;
  font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
  font-weight: 400 !important;
  letter-spacing: var(--lm-tracking-tight) !important;
  margin: 0 0 var(--lm-s-4) !important;
  line-height: 1.15;
}

.lm-diary__entry-caption {
  font-size: var(--lm-fs-md);
  line-height: var(--lm-lh-loose);
  color: var(--lm-text);
  max-width: 50ch;
}

.lm-diary__entry-caption em {
  color: var(--lm-text-mute);
  font-style: italic;
}

.lm-diary__edit-link {
  display: inline-block;
  margin-top: var(--lm-s-4);
  font-family: var(--lm-font-body);
  font-size: var(--lm-fs-xs);
  text-transform: uppercase;
  letter-spacing: var(--lm-tracking-eyebrow);
  color: var(--lm-text-soft);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.lm-diary__edit-link:hover { color: var(--lm-ink); }

.lm-diary__cta {
  text-align: center;
  padding-top: var(--lm-s-10);
  padding-bottom: var(--lm-s-10);
}

.lm-diary__cta h2 {
  font-family: var(--lm-font-display) !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 400 !important;
  letter-spacing: var(--lm-tracking-tight) !important;
  margin: var(--lm-s-4) 0 var(--lm-s-5) !important;
}

@media (max-width: 880px) {
  .lm-diary__entry {
    grid-template-columns: 1fr;
    gap: var(--lm-s-5);
  }
  .lm-diary__entry-media {
    aspect-ratio: 3 / 2;
  }
}

/* =========================================================================
   END workshop.css — v0.9.0
   ========================================================================= */