/* Journey timeline + Working Areas map — new homepage sections.
   Reuses the site's existing design tokens (--forest-900, --clay-600,
   --paddy-100, --paper-50, --ink-900, --line-100) so it matches whichever
   theme preset is active without needing its own colors. */

/* ---- Journey: multi-item auto-sliding carousel (news-card style) --------- */
.journey-carousel{position:relative;max-width:1140px;margin:0 auto;padding:0 3rem;}
.journey-carousel .journey-track{
  display:flex;overflow:hidden;transition:transform .5s ease;
}
.journey-slide-item{flex:0 0 33.3333%;padding:0 .6rem;box-sizing:border-box;}
.journey-slide-item .news-card{height:100%;}
.journey-nav{
  position:absolute;top:50%;transform:translateY(-50%);border:none;background:transparent;padding:0;
}
.journey-prev{left:0;}
.journey-next{right:0;}
.journey-arrow{
  display:inline-flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border-radius:50%;background:var(--paper-50);
  border:1px solid var(--line-100);color:var(--forest-900);font-size:1.1rem;
}
.journey-arrow:hover{background:var(--clay-600);color:#fff;border-color:var(--clay-600);}
@media (max-width:767px){
  .journey-carousel{padding:0 2.5rem;}
  .journey-slide-item{flex:0 0 100%;}
}

/* ---- Working Areas interactive map --------------------------------------- */
.working-areas-map{height:440px;width:100%;border-radius:.4rem;overflow:hidden;border:1px solid var(--line-100);z-index:0;}
.working-area-pin span{
  display:block;width:22px;height:22px;border-radius:50% 50% 50% 0;
  background:var(--clay-600);border:2px solid var(--paper-50);
  transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.35);
}
.wa-popup{max-width:220px;font-family:var(--body-font,inherit);}
.wa-popup img{width:100%;height:100px;object-fit:cover;border-radius:.3rem;margin-bottom:.4rem;}
.wa-popup strong{color:var(--forest-900);}
@media (max-width:575px){
  .working-areas-map{height:320px;}
}