/* Contenus de V1 dans la composition éditoriale du portfolio. */
.services-intro{align-self:start}
@media(min-width:761px){
  .services-intro{position:sticky;top:clamp(32px,8svh,96px)}
}
.service summary{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:23px}
.service-visual{margin:0 0 24px;width:100%}
.service-visual img{width:100%;height:auto}
.service-description{padding:0 0 28px}
.service-description p{padding:0;max-width:55ch}
.service-description ul{padding:0;margin:20px 0 0;list-style:none;font-size:12px;line-height:1.8}
.service-description li{padding:8px 0;border-top:1px solid var(--line)}
.work-method{margin-top:88px;border-top:1px solid #565650;padding-top:40px}
.method-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.method-heading h3{font-size:clamp(28px,3vw,42px);max-width:20ch}
.method-heading>p{font-size:13px;max-width:38ch;color:#d2d1c9;line-height:1.8}
.method-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}
.method-number{display:block;font-family:Montserrat,sans-serif;color:var(--orange);font-size:40px;font-weight:700;line-height:1;margin-bottom:24px;font-variant-numeric:tabular-nums}
.method-steps h4{font-family:Montserrat,sans-serif;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.03em;margin:0 0 16px;max-width:20ch}
.method-steps p{font-size:13px;line-height:1.85;color:#d2d1c9}
.related-projects{margin:0 var(--gutter);padding:48px 0 72px;border-top:1px solid var(--ink)}
.related-projects h2{font-size:clamp(30px,3.5vw,48px);margin-bottom:36px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.related-grid>div{min-width:0}
.related-reason{font-size:12px;color:var(--muted);margin-bottom:16px}
@media(min-width:761px) and (max-width:1050px){
  .service summary{gap:16px;font-size:21px}
  .method-steps{gap:24px}
}
@media(max-width:760px){
  .service summary{gap:16px;font-size:22px}
  .service-description{padding-left:0;padding-bottom:24px}
  .work-method{margin-top:56px;padding-top:32px}
  .method-heading{display:block;margin-bottom:32px}
  .method-heading>p{margin-top:20px;max-width:100%}
  .method-steps{display:block}
  .method-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:20px;row-gap:16px;padding:28px 0;border-top:1px solid #565650}
  .method-number{grid-row:1/3;font-size:28px;margin:0}
  .method-steps h4{font-size:21px;margin:0;max-width:100%}
  .method-steps p{grid-column:2}
  .related-projects{padding:36px 0 48px}
  .related-projects h2{margin-bottom:28px}
  .related-grid{grid-template-columns:1fr;gap:28px}
}