/* Mise en page éditoriale commune aux études de cas du portfolio. */
.case-page{--case-ink:#18191d;--case-paper:#f5f3ef;--case-accent:#b5986a;--case-muted:#77777b;background:var(--case-paper);color:var(--case-ink);font-family:"DM Sans",sans-serif}
.case-epernon{--case-accent:#d6ae25;--case-paper:#f7f5ef}.case-edenred{--case-accent:#e54750}.case-ludoptic{--case-accent:#3877bd}.case-castlebee{--case-accent:#19b8a1;--case-paper:#f2f6f4}
.case-page .topbar{background:rgba(245,243,239,.95);border-color:rgba(24,25,29,.12)}.case-page .brand{color:var(--case-ink)}.case-page .brand span{color:var(--case-accent)}.case-page .nav-links a{color:var(--case-ink)}.case-page .nav-links .contact{background:var(--case-ink);color:white}
.case-hero,.case-film,.case-facts,.case-story,.case-cta{width:min(1220px,calc(100% - 64px));margin-inline:auto}.case-hero{position:relative;padding:62px 0 104px;min-height:660px}.case-page .back{color:var(--case-muted);font-size:.78rem;text-decoration:none}.case-kicker{margin:42px 0 18px;color:var(--case-accent);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.case-hero h1,.case-heading h2,.case-cta h2{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.055em;line-height:.94}.case-hero h1{position:relative;z-index:2;margin:0;max-width:770px;font-size:clamp(4rem,9vw,9rem)}.case-hero h1 em,.case-heading h2 em,.case-cta h2 em{font-weight:500;color:var(--case-accent)}.case-lead{position:relative;z-index:2;max-width:430px;margin:28px 0 0;font-size:1.05rem;line-height:1.75}.case-cover{position:absolute;right:0;top:225px;width:43%;margin:0;background:#111;box-shadow:14px 14px 0 var(--case-accent)}.case-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.case-cover figcaption{padding:12px 15px;color:#fff;font-size:.72rem;letter-spacing:.07em}
.case-film{padding:84px 0 90px;border-top:1px solid rgba(24,25,29,.16)}.case-heading .case-kicker{margin:0 0 17px}.case-heading h2{margin:0 0 38px;font-size:clamp(3rem,6vw,6.3rem)}.case-player{aspect-ratio:16/9;background:#101014;box-shadow:0 24px 65px rgba(24,25,29,.14)}.case-player iframe{display:block;width:100%;height:100%;border:0}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:28px 0 34px;border-top:1px solid color-mix(in srgb,var(--case-accent),transparent 38%);border-bottom:1px solid color-mix(in srgb,var(--case-accent),transparent 38%)}.case-facts span{display:block;margin-bottom:10px;color:var(--case-accent);font-size:.65rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.case-facts p{margin:0;font-size:.92rem;line-height:1.5}
.case-story{padding:112px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.case-story .case-kicker{margin-top:0}.case-copy{max-width:620px;padding-top:33px;color:#54545a;font-size:1rem;line-height:1.9}.case-copy p{margin:0 0 22px}.case-copy strong{color:var(--case-ink)}.case-note{padding-left:16px;border-left:2px solid var(--case-accent);font-size:.84rem;color:var(--case-muted)}
.case-cta{padding:64px 0 100px;border-top:1px solid rgba(24,25,29,.16)}.case-cta .case-kicker{margin:0 0 22px}.case-cta h2{margin:0;font-size:clamp(3.2rem,7vw,7rem)}.case-cta>a{display:inline-block;margin-top:32px;color:var(--case-ink);font-size:.85rem;font-weight:700;text-decoration:none}.case-page footer{padding:24px;text-align:center;color:var(--case-muted);font-size:.78rem}.case-page footer a{color:inherit}
.case-page .case-textcover{position:absolute;right:0;top:215px;width:43%;min-height:270px;display:grid;place-items:center;padding:30px;background:var(--case-ink);box-shadow:14px 14px 0 var(--case-accent);color:#fff;text-align:center}.case-textcover strong{display:block;font-family:"Playfair Display",serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;letter-spacing:-.06em}.case-textcover span{display:block;margin-top:12px;color:var(--case-accent);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.case-castlebee .case-textcover{background:linear-gradient(135deg,#122d42 0%,#146f77 56%,#19b8a1 100%);box-shadow:14px 14px 0 #193d4c}.case-castlebee .case-textcover strong{font-family:Orbitron,"DM Sans",sans-serif;font-size:clamp(2rem,4.7vw,4.4rem);letter-spacing:-.08em}.case-castlebee .case-textcover span{color:#d1fff1}
@media(max-width:760px){.case-hero,.case-film,.case-facts,.case-story,.case-cta{width:min(100% - 36px,620px)}.case-hero{padding:44px 0 68px;min-height:0}.case-hero .case-kicker{margin-top:34px}.case-hero h1{font-size:clamp(4rem,16vw,7rem)}.case-lead{margin-top:22px}.case-cover,.case-page .case-textcover{position:relative;top:auto;right:auto;width:88%;margin:38px 0 10px auto;box-shadow:10px 10px 0 var(--case-accent)}.case-page .case-textcover{min-height:200px}.case-film{padding:60px 0 68px}.case-heading h2{margin-bottom:25px}.case-facts{grid-template-columns:1fr 1fr;gap:22px 16px}.case-story{padding:76px 0;grid-template-columns:1fr;gap:0}.case-copy{padding-top:5px}.case-cta{padding:50px 0 76px}}