/* Références entreprises · Music-Solutions · octobre 2026 */
.corporate-page .page-hero{padding-bottom:48px}
.corporate-page .page-hero h1{font-size:clamp(42px,4.6vw,66px)}
.corporate-page .hero-grid{align-items:center}
.corporate-page .hero-picture{aspect-ratio:1.12}
.corporate-page .hero-picture img{object-position:45% 50%}
.corporate-page .hero-art{padding-bottom:0}
.corporate-page .hero-art figcaption{font-size:11px;color:var(--muted);padding-top:12px;line-height:1.5}
.corporate-note{font-size:12px;color:var(--muted);margin-top:22px}
.corporate-nav .container{justify-content:space-between;gap:12px 28px}
.corporate-nav a{padding-block:5px}
.corporate-nav a{min-height:44px;display:flex;align-items:center}
.client-references{padding-block:72px;background:#fff}
.client-references .section-head{align-items:flex-start}
.client-references .section-head .lead{font-size:16px;max-width:380px}
.client-references h2{font-size:clamp(34px,3.6vw,49px)}
.client-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.client-grid>li{margin:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.client-card{height:150px;padding:22px 16px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;background:#fff}
.client-mark{display:flex;align-items:center;justify-content:center;width:100%;height:70px}
.client-logo{width:140px;height:66px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.88}
.client-logo-b3{width:116px;filter:none;opacity:1}
.client-logo-agipi{width:76px}
.client-logo-toyota{width:83px}
.client-logo-hus{width:78px}
.client-logo-barriere{width:97px}
.client-logo-villa-lalique{width:143px}
.client-logo-ds{width:100px}
.client-reverse{filter:brightness(0);opacity:.78}
.client-card figcaption{font-size:11px;line-height:1.45;color:#5e565c;max-width:200px}
.client-sprite{display:block;position:relative;overflow:hidden;flex-shrink:0;width:var(--clip-w);height:var(--clip-h);max-width:100%;background:#fff}
.client-sprite img{position:absolute;max-width:none!important;width:var(--sheet-w)!important;height:var(--sheet-h)!important;left:var(--sheet-x);top:var(--sheet-y);filter:grayscale(1);opacity:.9}
.client-more{margin-top:0;border:0}
.client-more>summary{list-style:none;min-height:60px;display:flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;color:var(--accent);font-size:13px;border-bottom:1px solid var(--line);padding:17px 12px;text-align:center}
.client-more>summary::-webkit-details-marker{display:none}
.client-more>summary::after{content:'+';font:26px/1 var(--sans)}
.client-more[open]>summary::after{content:'−'}
.client-more .when-open{display:none}.client-more[open] .when-open{display:inline}.client-more[open] .when-closed{display:none}
.client-more .client-grid{border-top:0}
.client-reference-note{font-size:12px;color:var(--muted);margin-top:20px;line-height:1.7}
.corporate-case{background:var(--plum);color:var(--paper);padding-block:var(--space)}
.corporate-case .eyebrow{color:#d4bb99}
.corporate-case h2{max-width:650px;font-size:clamp(36px,4vw,57px)}
.corporate-case h2 em{color:#ead3df}
.corporate-case-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(30px,6vw,90px);align-items:center}
.corporate-case-copy>p{font-size:16px;line-height:1.85;color:#e1d5df;max-width:620px;margin-top:25px}
.corporate-case-copy .text-link{color:#fff;margin-top:26px}
.corporate-case-copy .text-link:hover{color:#ead3df}
.case-client{border:1px solid #ffffff35;padding:30px;background:#ffffff04}
.case-client-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}
.case-client-logo{background:#fff;padding:16px;flex-shrink:0}
.case-client-logo img{width:108px;height:54px;object-fit:contain}
.case-client-top p{font:22px/1.2 var(--serif)}
.case-client-top small{display:block;font:11px/1.6 var(--sans);color:#d7c9d3;margin-top:8px}
.case-facts{margin:0;display:grid;gap:0}
.case-facts>div{border-top:1px solid #ffffff25;padding:16px 0;display:grid;grid-template-columns:92px 1fr;gap:12px;font-size:13px;line-height:1.6}
.case-facts>div:last-child{padding-bottom:0}
.case-facts dt{color:#cbb7c5;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding-top:3px}
.case-facts dd{margin:0;color:#fff}
.case-facts dd span{display:block;font-size:12px;color:#d7c9d3}
.case-client a{color:inherit;text-decoration:none}
.case-client a:hover{text-decoration:underline}
.corporate-page .format h3{font-size:35px}
.corporate-page .format p{flex:0}
.corporate-page #formats-entreprises .section-head p{font-size:16px}
.corporate-page .corporate-cta .actions{max-width:360px}
.corporate-page .corporate-cta .text-link{margin-inline:auto}
@media(min-width:1500px){.corporate-page .hero-grid{gap:80px}}
@media(max-width:980px){.client-card{height:145px;padding-inline:9px}.client-mark{height:65px}.client-logo{width:120px}.client-logo-agipi{width:70px}.client-logo-b3{width:106px}.client-logo-toyota{width:76px}.corporate-case-grid{gap:30px}.case-client{padding:24px}.case-client-top{display:block}.case-client-logo{display:inline-block;margin-bottom:20px}.corporate-case .case-client-top p{font-size:24px}}
@media(max-width:720px){.corporate-page .page-hero{padding-top:32px;padding-bottom:34px}.corporate-page .hero-grid{gap:30px}.corporate-page .hero-picture{aspect-ratio:1.4}.client-references{padding-block:50px}.client-references .section-head{display:block}.client-references .section-head .lead{margin-top:20px;max-width:600px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card{height:140px;padding:18px 10px 14px;gap:11px}.client-logo{max-width:100%}.corporate-case-grid{grid-template-columns:1fr;gap:35px}.case-client-top{display:flex}.case-client-logo{margin-bottom:0}.case-client-top p{font-size:23px}.corporate-nav .container{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.corporate-nav a{font-size:12px}.corporate-page .format h3{font-size:32px}}
@media(max-width:360px){.client-card{padding-inline:7px}.client-logo{width:108px}.client-logo-b3{width:100px}.client-logo-agipi{width:66px}.client-logo-toyota{width:72px}.case-client{padding:20px}.case-client-top{gap:15px}.case-client-logo{padding:12px}.case-client-logo img{width:90px;height:45px}.case-facts>div{grid-template-columns:70px 1fr}}
@media(prefers-reduced-motion:reduce){.corporate-page{scroll-behavior:auto}}
