.wip-page .bk {
  position: relative;
  padding: var(--wip-sec-y) var(--wip-sec-x);
}
.wip-page .bk-in { max-width: var(--max-w-wide); margin: 0 auto; }
.wip-page .bk--sand { background: var(--sand-light); }
.wip-page .bk--dark { background: var(--soot); color: var(--bone); }

.wip-page .bk-mono {
  font-family: var(--wip-mono);
  font-size: 0.66rem; letter-spacing: 0.04em;
  opacity: 0.72;
}
.wip-page .bk-link {
  display: inline-flex; align-items: center; gap: 0.6rem;
  width: fit-content;
  padding: 0.7rem 1.3rem;
  border: 1px solid currentColor; border-radius: 999px;
  font-size: 0.62rem; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase;
  line-height: 1;
  color: inherit;
}
.wip-page .bk-meta {
  display: inline-flex; align-items: center; gap: 0.6rem;
  width: fit-content;
  padding: 0.36rem 0.9rem 0.36rem 0.36rem;
  border: 1px solid currentColor; border-radius: 999px;
  font-size: 0.56rem; font-weight: 500;
  letter-spacing: 0.28em; text-transform: uppercase;
  line-height: 1;
}
.wip-page .bk-meta .wip-ring { width: 1.8rem; height: 1.8rem; font-size: 0.56rem; outline-offset: -4px; }
.wip-page .bk-art-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.wip-page .bk-tag {
  font-size: 0.56rem; font-weight: 600;
  letter-spacing: 0.2em; text-transform: uppercase;
  padding: 0.32rem 0.75rem;
  border: 1px solid currentColor; border-radius: 999px;
  opacity: 0.75;
}
.wip-page .bk-readtime { font-size: 0.6rem; letter-spacing: 0.1em; opacity: 0.6; white-space: nowrap; }
.wip-page .bk-desc { font-size: 0.9rem; line-height: 1.65; color: var(--stone); }
.wip-page .bk--dark .bk-desc,
.wip-page .bk-panel--dark .bk-desc { color: var(--bone-65); }

.wip-page .bk-panel {
  position: relative;
  border: 1px solid var(--wip-line);
  border-radius: var(--wip-r-card);
  background: var(--wip-panel);
  color: var(--ink);
  overflow: hidden;
}
.wip-page .bk-panel--dark { background: var(--soot); border-color: var(--soot); color: var(--bone); }
.wip-page .bk-panel--sand { background: var(--sand); border-color: var(--sand); color: var(--soot); }

