/* Little Red George · Design Service 04 · editorial process cards, v1.5.2.
   Keep the same 1400px content container and Elementor-controlled section padding. */
.lrgda-section[data-module="design_process"] .lrgda-cards--steps{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;
  min-width:0;align-items:stretch;
}
.lrgda-section[data-module="design_process"] .lrgda-step-card{
  display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;
  background:var(--lrgda-card,#fffcf7);border:1px solid var(--lrgda-line,#ded5cb);
  border-radius:6px;overflow:hidden;box-shadow:none;
}
.lrgda-section[data-module="design_process"] .lrgda-step-media{
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;width:100%;height:clamp(138px,13vw,185px);
  min-height:0;overflow:hidden;background:#ece5de;
}
.lrgda-section[data-module="design_process"] .lrgda-step-media .lrgda-card-image{
  position:static;display:block;width:100%;height:100%;min-width:0;
  max-width:100%;max-height:100%;object-fit:cover;object-position:center;
  border:0;border-radius:0;margin:0;transform:none;
}
.lrgda-section[data-module="design_process"] .lrgda-step-placeholder{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:linear-gradient(145deg,#e5dacf,#f2ebe5);color:#a65145;
}
.lrgda-section[data-module="design_process"] .lrgda-step-placeholder span{
  font:400 clamp(52px,7vw,86px)/1 Georgia,'Times New Roman',serif;opacity:.37;
}
.lrgda-section[data-module="design_process"] .lrgda-step-copy{
  display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;min-width:0;
  padding:21px 19px 24px;
}
.lrgda-section[data-module="design_process"] .lrgda-step-index{
  display:inline-block;margin:0 0 13px;color:var(--lrgda-accent,#a85146);
  font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em;
}
.lrgda-section[data-module="design_process"] .lrgda-step-copy h3{
  margin:0 0 11px;color:var(--lrgda-ink,#302923);
  font:400 clamp(19px,1.6vw,24px)/1.22 Georgia,'Times New Roman',serif;
  letter-spacing:-.02em;overflow-wrap:anywhere;
}
.lrgda-section[data-module="design_process"] .lrgda-step-copy p{
  margin:0;color:var(--lrgda-muted,#6b6159);
  font-size:13px;line-height:1.65;overflow-wrap:anywhere;
}
.lrgda-section[data-module="design_process"] .lrgda-step-link{
  margin-top:auto;padding-top:17px;color:var(--lrgda-accent,#a85146);
  font-size:12px;text-decoration:underline;
}
.lrgda-section[data-module="design_process"] .lrgda-steps-meta{display:none}
/* Tablet and mobile share the horizontal-swipe behavior of Project Journey 02. */
@media (max-width:1024px){
  .lrgda-section[data-module="design_process"] .lrgda-steps-meta{
    display:flex;align-items:center;justify-content:space-between;gap:15px;
    margin:0 0 16px;padding:0 0 13px;border-bottom:1px solid var(--lrgda-line,#ded5cb);
    color:var(--lrgda-muted,#6b6159);font:700 10px/1.5 Arial,Helvetica,sans-serif;
    letter-spacing:.15em;
  }
  .lrgda-section[data-module="design_process"] .lrgda-steps-meta b{
    color:var(--lrgda-accent,#a85146);font-weight:700;
  }
  .lrgda-section[data-module="design_process"] .lrgda-cards--steps{
    display:grid;grid-template-columns:none;grid-auto-flow:column;
    grid-auto-columns:46%;gap:14px;
    align-items:stretch;width:100%;max-width:100%;min-width:0;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
    scroll-padding-inline:0;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:0 0 10px;touch-action:pan-x pan-y;
  }
  .lrgda-section[data-module="design_process"] .lrgda-cards--steps::-webkit-scrollbar{display:none}
  .lrgda-section[data-module="design_process"] .lrgda-step-card{
    width:100%;max-width:100%;min-width:0;height:100%;
    scroll-snap-align:start;scroll-snap-stop:always;
  }
  .lrgda-section[data-module="design_process"] .lrgda-step-media{height:205px}
  .lrgda-section[data-module="design_process"] .lrgda-step-copy{padding:22px 22px 24px}
  .lrgda-section[data-module="design_process"] .lrgda-step-copy h3{font-size:24px}
}
@media (max-width:767px){
  .lrgda-section[data-module="design_process"] .lrgda-cards--steps{
    grid-auto-columns:84%;gap:12px;
  }
  .lrgda-section[data-module="design_process"] .lrgda-step-media{height:clamp(170px,47vw,205px)}
  .lrgda-section[data-module="design_process"] .lrgda-step-copy{padding:19px 18px 23px}
  .lrgda-section[data-module="design_process"] .lrgda-step-copy h3{font-size:23px}
  .lrgda-section[data-module="design_process"] .lrgda-step-copy p{font-size:12px;line-height:1.6}
}