.expertise-page .film-hero h1{font-size:clamp(3rem,6vw,6.2rem)}
.expertise-page .film-hero-copy>p{color:var(--film)}
.expertise-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.expertise-products article{padding:30px;border:1px solid #dce1e9;border-top:4px solid var(--film);border-radius:18px;background:#fff;display:flex;flex-direction:column;min-width:0}
.product-index{color:var(--film);font-size:14px;font-weight:800}
.expertise-products h3{font:400 clamp(1.6rem,3vw,2.3rem) var(--display);margin:18px 0 8px}
.expertise-products p{color:#536076;font-size:16px;line-height:1.7}
.product-example{background:#f1f4f9;border-radius:12px;padding:16px}
.product-example small{font-size:12px;letter-spacing:.1em;color:#41516c}
.product-example p{margin:8px 0 0}
.expertise-products ul{padding-inline-start:22px;line-height:1.9;color:#536076}
.expertise-products a{margin:auto auto 0;padding:14px 22px;border-radius:99px;background:var(--film);color:#fff;text-decoration:none;font-weight:800;text-align:center;text-shadow:0 1px 3px #0008}
.expertise-products a span{display:inline-block;margin-inline-start:15px;transition:transform .2s}
.expertise-products a:hover span{transform:translate(3px,-3px)}
.expertise-secondary{padding:30px clamp(24px,8vw,145px);background:#fff}
.expertise-secondary details{border-bottom:1px solid #dce1e9;scroll-margin-top:100px}
.expertise-secondary summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0;font-size:18px;font-weight:700;cursor:pointer;list-style:none}
.expertise-secondary summary::-webkit-details-marker{display:none}
.expertise-secondary summary span{color:var(--film);font-size:28px}
.expertise-secondary details[open] summary span{transform:rotate(45deg)}
.expertise-secondary details>div{padding:10px 0 32px;color:#526076;font-size:16px;line-height:1.8}
.expertise-secondary h2{font:400 1.8rem var(--display);color:#172035}
.expertise-delivery{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.other-expertises{padding:50px clamp(24px,8vw,145px);display:flex;flex-wrap:wrap;gap:12px;background:#f2f4f8}
.other-expertises h2{width:100%;font:400 2rem var(--display)}
.other-expertises a{padding:12px 18px;border:1px solid #ccd5e1;border-radius:99px;text-decoration:none}
.expertise-page [hidden]{display:none!important}
.expertise-page .brief-form{scroll-margin-top:100px}
.expertise-page :is(a,summary,button):focus-visible{outline:3px solid #13889d;outline-offset:4px}
.expertise-page .timeline p{font-size:16px}
@media(max-width:700px){.expertise-products,.expertise-delivery{grid-template-columns:1fr}.expertise-products article{padding:22px}.expertise-page .film-contact{display:block;font-size:12px}.expertise-page .film-hero h1{font-size:clamp(2.7rem,10vw,4rem)}}

/* Système visuel validé : une palette vivante propre à chaque expertise. */
.expertise-page .film-hero-copy>a{min-height:52px;display:inline-flex;align-items:center;padding:0 22px;border:1px solid #ffffff70;border-radius:10px;background:linear-gradient(110deg,var(--film),var(--expertise-3));color:#fff;box-shadow:0 15px 38px color-mix(in srgb,var(--film) 38%,transparent);font-weight:850;text-shadow:0 1px 2px #0005}.expertise-page .film-hero-copy>a:hover,.expertise-page .film-hero-copy>a:focus-visible{filter:brightness(1.15);transform:translateY(-3px);border-color:#fff}
.expertise-page .film-quick-nav a:nth-of-type(1){--nav:var(--film)}.expertise-page .film-quick-nav a:nth-of-type(2){--nav:var(--expertise-2)}.expertise-page .film-quick-nav a:nth-of-type(3){--nav:var(--expertise-3)}.expertise-page .film-quick-nav i{color:var(--nav)}.expertise-page .film-quick-nav a:hover{background:linear-gradient(120deg,var(--nav),#17213a)}
.expertise-page .film-intro{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--expertise-2) 20%,transparent),transparent 30%),linear-gradient(125deg,#fff,#f1f8ff 52%,color-mix(in srgb,var(--film) 8%,#fff))}.expertise-page .film-intro::after{content:"01";position:absolute;z-index:-1;right:4vw;bottom:-65px;font:400 clamp(12rem,24vw,25rem)/1 var(--display);color:color-mix(in srgb,var(--film) 7%,transparent)}.expertise-page .intro-copy{padding:clamp(25px,4vw,48px);border:1px solid #fff;border-radius:24px;background:#ffffffa6;box-shadow:0 24px 65px #30497212;backdrop-filter:blur(10px)}
.expertise-page .products{position:relative;background:radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--expertise-2) 12%,transparent),transparent 27%),linear-gradient(140deg,#f9fcff,#f8f5f0 50%,color-mix(in srgb,var(--expertise-3) 7%,#fff))}.expertise-products article{--tile:var(--film);position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--tile) 32%,#dce1e9);border-top-color:var(--tile);background:linear-gradient(135deg,color-mix(in srgb,var(--tile) 11%,#fff),#fff 48%);box-shadow:0 15px 42px color-mix(in srgb,var(--tile) 12%,transparent);transition:transform .28s ease,box-shadow .28s ease}.expertise-products article:nth-child(2){--tile:var(--expertise-2)}.expertise-products article:nth-child(3){--tile:var(--expertise-3)}.expertise-products article:nth-child(4){--tile:var(--expertise-4)}.expertise-products article::after{content:"";position:absolute;width:170px;height:170px;right:-90px;top:-100px;border-radius:50%;background:color-mix(in srgb,var(--tile) 13%,transparent);pointer-events:none}.expertise-products article:hover{transform:translateY(-5px);box-shadow:0 24px 58px color-mix(in srgb,var(--tile) 20%,transparent)}
.expertise-product-heading{display:flex;justify-content:space-between;align-items:center}.expertise-product-icon{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--tile),color-mix(in srgb,var(--tile) 70%,#161d35));color:#fff;box-shadow:0 11px 25px color-mix(in srgb,var(--tile) 32%,transparent);font-style:normal}.expertise-product-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.expertise-products .product-index{color:var(--tile)}.expertise-products .product-example{border:1px solid color-mix(in srgb,var(--tile) 17%,transparent);background:color-mix(in srgb,var(--tile) 7%,#fff)}.expertise-products .product-example small{color:var(--tile);font-weight:850}.expertise-products li::marker{color:var(--tile)}.expertise-products article>a{background:linear-gradient(115deg,var(--tile),color-mix(in srgb,var(--tile) 70%,#252e50));color:#fff!important;box-shadow:0 11px 27px color-mix(in srgb,var(--tile) 30%,transparent)}.expertise-products .example-open{border-color:var(--tile);color:var(--tile);background:#fff}.expertise-products .example-open:hover{background:color-mix(in srgb,var(--tile) 9%,#fff)}
.expertise-page .method-film{background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--expertise-3) 34%,transparent),transparent 30%),linear-gradient(145deg,#071020,#121d3d 55%,color-mix(in srgb,var(--film) 26%,#101126))}.expertise-page .timeline article:nth-child(1){--step:var(--film)}.expertise-page .timeline article:nth-child(2){--step:var(--expertise-2)}.expertise-page .timeline article:nth-child(3){--step:var(--expertise-3)}.expertise-page .timeline article:nth-child(4){--step:var(--expertise-4)}
.expertise-secondary{background:linear-gradient(125deg,#fbfdff,color-mix(in srgb,var(--film) 6%,#fff),color-mix(in srgb,var(--expertise-2) 7%,#fff))}.expertise-secondary details{margin:10px 0;border:1px solid color-mix(in srgb,var(--film) 17%,#dce1e9);border-radius:15px;background:#ffffffa8;overflow:hidden}.expertise-secondary summary{padding:21px 24px}.expertise-secondary details>div{padding:10px 24px 28px}.expertise-secondary details[open]{border-color:color-mix(in srgb,var(--film) 44%,#dce1e9);box-shadow:0 16px 38px color-mix(in srgb,var(--film) 11%,transparent)}.expertise-secondary details a{display:inline-flex;padding:12px 17px;border-radius:10px;background:linear-gradient(110deg,var(--film),var(--expertise-3));color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 9px 24px color-mix(in srgb,var(--film) 25%,transparent)}
.other-expertises{background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--expertise-2) 14%,transparent),transparent 30%),#f2f5fa}.other-expertises a{background:#fff;border-color:color-mix(in srgb,var(--film) 20%,#ccd5e1);transition:.2s}.other-expertises a:hover{background:var(--film);border-color:var(--film);color:#fff;transform:translateY(-2px)}
@media(max-width:700px){.expertise-product-icon{width:45px;height:45px;border-radius:13px}.expertise-product-icon svg{width:23px;height:23px}.expertise-secondary summary{padding:18px}.expertise-secondary details>div{padding:8px 18px 24px}}
@media(prefers-reduced-motion:reduce){.expertise-page .film-hero-copy>a,.expertise-products article,.other-expertises a{transition:none}}

/* Hero des expertises : compact, lisible et sans grands espaces perdus. */
.expertise-page .film-hero{
  height:auto;
  min-height:clamp(600px,78svh,720px);
  padding-top:clamp(125px,14vh,160px);
  padding-bottom:clamp(48px,7vh,70px);
}
.expertise-page .film-hero h1{margin:18px 0 22px}
.expertise-page .film-hero-copy>a{margin-top:24px}

@media(max-width:620px){
  .expertise-page .film-hero{
    height:auto;
    min-height:590px;
    padding:112px 20px 46px;
    align-items:center;
  }
  .expertise-page .film-hero>img{
    object-position:center 58px;
  }
  .expertise-page .film-hero h1{
    margin:14px 0 20px;
    line-height:.9;
  }
  .expertise-page .film-hero-copy>div p{line-height:1.55}
  .expertise-page .film-hero-copy>a{margin-top:22px}
}

/* Accordéon produits : une seule tuile développée, actions centrées. */
.expertise-products{grid-template-columns:1fr;gap:11px}.expertise-products>article{min-height:0;padding:0}.expertise-products>article:not(.open){background:linear-gradient(110deg,color-mix(in srgb,var(--tile) 8%,#fff),#fff 65%);box-shadow:0 8px 24px #1c29430a}.expertise-products>article:not(.open):hover{transform:translateX(4px)}
.expertise-products .expertise-product-heading{position:relative;z-index:1;display:grid;grid-template-columns:42px 58px minmax(0,1fr) 44px;gap:14px;align-items:center;width:100%;padding:18px 22px;cursor:pointer}.expertise-products .expertise-product-heading h3{margin:0}.expertise-products .expertise-product-heading .expertise-product-icon{width:50px;height:50px}.expertise-product-toggle{position:relative;z-index:2;width:39px;height:39px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tile) 33%,#d6deea);border-radius:50%;background:#fff;color:var(--tile);font-size:1.2rem;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease}.expertise-product-toggle span{line-height:1}.expertise-products>article.open .expertise-product-toggle{background:var(--tile);color:#fff;border-color:var(--tile);transform:rotate(45deg)}.expertise-product-toggle:focus-visible{outline:3px solid var(--tile)!important;outline-offset:4px}
.expertise-product-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;padding:10px 82px 30px 122px}.expertise-product-body[hidden]{display:none!important}.expertise-product-body>p{grid-column:1/-1;margin:0}.expertise-product-body .product-example{margin:0}.expertise-product-body>ul{margin:0;align-self:center}.expertise-product-actions{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:11px;padding-top:5px}.expertise-product-actions .example-open,.expertise-product-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:13px;width:auto;min-width:205px;min-height:47px;margin:0;padding:12px 19px;border-radius:12px;font:800 14px/1.35 var(--body);text-decoration:none}.expertise-product-actions .example-open{border:1px solid var(--tile);background:#fff;color:var(--tile)}.expertise-product-actions>a{border:1px solid var(--tile);background:linear-gradient(115deg,var(--tile),color-mix(in srgb,var(--tile) 72%,#252e50));color:#fff!important;box-shadow:0 11px 27px color-mix(in srgb,var(--tile) 30%,transparent)}.expertise-product-actions>a span{color:#fff}.expertise-product-actions .example-open:hover,.expertise-product-actions>a:hover{filter:brightness(1.08);transform:translateY(-2px)}
@media(max-width:760px){.expertise-products .expertise-product-heading{grid-template-columns:32px 48px minmax(0,1fr) 40px;padding:15px 14px;gap:9px}.expertise-products .expertise-product-heading .expertise-product-icon{width:43px;height:43px}.expertise-products .expertise-product-heading h3{font-size:clamp(1.3rem,5.6vw,1.8rem)}.expertise-product-body{grid-template-columns:1fr;padding:10px 22px 25px 70px}.expertise-product-body>*{grid-column:1!important}}
@media(max-width:480px){.expertise-products .expertise-product-heading{grid-template-columns:25px 42px minmax(0,1fr) 36px;padding:14px 9px;gap:7px}.expertise-products .expertise-product-heading .expertise-product-icon{width:39px;height:39px}.expertise-product-body{padding:8px 16px 22px}.expertise-product-actions .example-open,.expertise-product-actions>a{width:100%}}
.expertise-products article.tile-color-1{--tile:var(--film)}.expertise-products article.tile-color-2{--tile:var(--expertise-2)}.expertise-products article.tile-color-3{--tile:var(--expertise-3)}.expertise-products article.tile-color-4{--tile:var(--expertise-4)}