.wip-page .bk-fig { display: block; width: 100%; height: auto; overflow: visible; }
.wip-page .bk-fig path,
.wip-page .bk-fig circle { fill: none; stroke: currentColor; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.wip-page .bk-fig .dot { fill: currentColor; stroke: none; }
.wip-page .bk-fig .mask { fill: var(--bk-fig-bg, var(--sand-light)); stroke: none; }

.wip-page .bk-head {
  display: grid; grid-template-columns: 1fr; gap: var(--wip-gap-1);
  margin-bottom: var(--wip-gap-2);
}
.wip-page .bk-head .sct-eyebrow { margin-bottom: var(--wip-gap-1); }
.wip-page .bk-head .sct-title { max-width: 16ch; }
@media (min-width: 900px) {
  .wip-page .bk-head { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: end; }
  .wip-page .bk-head > :first-child { grid-column: 1 / span 7; }
  .wip-page .bk-head > :last-child:not(:first-child) { grid-column: 9 / span 4; justify-self: start; }
  .wip-page .bk-head > .bk-link:last-child { justify-self: end; }
}

.wip-page .bk-une { display: grid; grid-template-columns: 1fr; gap: 2.4rem 24px; }
.wip-page .bk-une-main { display: grid; grid-template-columns: 1fr; }
.wip-page .bk-une-fig {
  --bk-fig-bg: var(--sand-light);
  display: grid; place-items: center;
  padding: 1.6rem 2rem;
  background: var(--sand-light);
  border-bottom: 1px solid var(--wip-line);
  color: var(--ink);
}
.wip-page .bk-une-fig .bk-fig { width: 100%; max-width: 300px; }
.wip-page .bk-une-body { display: flex; flex-direction: column; gap: 1.2rem; padding: 2rem 2rem 2.2rem; }
.wip-page .bk-une-title {
  font-size: clamp(1.5rem, 2.3vw, 2.3rem);
  font-weight: 700; line-height: 1.06; letter-spacing: -0.025em;
}
.wip-page .bk-formats {
  display: flex; flex-wrap: wrap; gap: 0.6rem;
  margin-top: auto; padding-top: 1.4rem;
  border-top: 1px solid var(--ink-08);
}
.wip-page .bk-fmt {
  padding: 0.75rem 1.1rem;
  border: 1px solid var(--ink-12); border-radius: 999px;
  background: var(--sand-light);
  font-size: 0.6rem; font-weight: 600;
  letter-spacing: 0.12em; text-transform: uppercase;
  line-height: 1;
}
.wip-page .bk-fmt--long { background: var(--soot); border-color: var(--soot); color: var(--bone); }
.wip-page .bk-une-list { border-bottom: 1px solid rgba(28, 25, 22, 0.4); }
.wip-page .bk-une-item {
  display: flex; flex-direction: column; gap: 0.9rem;
  padding: 1.8rem 0;
  border-top: 1px solid rgba(28, 25, 22, 0.4);
}
.wip-page .bk-une-item-title { font-size: clamp(1.1rem, 1.5vw, 1.4rem); font-weight: 700; line-height: 1.14; letter-spacing: -0.02em; }
.wip-page .bk-inline-links { display: flex; flex-wrap: wrap; gap: 0.4rem 1.4rem; }
.wip-page .bk-inline-links a {
  font-size: 0.6rem; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 1024px) {
  .wip-page .bk-une { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .wip-page .bk-une-main { grid-column: 1 / span 7; grid-template-columns: 0.9fr 1.1fr; }
  .wip-page .bk-une-fig { border-bottom: 0; border-right: 1px solid var(--wip-line); padding: 2rem 1.6rem; }
  .wip-page .bk-une-fig .bk-fig { max-width: 420px; }
  .wip-page .bk-une-body { padding: 2.4rem; }
  .wip-page .bk-une-list { grid-column: 9 / span 4; align-self: start; }
  .wip-page .bk-une-item:first-child { padding-top: 0; border-top: 0; }
}

.wip-page .bk-contact-stades { margin-bottom: var(--wip-gap-3); }
.wip-page .bk-stades { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 1024px) { .wip-page .bk-stades { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.wip-page .bk-stade {
  display: flex; flex-direction: column; gap: 1.2rem;
  padding: 1.4rem 1.8rem 1.9rem;
  border-radius: var(--wip-r-panel);
}
.wip-page .bk-stade-fig { width: min(64%, 260px); margin: 0.6rem auto 0.4rem; }
.wip-page .bk-stade-title {
  font-size: clamp(1.7rem, 2.6vw, 2.6rem);
  font-weight: 700; line-height: 0.94;
  letter-spacing: -0.04em; text-transform: uppercase;
}
.wip-page .bk-stade-title em { font-style: italic; font-weight: 300; color: var(--ash); }
.wip-page .bk-panel--sand .bk-stade-title em { color: var(--stone); }
.wip-page .bk-panel--dark .bk-stade-title em { color: var(--sand); }
.wip-page .bk-stade .bk-desc { flex: 1; }
.wip-page .bk-stade .bk-link { margin-top: 0.6rem; transition: background 0.3s ease, color 0.3s ease; }
.wip-page .bk-stade .bk-link:hover { background: var(--soot); color: var(--bone); }
.wip-page .bk-panel--dark .bk-link:hover { background: var(--bone); color: var(--soot); }
@media (max-width: 1023px) {
  .wip-page .bk-stade { display: grid; grid-template-columns: 6.5rem 1fr; column-gap: 1.4rem; align-items: start; }
  .wip-page .bk-stade > .bk-art-head { grid-column: 1 / -1; }
  .wip-page .bk-stade-fig { grid-column: 1; grid-row: 2 / span 3; width: 100%; margin: 0; }
  .wip-page .bk-stade-title,
  .wip-page .bk-stade .bk-desc,
  .wip-page .bk-stade .bk-link { grid-column: 2; }
}

.wip-page .bk-svcs { display: flex; flex-direction: column; width: 100vw; margin-left: calc(50% - 50vw); }
.wip-page .bk-svc {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: 1fr; gap: var(--wip-gap-1);
  min-height: 100vh; min-height: 100svh;
  padding: clamp(40px, 7vw, 96px) max(var(--wip-sec-x), calc((100vw - var(--max-w-wide)) / 2));
  color: var(--bone);
}
.wip-page .bk-svc > * { min-width: 0; position: relative; z-index: 1; }
.wip-page .bk-svc-bg { position: absolute; inset: 0; z-index: 0; margin: 0; }
.wip-page .bk-svc-bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wip-page .bk-svc-bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(23, 23, 26, 0.55) 0%, rgba(23, 23, 26, 0.5) 45%, rgba(23, 23, 26, 0.82) 100%);
}
.wip-page .bk-svc--flip .bk-svc-bg::after {
  background: linear-gradient(90deg, rgba(23, 23, 26, 0.82) 0%, rgba(23, 23, 26, 0.5) 55%, rgba(23, 23, 26, 0.55) 100%);
}
@media (max-width: 899px) {
  .wip-page .bk-svc-bg::after { background: linear-gradient(180deg, rgba(23, 23, 26, 0.5) 0%, rgba(23, 23, 26, 0.85) 100%); }
}
.wip-page .bk-svc-fig {
  box-sizing: border-box;
  margin: 0; width: 100%; max-width: 640px;
  border: 1px solid rgba(248, 247, 243, 0.16); border-radius: 20px;
  background: rgba(23, 23, 26, 0.72);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  color: var(--bone);
  padding: clamp(14px, 2.4vw, 28px);
}
.wip-page .bk-svc-fig svg { display: block; width: 100%; height: auto; overflow: visible; }
.wip-page .bk-svc-text { display: flex; flex-direction: column; gap: 1.2rem; max-width: 46ch; }
.wip-page .bk-svc-text .bk-meta { color: var(--bone); }
.wip-page .bk-svc-title {
  font-size: clamp(2rem, 3.6vw, 3.6rem);
  font-weight: 700; line-height: 0.92;
  letter-spacing: -0.04em; text-transform: uppercase;
}
.wip-page .bk-svc-title em { font-style: italic; font-weight: 300; color: var(--sand); }
.wip-page .bk-svc-more { align-self: flex-start; margin-top: 0.4rem; }
@media (max-width: 899px) {
  .wip-page .bk-svc { gap: 1.1rem; }
  .wip-page .bk-svc-text { display: contents; }
  .wip-page .bk-svc-text > * { position: relative; z-index: 1; min-width: 0; }
  .wip-page .bk-svc .bk-meta { order: 1; }
  .wip-page .bk-svc-title { order: 2; }
  .wip-page .bk-svc-fig { order: 3; margin-block: 0.6rem; }
  .wip-page .bk-svc .bk-desc { order: 4; max-width: 46ch; }
  .wip-page .bk-svc-more { order: 5; }
}
@media (min-width: 900px) {
  .wip-page .bk-svc {
    grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px;
    align-items: center;
  }
  .wip-page .bk-svc-fig { grid-column: 1 / span 7; justify-self: start; }
  .wip-page .bk-svc-text { grid-column: 9 / span 4; }
  .wip-page .bk-svc--flip .bk-svc-fig { grid-column: 6 / span 7; justify-self: end; }
  .wip-page .bk-svc--flip .bk-svc-text { grid-column: 1 / span 4; grid-row: 1; }
}

.wip-page .bk-svc-fig text { fill: currentColor; font-family: var(--wip-mono); }
.wip-page .bk-svc-fig .sv-cap { font-size: 8.5px; letter-spacing: 0.16em; }
.wip-page .bk-svc-fig .sv-lg { font-size: 7.5px; letter-spacing: 0.06em; }
.wip-page .bk-svc-fig .sv-mute { opacity: 0.55; }
.wip-page .bk-svc-fig .sv-or { fill: var(--wip-orange); }
.wip-page .bk-svc-fig .sv-grid { stroke: currentColor; stroke-opacity: 0.18; stroke-width: 0.6; }
.wip-page .bk-svc-fig .sv-j0 { stroke: var(--wip-orange); stroke-width: 1; stroke-dasharray: 3 2; }
.wip-page .svc-bem .sv-room { fill: none; stroke: currentColor; stroke-opacity: 0.6; stroke-width: 1; }
.wip-page .svc-bem .sv-field circle { fill: currentColor; }
.wip-page .svc-bem .sv-src { fill: var(--wip-orange); }
.wip-page .svc-bem .sv-booth { fill: currentColor; fill-opacity: 0.35; }
.wip-page .svc-bem .sv-pt line { stroke: var(--wip-orange); stroke-width: 1; }
.wip-page .svc-bem .sv-pt text { fill: var(--wip-orange); }
.wip-page .svc-bem .sv-curve { fill: none; stroke: currentColor; stroke-width: 1; }
.wip-page .svc-bem .sv-curve-1 { stroke-opacity: 0.6; }
.wip-page .svc-bem .sv-curve-2 { stroke-opacity: 0.35; }
.wip-page .svc-bem .sv-cursor { stroke: var(--wip-orange); stroke-width: 1; }
.wip-page .svc-cal .sv-lane { stroke: currentColor; stroke-opacity: 0.3; stroke-width: 0.6; }
.wip-page .svc-cal .sv-meet { stroke: currentColor; stroke-width: 1.4; }
.wip-page .svc-cal .sv-dot { fill: currentColor; }
.wip-page .svc-cal .sv-dot--us { fill: var(--wip-orange); }
.wip-page .svc-cal .sv-dot--meet { stroke: var(--soot); stroke-width: 2; }
.wip-page .svc-fin .sv-bar--cash { fill: currentColor; fill-opacity: 0.3; }
.wip-page .svc-fin .sv-bar--lease { fill: var(--wip-orange); }
.wip-page .svc-fin .sv-line { fill: none; stroke-width: 1.4; stroke-dasharray: 1; stroke-dashoffset: 0; }
.wip-page .svc-fin .sv-line--cash { stroke: currentColor; }
.wip-page .svc-fin .sv-line--lease { stroke: var(--wip-orange); }
.wip-page .svc-fin .sv-key--cash { fill: currentColor; fill-opacity: 0.3; }
.wip-page .svc-fin .sv-key--lease { fill: var(--wip-orange); }

.wip-accueil .hero > .hero-bg { z-index: -2; }
.wip-accueil .hero-cta { border-radius: 999px; }