/* Flashart — couche de finition responsive 2026-10-15.
   Garder cette feuille APRES flashart.min.css. Les règles ont été isolées pour
   pouvoir les maintenir sans modifier le bundle de production d'origine. */
:root { --fa-gutter: clamp(16px, 4vw, 32px); }
/* V7 : navigation fermée retirée du parcours clavier ; ouverture sans
   dépendre du chargement des animations. */
html { scroll-padding-top: 110px; }
@media (max-width:1024px) {
  .nav-menu:not(.active) { visibility:hidden; pointer-events:none; }
  .nav-menu.active { visibility:visible; pointer-events:auto; }
}
.fa-cookie-settings { color:#294c71 !important; background:#fff; min-height:44px; }
@media (max-width:700px) {
  .fa-consent-banner { max-height:calc(100dvh - 20px); overflow-y:auto; }
  .fa-consent-actions button { min-height:44px !important; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  *, *::before, *::after { animation-duration:.01ms !important;
    animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
*, *::before, *::after { box-sizing: border-box; }
html { min-width: 280px; }
body { min-width: 280px; }
main, main section, .container, .header-content, .footer-top, .footer-bottom,
.hero-shell, .hero-copy, .hero-sidecard, .cta-layout, .cta-content,
.service-item, .slide-content, .contact-grid, .contact-left, .contact-right,
.module-col, .deliverable-text, .project-card { min-width: 0; }
img, picture, video, iframe, svg { max-width: 100%; }
img { height: auto; }
video, iframe { display: block; }
h1,h2,h3,h4,p,li,a,button,label { overflow-wrap: break-word; }
h1,h2,h3 { text-wrap: balance; }
button, input, textarea, select { max-width: 100%; }
a,button,input,textarea,select { -webkit-tap-highlight-color: transparent; }
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid #247aca; outline-offset: 4px; }
[hidden] { display: none !important; }
/* Navigation claire, clavier et tactile */
.nav-item[aria-current="page"] { color: var(--primary-blue); }
.burger-menu { touch-action: manipulation; }
@media (max-width: 1024px) {
  .header { width: 100%; }
  .header-content { width: calc(100% - 2 * var(--fa-gutter)); max-width: 100%; margin-inline: auto;
    padding-inline: clamp(12px, 3vw, 20px); }
  .nav-menu { width: min(100vw, 100%); height: 100vh; height: 100dvh;
    overflow-y: auto; overscroll-behavior: contain; padding: 100px 24px 40px;
    gap: clamp(20px, 4vh, 35px); }
  .nav-menu .nav-item { width: 100%; max-width: 440px; text-align: center; padding: 10px 12px;
    font-size: clamp(18px, 4.2vw, 26px); line-height: 1.4; }
  .nav-menu .nav-item[aria-current="page"] { color: #a4d1ff; }
  .burger-menu { flex: 0 0 44px; min-width: 44px; min-height: 44px; }
  .hero-shell, .contact-grid, .service-item, .cta-layout { min-width: 0; }
  .home-page .hero-video { display: none !important; }
  .home-page .hero-poster { object-fit: cover; object-position: center; }
  .home-page .video-controls { display: none !important; }
  .home-page .hero-shell { width: 100%; padding-inline: var(--fa-gutter); }
  .hero-copy, .hero-sidecard { max-width: 100%; }
  .hero-copy .hero-actions { flex-wrap: wrap; }
  .hero-copy .hero-actions > * { max-width: 100%; }
  .service-item { grid-template-columns: 1fr; }
  .slide-content, .slide-visual { width: 100%; }
  .footer-top { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: clamp(20px,5vw,55px); }
  .footer-bottom { flex-wrap: wrap; gap: 20px; }
}
@media (max-width: 768px) {
  .container { padding-inline: var(--fa-gutter); }
  .section-header { gap: 18px; }
  .hero-title, .agency-title, .service-detail-title, .projets-title, .faq-title,
  .page-title, .section-title { max-width: 100%; overflow-wrap: anywhere; }
  .hero-title { font-size: clamp(1.95rem, 8.8vw, 3.4rem); line-height: 1.06; letter-spacing: -.045em; }
  .hero-subtitle { line-height: 1.6; }
  .hero-pillars, .hero-pillar, .hero-actions { min-width: 0; }
  .home-page .hero-shell { gap: 18px; }
  .home-page .hero-section { margin-top: 84px !important; }
  .home-page .hero-poster { height: 56.25vw !important; }
  .home-page .hero-proofbar-inner { max-width: calc(100% - 2 * var(--fa-gutter)); }
  .home-page .home-mobile-layout { padding: 0; }
  .cards-stack { padding-bottom: clamp(20px, 7vw, 55px); }
  .stack-card { width: 100%; height: clamp(310px, 62vh, 470px); top: calc(78px + var(--card-index) * 7px); }
  /* Sur un écran tactile, les légendes de projets ne doivent pas dépendre du survol. */
  .stack-card .project-overlay { opacity: 1 !important; transform: none !important;
    background: linear-gradient(0deg, rgba(5,13,28,.91), rgba(5,13,28,.08)) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter:none !important;
    border-top: 0 !important; color: white !important; }
  .stack-card .project-title { color: #fff !important; line-height: 1.24; font-size: clamp(1.3rem,5vw,1.9rem); }
  .stack-card .project-type { background: rgba(255,255,255,.15); color: #fff !important;
    border:1px solid rgba(255,255,255,.25); }
  .stack-card .project-bg { background-position: center; }
  .stack-card .mobile-video-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .stack-card .project-video { display: none !important; }
  .service-detail-intro { padding-top: 96px; }
  .service-detail-header, .module-col, .deliverable-text, .process-box {
    max-width: 100%; overflow-wrap: anywhere; }
  .module-grid, .deliverable-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .module-image-placeholder, .large-placeholder { min-height: 200px; }
  .service-detail-title { font-size: clamp(1.8rem, 7.4vw, 2.7rem); line-height: 1.08; }
  .contact-grid, .form-row { grid-template-columns: minmax(0,1fr); }
  .form-input, .contact-form input, .contact-form textarea, .newsletter-input { font-size: 16px; }
  .footer { padding-top: clamp(40px,7vw,68px); }
  .footer-top { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 22px; }
  .footer-bottom { padding-inline:0; }
  .cta-section { padding-inline: 0 !important; }
  .cta-layout { margin-inline:0 !important; width:100% !important; padding: 2.2rem 1.15rem 0 !important; }
  .cta-content, .cta-title, .cta-text { max-width:100%; }
  .news-grid, .articles-grid, .values-grid, .team-grid, .service-grid {
    grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  :root { --fa-gutter: 16px; }
  .header-content { min-height: 60px; }
  .hero-copy { padding: 1.12rem; }
  .hero-pillars { grid-template-columns: minmax(0,1fr); }
  .hero-primary-cta, .hero-actions .btn-secondary { width:100%; justify-content:center; }
  .stack-card { height: clamp(290px, 60vh, 405px); }
  .service-detail-header { padding:1.1rem; }
  .service-detail-actions { flex-direction: column; align-items: stretch; }
  .service-detail-actions > a { width: 100%; justify-content: center; }
  .module-col, .deliverable-text, .process-box { padding:1.05rem; }
  .footer-top { grid-template-columns: minmax(0,1fr); }
  .footer-socials { flex-wrap:wrap; }
  .contact-form-card { padding:1.1rem; }
  .newsletter-form { width:100%; }
}
/* Touch / reduced motion: respect des préférences et des interactions au doigt. */
@media (hover:none), (pointer:coarse) {
  .stack-card .project-overlay { opacity: 1 !important; transform:none !important; }
  .btn-contact, .btn-secondary, .btn-voir-plus { min-height: 44px; }
}
@media (prefers-reduced-motion:reduce) {
  .title-anim, .tp_reveal_anim, .fade-up, .hero-copy, .hero-sidecard { opacity:1 !important; transform:none !important; }
  .premium-orbs, #cursor-ring, #cursor-dot { display:none !important; }
}
/* Index & fiche service : composants éditoriaux nouveaux, sans framework. */
.fa-expertise-page { background: #f5f6f8; }
.fa-expertise-main { padding-top: clamp(118px, 14vw, 172px); padding-bottom: 70px; }
.fa-kicker { display:inline-block; font: 700 .75rem/1.5 var(--font-main, sans-serif);
  letter-spacing:.14em; text-transform:uppercase; color:#276daf; margin:0 0 18px; }
.fa-intro { max-width: 950px; margin: 0 auto clamp(42px, 7vw, 84px); }
.fa-intro h1 { font-family: var(--font-display, sans-serif); font-size:clamp(2.55rem,6.3vw,5.8rem);
  line-height:1.02; letter-spacing:-.055em; color:#0b1220; max-width:15ch; margin:0 0 23px; }
.fa-intro p { font-size: clamp(1.04rem,1.65vw,1.28rem); max-width: 60ch;
  color:#41506a; line-height:1.76; margin:0 0 24px; }
.fa-feature-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.fa-feature { display:flex; flex-direction:column; min-width:0; overflow:hidden;
  border-radius: 26px; background:#fff; border:1px solid rgba(12,28,54,.1);
  box-shadow:0 16px 40px rgba(11,18,32,.055); text-decoration:none; color:#0b1220;
  transition:transform .25s ease,box-shadow .25s ease; }
.fa-feature:hover { transform:translateY(-4px); box-shadow:0 20px 52px rgba(11,18,32,.11); }
.fa-feature img { width:100%; height:clamp(175px,22vw,275px); object-fit:cover; }
.fa-feature-body { padding:clamp(22px,3.5vw,34px); flex:1; display:flex; flex-direction:column; }
.fa-feature-index { color:#296fb4; font-weight:800; font-size:.83rem; letter-spacing:.12em; }
.fa-feature h2 { font-size:clamp(1.36rem,2.4vw,2.15rem); line-height:1.2;
  margin:14px 0 12px; letter-spacing:-.025em; }
.fa-feature p { color:#4d5b70; line-height:1.7; margin:0 0 20px; }
.fa-feature-link { color:#1763a6; font-weight:800; margin-top:auto; }
.fa-expertise-cta { display:flex; gap:24px; align-items:center; justify-content:space-between; flex-wrap:wrap;
  padding:clamp(27px,4.5vw,52px); margin-top:clamp(44px,7vw,80px); background:#0b1220;
  color:white; border-radius:28px; }
.fa-expertise-cta h2 { color:#fff; font-size:clamp(1.5rem,3vw,2.35rem); margin:0 0 7px; }
.fa-expertise-cta p { color:#d5dce6; margin:0; max-width:55ch; line-height:1.7; }
.fa-strategy-section { padding:clamp(32px,6vw,65px) 0; }
.fa-strategy-section h2 { font-size:clamp(1.7rem,3vw,2.65rem); margin:0 0 12px; color:#0b1220; }
.fa-strategy-section .fa-section-lead { max-width:64ch; color:#475468; line-height:1.75; margin:0 0 28px; }
.fa-strategy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.fa-strategy-card { border-radius:22px; padding:clamp(20px,2.9vw,30px);
  border:1px solid rgba(12,28,54,.09); background:white; min-width:0; }
.fa-strategy-card span { color:#1763a6; font-weight:800; letter-spacing:.08em; font-size:.8rem; }
.fa-strategy-card h3 { color:#0b1220; font-size:1.18rem; line-height:1.35; margin:13px 0 10px; }
.fa-strategy-card p { color:#4d5b70; line-height:1.72; margin:0; }
@media (max-width:768px) {
 .fa-feature-list { grid-template-columns:minmax(0,1fr); }
 .fa-strategy-grid { grid-template-columns:minmax(0,1fr); }
 .fa-expertise-main { padding-top:107px; }
 .fa-expertise-cta { align-items:stretch; }
 .fa-expertise-cta .btn-contact { width:100%; justify-content:center; }
}


/* V4 — corrections testées en prévisualisation 320–1920px. */
.projects-page .projects-grid { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.projects-page .project-card { min-width:0; max-width:100%; }
.projects-page .category-filter { display:flex; gap:8px; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; -webkit-overflow-scrolling:touch; padding: 4px 0 15px; max-width:100%; }
.projects-page .filter-btn { flex:0 0 auto; white-space:nowrap; min-height:44px; }
.projects-page .projets-header .container { min-width:0; }
@media (max-width:768px) {
  .projects-page .projects-grid { grid-template-columns:minmax(0,1fr) !important; }
  .projects-page .project-card { width:100% !important; min-height:clamp(260px,90vw,420px) !important; aspect-ratio:4/3; }
  .projects-page .category-filter { margin-inline: 0; }
  .projects-page .projets-header, .projects-page .projects-section { overflow-x:clip; }
  .home-page .hero-kicker { max-width:100%; }
}
@media (max-width: 360px) {
  .home-page .hero-title { font-size:clamp(1.7rem,8.5vw,2.3rem) !important; }
  .home-page .hero-copy { padding:1rem; }
  .header-content .logo-section img { max-width:128px; }
}
/* Google Maps — données publiques datées, hors schéma Review/AggregateRating. */
.fa-google-proof { display:grid; grid-template-columns:auto auto 1fr auto; gap:clamp(14px,2.1vw,28px); align-items:center;
  padding:clamp(22px,3.3vw,38px); border:1px solid rgba(14,43,80,.1); border-radius:24px;
  background:#fff; box-shadow:0 18px 58px rgba(10,35,64,.065); margin:clamp(28px,4vw,48px) 0 10px; }
.fa-google-proof-brand { font-family:Arial,sans-serif; font-size:clamp(20px,2.1vw,29px); font-weight:700; letter-spacing:-.065em; color:#4285f4; white-space:nowrap; }
.fa-google-proof-brand span { color:#202124; font-weight:500; letter-spacing:-.06em; }
.fa-google-proof-brand small { display:block; text-align:center; font-size:11px; font-weight:700; color:#57677e; letter-spacing:.12em; text-transform:uppercase; margin-top:2px; }
.fa-google-proof-score { display:flex; align-items:center; flex-direction:column; gap:3px; white-space:nowrap; }
.fa-google-proof-score strong { font-size:clamp(29px,3vw,42px); color:#111c2f; line-height:1; letter-spacing:-.055em; }
.fa-google-proof-score strong span { font-size:.47em; color:#627089; letter-spacing:0; }
.fa-google-proof-stars { color:#e79b1b; font-size:15px; letter-spacing:2px; }
.fa-google-proof-details { display:flex; flex-direction:column; gap:5px; min-width:0; }
.fa-google-proof-details strong { color:#17253d; font-size:clamp(16px,1.6vw,20px); line-height:1.3; }
.fa-google-proof-details span { color:#66748a; font-size:13px; line-height:1.4; }
.fa-google-proof-link { display:inline-flex; align-items:center; justify-content:center; gap:12px;
  min-height:48px; padding:12px 19px; border-radius:13px; text-align:center; background:#166bb3;
  color:white !important; font-weight:750; font-size:14px; text-decoration:none; white-space:nowrap; transition:background .2s ease; }
.fa-google-proof-link:hover { background:#0b457e; }
.fa-google-proof-note { margin:0 0 clamp(25px,3.6vw,42px); color:#627089; font-size:12px; line-height:1.6; }
.fa-testimonials-label { font-size:clamp(17px,2.1vw,23px); letter-spacing:-.025em; color:#162139; margin:0 0 24px; }
.fa-contact-trust { background:#f1f5fa; border-top:1px solid rgba(20,52,91,.09); }
.fa-contact-trust-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; padding-block:20px; }
.fa-contact-trust p { margin:0; color:#20344c; line-height:1.6; }
.fa-contact-trust a { color:#145fa5; font-weight:750; text-decoration:underline; text-underline-offset:4px; }
@media (max-width:1024px) {
  .fa-google-proof { grid-template-columns:auto 1fr; gap:18px; }
  .fa-google-proof-brand { justify-self:start; }
  .fa-google-proof-link { grid-column:1 / -1; width:100%; white-space:normal; }
}
@media (max-width:560px) {
  .fa-google-proof { grid-template-columns: 1fr 1.15fr; padding:20px; gap:14px; }
  .fa-google-proof-brand { grid-column:1; }
  .fa-google-proof-score { grid-column:2; align-items:flex-start; }
  .fa-google-proof-details { grid-column:1 / -1; }
  .fa-google-proof-link { grid-column:1 / -1; }
  .fa-contact-trust-inner { align-items:flex-start; flex-direction:column; }
}

/* V4 — Consentement et transparence. */
.fa-consent-banner {position:fixed;z-index:99999;inset:auto 18px 18px auto;max-width:min(580px,calc(100vw - 36px));display:flex;gap:18px;align-items:center;padding:20px 22px;
 border-radius:18px;border:1px solid rgba(53,81,117,.24);background:#fff;box-shadow:0 20px 60px rgba(0,17,41,.24);color:#16243a;}
.fa-consent-copy {flex:1;min-width:0}.fa-consent-copy strong {font-size:15px}.fa-consent-copy p {font-size:13px;line-height:1.6;margin:6px 0 0;color:#526178}.fa-consent-copy a {color:#135b9e;text-decoration:underline}
.fa-consent-actions {display:flex;gap:8px;align-items:center;flex-shrink:0}
.fa-consent-actions button {padding:12px 14px;min-height:44px;border-radius:9px;border:1px solid #d2dce8;background:white;color:#1d3558;cursor:pointer;font-weight:700;font-size:13px}
.fa-consent-actions .fa-consent-yes {background:#1c76bc;border-color:#1c76bc;color:white}
.fa-cookie-settings {position:relative;display:block;margin:0 auto 14px;padding:9px 12px;border:1px solid #637fa3;background:transparent;color:#e2e9f5;border-radius:8px;cursor:pointer;font-size:13px}
.fa-policy-content{width:min(820px,100%);margin:0 auto}.fa-policy-content section{padding:26px 0;border-top:1px solid #d7e1ed}.fa-policy-content h2{color:#0b1f33;font-size:clamp(20px,2.4vw,26px);margin:0 0 12px}.fa-policy-content p{line-height:1.8;color:#35465e;margin:0 0 12px}.fa-policy-content a{color:#156bad;text-decoration:underline}
.fa-privacy-updated {font-size:13px!important;color:#64748b!important}.fa-policy-footer {background:#0b1f33;padding:26px 0;color:#e7edf7}.fa-policy-footer .container{display:flex;gap:25px;flex-wrap:wrap}.fa-policy-footer a{color:white;text-decoration:underline}
@media(max-width:560px){.fa-consent-banner{inset:auto 10px 10px 10px;max-width:none;display:block;padding:18px}.fa-consent-actions{margin-top:13px}.fa-consent-actions button{flex:1}}

.fa-google-proof-brand {font-family:var(--font-main,Arial,sans-serif);font-size:20px;letter-spacing:0;color:#16243a;font-weight:700;line-height:1.2}
.fa-google-proof-brand strong{font-size:clamp(17px,2vw,21px);white-space:nowrap}
.fa-google-proof-brand small{display:block;font-size:10px;text-align:left;color:#718096;letter-spacing:.09em;font-weight:750;margin:0 0 5px}

/* Affichage proportionnel d’une note Google de 4,8 sur cinq, sans cinquième étoile entièrement remplie. */
.fa-google-proof-stars {background:linear-gradient(90deg,#e79b1b 96%,#cbd5df 96%);color:transparent;-webkit-background-clip:text;background-clip:text;}

/* Flashart V5 — portfolio editorial et narration des études de cas */
.flashart-portfolio-editorial{max-width:960px;padding:clamp(22px,3vw,40px) 0 clamp(24px,3.5vw,48px);display:grid;grid-template-columns:1.1fr .9fr;column-gap:clamp(18px,4vw,80px);align-items:end}
.flashart-portfolio-editorial>p:first-child{grid-column:1/-1;color:#287bc6;font-size:.71rem;letter-spacing:.19em;font-weight:800;margin:0 0 12px}
.flashart-portfolio-editorial h2{font-size:clamp(1.55rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.15;margin:0;color:#121829;max-width:590px}
.flashart-portfolio-editorial>p:last-child{color:#455268;font-size:clamp(.94rem,1.2vw,1.06rem);line-height:1.68;margin:0;max-width:395px}
.projects-grid>.flashart-campaign-card{position:relative}
.project-card .project-overlay{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:7px;text-align:left;padding:clamp(16px,3vw,32px);background:linear-gradient(180deg,rgba(4,12,30,0) 12%,rgba(4,12,30,.81) 100%);color:white}
.project-card .project-overlay .project-title{color:#fff;font-size:clamp(1.12rem,1.9vw,1.75rem);line-height:1.16;max-width:92%;margin:0}
.project-card .project-overlay .flashart-work-type{display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.13em;color:#d9eaff;line-height:1.4}
.project-card .project-overlay .flashart-work-teaser{color:#e7ecf5;line-height:1.4;max-width:38ch;font-size:clamp(.76rem,1.05vw,.94rem)}
.flashart-campaign-card .flashart-work-type::before{content:'';width:7px;height:7px;border-radius:50%;background:#f47d35;display:inline-block;margin-right:6px}
.project-card:focus-visible{outline:3px solid #287bc6;outline-offset:4px}
.flashart-project-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.19em;font-weight:800;color:#2070ba;margin:0 0 10px}
.project-header .flashart-project-deck{font-size:clamp(1.02rem,2vw,1.4rem);color:#44546a;line-height:1.48;margin:12px 0 18px;max-width:50ch;letter-spacing:-.015em}
.flashart-case-overview{margin:clamp(20px,3vw,44px) 0 clamp(28px,4vw,54px);padding:clamp(22px,4vw,50px);background:#f4f7fb;border:1px solid #e3ebf4;border-radius:20px;color:#142239;overflow:hidden}
.flashart-case-overview__head{margin-bottom:clamp(18px,3vw,32px)}
.flashart-case-kicker{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#287bc6!important;margin:0 0 14px!important}
.flashart-case-headline{font-size:clamp(1.55rem,3.5vw,3.15rem);line-height:1.12;letter-spacing:-.035em;color:#10213b!important;margin:0;max-width:850px}
.flashart-case-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.3vw,34px);padding-top:clamp(18px,2.5vw,32px);border-top:1px solid #dbe4ef}
.flashart-case-factor{min-width:0}
.flashart-case-factor h3{font-size:clamp(.85rem,1.2vw,1rem);color:#1d3454;margin:0 0 11px;font-weight:750;letter-spacing:-.01em}
.flashart-case-factor p{font-size:clamp(.88rem,1.07vw,1rem);color:#4c5d72;line-height:1.65;margin:0}
.flashart-case-detail .info-column h2{font-size:clamp(1.15rem,1.8vw,1.6rem)}
.flashart-case-detail .info-column p{line-height:1.8}
.flashart-case-credit{font-size:.79rem;color:#69768a;line-height:1.5;margin:14px 0 clamp(20px,3vw,38px)}
@media(max-width:800px){.flashart-portfolio-editorial{grid-template-columns:1fr;gap:14px}.flashart-portfolio-editorial>p:first-child{grid-column:auto}.flashart-portfolio-editorial>p:last-child{max-width:55ch}.flashart-case-triptych{grid-template-columns:1fr;gap:18px}.flashart-case-factor+.flashart-case-factor{border-top:1px solid #e1e8f0;padding-top:18px}}
@media(max-width:540px){.flashart-case-overview{padding:21px 18px;border-radius:15px}.project-card .project-overlay{padding:18px}.project-card .project-overlay .flashart-work-teaser{font-size:.82rem}.flashart-project-type{font-size:.69rem}.flashart-portfolio-editorial{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.flashart-campaign-card{transition:none!important}}

/* Les campagnes et le travail ne doivent pas dépendre du survol pour être identifiés. */
.projects-grid .project-card .project-overlay{opacity:1!important;transform:none!important;visibility:visible!important;transition:background .25s ease!important;pointer-events:none}
.projects-grid .project-card .project-overlay .project-title,.projects-grid .project-card .project-overlay .flashart-work-type,.projects-grid .project-card .project-overlay .flashart-work-teaser{opacity:1!important;transform:none!important;visibility:visible!important}
.projets-title{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;max-width:13ch}

.flashart-case-detail .info-column p{text-align:left!important}
.flashart-campaign-evidence{margin:clamp(38px,5vw,70px) 0 clamp(20px,3vw,35px);max-width:830px}
.flashart-campaign-evidence h2{font-size:clamp(1.45rem,2.8vw,2.6rem);line-height:1.17;letter-spacing:-.025em;color:#16223b;margin:6px 0 12px}
.flashart-campaign-evidence>p:last-child{color:#5b6a7e;font-size:1.02rem;line-height:1.6;max-width:62ch}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px);align-items:start}
.project-gallery>.gallery-container{width:100%;height:auto;border-radius:14px;overflow:hidden}
.project-gallery .gallery-image,.project-gallery .gallery-image:not(.active){display:block!important;width:100%;opacity:1!important;position:static!important;transform:none!important}
.project-gallery .gallery-image img{width:100%;height:auto;display:block;object-fit:contain;background:#f3f5f8}
.project-gallery .gallery-navigation{display:none!important}
@media(max-width:700px){.project-gallery{grid-template-columns:1fr}.flashart-campaign-evidence{margin-top:34px}}

/* Flashart V6 : les preuves créatives précèdent l'analyse stratégique. */
.project-detail-section .flashart-featured-media { margin: clamp(16px,2.6vw,30px) 0 0; isolation:isolate; background:#071629; box-shadow:0 18px 55px rgba(14,29,55,.10); border-radius:18px!important; }
.project-detail-section .flashart-featured-media video { cursor:pointer; background:#071629; }
.project-detail-section .flashart-featured-media--mtn video { object-fit:contain!important; }
.project-detail-section .flashart-media-caption { margin:12px 0 clamp(24px,3vw,42px); color:#647086; font-size:clamp(.77rem,1vw,.88rem); line-height:1.5; }
.project-detail-section .flashart-case-overview { margin-top:0; }
.project-detail-section .flashart-case-overview__head h2 { max-width:22ch; }
.project-detail-section .flashart-case-triptych { gap:clamp(14px,2vw,30px); }
.project-detail-section .flashart-case-factor p { max-width:50ch; }
.project-detail-section .flashart-featured-media--soulful { max-width:780px; margin-inline:auto; }
.project-detail-section .flashart-featured-media--soulful .lazy-video-wrapper, .project-detail-section .flashart-featured-media--soulful video, .project-detail-section .flashart-featured-media--soulful .lazy-video-poster { max-width:100%; }
@media(max-width:700px){
 .project-detail-section .flashart-featured-media { margin-top:18px!important; border-radius:12px!important; }
 .project-detail-section .flashart-featured-media--mtn {padding-bottom:56.25%!important;}
 .project-detail-section .flashart-featured-media--soulful {padding-bottom:105%!important; max-height:490px;}
 .project-detail-section .flashart-featured-media--soulful video,.project-detail-section .flashart-featured-media--soulful .lazy-video-poster {object-fit:cover;object-position:50% 35%;}
 .project-detail-section .flashart-media-caption {font-size:.77rem;margin:10px 0 24px;}
 .project-detail-section .flashart-case-headline {font-size:clamp(1.5rem,6vw,2.1rem);}
}
/* Page Agence V6 : montrer les disciplines sans diffuser un organigramme non validé. */
.flashart-team-v6 { background: #f5f8fc; }
.flashart-team-v6 .flashart-team-eyebrow { text-align:center; font-size:.74rem;letter-spacing:.2em;color:#d26327;font-weight:850;margin:0 0 18px; }
.flashart-team-v6 .section-title {max-width:850px;margin-inline:auto;}
.flashart-team-v6 .section-intro {max-width:760px;margin:16px auto clamp(26px,4vw,48px);line-height:1.7;}
.flashart-team-v6-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);}
.flashart-team-skill {display:flex;flex-direction:column;min-width:0;padding:clamp(20px,2.4vw,31px);border:1px solid #dce7f1;border-radius:19px;background:white;box-shadow:0 5px 24px rgba(0,22,50,.035);}
.flashart-team-skill span {font-size:.7rem;letter-spacing:.14em;color:#d26327;font-weight:850;}
.flashart-team-skill h3 {font-size:clamp(1.08rem,1.5vw,1.42rem);line-height:1.3;color:#09223b;margin:22px 0 12px;}
.flashart-team-skill p {font-size:clamp(.88rem,1.1vw,.99rem);line-height:1.65;color:#526277;margin:0;}
.flashart-team-direction {display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:clamp(24px,4vw,42px) 0 0;padding:23px 0 0;border-top:1px solid #dce7f1;}
.flashart-team-direction>span {font-size:.85rem;color:#59697b;}
.flashart-team-direction strong {color:#102744;}
.flashart-team-direction a {margin-left:auto;color:#1d5da2;text-decoration:underline;text-underline-offset:4px;font-weight:750;}
@media(max-width:1050px){.flashart-team-v6-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.flashart-team-v6-grid{grid-template-columns:1fr;}.flashart-team-direction a{margin-left:0;flex-basis:100%;}}

/* V6.1 — hauteurs calculées depuis la largeur réelle des médias. */
.project-detail-section .flashart-featured-media--soulful { height:auto!important;padding-bottom:0!important;aspect-ratio:4 / 5;}
.project-detail-section .flashart-featured-media--soulful .lazy-video-wrapper {inset:0;}
@media (max-width:700px){
 .project-detail-section .flashart-featured-media--soulful {padding-bottom:0!important;aspect-ratio:4 / 5; max-height:none;}
 .fa-consent-banner {padding:12px 14px!important;border-radius:14px!important;}
 .fa-consent-copy strong {font-size:13px!important;}
 .fa-consent-copy p {font-size:11.5px!important;line-height:1.4!important;margin-top:3px!important;}
 .fa-consent-actions {margin-top:9px!important;}
 .fa-consent-actions button {min-height:40px!important;padding:8px 12px!important;}
}

/* V8 — finition contrôlée par captures, du téléphone au grand écran. */
@media (min-width:1025px) {
  .home-page .hero-section { aspect-ratio:auto; height:auto; min-height:780px;
    padding:132px 0 104px; overflow:hidden; }
  .home-page .hero-shell { margin:0 auto; max-height:none; align-items:stretch; }
  .home-page .hero-copy { padding:32px; gap:24px; }
  .home-page .hero-title { font-size:clamp(44px,4.45vw,64px); line-height:1.04; letter-spacing:-.045em; }
  .home-page .hero-sidecard { padding:32px; gap:24px; }
  .home-page .hero-sidecard-title { font-size:clamp(28px,2.3vw,34px); line-height:1.15; }
  .home-page .video-controls { bottom:24px; }
}
@media (max-width:1024px) {
  .home-page .hero-title { font-size:clamp(26px,6vw,48px); line-height:1.08; letter-spacing:-.04em; }
  .home-page .hero-shell { gap:20px; }
  .home-page .hero-copy, .home-page .hero-sidecard { max-width:none; }
  .home-page .hero-sidecard { gap:16px; }
  .home-page .hero-sidecard-title { font-size:clamp(24px,4vw,32px); }
  .home-page .hero-proofbar { margin-top:24px !important; }
  .home-page .hero-proofbar-inner { background:#10243b; box-shadow:none; }
  .home-page .bento-grid { grid-auto-rows:auto; }
  .home-page .bento-card { min-height:280px; }
  .home-page .info-text-more.is-open { max-height:none; }
}
@media (max-width:480px) {
  .home-page .hero-title { font-size:clamp(23px,7.2vw,34px) !important; }
  .home-page .hero-copy { padding:24px 20px; gap:20px; }
  .home-page .hero-kicker { font-size:10px; line-height:1.6; letter-spacing:.14em; }
  .home-page .hero-pillars { gap:0; }
  .home-page .hero-pillar { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px;
    padding:14px 0; background:none; border:0; border-radius:0; box-shadow:none; }
  .home-page .hero-pillar + .hero-pillar { border-top:1px solid #dce3eb; }
  .home-page .hero-pillar p { margin:0; }
  .home-page .hero-sidecard { padding:24px 20px; }
  .home-page .hero-sidecard-list li { border-radius:12px; padding:10px 12px; font-size:13px; }
  .home-page .hero-proofbar-inner { padding:24px 20px; }
  .home-page .info-text-block { padding:24px 20px; }
  .home-page .bento-card { min-height:260px; }
  .home-page .bento-subtitle { max-width:100%; }
  .home-page .cta-layout { padding:32px 20px 0 !important; }
  .home-page .cta-section .cta-image { width:calc(100% + 40px) !important; margin:16px -20px 0 !important;
    min-height:0; aspect-ratio:4/3 !important; }
}
@media (max-width:1024px) {
  /* Le flou sur un ancêtre enfermait le menu fixed dans la barre arrondie. */
  .header, .header-content { backdrop-filter:none; -webkit-backdrop-filter:none; }
  .header { background:transparent; }
  .header-content { background:rgba(255,255,255,.97); }
  .nav-menu { top:0; height:100dvh; width:100vw; max-width:none; }
  .nav-menu.active { right:0; }
  .burger-menu { position:relative; z-index:1002; }
  .burger-menu.active .bar { background:#fff; }
}
/* Rythme vertical commun : ces espacements ne doivent pas être annulés
   par les règles génériques de .container sur petit écran. */
.footer .footer-top { padding-bottom:40px; }
.footer .footer-bottom { padding-block:24px; }
.footer-copyright { margin:0; }
@media (min-width:600px) and (max-width:1024px) {
  .home-page .hero-section { padding-top:min(56.25vw,320px) !important; }
  .home-page .hero-poster { height:min(56.25vw,320px) !important; }
}
@media (max-width:768px) {
  body .faq-section { padding-top:112px; }
  body .project-detail-section { padding-top:108px; }
  .news-main-title { font-size:clamp(24px,6.8vw,36px); line-height:1.18;
    letter-spacing:-.03em; text-align:left; }
  .faq-answer p, .agency-text, .history-text { text-align:left; }
}
.choice-input:focus-visible + .choice-card,
.choice-input:focus-visible + .budget-choice { outline:3px solid #247aca; outline-offset:4px; }
@media (max-width:768px) {
  body .faq-item.active .faq-answer { max-height:none; }
}
/* Le contenu est immédiatement utilisable, sans écran de chargement artificiel. */
#loading { display:none !important; }
@media (min-width:600px) and (max-width:1024px) {
  .home-page .hero-poster { object-fit:contain; background:#e5e7e9; }
}

/* Téléphones : cibles tactiles, orientation paysage et replis Safari. */
@media (pointer:coarse) {
  input:not([type=checkbox]):not([type=radio]), textarea, select { font-size:16px; }
  .footer-socials .social-icon, .pagination-btn, .newsletter-btn,
  .slider-dots .dot, .reviews-navigation button, #prevReview, #nextReview { min-width:44px; min-height:44px; }
}
@media (max-width:1024px) {
  .nav-menu { height:100vh; height:100dvh;
    padding-top:calc(100px + env(safe-area-inset-top,0px));
    padding-bottom:calc(40px + env(safe-area-inset-bottom,0px)); }
  .nav-menu .nav-item { flex:0 0 auto; min-height:44px; }
}
@media (max-width:1024px) and (max-height:520px) {
  .nav-menu { justify-content:flex-start; gap:4px;
    padding:calc(80px + env(safe-area-inset-top,0px)) 24px calc(16px + env(safe-area-inset-bottom,0px)); }
  .nav-menu .nav-item { font-size:18px; line-height:1.35; padding:10px 12px; }
}
@media (max-width:700px) {
  .fa-consent-banner { max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px);
    bottom:calc(10px + env(safe-area-inset-bottom,0px)); }
}
@supports not (backdrop-filter:blur(1px)) {
  .hero-copy, .hero-sidecard { background:#fff; }
}
@media (min-width:500px) and (max-width:1024px) and (max-height:360px) {
  .nav-menu { display:grid; grid-template-columns:repeat(2,minmax(0,220px));
    align-content:start; justify-content:center; gap:8px 16px; }
  .nav-menu .nav-item { width:100%; max-width:none; }
  .nav-menu .nav-item:last-child { grid-column:1 / -1; justify-self:center; width:auto; min-width:180px; }
}

@media (pointer:coarse) { .fa-consent-actions button { min-height:44px !important; } }

/* Invitation Flashart : fenêtre centrale et panneau bas sur téléphone. */
#fa-project-invitation-marker { height:1px; }
.fa-project-invitation { position:fixed; inset:0; width:min(820px,calc(100% - 48px));
  max-width:none; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px);
  margin:auto; padding:0; border:1px solid #d8e4ee; border-radius:24px;
  background:#f8fafc; color:#0f2e49; overflow-x:hidden; overflow-y:auto; box-shadow:0 32px 100px #041c3652; }
.fa-project-invitation:not([open]) { display:none; }
.fa-project-invitation[open] { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);
  animation:fa-invitation-enter .32s cubic-bezier(.2,0,0,1) backwards; }
.fa-project-invitation::backdrop { background:rgba(7,26,46,.56); backdrop-filter:blur(3px); }
.fa-project-invitation-content { padding:48px 40px 36px; min-width:0; }
.fa-project-invitation-close { position:absolute; z-index:2; top:10px; right:10px;
  display:grid; place-items:center; width:44px; height:44px; padding:0; border:0;
  border-radius:50%; background:#fff; color:#0f2e49; cursor:pointer; font:28px/1 sans-serif; }
.fa-project-invitation-close:hover { background:#e5ebf1; }
.fa-project-invitation-kicker { margin:0 40px 20px 0; color:#135e97; font-size:12px;
  font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.fa-project-invitation h2 { color:#0f2e49; font-family:var(--font-display,sans-serif);
  font-size:clamp(30px,3.4vw,42px); line-height:1.04; letter-spacing:-.045em;
  margin:0 0 22px; text-align:left; text-wrap:initial; }
.fa-project-invitation-copy { margin:0 0 28px; color:#334155; font-size:15px; line-height:1.7; }
.fa-project-invitation-link { display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-height:52px; width:100%; padding:15px 20px; border:1px solid #1c76bc;
  border-radius:10px; background:#1c76bc; color:#fff; font-size:15px;
  font-weight:800; text-decoration:none; }
.fa-project-invitation-link:hover { background:#135e97; }
.fa-project-invitation-later { display:block; min-height:44px; margin:8px auto 0;
  padding:10px 0; border:0; background:none; color:#334155; font-size:13px; cursor:pointer; }
.fa-project-invitation-later:hover { text-decoration:underline; }
.fa-project-invitation-kicker::before { content:''; display:inline-block; width:22px; height:3px;
  margin:0 10px 3px 0; background:#f68f45; }
.fa-project-invitation-link:focus-visible { outline:3px solid #135e97; outline-offset:4px; }
.fa-project-invitation-close:focus-visible, .fa-project-invitation-later:focus-visible {
  outline:3px solid #135e97; outline-offset:3px; }
.fa-project-invitation-visual { position:relative; min-height:0; overflow:hidden;
  display:flex; flex-direction:column; justify-content:space-between; gap:48px;
  padding:40px 28px; background:#135e97; }
.fa-project-invitation-visual img { display:block; width:150px; max-width:100%; height:auto; }
.fa-project-invitation-visual span { display:block; color:#fff; font-size:22px;
  font-weight:800; line-height:1.16; letter-spacing:-.035em; }
.fa-project-invitation-visual span::before { content:''; display:block;
  width:40px; height:4px; margin-bottom:22px; background:#f68f45; }
@keyframes fa-invitation-enter { from {opacity:0; transform:translateY(16px)} to {opacity:1; transform:translateY(0)} }
@media (max-width:767px) {
  .fa-project-invitation { inset:auto 0 0; width:100%; max-height:85vh; max-height:85dvh;
    margin:0 auto; border-radius:24px 24px 0 0; border-bottom:0; }
  .fa-project-invitation[open] { grid-template-columns:minmax(0,1fr); }
  .fa-project-invitation-content { padding:32px 24px calc(16px + env(safe-area-inset-bottom,0px)); }
  .fa-project-invitation-kicker { margin-bottom:16px; }
  .fa-project-invitation h2 { font-size:clamp(30px,8.8vw,38px); }
  .fa-project-invitation-copy { margin-bottom:22px; }
  .fa-project-invitation-visual { display:none; }
}
@media (max-height:500px) {
  .fa-project-invitation-content { padding:28px 28px 18px; }
  .fa-project-invitation h2 { font-size:30px; margin-bottom:14px; }
  .fa-project-invitation-kicker { margin-bottom:12px; }
  .fa-project-invitation-copy { margin-bottom:16px; }
}
@media (prefers-reduced-motion:reduce) { .fa-project-invitation[open] {animation:none;} }
@media (max-width:1024px) {
  .home-page .info-content { min-width:0; grid-template-columns:minmax(0,1fr); }
  .home-page .info-content > * { min-width:0; max-width:100%; }
  .home-page .info-actions { flex-wrap:wrap; }
}