:root{
  --bg:#080808;--bg2:#0f0f0f;--bg3:#151515;--paper:#f1ede6;--paper2:#e3ddd3;
  --ink:#f7f3ec;--muted:#a6a098;--muted2:#77716a;--line:rgba(255,255,255,.12);
  --accent:#ff4f2f;--accent-soft:#ffc3b4;--max:1480px;--pad:clamp(20px,4vw,70px);
  --shadow:0 22px 70px rgba(0,0,0,.28);--ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:5000;background:#fff;color:#000;padding:10px 14px}
.eyebrow{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.kicker{font-size:13px;line-height:1.5;color:#d5d0c9;max-width:600px}
header{position:fixed;z-index:100;inset:0 0 auto 0;transition:.3s var(--ease)}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent;transition:.3s}
header.solid{background:rgba(8,8,8,.9);backdrop-filter:blur(18px)}header.solid::after{background:var(--line)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-size:22px;font-weight:950;letter-spacing:-.05em;white-space:nowrap}.logo b{background:var(--accent);padding:8px 12px;border-radius:999px;margin-left:6px;letter-spacing:-.04em}
.navlinks{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:650}.navlinks a{opacity:.72;transition:.2s}.navlinks a:hover,.navlinks a.active{opacity:1}.navlinks .quote{opacity:1;border:1px solid rgba(255,255,255,.26);padding:12px 16px;border-radius:999px}
.navlinks .quote:hover{border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.menu{display:none;background:none;color:white;border:0;font-size:23px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--line);padding:15px 21px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.025em;transition:.22s var(--ease)}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.45)}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.paper{background:var(--paper);border-color:var(--paper);color:#111}
.arrow{font-size:16px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}

/* HERO */
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#111}
.reel{position:absolute;inset:0}.reel-slide{position:absolute;inset:-2%;opacity:0;transform:scale(1.03);background-position:center;background-size:cover;transition:opacity 1.25s ease,transform 6.5s linear}.reel-slide.on{opacity:1;transform:scale(1.09)}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.16) 72%),linear-gradient(180deg,rgba(0,0,0,.08) 30%,rgba(0,0,0,.93) 100%)}
.hero-content{position:relative;z-index:3;padding-top:170px;padding-bottom:60px;width:100%}.hero-grid{display:grid;grid-template-columns:1.38fr .62fr;gap:44px;align-items:end}
.hero h1{font-size:clamp(70px,10.1vw,160px);line-height:.78;letter-spacing:-.075em;margin:14px 0 27px;font-weight:900;max-width:1160px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}
.hero-copy{font-size:clamp(19px,2vw,28px);line-height:1.42;max-width:790px;margin:0;color:#eee9e1}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.reel-counter{margin-top:36px;font-size:11px;letter-spacing:.13em;color:#aaa}
.hero-bottomline{display:flex;align-items:center;gap:18px;margin-top:40px;color:#bab5ae;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.hero-bottomline::before{content:"";width:65px;height:1px;background:#aaa}
.band{border-block:1px solid var(--line);overflow:hidden;background:#0b0b0b}.marquee{white-space:nowrap;width:max-content;display:flex;animation:marquee 34s linear infinite;padding:18px 0}.marquee span{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#c7c2ba;margin-right:55px}@keyframes marquee{to{transform:translateX(-50%)}}

/* GENERIC SECTIONS */
.section{padding:130px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.46fr 1.54fr;gap:40px;align-items:start;margin-bottom:60px}.section h2,.display{font-size:clamp(46px,6.2vw,94px);line-height:.91;letter-spacing:-.064em;margin:0;font-weight:900}.lead{font-size:clamp(18px,2vw,28px);line-height:1.5;color:#cbc6be;max-width:880px;margin:25px 0 0}.text{font-size:16px;line-height:1.7;color:#bbb6af}
.hr{height:1px;background:var(--line)}.accent{color:var(--accent)}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:16px}.number{background:var(--bg);padding:34px 25px}.number strong{font-size:clamp(42px,4.8vw,70px);display:block;letter-spacing:-.065em}.number span{display:block;margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}

/* VALUE */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value{min-height:340px;background:var(--bg2);border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.value:hover{background:#131313;transform:translateY(-4px)}.value .index{font-size:11px;color:var(--accent);font-weight:800}.value h3{font-size:31px;line-height:1.02;letter-spacing:-.045em;margin:0 0 12px}.value p{margin:0;color:#aba69f;line-height:1.55;font-size:14px}

/* SERVICES */
.services{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.service-card{grid-column:span 6;min-height:570px;position:relative;overflow:hidden;background:#151515;border:1px solid var(--line);isolation:isolate}.service-card:nth-child(2),.service-card:nth-child(3){grid-column:span 5}.service-card:nth-child(1),.service-card:nth-child(4){grid-column:span 7}
.service-card img{position:absolute;inset:0;opacity:.6;transition:.7s var(--ease);z-index:-2}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.94) 100%);z-index:-1}.service-card:hover img{transform:scale(1.04);opacity:.78}
.service-card .top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#ddd}.service-card .body{position:absolute;bottom:27px;left:27px;right:27px}.service-card h3{font-size:clamp(31px,3.5vw,48px);letter-spacing:-.055em;line-height:.96;margin:9px 0}.service-card p{font-size:14px;line-height:1.55;max-width:560px;color:#ccc7bf;margin:0}

/* STUDIO */
.studio-split{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.studio-img{min-height:720px;overflow:hidden}.studio-img img{transition:.7s}.studio-img:hover img{transform:scale(1.025)}
.paper-panel{background:var(--paper);color:#111;padding:clamp(36px,5vw,75px);display:flex;flex-direction:column;justify-content:space-between}.paper-panel h3{font-size:clamp(42px,5vw,75px);line-height:.91;letter-spacing:-.06em;margin:17px 0 22px}.paper-panel p{font-size:18px;line-height:1.65;color:#37332f;max-width:620px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.pill{font-size:11px;padding:9px 12px;border:1px solid rgba(0,0,0,.22);border-radius:999px}

/* WORKFLOW */
.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--bg);padding:30px 20px;min-height:200px}.step small{color:var(--accent);font-weight:800}.step strong{display:block;margin-top:60px;font-size:19px;line-height:1.1}.step span{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}

/* PROJECTS */
.projects-featured{display:grid;grid-template-columns:1.36fr .82fr .82fr;grid-template-rows:330px 330px;gap:14px}.project-tile{position:relative;overflow:hidden;border:1px solid var(--line);background:#151515;cursor:pointer}.project-tile.main{grid-row:span 2}.project-tile img{position:absolute;inset:0;opacity:.72;transition:.65s var(--ease)}.project-tile:hover img{transform:scale(1.045);opacity:.9}.project-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.94) 100%)}.project-tile .meta{position:absolute;z-index:2;left:23px;right:23px;bottom:22px}.project-tile h3{font-size:24px;line-height:1.02;letter-spacing:-.04em;margin:6px 0}.project-tile p{margin:0;color:#d0cbc4;font-size:11px;line-height:1.45}.project-tile .plus{position:absolute;z-index:2;top:19px;right:20px;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-items:center;font-size:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}.filter{background:transparent;border:1px solid var(--line);color:#ccc;padding:10px 14px;border-radius:999px;font:inherit;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--paper);color:#111;border-color:var(--paper)}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio .project-tile{min-height:425px}.portfolio .project-tile.hide{display:none}

/* QUOTE / CTA */
.quote-block{padding:120px 0;background:#101010}.quote-text{font-size:clamp(39px,6vw,88px);line-height:.98;letter-spacing:-.06em;max-width:1250px;margin:0}.quote-text span{color:var(--muted2)}
.cta{padding:105px 0;background:var(--accent);color:#fff}.cta-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end}.cta h2{font-size:clamp(55px,8vw,118px);line-height:.84;letter-spacing:-.072em;margin:0}.cta p{font-size:18px;line-height:1.55;margin:0 0 23px;max-width:480px}

/* PAGE HERO */
.page-hero{padding:190px 0 90px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero .ghost{position:absolute;right:-2vw;bottom:-4vw;font-size:22vw;line-height:.65;color:rgba(255,255,255,.018);font-weight:950;letter-spacing:-.1em;pointer-events:none}.page-hero h1{font-size:clamp(72px,10.2vw,158px);line-height:.8;letter-spacing:-.075em;margin:15px 0 36px}.page-intro{display:grid;grid-template-columns:.48fr 1.52fr;gap:40px}.page-intro p{font-size:clamp(20px,2.3vw,31px);line-height:1.45;margin:0;color:#d0cbc3;max-width:930px}

/* EXPERTISE PAGE */
.service-row{display:grid;grid-template-columns:90px .85fr 1.15fr;gap:28px;padding:42px 0;border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row .num{font-size:11px;color:var(--accent);font-weight:800}.service-row h3{font-size:clamp(34px,4vw,60px);line-height:.95;letter-spacing:-.055em;margin:0}.service-row p,.service-row ul{font-size:15px;color:#bbb6af;line-height:1.7;margin-top:0}.service-row ul{padding-left:18px}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.capability{border:1px solid var(--line);padding:28px;min-height:240px}.capability h4{font-size:22px;margin:56px 0 10px}.capability p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}

/* STUDIO PAGE */
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery div{min-height:390px;overflow:hidden}.gallery div:nth-child(1){grid-column:span 7}.gallery div:nth-child(2){grid-column:span 5}.gallery div:nth-child(3){grid-column:span 5}.gallery div:nth-child(4){grid-column:span 7}.gallery img{transition:.6s}.gallery div:hover img{transform:scale(1.03)}
.facilities{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.facility{display:grid;grid-template-columns:68px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.facility:nth-child(odd){padding-right:35px;border-right:1px solid var(--line)}.facility:nth-child(even){padding-left:35px}.facility .ico{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--accent)}.facility h4{font-size:20px;margin:0 0 8px}.facility p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:80px}.contact-side{position:sticky;top:120px;height:max-content}.contact-side h2{font-size:clamp(54px,7vw,103px);line-height:.86;letter-spacing:-.065em;margin:18px 0 32px}.details{color:#c5c0b8;line-height:1.8;font-size:14px}.details strong{color:white}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{background:#111;border:1px solid var(--line);color:#fff;padding:17px 15px;font:inherit;font-size:13px;outline:none;border-radius:0}input:focus,textarea:focus,select:focus{border-color:#777}.wide,textarea,.submit{grid-column:1/-1}textarea{min-height:190px;resize:vertical}.submit{border:0;background:var(--accent);color:white;padding:18px;font-size:12px;font-weight:900;letter-spacing:.05em;cursor:pointer}
.contact-note{font-size:11px;color:var(--muted);grid-column:1/-1;line-height:1.5}

/* MODAL */
.modal{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.9);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal-card{width:min(1100px,100%);max-height:90vh;overflow:auto;background:#111;border:1px solid var(--line);display:grid;grid-template-columns:1.15fr .85fr;box-shadow:var(--shadow)}.modal-image{min-height:640px}.modal-copy{padding:42px;display:flex;flex-direction:column;justify-content:space-between}.modal-copy h3{font-size:42px;line-height:.95;letter-spacing:-.05em;margin:12px 0 18px}.modal-copy p{color:#b9b4ad;line-height:1.65;font-size:14px}.modal-close{position:fixed;right:28px;top:25px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#111;color:white;font-size:22px;cursor:pointer;z-index:1001}

/* FOOTER */
footer{padding:44px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.footer strong{color:white}.footer .mini-logo{font-size:20px;font-weight:900;letter-spacing:-.05em;color:white}.footer a:hover{color:white}

/* RESPONSIVE */
@media(max-width:980px){
  .navlinks{display:none;position:absolute;left:0;right:0;top:82px;background:#090909;padding:26px var(--pad);flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}
  .hero-grid,.section-head,.studio-split,.cta-grid,.page-intro,.contact-grid{grid-template-columns:1fr}.hero-side{align-items:flex-start}.hero h1{font-size:clamp(68px,15vw,130px)}
  .value-grid{grid-template-columns:1fr}.services .service-card:nth-child(n){grid-column:span 12}.numbers{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.projects-featured{grid-template-columns:1fr 1fr;grid-template-rows:500px 320px}.project-tile.main{grid-row:auto;grid-column:span 2}
  .portfolio{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:60px 1fr}.service-row>div:last-child{grid-column:2}.capabilities{grid-template-columns:1fr 1fr}.contact-side{position:static}.footer{grid-template-columns:1fr 1fr}
  .gallery div:nth-child(n){grid-column:span 6}.facilities{grid-template-columns:1fr}.facility:nth-child(n){padding-inline:0;border-right:0}
}
@media(max-width:620px){
  .nav{height:72px}.navlinks{top:72px}.logo{font-size:18px}.logo b{padding:6px 9px}
  .hero-content{padding-top:130px;padding-bottom:42px}.hero h1{font-size:clamp(62px,19vw,92px)}.hero-copy{font-size:18px}.hero-bottomline{display:none}
  .section{padding:86px 0}.section h2,.display{font-size:clamp(44px,14vw,69px)}.numbers,.workflow,.projects-featured,.portfolio,.capabilities,.footer{grid-template-columns:1fr}.projects-featured{grid-template-rows:auto}.project-tile,.project-tile.main,.portfolio .project-tile{grid-column:auto;min-height:390px}.project-tile.main{min-height:460px}
  .page-hero{padding:135px 0 64px}.page-hero h1{font-size:clamp(62px,18vw,96px)}
  .service-row{grid-template-columns:1fr}.service-row>div:last-child{grid-column:1}.service-row .num{margin-bottom:-12px}
  .gallery div:nth-child(n){grid-column:span 12;min-height:310px}.facility{grid-template-columns:55px 1fr}
  .modal-card{grid-template-columns:1fr}.modal-image{min-height:340px}.modal-copy{padding:28px}.modal-copy h3{font-size:34px}
  form{grid-template-columns:1fr}.wide,textarea,.submit,.contact-note{grid-column:1}.marquee{animation-duration:22s}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}



/* =========================================================
   V3 COULEUR — dynamisation subtile des blocs éditoriaux
   Palette complémentaire sobre, pensée pour rester premium.
   ========================================================= */

/* 1. POURQUOI ONE DAY — Continuité / Souplesse / Accompagnement */
.value{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 0%, rgba(255,79,47,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    var(--bg2);
  border-color:rgba(255,255,255,.14);
}
.value::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--card-accent,#ff4f2f);
  opacity:.92;
}
.value::after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  right:-70px;top:-80px;
  border-radius:50%;
  background:var(--card-glow,rgba(255,79,47,.12));
  filter:blur(12px);
  pointer-events:none;
}
.value:nth-child(1){
  --card-accent:#ff4f2f;
  --card-glow:rgba(255,79,47,.16);
}
.value:nth-child(2){
  --card-accent:#f4a340;
  --card-glow:rgba(244,163,64,.14);
  background:
    radial-gradient(circle at 15% 0%, rgba(244,163,64,.095), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    var(--bg2);
}
.value:nth-child(3){
  --card-accent:#e96b72;
  --card-glow:rgba(233,107,114,.13);
  background:
    radial-gradient(circle at 15% 0%, rgba(233,107,114,.09), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    var(--bg2);
}
.value .index{
  width:max-content;
  min-width:34px;
  padding:7px 10px;
  border-radius:999px;
  color:var(--card-accent,#ff4f2f);
  background:color-mix(in srgb, var(--card-accent,#ff4f2f) 11%, transparent);
  border:1px solid color-mix(in srgb, var(--card-accent,#ff4f2f) 34%, transparent);
}
.value:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb, var(--card-accent,#ff4f2f) 46%, rgba(255,255,255,.15));
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}

/* 2. WORKFLOW — Préparer / Tourner / Monter / Finaliser / Livrer */
.workflow{
  overflow:hidden;
}
.step{
  position:relative;
  overflow:hidden;
  --step-color:#ff4f2f;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--step-color) 8%, transparent), transparent 52%),
    var(--bg);
  transition:background .25s var(--ease), transform .25s var(--ease);
}
.step:nth-child(1){--step-color:#ff4f2f}
.step:nth-child(2){--step-color:#f29c38}
.step:nth-child(3){--step-color:#df6c57}
.step:nth-child(4){--step-color:#c85f79}
.step:nth-child(5){--step-color:#9d688b}
.step::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:var(--step-color);
}
.step::after{
  content:"";
  position:absolute;
  width:125px;height:125px;
  right:-62px;bottom:-65px;
  border-radius:50%;
  background:color-mix(in srgb, var(--step-color) 16%, transparent);
  filter:blur(7px);
}
.step small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;height:28px;
  padding:0 9px;
  border-radius:999px;
  color:var(--step-color);
  border:1px solid color-mix(in srgb, var(--step-color) 36%, transparent);
  background:color-mix(in srgb, var(--step-color) 9%, transparent);
}
.step:hover{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--step-color) 14%, transparent), transparent 62%),
    #0d0d0d;
}

/* 3. CAPACITÉS — Besoin ponctuel / Workflow complet / Équipe installée */
.capability{
  position:relative;
  overflow:hidden;
  --cap-color:#ff4f2f;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--cap-color) 8%, transparent), transparent 52%),
    rgba(255,255,255,.012);
  border-color:rgba(255,255,255,.14);
  transition:transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.capability:nth-child(1){--cap-color:#ff4f2f}
.capability:nth-child(2){--cap-color:#f2a23d}
.capability:nth-child(3){--cap-color:#d66b74}
.capability::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:3px;
  background:var(--cap-color);
}
.capability::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-72px;top:-75px;
  border-radius:50%;
  background:color-mix(in srgb, var(--cap-color) 13%, transparent);
  filter:blur(10px);
}
.capability .eyebrow{
  color:var(--cap-color);
  width:max-content;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--cap-color) 36%, transparent);
  background:color-mix(in srgb, var(--cap-color) 8%, transparent);
}
.capability:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--cap-color) 42%, rgba(255,255,255,.14));
}

/* 4. LES ESPACES — grille Studio */
.facility{
  position:relative;
  --facility-color:#ff4f2f;
  transition:background .25s var(--ease);
}
.facility:nth-child(1){--facility-color:#ff4f2f}
.facility:nth-child(2){--facility-color:#f2a23d}
.facility:nth-child(3){--facility-color:#de6a57}
.facility:nth-child(4){--facility-color:#c96175}
.facility:nth-child(5){--facility-color:#b16d8b}
.facility:nth-child(6){--facility-color:#d88744}
.facility:nth-child(7){--facility-color:#e65d4f}
.facility:nth-child(8){--facility-color:#a96b78}
.facility:hover{
  background:linear-gradient(90deg, color-mix(in srgb, var(--facility-color) 7%, transparent), transparent 70%);
}
.facility .ico{
  color:var(--facility-color);
  border-color:color-mix(in srgb, var(--facility-color) 42%, rgba(255,255,255,.12));
  background:
    radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--facility-color) 16%, transparent), transparent 68%),
    #0b0b0b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.facility h4{
  transition:color .25s var(--ease);
}
.facility:hover h4{
  color:color-mix(in srgb, var(--facility-color) 72%, white);
}

/* Responsive : conserver les touches de couleur sans surcharge */
@media(max-width:620px){
  .value::after,.capability::after,.step::after{opacity:.65}
  .step::before,.capability::before{height:2px}
}

.form-status{
  grid-column:1/-1;
  min-height:20px;
  margin-top:2px;
  font-size:12px;
  line-height:1.5;
  color:var(--muted);
}
.form-status.success{
  color:#a8d9b0;
}
.form-status.error{
  color:#ff9d88;
}
.submit:disabled{
  opacity:.65;
  cursor:wait;
}