/* HCD Step Cards — grid + vertical timeline. Palette: #907755 + black (+ white). */
.hcd-steps{width:100%;padding:1.5rem 0;font-family:"Raleway",Arial,sans-serif;background:transparent;}
.hcd-steps,.hcd-steps *,.hcd-steps *::before,.hcd-steps *::after{box-sizing:border-box;}

.hcd-steps .hcd-steps__step{position:relative;}
.hcd-steps .hcd-steps__num{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:3.4375rem;height:3.4375rem;border-radius:50%;background:#fff;border:1px solid #907755;color:#907755;font-family:"Crimson Text",Georgia,serif;font-size:1.0625rem;font-weight:600;box-shadow:0 0 0 .375rem #fff,0 .4375rem 1.25rem rgba(0,0,0,.06);transition:all .3s ease;}
.hcd-steps .hcd-steps__content{position:relative;background:#fff;border:1px solid rgba(144,119,85,.3);border-radius:.375rem;box-shadow:0 .3125rem 1.25rem rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.hcd-steps .hcd-steps__title{margin:0 0 .5rem;font-family:"Crimson Text",Georgia,serif;font-weight:600;font-size:1.25rem;line-height:1.35;color:#907755;}
.hcd-steps .hcd-steps__text{margin:0;font-family:"Raleway",Arial,sans-serif;font-weight:400;font-size:.9375rem;line-height:1.5;color:#000;}
.hcd-steps .hcd-steps__step:hover .hcd-steps__content{border-color:#907755;box-shadow:0 .75rem 1.875rem rgba(0,0,0,.08);}
.hcd-steps .hcd-steps__step:hover .hcd-steps__num{background:#907755;color:#fff;border-color:#907755;transform:scale(1.05);}

/* ---- Layout: card grid ---- */
.hcd-steps--grid .hcd-steps__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;max-width:75rem;margin:0 auto;padding:.5rem 1.25rem;}
.hcd-steps--grid .hcd-steps__step{display:flex;flex-direction:column;height:100%;}
.hcd-steps--grid .hcd-steps__num{margin:0 0 -1rem 1.25rem;}
.hcd-steps--grid .hcd-steps__content{flex-grow:1;padding:2rem 1.25rem 1.25rem;}
.hcd-steps--grid .hcd-steps__content::before{content:"";position:absolute;top:-1px;left:4.8rem;right:1.25rem;height:.25rem;background:#907755;border-radius:0 0 .1875rem .1875rem;}
.hcd-steps--grid .hcd-steps__step:hover .hcd-steps__content{transform:translateY(-.3125rem);}

/* ---- Layout: vertical timeline ---- */
.hcd-steps--timeline .hcd-steps__timeline{position:relative;max-width:59.375rem;margin:0 auto;padding:.3125rem 1.25rem;}
.hcd-steps--timeline .hcd-steps__timeline::before{content:"";position:absolute;top:0;bottom:0;left:2.9375rem;width:1px;background:linear-gradient(to bottom,transparent,#907755 6%,#907755 94%,transparent);}
.hcd-steps--timeline .hcd-steps__step{display:grid;grid-template-columns:3.4375rem minmax(0,1fr);gap:1.5rem;margin-bottom:1.125rem;}
.hcd-steps--timeline .hcd-steps__content{padding:1.1875rem 1.5rem;}
.hcd-steps--timeline .hcd-steps__content::before{content:"";position:absolute;left:-1px;top:1.0625rem;width:.25rem;height:1.5rem;background:#907755;border-radius:0 .1875rem .1875rem 0;}
.hcd-steps--timeline .hcd-steps__title{margin-bottom:.3125rem;line-height:1.4;}
.hcd-steps--timeline .hcd-steps__text{font-size:1rem;line-height:1.875rem;}
.hcd-steps--timeline .hcd-steps__step:hover .hcd-steps__content{transform:translateX(.3125rem);}

@media (max-width:48rem){
  .hcd-steps--timeline .hcd-steps__timeline::before{left:2.5625rem;}
  .hcd-steps--timeline .hcd-steps__step{grid-template-columns:2.6875rem minmax(0,1fr);gap:1.0625rem;margin-bottom:.875rem;}
  .hcd-steps--timeline .hcd-steps__num{width:2.6875rem;height:2.6875rem;font-size:.875rem;box-shadow:0 0 0 .3125rem #fff,0 .3125rem .9375rem rgba(0,0,0,.05);}
  .hcd-steps--timeline .hcd-steps__content{padding:1rem 1.125rem;}
  .hcd-steps--timeline .hcd-steps__title{font-size:1.1875rem;}
  .hcd-steps--timeline .hcd-steps__text{font-size:.9375rem;line-height:1.625rem;}
}
@media (max-width:36rem){
  .hcd-steps--grid .hcd-steps__grid{padding:.5rem 1rem;}
  .hcd-steps--grid .hcd-steps__num{width:2.8125rem;height:2.8125rem;font-size:.9375rem;}
  .hcd-steps--grid .hcd-steps__content::before{left:4.2rem;}
}
@media (max-width:30rem){
  .hcd-steps--timeline .hcd-steps__timeline{padding:0 1rem;}
  .hcd-steps--timeline .hcd-steps__timeline::before{left:2.15625rem;}
  .hcd-steps--timeline .hcd-steps__step{grid-template-columns:2.3125rem minmax(0,1fr);gap:.875rem;}
  .hcd-steps--timeline .hcd-steps__num{width:2.3125rem;height:2.3125rem;font-size:.75rem;box-shadow:0 0 0 .25rem #fff;}
  .hcd-steps--timeline .hcd-steps__content{padding:.875rem .9375rem;}
  .hcd-steps--timeline .hcd-steps__title{font-size:1.125rem;}
}
@media (prefers-reduced-motion:reduce){
  .hcd-steps .hcd-steps__num,.hcd-steps .hcd-steps__content{transition:none;}
}