.service-accordion-list{border-top:1px solid var(--line)}.service-accordion{border-bottom:1px solid var(--line);scroll-margin-top:108px}.service-accordion-trigger{width:100%;display:grid;grid-template-columns:48px 44px minmax(0,1fr) 30px;gap:18px;align-items:center;text-align:left;padding:25px 0;cursor:pointer;transition:padding .3s var(--ease-out),background .3s var(--ease-out)}.service-accordion-trigger:hover{padding-left:10px;padding-right:10px;background:#f1f1ec}.service-accordion-trigger .service-icon{width:34px;height:34px}.service-heading{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1fr);gap:35px;align-items:center}.service-heading strong{font-size:18px;letter-spacing:-.04em}.service-heading small{font-size:13px;color:var(--muted);line-height:1.55;font-weight:400;max-width:520px}.accordion-plus{position:relative;width:18px;height:18px;justify-self:end}.accordion-plus::before,.accordion-plus::after{content:"";position:absolute;left:3px;right:3px;top:8px;height:1px;background:currentColor;transition:transform .35s var(--ease-out)}.accordion-plus::after{transform:rotate(90deg)}.service-accordion.is-active .accordion-plus::after{transform:rotate(0)}.service-accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s var(--ease-out)}.service-accordion.is-active .service-accordion-panel{grid-template-rows:1fr}.service-accordion-inner{overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:60px}.service-detail-copy{padding:8px 0 42px 110px}.service-detail-copy>p{font-size:11px;color:#92938d;text-transform:uppercase;letter-spacing:.1em}.service-detail-copy ul{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:13px 25px}.service-detail-copy li{display:flex;gap:9px;font-size:13px;color:#4f504b}.service-detail-copy li .ui-svg{color:var(--blue);margin-top:2px}.service-detail-visual{position:relative;min-height:190px;background:#eeeeea;margin:0 0 34px;overflow:hidden;display:flex;align-items:flex-end;padding:18px;font-family:"Space Grotesk";font-size:11px;color:#666}.service-detail-visual i{position:absolute;border:1px solid #bfc0ba}.service-detail-visual i:nth-of-type(1){width:45%;aspect-ratio:1;border-radius:50%;right:8%;top:-18%}.service-detail-visual i:nth-of-type(2){width:38%;height:35%;background:#4057e6;border:0;right:23%;top:35%;transform:rotate(-12deg);mix-blend-mode:multiply}.service-detail-visual i:nth-of-type(3){width:55%;height:1px;background:#151515;border:0;right:8%;bottom:28%;transform:rotate(16deg)}.project-timeline{padding-top:115px}.timeline-grid{position:relative;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line)}.timeline-step{position:relative;padding:24px 18px 0 0;min-height:190px;border-right:1px solid var(--line)}.timeline-step:last-child{border-right:0}.timeline-step>span{font-size:9px;color:#9b9c95;letter-spacing:.12em}.timeline-step>i{position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--background);border:1px solid #151515;transition:background .35s var(--ease-out),transform .35s var(--ease-out)}.timeline-step:hover>i{background:var(--blue);transform:scale(1.4)}.timeline-step h3{font-size:14px;margin:22px 0 7px}.timeline-step p{font-size:11px;color:var(--muted);line-height:1.55;margin:0;max-width:130px}
@media(max-width:850px){.service-accordion-trigger{grid-template-columns:28px 36px 1fr 20px;gap:10px}.service-heading{grid-template-columns:1fr;gap:8px}.service-heading strong{font-size:16px}.service-heading small{font-size:12px}.service-detail-copy{padding:8px 0 30px 74px}.service-detail-copy ul{grid-template-columns:1fr}.service-accordion-inner{grid-template-columns:1fr}.service-detail-visual{margin-left:74px;min-height:150px}.timeline-grid{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line)}.timeline-step{min-height:110px;border-right:0;border-bottom:1px solid var(--line);padding:16px 0 18px 36px}.timeline-step>i{left:-4px;top:16px}.timeline-step h3{margin-top:8px;padding-left:2px}.timeline-step p{max-width:320px;padding-left:2px}}


/* V7 desktop timeline breathing room between divider and copy */
@media(min-width:851px){
  .timeline-step{padding-left:16px}
  .timeline-step:first-child{padding-left:0}
}


@media (max-width:850px) and (prefers-color-scheme:dark){
  .service-accordion-trigger:hover{background:#171716}
  .service-detail-copy>p{color:#92928c}
  .service-detail-copy li{color:#c7c7c1}
  .service-detail-visual{background:#181817;color:#aaa9a2}
  .service-detail-visual i{border-color:#4a4a45}
  .service-detail-visual i:nth-of-type(3){background:#f4f4f1}
  .timeline-step>i{background:var(--background);border-color:var(--foreground)}
}

/* V10 — tighten mobile transition from service accordions into the process section. */
@media (max-width: 850px) {
  .project-timeline {
    padding-top: 52px;
  }
}