.wip-be .bk--dark .sct-title { color: var(--bone); }
.wip-be .bk--dark .sct-title em { color: var(--sand); }

.wip-be .be-open { padding-top: var(--wip-sec-y); }
.wip-be .be-title { margin-top: var(--wip-gap-1); max-width: 14ch; }
.wip-be .be-open-row { display: grid; grid-template-columns: 1fr; gap: var(--wip-gap-2); align-items: center; margin: var(--wip-gap-2) 0 var(--wip-gap-3); }
.wip-be .be-open-body { display: grid; grid-template-columns: 1fr; gap: var(--wip-gap-p); }
.wip-be .be-open-row .bk-svc-fig { justify-self: start; }
.wip-be .bk--sand .bk-svc-fig { background: var(--soot); border-color: var(--soot); color: var(--bone); -webkit-backdrop-filter: none; backdrop-filter: none; }
.wip-be .be-lead { font-size: clamp(1.15rem, 1.6vw, 1.45rem); line-height: 1.4; color: var(--bone); max-width: 34ch; }
.wip-be .be-open .sct-copy { color: var(--bone-65); max-width: 46ch; }
.wip-be .be-open--part { padding-top: var(--wip-sec-y); }
.wip-be .bk--sand.be-open .be-lead { color: var(--ink); }
.wip-be .bk--sand.be-open .sct-copy { color: var(--stone); }
.wip-be .bk--sand .sct-title em { color: var(--stone); }
@media (min-width: 1024px) {
  .wip-be .be-open-row { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .wip-be .be-open-body { grid-column: 1 / span 4; }
  .wip-be .be-open-row .bk-svc-fig { grid-column: 6 / span 7; justify-self: end; }
}

.wip-be .be-photo { margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 0.9rem; }
.wip-be .be-step > * { min-width: 0; }
.wip-be .be-photo--suivi { margin-top: var(--wip-gap-3); }
.wip-be .be-photo img { display: block; width: 100%; height: auto; border-radius: var(--wip-r-card); }
.wip-be .be-photo figcaption { font-size: 0.86rem; line-height: 1.6; color: var(--bone-65); max-width: 52ch; }
.wip-be .be-photo-k {
  display: block; margin-bottom: 0.35rem;
  font-family: var(--wip-mono); font-size: 0.64rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bone);
}
.wip-be :is(.bk--bone, .bk--sand) .be-photo figcaption { color: var(--stone); }
.wip-be :is(.bk--bone, .bk--sand) .be-photo-k { color: var(--ink); }
.wip-be :is(.bk--bone, .bk--sand) .be-photo img { border: 1px solid var(--wip-line); }
.wip-be .be-photo--doc img { aspect-ratio: 16 / 9; object-fit: contain; background: #fff; }

.wip-be .be-photo--fig .be-fig-svg { border-radius: var(--wip-r-card); overflow: hidden; background: #0e0c0a; }
.wip-be .be-photo--fig svg { display: block; width: 100%; height: auto; }
.wip-be .be-photo--fig svg text[font-family*="Martian"] { font-family: var(--wip-mono); }
@media (max-width: 699px) {
  .wip-be .be-photo--fig .be-fig-svg { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .wip-be .be-photo--fig svg { width: 640px; max-width: none; }
}

.wip-be .be-ph { margin: 0; min-width: 0; }
.wip-be .be-ph-in {
  aspect-ratio: var(--be-ratio, 16 / 9);
  display: flex; flex-direction: column; justify-content: center; gap: 0.8rem;
  padding: clamp(1.2rem, 3vw, 2.4rem);
  border: 1.5px dashed currentColor; border-radius: var(--wip-r-card);
  background: repeating-linear-gradient(135deg, transparent 0 14px, rgba(127, 120, 110, 0.06) 14px 15px);
  overflow: auto;
}
.wip-be .be-ph-k {
  font-family: var(--wip-mono); font-size: 0.66rem; letter-spacing: 0.14em; text-transform: uppercase;
}
.wip-be .be-ph-format {
  width: fit-content; padding: 0.25rem 0.7rem;
  border: 1px solid currentColor; border-radius: 999px;
  font-family: var(--wip-mono); font-size: 0.62rem; opacity: 0.7;
}
.wip-be .be-ph p { font-size: 0.92rem; line-height: 1.6; max-width: 62ch; }
.wip-be .be-ph .be-ph-alt { font-size: 0.84rem; opacity: 0.7; }
.wip-be .bk--dark .be-ph { color: var(--bone-65); }
.wip-be .bk--dark .be-ph p:first-of-type { color: var(--bone); }
.wip-be :is(.bk--bone, .bk--sand) .be-ph { color: var(--stone); }
.wip-be :is(.bk--bone, .bk--sand) .be-ph p:first-of-type { color: var(--ink); }
@media (max-width: 699px) { .wip-be .be-ph-in { aspect-ratio: auto; min-height: 16rem; } }

.wip-be .be-inputs { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 700px)  { .wip-be .be-inputs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .wip-be .be-inputs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.wip-be .be-input { display: flex; flex-direction: column; gap: 1rem; padding: 1.3rem 1.4rem 1.6rem; }
.wip-be .be-input-title {
  margin-top: clamp(1.6rem, 4vw, 3.4rem);
  font-size: clamp(1.4rem, 1.9vw, 1.8rem); font-weight: 700; line-height: 0.95;
  letter-spacing: -0.03em; text-transform: uppercase;
}
.wip-be .bk-panel--dark .bk-desc { color: var(--bone-65); }

.wip-be .be-questions { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(248, 247, 243, 0.45); }
.wip-be .be-questions li {
  display: grid; grid-template-columns: auto 1fr; column-gap: 1.2rem; row-gap: 0.9rem;
  padding: clamp(1.4rem, 3vw, 2.4rem) 0;
  border-bottom: 1px solid rgba(248, 247, 243, 0.16);
}
.wip-be .be-questions .wip-ring { grid-row: 1 / span 2; }
.wip-be .be-q {
  font-size: clamp(1.5rem, 2.6vw, 2.4rem); font-weight: 700; line-height: 0.98;
  letter-spacing: -0.035em; text-transform: uppercase; color: var(--bone);
}
.wip-be .be-q em { font-style: italic; font-weight: 300; color: var(--sand); }
.wip-be .be-a { font-size: 0.98rem; line-height: 1.65; color: var(--bone-65); max-width: 56ch; }
@media (min-width: 1024px) {
  .wip-be .be-questions li { grid-template-columns: 3rem repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
  .wip-be .be-questions .wip-ring { grid-row: auto; }
  .wip-be .be-q { grid-column: 2 / span 6; }
  .wip-be .be-a { grid-column: 9 / span 5; padding-top: 0.3rem; }
}

.wip-be .be-seq { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(28, 25, 22, 0.4); }
.wip-be .be-seq li {
  display: grid; grid-template-columns: 2.4rem 1fr; column-gap: 1rem; row-gap: 0.4rem;
  padding: clamp(1.2rem, 2.4vw, 1.8rem) 0; border-bottom: 1px solid var(--wip-line);
}
.wip-be .be-seq .be-toc-n { grid-row: 1 / span 2; font-family: var(--wip-mono); font-size: 0.7rem; color: var(--stone); padding-top: 0.35rem; }
.wip-be .be-seq .be-toc-name { font-size: 1.25rem; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.wip-be .be-seq .be-toc-text { font-size: 0.95rem; line-height: 1.6; color: var(--stone); max-width: 58ch; }
@media (min-width: 1024px) {
  .wip-be .be-seq li { grid-template-columns: 3rem repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
  .wip-be .be-seq .be-toc-n { grid-row: auto; }
  .wip-be .be-seq .be-toc-name { grid-column: 2 / span 4; }
  .wip-be .be-seq .be-toc-text { grid-column: 7 / span 7; }
}
.wip-be .be-figs { display: grid; grid-template-columns: 1fr; gap: 1.6rem; margin-top: var(--wip-gap-2); }
@media (min-width: 900px) { .wip-be .be-figs { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; } }

.wip-be .be-steps { display: flex; flex-direction: column; gap: var(--wip-gap-3); }
.wip-be .be-step { display: grid; grid-template-columns: 1fr; gap: 1.6rem; align-items: center; }
.wip-be .be-step-text { display: flex; flex-direction: column; gap: 1.1rem; }
.wip-be .be-step-text .sct-eyebrow { margin-bottom: 0.4rem; }
.wip-be .be-step-title {
  font-size: clamp(1.7rem, 2.8vw, 2.6rem); font-weight: 700; line-height: 0.95;
  letter-spacing: -0.035em; text-transform: uppercase;
}
.wip-be .be-step-title em { font-style: italic; font-weight: 300; color: var(--stone); }
.wip-be .be-step .bk-desc { max-width: 46ch; }
@media (min-width: 1024px) {
  .wip-be .be-step { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; }
  .wip-be .be-step-text { grid-column: 1 / span 4; }
  .wip-be .be-step .be-ph { grid-column: 6 / span 7; }
  .wip-be .be-step--flip .be-step-text { grid-column: 9 / span 4; grid-row: 1; }
  .wip-be .be-step--flip .be-ph { grid-column: 1 / span 7; grid-row: 1; }
  .wip-be .be-step--text .be-step-text { grid-column: 1 / span 6; }
  .wip-be .be-step .be-photo { grid-column: 6 / span 7; }
  .wip-be .be-step--flip .be-photo { grid-column: 1 / span 7; grid-row: 1; }
  .wip-be .be-step .be-photo--tall { grid-column: 7 / span 5; }
}

.wip-be .be-fin { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 900px) { .wip-be .be-fin { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wip-be .be-fin-card { display: flex; flex-direction: column; gap: 1rem; padding: 1.3rem 1.4rem 1.6rem; }
.wip-be .be-fin-title {
  margin-top: clamp(1.6rem, 4vw, 3.4rem);
  font-size: clamp(1.4rem, 1.9vw, 1.8rem); font-weight: 700; line-height: 0.95;
  letter-spacing: -0.03em; text-transform: uppercase;
}
.wip-be .be-fin-title em { font-style: italic; font-weight: 300; color: var(--stone); }
.wip-be .bk-panel--dark .be-fin-title em { color: var(--sand); }
.wip-be .be-fin .bk-desc { max-width: 40ch; }