
.pf-body{margin:0;background:#f7f8fa;color:#1c1d24;font-family:Archivo,Arial,sans-serif;line-height:1.5;overflow-x:clip}.pf-body *{box-sizing:border-box}.pf-body button,.pf-body input{font:inherit}.pf-body a{color:inherit}.pf-body img{max-width:100%}.pf-body [hidden]{display:none!important}.pf-shell{width:min(1160px,calc(100% - 80px));margin-inline:auto}.pf-header{min-height:100px;max-width:1380px;margin:auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pf-header img{display:block;object-fit:contain}.pf-header-back{font-size:13px;text-decoration:none;border-bottom:1px solid #bfc3c9;padding-bottom:4px}.pf-header-back:hover{border-color:#e80071;color:#e80071}.pf-skip{position:fixed;left:20px;top:-80px;z-index:100;background:#1c1d24;color:#fff!important;padding:14px}.pf-skip:focus{top:10px}.pf-eyebrow{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.pf-hero{padding:74px 0 54px;border-bottom:1px solid #d9dce2;position:relative;isolation:isolate;overflow:hidden}.pf-hero:after{content:'';position:absolute;z-index:-1;width:490px;height:400px;right:-220px;top:10%;background:radial-gradient(ellipse,#00a5e319 0%,#e8007108 38%,transparent 70%);pointer-events:none}.pf-hero h1{font-size:clamp(48px,6.8vw,98px);letter-spacing:-.065em;line-height:1.02;font-weight:760;margin:25px 0 35px;max-width:1020px}.pf-hero h1 span{color:#00a5e3}.pf-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.pf-hero-bottom p{font-size:19px;max-width:590px;line-height:1.6;margin:0;color:#54565f}.pf-discover{font-size:13px;font-weight:650;white-space:nowrap;text-underline-offset:5px}.pf-discover span{margin-left:12px}.pf-nav{display:flex;gap:5px;flex-wrap:wrap;padding:25px 0;border-bottom:1px solid #d9dce2}.pf-nav a{padding:8px 13px;border:1px solid transparent;text-decoration:none;font-size:13px;border-radius:3px}.pf-nav a:hover,.pf-nav a:focus-visible{background:#fff;border-color:#00a5e3}.pf-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:48px 0 24px;scroll-margin-top:25px}.pf-section-heading p{font-size:13px;color:#696c75;margin:0}.pf-cases{border-top:1px solid #cdd1d7}.pf-case{border-bottom:1px solid #cdd1d7;scroll-margin-top:25px}.pf-case summary{list-style:none;display:flex;align-items:center;gap:25px;padding:27px 0;cursor:pointer}.pf-case summary::-webkit-details-marker{display:none}.pf-case summary>img,.pf-monogram{width:78px;height:78px;border-radius:50%;object-fit:cover;flex-shrink:0;filter:grayscale(100%)}.pf-monogram{display:grid;place-items:center;background:#1c1d24;color:#ffd400;font-weight:800;font-size:26px}.pf-case-heading{flex:1;min-width:0}.pf-case-heading .pf-eyebrow{font-size:10px;color:#6a6d77}.pf-case h2{font-size:clamp(25px,3vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.2;margin:6px 0}.pf-case-role{font-size:13px;color:#6d7079}.pf-case-plus{width:34px;height:34px;position:relative;flex-shrink:0;border:1px solid #c6cbd2;border-radius:50%;transition:background .2s,border-color .2s}.pf-case-plus:before,.pf-case-plus:after{content:'';position:absolute;width:12px;height:1.5px;left:10px;top:15px;background:#1c1d24;transition:transform .2s}.pf-case-plus:after{transform:rotate(90deg)}.pf-case[open] .pf-case-plus{background:#ffd400;border-color:#ffd400}.pf-case[open] .pf-case-plus:after{transform:rotate(0)}.pf-case summary:hover h2{color:#00a5e3}.pf-case-body{padding:0 0 47px 103px}.pf-case-lede{font-size:22px;font-weight:600;max-width:820px;line-height:1.45;letter-spacing:-.02em;margin:4px 0 28px}.pf-case-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px}.pf-case h3{font-size:15px;font-weight:700;letter-spacing:-.015em;margin:0 0 12px}.pf-work-list{list-style:none;padding:0;margin:0}.pf-work-list li{font-size:14px;position:relative;padding-left:20px;margin:10px 0;color:#555861}.pf-work-list li:before{content:'';height:5px;width:5px;background:#00a5e3;position:absolute;top:8px;left:0}.pf-result{border-left:2px solid #00a5e3;padding-left:25px}.pf-result .pf-eyebrow{color:#60636d}.pf-result p{font-size:14px;line-height:1.7;margin:12px 0 0;color:#555861}.pf-result strong{display:block;color:#1c1d24;font-size:25px;letter-spacing:-.035em;line-height:1.25;margin-bottom:10px}.pf-paths{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#34363d;border:1px solid #34363d;border-radius:8px;overflow:hidden;margin-bottom:36px}.pf-paths>div{background:#1c1d24;color:#fff;padding:23px}.pf-paths span{display:block;font-family:'IBM Plex Mono',monospace;color:#8fcde7;font-size:10px;letter-spacing:.03em;margin-bottom:10px}.pf-paths strong{font-size:14px;font-weight:500;line-height:1.6;display:block}.pf-subtitle{margin-top:35px!important;margin-bottom:17px!important}.pf-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pf-media-card{margin:0;background:#fff;border:1px solid #dfe1e6;border-radius:8px;overflow:hidden;min-width:0}.pf-media-card figcaption{padding:19px 20px 15px}.pf-media-card figcaption .pf-eyebrow{font-size:9px;color:#747780}.pf-media-card h4{font-size:17px;letter-spacing:-.025em;line-height:1.35;margin:7px 0 0;font-weight:650}.pf-media-stage{background:#17181d;min-height:180px;position:relative}.pf-media-panel video{width:100%;display:block;background:#17181d;height:355px;max-height:50vh;object-fit:contain}.pf-image-button{border:0;padding:0;background:#17181d;display:block;position:relative;width:100%;cursor:zoom-in}.pf-image-button img{width:100%;height:355px;object-fit:contain;display:block}.pf-image-open{position:absolute;right:10px;bottom:10px;background:#1c1d24ed;border:1px solid #777b84;border-radius:3px;padding:6px 10px;color:#fff;font-size:10px;font-family:'IBM Plex Mono',monospace;pointer-events:none}.pf-image-button:hover .pf-image-open{background:#ffd400;color:#1c1d24;border-color:#ffd400}.pf-variants{display:flex;gap:5px;padding:0 20px 14px;flex-wrap:wrap}.pf-variants button{border:1px solid #cdd2da;background:transparent;border-radius:3px;padding:5px 10px;font-size:11px;color:#646772;cursor:pointer}.pf-variants button[aria-selected=true]{background:#1c1d24;border-color:#1c1d24;color:#fff}.pf-variants button:focus-visible{outline:2px solid #00a5e3;outline-offset:3px}.pf-media-fallback{font-size:12px;padding:16px;margin:0;color:#fff;line-height:1.7}.pf-media-fallback a{color:#8fdfff}.pf-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf-page-link{padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:white;border:1px solid #dce0e6;border-radius:6px;text-decoration:none;min-width:0}.pf-page-link strong{font-size:14px;display:block;font-weight:650;line-height:1.4}.pf-page-link small{display:block;color:#777a84;font-size:12px;line-height:1.5;margin-top:6px}.pf-page-link>span:last-child{font-size:22px;color:#00a5e3}.pf-page-link:hover{border-color:#00a5e3;box-shadow:0 4px 16px #00a5e30a}.pf-note{font-size:12px;color:#777b85;line-height:1.6;margin:16px 0 0;max-width:850px}.pf-scope{margin-top:24px;border:1px solid #dce0e6;border-radius:6px;padding:25px;background:#fff}.pf-scope h4{font-size:15px;margin:0 0 10px}.pf-scope p{font-size:14px;color:#666a75;line-height:1.7;margin:10px 0 0}.pf-description{font-size:14px;line-height:1.7;color:#666a75;max-width:800px}.pf-archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:23px 0}.pf-archive-page{border:1px solid #dce0e6;border-radius:6px;overflow:hidden;height:450px;background:white}.pf-archive-page img{height:auto;min-height:100%;object-fit:cover;object-position:top}.pf-project-links{padding:28px;background:#fff;border:1px solid #dce0e6;border-radius:7px}.pf-project-links p{font-size:14px;color:#696c76;margin:10px 0 20px}.pf-project-links a{display:inline-block;text-decoration:none;font-size:13px;padding:8px 15px;background:#f7f8fa;border:1px solid #dce0e6;border-radius:3px;margin:0 8px 6px 0}.pf-contact{text-align:center;padding:100px 0 90px;position:relative}.pf-contact h2{font-size:clamp(30px,4.5vw,57px);line-height:1.12;letter-spacing:-.05em;margin:20px 0 25px}.pf-main-back{font-size:13px;display:block;margin-bottom:28px;text-underline-offset:5px}.pf-cta{background:#1c1d24;color:#fff;border:1px solid #1c1d24;border-radius:5px;padding:18px 25px;font-weight:600;font-size:14px;cursor:default;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:25px;box-shadow:0 4px 20px #1c1d2415}.pf-cta span{color:#ffd400}.pf-footer{border-top:1px solid #dce0e6;max-width:1380px;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;margin:auto;gap:25px}.pf-footer img{display:block}.pf-footer>a:last-child{font-size:12px;text-decoration:none}.pf-lightbox{background:#fff;color:#1c1d24;border:0;border-radius:6px;padding:55px 18px 18px;max-width:96vw;max-height:95vh;width:max-content;box-shadow:0 20px 100px #0007}.pf-lightbox::backdrop{background:#15161ced;backdrop-filter:blur(5px)}.pf-lightbox img{display:block;max-width:88vw;max-height:77vh;object-fit:contain;margin:auto}.pf-lightbox p{text-align:center;font-size:12px;margin:14px 0 0;max-width:80vw}.pf-lightbox-close{position:absolute;top:12px;right:15px;font-size:12px;border:1px solid #ccd0d7;border-radius:4px;background:#fff;cursor:pointer;padding:7px 12px}.pf-body :focus-visible{outline:2px solid #e80071;outline-offset:5px}
@media(min-width:1250px){.pf-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-media-panel video,.pf-image-button img{height:330px}.pf-archive-page img{height:auto}}
@media(max-width:800px){.pf-shell{width:calc(100% - 40px)}.pf-header{padding:15px 20px;min-height:80px}.pf-header img{width:145px;height:auto}.pf-header-back{font-size:11px;max-width:125px;text-align:right;line-height:1.5}.pf-hero{padding:45px 0 38px}.pf-hero h1{font-size:clamp(45px,9vw,72px);margin:22px 0 28px}.pf-hero-bottom{display:block}.pf-hero-bottom p{font-size:16px;max-width:540px}.pf-discover{display:inline-block;margin-top:22px;font-size:12px}.pf-nav{gap:3px;padding:17px 0}.pf-nav a{padding:7px 10px;font-size:12px}.pf-section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin:32px 0 18px}.pf-section-heading p{font-size:12px}.pf-case summary{gap:15px;padding:24px 0}.pf-case summary>img,.pf-monogram{width:60px;height:60px}.pf-case h2{font-size:27px}.pf-case-heading .pf-eyebrow{font-size:8px;letter-spacing:.05em}.pf-case-role{font-size:11px}.pf-case-plus{width:28px;height:28px}.pf-case-plus:before,.pf-case-plus:after{left:8px;top:12px;width:10px}.pf-case-body{padding:0 0 32px 0}.pf-case-lede{font-size:19px;margin-top:8px}.pf-case-overview{gap:25px}.pf-result{padding-left:20px}.pf-result strong{font-size:23px}.pf-case-overview{margin-bottom:25px}.pf-media-grid{gap:16px}.pf-media-card h4{font-size:16px}.pf-media-panel video,.pf-image-button img{height:315px;max-height:none}.pf-media-card figcaption{padding:17px 16px 12px}.pf-variants{padding-inline:16px}.pf-page-link{padding:16px}.pf-page-link strong{font-size:13px}.pf-page-link small{font-size:11px}.pf-contact{padding:65px 0}.pf-footer{padding:22px 20px}.pf-footer img{width:130px;height:auto}}
@media(max-width:540px){.pf-shell{width:calc(100% - 36px)}.pf-header{padding-inline:18px}.pf-header img{width:130px}.pf-header-back{font-size:10px;max-width:110px}.pf-hero h1{font-size:48px;letter-spacing:-.06em}.pf-eyebrow{font-size:9px}.pf-case h2{font-size:25px}.pf-case-heading .pf-eyebrow{line-height:1.6}.pf-case summary>img,.pf-monogram{width:48px;height:48px}.pf-case summary{gap:12px}.pf-case-plus{width:26px;height:26px}.pf-case-plus:before,.pf-case-plus:after{left:7px;top:11px}.pf-case-role{font-size:11px;line-height:1.45;display:block}.pf-case-overview{grid-template-columns:1fr;gap:22px}.pf-result{padding:17px 19px;border-left-width:2px;background:#fff}.pf-paths,.pf-media-grid,.pf-page-grid{grid-template-columns:1fr}.pf-paths>div{padding:20px}.pf-media-panel video,.pf-image-button img{height:355px;max-height:100vw}.pf-archive-grid{gap:10px}.pf-archive-page{height:285px}.pf-archive-page img{height:auto;max-height:none}.pf-archive-page .pf-image-open{font-size:8px;right:5px;bottom:5px;padding:4px}.pf-contact h2{font-size:36px}.pf-cta{padding:16px;font-size:12px;gap:12px}.pf-footer{align-items:flex-start}.pf-footer>a:last-child{font-size:10px;text-align:right;max-width:115px}.pf-scope{padding:19px}.pf-note{font-size:11px}}
@media(max-width:350px){.pf-hero h1{font-size:42px}.pf-case h2{font-size:21px}.pf-case-role{font-size:10px}.pf-case-heading .pf-eyebrow{font-size:7px}.pf-case summary{gap:10px}.pf-case summary>img,.pf-monogram{width:40px;height:40px}.pf-header-back{max-width:99px}.pf-header img{width:120px}.pf-contact h2{font-size:30px}.pf-cta{font-size:11px;padding:15px 12px}.pf-case-lede{font-size:18px}}
@media(prefers-reduced-motion:reduce){.pf-body *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Galerie : garder le visuel entier dans le cadre mobile. */
.pf-lightbox{width:min(960px,96vw);overflow-x:hidden}.pf-lightbox img{max-width:100%;width:auto;height:auto}
