@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,600;6..96,700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111;--orange:#fd6215;--cream:#f6f2ec;--paper:#fff;--muted:#706d68;--line:#ddd7cf;--serif:"Bodoni Moda",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--shadow:0 30px 80px rgba(17,17,17,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1450px,calc(100% - 80px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,242,236,.96);backdrop-filter:blur(18px);border-top:12px solid var(--orange);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav-links{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700}.nav-links a:not(.btn):hover{color:var(--orange)}.menu-btn{display:none;border:0;background:none;font-size:28px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo-symbol{width:48px!important;height:48px!important;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:18px;font-weight:800;letter-spacing:-.04em}.brand-copy span{margin-top:4px;font-size:8px;font-weight:800;letter-spacing:.28em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 25px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:11px;transition:.25s}.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn-orange{background:var(--orange);border-color:var(--orange);color:#111}.btn:hover{transform:translateY(-2px)}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:10px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--orange);display:inline-block}.hero{min-height:760px;display:grid;align-items:center;overflow:hidden;background:var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px;padding:80px 0}.hero-copy h1{font-family:var(--sans);font-size:clamp(62px,6.4vw,100px);font-weight:500;line-height:.96;letter-spacing:-.065em;margin:0}.accent{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--orange);letter-spacing:-.035em}.lead{font-size:17px;color:var(--muted);max-width:650px}.hero-copy p{max-width:650px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:31px}.hero-proof{display:flex;gap:0;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-proof>div{padding-right:50px}.hero-proof strong{display:block;font-family:var(--serif);font-size:22px;color:var(--orange);text-transform:none;letter-spacing:0}.hero-visual{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"FOX";position:absolute;font-family:var(--serif);font-size:210px;font-weight:700;color:rgba(17,17,17,.035);transform:rotate(-90deg);right:-180px}.hero-visual img{width:min(560px,100%);position:relative;z-index:2}.floating-note{position:absolute;left:-20px;bottom:60px;z-index:3;background:var(--ink);color:white;padding:22px 25px;width:250px;box-shadow:var(--shadow);font-family:var(--serif);font-size:23px;line-height:1.15}.floating-note span{color:var(--orange)}
.marquee{overflow:hidden;background:var(--ink);color:white;padding:17px 0;white-space:nowrap}.marquee-track{display:inline-block;animation:marquee 24s linear infinite;font-size:10px;font-weight:800;letter-spacing:.15em}.marquee-track span{color:var(--orange);margin:0 24px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:110px 0}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:end;margin-bottom:60px}.section h2,.section-head h2,.page-hero h1,.content-grid h2,.contact-grid h2{font-family:var(--sans);font-weight:500;line-height:1.04;letter-spacing:-.055em}.section h2,.section-head h2{font-size:clamp(44px,4.8vw,72px)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);counter-reset:service}.service{padding:40px 36px 40px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:20px}.service:nth-child(odd){border-right:1px solid var(--line)}.service:nth-child(even){padding-left:38px}.num{font-family:var(--serif);font-size:21px;color:var(--orange)}.service h3,.offer h3{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.1;margin:0 0 10px}.service p{color:var(--muted);margin-bottom:0;font-size:14px}.service a{font-weight:800;font-size:11px}.dark{background:var(--ink);color:white}.dark .lead,.dark p{color:#c8c3bc}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.portrait-frame{position:relative}.portrait-frame img{width:100%;aspect-ratio:1/1.05;object-fit:cover}.portrait-frame:after{content:"";position:absolute;inset:22px -22px -22px 22px;border:1px solid var(--orange);z-index:0}.portrait-frame img{position:relative;z-index:1}.quote{font-family:var(--serif);font-size:clamp(28px,3vw,44px);line-height:1.2;margin:32px 0}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.tick{border-top:1px solid #383b3f;padding:16px 0;font-size:12px}.getjob{background:var(--cream)}.getjob-card{display:grid;grid-template-columns:1.15fr .85fr;background:var(--orange);min-height:430px}.getjob-copy{padding:60px}.getjob-copy h2{font-family:var(--sans);font-size:clamp(44px,5vw,70px);letter-spacing:-.05em}.getjob-panel{background:var(--ink);color:white;padding:55px;display:flex;flex-direction:column;justify-content:center}.getjob-panel h3{font-family:var(--serif);font-size:30px}.pill{display:inline-flex;width:max-content;border:1px solid #555;padding:8px 12px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin:5px}.cta-section{text-align:center;padding:120px 0}.cta-section h2{max-width:900px;margin:0 auto 25px;font-family:var(--sans);font-size:clamp(44px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.04}.footer{background:#0c0c0c;color:#fff;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px}.footer .brand-copy strong,.footer .brand-copy span{color:#fff}.footer small,.footer p{color:#aaa}.footer a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #2a2b2e;margin-top:45px;padding-top:22px;color:#777;font-size:10px}
.page-hero{padding:105px 0 82px;background:var(--cream)}.page-hero h1{font-size:clamp(52px,6vw,88px);max-width:980px;margin:15px 0 25px}.content-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.content-grid h2,.contact-grid h2{font-size:clamp(42px,4.2vw,64px)}.offer{padding:36px 0;border-top:1px solid var(--line)}.offer:last-child{border-bottom:1px solid var(--line)}.offer p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.form{display:grid;gap:16px}.form input,.form textarea,.form select{width:100%;padding:16px;border:1px solid var(--line);background:white;font:inherit}.form textarea{min-height:150px}.note{font-size:11px;color:var(--muted)}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.container{width:min(100% - 28px,1450px)}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:100px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{background:var(--cream)}.hero-grid,.about-grid,.getjob-card,.section-head,.content-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-top:45px}.hero-visual{min-height:auto}.floating-note{left:0;bottom:10px}.hero-proof{gap:15px;flex-wrap:wrap}.services-grid{grid-template-columns:1fr}.service:nth-child(odd){border-right:0}.service:nth-child(even){padding-left:0}.section{padding:78px 0}.getjob-copy,.getjob-panel{padding:38px 28px}.footer-grid{grid-template-columns:1fr}.portrait-frame:after{display:none}}


/* ===== SEO/GEO CONTENT BLOCKS — FOX DIGITAL ===== */
.seo-entity-intro{padding:22px 0;border-top:1px solid rgba(20,20,20,.08);border-bottom:1px solid rgba(20,20,20,.08);background:#fff}
.seo-entity-intro p{max-width:1080px;margin:0 auto;font-size:15px;line-height:1.75;color:#5f5b57}
.seo-entity-intro strong{color:#111;font-weight:700}
.seo-faq{padding:90px 0;background:#fff}
.seo-faq h2{margin:10px 0 32px;font-size:clamp(38px,5vw,72px);line-height:.98}
.seo-faq-list{border-top:1px solid rgba(20,20,20,.14)}
.seo-faq-item{border-bottom:1px solid rgba(20,20,20,.14);padding:0}
.seo-faq-item summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font-weight:700;position:relative}
.seo-faq-item summary::-webkit-details-marker{display:none}
.seo-faq-item summary:after{content:"+";position:absolute;right:4px;top:18px;font-size:26px;color:#fd6215;font-weight:400}
.seo-faq-item[open] summary:after{content:"–"}
.seo-faq-item p{max-width:900px;margin:0;padding:0 50px 24px 0;line-height:1.75;color:#68615c}
@media(max-width:700px){.seo-faq{padding:64px 0}.seo-faq-item summary{padding-right:36px}}


/* =========================================================
   FOX DIGITAL — NOUVELLE DIRECTION ARTISTIQUE 2026
   Référence : #FD6215 + Bodoni Moda + Manrope
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,500;6..96,600;6..96,700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --orange:#fd6215 !important;
  --orange-dark:#df4f08 !important;
  --brand-orange:#fd6215 !important;
  --ink:#111111 !important;
  --black:#111111 !important;
  --black-soft:#171717 !important;
  --cream:#f7f3ee !important;
  --paper:#fffdfa !important;
  --white:#ffffff !important;
  --grey:#6f6862 !important;
  --grey-light:#a8a09a !important;
  --line:rgba(17,17,17,.12) !important;
  --border:rgba(17,17,17,.12) !important;
  --font-heading:"Bodoni Moda", Georgia, "Times New Roman", serif !important;
  --font-body:"Manrope", Arial, sans-serif !important;
  --serif:"Bodoni Moda", Georgia, "Times New Roman", serif !important;
  --sans:"Manrope", Arial, sans-serif !important;
}

html, body{
  font-family:var(--font-body) !important;
  background:var(--cream);
  color:var(--black);
}

/* Branding */
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.brand-logo-official,
.brand-logo-symbol,
.brand-logo{
  width:52px !important;
  height:52px !important;
  object-fit:contain !important;
  display:block;
  flex:0 0 auto;
}
.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1;
}
.brand-copy strong{
  font-family:var(--font-body) !important;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.045em;
  color:var(--black);
}
.brand-copy span{
  margin-top:4px;
  font-family:var(--font-body) !important;
  font-size:8px;
  font-weight:800;
  letter-spacing:.28em;
}
.site-footer .brand-copy strong,
.site-footer .brand-copy span,
.footer .brand-copy strong,
.footer .brand-copy span{color:#fff}

/* Global typography */
h1,h2,h3,h4,.display-title,.section-title,.career-service h3,.audience-row h3{
  color:var(--black);
}
h1,h2{
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  letter-spacing:-.055em !important;
}
h3,h4,
.career-service h3,
.audience-row h3,
.story-big-text,
blockquote{
  font-family:var(--font-heading) !important;
}
em,.accent,.orange,
h1 em,h2 em,h3 em,
.career-story-content h2 em,
.career-section-heading h2 em,
.career-audience h2 em{
  font-family:var(--font-heading) !important;
  color:var(--orange) !important;
  font-style:italic;
  font-weight:600 !important;
}
.eyebrow{
  font-family:var(--font-body) !important;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:800;
}
.eyebrow>span,
.eyebrow::before{
  background:var(--orange) !important;
}
p,li,a,button,input,textarea,select,summary{
  font-family:var(--font-body);
}

/* Buttons */
.btn,.nav-cta{
  border-radius:999px !important;
  font-family:var(--font-body) !important;
  font-weight:800 !important;
}
.btn-orange{
  background:var(--orange) !important;
  color:#111 !important;
  border-color:var(--orange) !important;
}
.btn-orange:hover{background:#ff7837 !important}
.btn-dark,.btn-black-on-orange{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

/* Header + announcement */
.announcement{background:var(--orange) !important;color:#111 !important}
.site-header{
  background:rgba(247,243,238,.96) !important;
  border-bottom:1px solid var(--border) !important;
}
.desktop-nav a.active,
.desktop-nav a:hover{color:var(--orange) !important}
.desktop-nav a::after{background:var(--orange) !important}

/* Hero / editorial styling */
.career-hero,.page-hero,.hero{background:var(--cream) !important}
.career-hero-content h1,
.page-hero h1,
.hero h1{
  font-family:var(--font-body) !important;
  font-weight:500 !important;
}
.career-hero-content h1 em,
.page-hero h1 em,
.hero h1 .accent{
  font-family:var(--font-heading) !important;
  color:var(--orange) !important;
  font-style:italic;
}
.hero-orange-shape,
.about-orange-panel,
.story-image-accent,
.story-pointing-backdrop,
.career-final-cta,
.career-final-circle,
.career-service-number,
.audience-row>span{
  border-color:var(--orange) !important;
}
.hero-orange-shape,
.about-orange-panel,
.story-image-accent,
.story-pointing-backdrop,
.career-final-cta{
  background:var(--orange) !important;
}

/* Replace old orange values visually */
[style*="#fd6215"],[style*="#fd6215"],[style*="#fd6215"],[style*="#fd6215"],[style*="#fd6215"],[style*="#fd6215"]{
  color:var(--orange) !important;
}

/* Approved profile treatment */
.hero-photo,
.career-hero-photo,
.portrait-frame img,
.about-visual img,
.career-story-image img{
  filter:none !important;
}
.hero-photo-wrap,
.career-hero-visual,
.portrait-frame{
  background:transparent;
}

/* Circular profile image should stay clean and premium */
img[src*="maeva-pierre-coach-carriere-toulouse-profil-orange"]{
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
}

/* Cards, lines and whitespace */
.career-service,
.audience-row,
.seo-faq-item,
.feature,
.section-head,
.hero-micro-proof{
  border-color:var(--border) !important;
}
.section.white,.seo-faq,.seo-entity-intro{background:#fff !important}
.dark,.career-story,.site-footer,.footer{background:#111 !important}

/* Footer */
.site-footer,.footer{color:#fff}
.footer-col strong,.site-footer .footer-col strong{color:var(--orange) !important}

/* SEO/GEO blocks inherit the new DA */
.seo-faq h2{
  font-family:var(--font-body) !important;
  font-weight:500 !important;
  letter-spacing:-.05em !important;
}
.seo-faq-item summary:after{color:var(--orange) !important}

/* Small decorative touches */
.signature-small,
.story-image-caption span,
.about-photo-signature span,
.cta-kicker{
  color:var(--orange) !important;
}
.quote,
.career-story blockquote{
  border-left-color:var(--orange) !important;
}

/* Responsive */
@media(max-width:700px){
  .brand-logo-official,.brand-logo-symbol,.brand-logo{
    width:44px !important;height:44px !important;
  }
}




/* =========================================================
   FOX DIGITAL — TYPOGRAPHIE FINALE LISIBLE & PREMIUM
   Manrope + Playfair Display
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');

:root{
  --font-display:"Manrope", Arial, sans-serif !important;
  --font-text:"Manrope", Arial, sans-serif !important;
  --font-accent:"Playfair Display", Georgia, serif !important;
}

/* Base */
html,
body{
  font-family:var(--font-text) !important;
  font-weight:400;
  letter-spacing:-0.012em;
}

/* TITRES PRINCIPAUX — très lisibles */
h1,
h2,
h3,
h4,
.page-hero h1,
.hero h1,
.career-hero-content h1,
.career-section-heading h2,
.career-story-content h2,
.career-audience h2,
.career-final-cta h2,
.seo-faq h2,
.section h2,
.getjob-copy h2,
.cta-section h2,
.career-service h3,
.audience-row h3{
  font-family:var(--font-display) !important;
  font-style:normal !important;
  color:#111 !important;
}

/* H1 */
h1,
.page-hero h1,
.hero h1,
.career-hero-content h1{
  font-weight:500 !important;
  letter-spacing:-0.06em !important;
  line-height:.98 !important;
}

/* H2 */
h2,
.career-section-heading h2,
.career-story-content h2,
.career-audience h2,
.career-final-cta h2,
.seo-faq h2,
.section h2,
.getjob-copy h2,
.cta-section h2{
  font-weight:500 !important;
  letter-spacing:-0.052em !important;
  line-height:1.02 !important;
}

/* H3 / H4 */
h3,
h4,
.career-service h3,
.audience-row h3{
  font-weight:600 !important;
  letter-spacing:-0.035em !important;
  line-height:1.15 !important;
}

/* ACCENTS ÉDITORIAUX UNIQUEMENT */
em,
.accent,
.orange,
h1 em,
h2 em,
h3 em,
.career-hero-content h1 em,
.career-section-heading h2 em,
.career-story-content h2 em,
.career-audience h2 em,
.career-final-cta h2 em{
  font-family:var(--font-accent) !important;
  font-style:italic !important;
  font-weight:600 !important;
  color:#fd6215 !important;
  letter-spacing:-0.035em !important;
  line-height:.95 !important;
}

/* Citations / phrases signature */
.quote,
blockquote,
.story-big-text{
  font-family:var(--font-accent) !important;
  font-style:normal !important;
  font-weight:600 !important;
  letter-spacing:-0.02em !important;
  line-height:1.3 !important;
}

/* Tout le texte fonctionnel reste sans-serif */
p,
li,
a,
button,
input,
textarea,
select,
summary,
.eyebrow,
.desktop-nav,
.mobile-menu,
.btn,
.announcement,
.brand-copy,
.hero-micro-proof,
.footer-col,
.seo-entity-intro{
  font-family:var(--font-text) !important;
}

/* Labels */
.eyebrow,
.cta-kicker,
.signature-small,
.story-image-caption span,
.about-photo-signature span{
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

/* Paragraphes */
p,
.section p,
.career-service p,
.audience-row p,
.seo-faq-item p{
  font-size:15px;
  line-height:1.75;
  letter-spacing:-0.01em;
}

/* Boutons */
.btn,
.nav-cta{
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
}

/* Navigation */
.desktop-nav a,
.mobile-menu a{
  font-weight:700 !important;
  letter-spacing:-0.02em !important;
}

/* Tailles plus équilibrées */
.career-hero-content h1,
.page-hero h1,
.hero h1{
  font-size:clamp(58px,5.6vw,96px) !important;
}

.career-section-heading h2,
.career-story-content h2,
.career-audience h2,
.career-final-cta h2,
.section h2,
.seo-faq h2{
  font-size:clamp(42px,4.6vw,72px) !important;
}

/* Évite que les accents prennent trop de place */
.career-hero-content h1 em,
.page-hero h1 em,
.hero h1 em,
.hero h1 .accent{
  display:inline-block;
  margin-top:.06em;
}

/* Version mobile */
@media(max-width:700px){
  .career-hero-content h1,
  .page-hero h1,
  .hero h1{
    font-size:clamp(44px,13vw,64px) !important;
    letter-spacing:-0.052em !important;
  }

  .career-section-heading h2,
  .career-story-content h2,
  .career-audience h2,
  .career-final-cta h2,
  .section h2,
  .seo-faq h2{
    font-size:clamp(36px,10vw,52px) !important;
  }

  p,
  .section p,
  .career-service p,
  .audience-row p{
    font-size:14px;
  }
}


/* =========================================================
   FOX DIGITAL — LOGO FONDU DANS LE BANDEAU
   ========================================================= */
.site-header{
  background:rgba(247,243,238,.97) !important;
}
.brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.brand img,
.brand-logo-official,
.brand-logo-symbol,
.brand-logo{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  padding:0 !important;
}
.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
}
.brand-copy strong{
  color:#111 !important;
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
}
.brand-copy span{
  color:#111 !important;
  margin-top:4px !important;
  font-size:8px !important;
  font-weight:800 !important;
  letter-spacing:.28em !important;
}
@media(max-width:700px){
  .brand img,
  .brand-logo-official,
  .brand-logo-symbol,
  .brand-logo{
    width:46px !important;
    height:46px !important;
  }
  .brand-copy strong{font-size:17px !important}
}


/* =========================================================
   FOX DIGITAL — SYSTÈME TYPO + NAVIGATION FINAL
   Plus Jakarta Sans + Lora / #FD6215
   ========================================================= */
:root{
  --fox-orange:#fd6215;
  --fox-ink:#111111;
  --fox-cream:#f7f3ee;
  --fox-sans:"Plus Jakarta Sans",Arial,sans-serif;
  --fox-serif:"Lora",Georgia,serif;
}
html,body{font-family:var(--fox-sans)!important;color:var(--fox-ink)}
body,p,li,a,button,input,textarea,select,summary,.eyebrow,.announcement,.brand-copy,.nav-links,.desktop-nav,.mobile-menu{font-family:var(--fox-sans)!important}

/* Main structural typography */
h1,h2,h3,h4,
.hero-copy h1,.page-hero h1,.career-hero-content h1,
.section h2,.section-head h2,.career-section-heading h2,.career-story-content h2,
.career-audience h2,.career-final-cta h2,.seo-faq h2,.service h3,.offer h3,.career-service h3,.audience-row h3{
  font-family:var(--fox-sans)!important;
  font-style:normal!important;
  color:var(--fox-ink)!important;
}
h1,.hero-copy h1,.page-hero h1,.career-hero-content h1{
  font-weight:500!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
}
h2,.section h2,.section-head h2,.career-section-heading h2,.career-story-content h2,.career-audience h2,.career-final-cta h2,.seo-faq h2{
  font-weight:500!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
h3,h4,.service h3,.offer h3,.career-service h3,.audience-row h3{
  font-weight:600!important;
  letter-spacing:-.025em!important;
}

/* Editorial accent only — readable serif */
.accent,.orange,em,
h1 em,h2 em,h3 em,.hero-copy h1 .accent,
.career-hero-content h1 em,.career-section-heading h2 em,.career-story-content h2 em,.career-audience h2 em,
.quote,blockquote,.story-big-text{
  font-family:var(--fox-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
  color:var(--fox-orange)!important;
  letter-spacing:-.025em!important;
}

/* Functional text */
p,.lead{font-size:15px!important;line-height:1.72!important;letter-spacing:-.006em!important}
.eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.btn{font-family:var(--fox-sans)!important;font-weight:700!important;letter-spacing:-.01em!important}

/* Root navigation — the actual homepage architecture */
.nav-links{display:flex!important;align-items:center!important;gap:clamp(16px,1.6vw,28px)!important}
.nav-links>a:not(.btn){position:relative;font-size:12px!important;font-weight:650!important;white-space:nowrap;padding:32px 0 28px!important;color:#111!important}
.nav-links>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:20px;height:2px;background:var(--fox-orange);transition:right .2s ease}
.nav-links>a:not(.btn):hover{color:var(--fox-orange)!important}
.nav-links>a:not(.btn):hover::after{right:0}

/* Inner-page navigation */
.desktop-nav{display:flex!important;align-items:center!important;gap:clamp(16px,1.6vw,28px)!important;margin-left:auto!important;margin-right:24px!important}
.desktop-nav a{font-family:var(--fox-sans)!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important;color:#111!important}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--fox-orange)!important}

/* Preserve brand color */
.btn-orange,.announcement{background:var(--fox-orange)!important}
.eyebrow:before,.eyebrow>span,.desktop-nav a::after{background:var(--fox-orange)!important}

/* Sizes */
.hero-copy h1,.career-hero-content h1,.page-hero h1{font-size:clamp(58px,5.5vw,94px)!important}
.section h2,.section-head h2,.career-section-heading h2,.career-story-content h2,.career-audience h2,.career-final-cta h2,.seo-faq h2{font-size:clamp(40px,4.4vw,68px)!important}

@media(max-width:1050px){
  .nav-links{gap:18px!important}.nav-links>a:not(.btn){font-size:12px!important}
}
@media(max-width:850px){
  .nav-links{display:none!important}
  .hero-copy h1,.career-hero-content h1,.page-hero h1{font-size:clamp(44px,12vw,62px)!important}
}


/* =========================================================
   FOX DIGITAL — SECTION APPROCHE / ACCUEIL
   IMPORTANT : ce fichier est celui réellement chargé par index.html
   ========================================================= */

.approach-section{
  background:#111111 !important;
  color:#ffffff !important;
  padding:96px 0 !important;
  min-height:auto !important;
}

.approach-section .approach-layout{
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(360px, .86fr) minmax(0, 1.14fr) !important;
  gap:clamp(72px, 7vw, 118px) !important;
  align-items:center !important;
}

.approach-section .approach-visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}

.approach-section .approach-visual-frame{
  position:relative !important;
  width:min(440px, 100%) !important;
  height:540px !important;
  border:1px solid rgba(253,98,21,.9) !important;
  background:#151515 !important;
  overflow:hidden !important;
}

.approach-section .approach-visual-frame::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:84px !important;
  height:5px !important;
  background:#fd6215 !important;
  z-index:2 !important;
}

.approach-section .approach-visual-frame img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 31% !important;
  background:transparent !important;
  filter:none !important;
}

.approach-section .approach-copy{
  width:100% !important;
  max-width:690px !important;
  color:#ffffff !important;
}

.approach-section .approach-copy .eyebrow{
  color:#fd6215 !important;
  margin:0 0 18px !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
}

.approach-section .approach-copy h2{
  margin:0 0 26px !important;
  max-width:690px !important;
  color:#ffffff !important;
  font-family:"Plus Jakarta Sans", Arial, sans-serif !important;
  font-size:clamp(48px, 4.15vw, 66px) !important;
  font-weight:500 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}

.approach-section .approach-copy h2 .accent{
  display:block !important;
  margin-top:4px !important;
  color:#fd6215 !important;
  font-family:"Lora", Georgia, serif !important;
  font-size:.92em !important;
  font-style:italic !important;
  font-weight:500 !important;
  line-height:1.05 !important;
}

.approach-section .approach-quote{
  display:block !important;
  margin:0 0 22px !important;
  padding:0 0 0 20px !important;
  max-width:670px !important;
  border-left:2px solid #fd6215 !important;
  color:#ffffff !important;
  font-family:"Plus Jakarta Sans", Arial, sans-serif !important;
  font-size:20px !important;
  font-style:normal !important;
  font-weight:600 !important;
  line-height:1.5 !important;
  letter-spacing:-.015em !important;
}

.approach-section .approach-intro{
  display:block !important;
  margin:0 0 28px !important;
  max-width:660px !important;
  color:#d6d0ca !important;
  font-family:"Plus Jakarta Sans", Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
}

.approach-section .approach-points{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:0 30px !important;
  margin:0 0 30px !important;
}

.approach-section .approach-point{
  min-height:60px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  border-top:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}

.approach-section .approach-point span{
  flex:0 0 auto !important;
  color:#fd6215 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

.approach-section .approach-point strong{
  color:#ffffff !important;
  font-family:"Plus Jakarta Sans", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}

.approach-section .approach-copy .btn-orange{
  min-height:50px !important;
  padding:0 24px !important;
  background:#fd6215 !important;
  border-color:#fd6215 !important;
  color:#111111 !important;
}

@media(max-width:900px){
  .approach-section .approach-layout{
    grid-template-columns:1fr !important;
    gap:48px !important;
  }
  .approach-section .approach-visual-frame{
    width:min(430px,100%) !important;
    height:520px !important;
    margin:0 auto !important;
  }
  .approach-section .approach-copy{
    max-width:760px !important;
    margin:0 auto !important;
  }
}

@media(max-width:600px){
  .approach-section{
    padding:72px 0 !important;
  }
  .approach-section .approach-layout{
    width:min(100% - 28px,1180px) !important;
  }
  .approach-section .approach-visual-frame{
    height:440px !important;
  }
  .approach-section .approach-copy h2{
    font-size:clamp(38px,10vw,50px) !important;
  }
  .approach-section .approach-quote{
    font-size:18px !important;
  }
  .approach-section .approach-points{
    grid-template-columns:1fr !important;
  }
}

/* Accueil - titre "Votre carrière mérite mieux qu'un CV" sur une ligne desktop */
@media (min-width: 1001px) {
  .section:has(.career-impact-title) .section-head,
  .section:has(.career-impact-title) .section-head > div {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }

  .career-impact-title {
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: clamp(42px, 4.05vw, 65px) !important;
    line-height: 1.04 !important;
  }

  .career-impact-title .accent {
    display: inline !important;
    width: auto !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 1000px) {
  .career-impact-title {
    white-space: normal !important;
  }

  .career-impact-title .accent {
    display: inline !important;
    width: auto !important;
  }
}

/* Page services - design aligné avec les pages formations */
.subpage-back{
  background:var(--cream) !important;
  border-bottom:1px solid var(--line) !important;
  padding:28px 0 0 !important;
}

.subpage-actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.back-history{
  width:36px !important;
  height:36px !important;
  border:1px solid var(--line) !important;
  border-radius:50% !important;
  background:#fff !important;
  color:var(--orange) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  font:inherit !important;
  font-weight:800 !important;
}

.back-link{
  font-size:13px !important;
  font-weight:800 !important;
}

.btn-light{
  background:#fff !important;
  border-color:var(--line) !important;
  color:#111 !important;
}

.editorial-hero{
  min-height:720px !important;
  display:flex !important;
  align-items:center !important;
  background:var(--cream) !important;
  border-bottom:1px solid var(--line) !important;
}

.editorial-hero-inner{
  width:min(calc(100% - 80px),1500px) !important;
  min-height:720px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-inline:auto !important;
  padding:92px 0 98px !important;
}

.editorial-hero-content{
  width:100% !important;
  max-width:1380px !important;
  text-align:center !important;
}

.editorial-hero .eyebrow{
  justify-content:center !important;
  margin-bottom:40px !important;
}

.captaf-hero-logo{
  width:min(260px,70%);
  height:auto;
  margin:0 auto 40px;
  display:block;
}

.editorial-hero h1{
  max-width:1380px !important;
  margin:0 auto !important;
  font-family:var(--fox-sans,var(--sans)) !important;
  font-size:clamp(68px,6.8vw,126px) !important;
  font-weight:500 !important;
  line-height:.96 !important;
  letter-spacing:0 !important;
  text-align:center !important;
}

.editorial-hero h1 em{
  display:block !important;
  margin-top:14px !important;
  font-family:var(--fox-serif,var(--serif)) !important;
  color:var(--orange) !important;
  font-size:.78em !important;
  font-style:italic !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

.editorial-hero .hero-lead{
  max-width:850px !important;
  margin:43px auto 0 !important;
  color:var(--grey,var(--muted)) !important;
  font-size:17px !important;
  line-height:1.7 !important;
  text-align:center !important;
}

.editorial-hero-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  margin-top:38px !important;
  flex-wrap:wrap !important;
}

.editorial-hero-actions .btn{
  min-height:60px !important;
  padding:0 34px !important;
  font-size:13px !important;
}

.management-program-section{
  background:#fff !important;
}

.management-program-section .section-head{
  display:grid !important;
  grid-template-columns:minmax(220px,.52fr) minmax(0,1.48fr) !important;
  gap:54px !important;
  align-items:start !important;
}

.management-program-section .section-head h2{
  grid-column:2 !important;
  max-width:960px !important;
  margin:0 !important;
}

.management-program-section .section-head p{
  grid-column:2 !important;
  max-width:820px !important;
  margin:18px 0 0 !important;
  color:var(--grey,var(--muted)) !important;
  font-size:16px !important;
  line-height:1.75 !important;
}

.management-program-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  border-top:1px solid var(--line) !important;
  border-left:1px solid var(--line) !important;
}

.management-program-card{
  min-height:390px !important;
  padding:38px 34px !important;
  border-right:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  transition:transform .25s ease, background .25s ease !important;
}

.management-program-card:hover{
  transform:translateY(-4px) !important;
  background:#fffaf6 !important;
}

.management-program-card > span{
  display:block !important;
  margin-bottom:44px !important;
  color:var(--orange) !important;
  font-family:var(--fox-serif,var(--serif)) !important;
  font-size:20px !important;
  font-weight:600 !important;
}

.management-program-card h3{
  margin:0 0 18px !important;
  font-family:var(--fox-sans,var(--sans)) !important;
  font-size:clamp(26px,2.1vw,38px) !important;
  font-weight:600 !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
}

.management-program-card p{
  margin:0 0 22px !important;
  color:var(--grey,var(--muted)) !important;
  font-size:14px !important;
  line-height:1.7 !important;
}

.management-program-card ul{
  margin:0 0 22px !important;
  padding:0 !important;
  list-style:none !important;
}

.management-program-card li{
  position:relative !important;
  padding:8px 0 8px 18px !important;
  border-top:1px solid rgba(17,17,17,.09) !important;
  color:#26221f !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

.management-program-card li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:17px !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:var(--orange) !important;
}

.offer-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:auto !important;
  color:#111 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.offer-link:hover{
  color:var(--orange) !important;
}

.management-workshop-section{
  background:var(--cream) !important;
}

.management-workshop-grid{
  display:grid !important;
  grid-template-columns:.88fr 1.12fr !important;
  gap:70px !important;
  align-items:start !important;
}

.management-workshop-grid h2{
  margin:18px 0 24px !important;
  letter-spacing:0 !important;
}

.management-workshop-grid p{
  color:var(--grey,var(--muted)) !important;
  max-width:680px !important;
}

.management-workshop-list{
  display:grid !important;
  gap:0 !important;
  border-top:1px solid var(--line) !important;
}

.management-workshop-list div{
  display:grid !important;
  grid-template-columns:.58fr 1fr !important;
  gap:28px !important;
  padding:26px 0 !important;
  border-bottom:1px solid var(--line) !important;
}

.management-workshop-list strong{
  font-size:14px !important;
}

.management-workshop-list span{
  color:var(--grey,var(--muted)) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

.split{
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:70px !important;
  align-items:start !important;
}

.management-outcomes{
  display:grid !important;
  gap:18px !important;
}

.management-outcomes p{
  margin:0 !important;
  color:var(--grey,var(--muted)) !important;
  font-size:16px !important;
  line-height:1.75 !important;
}

.management-outcomes .btn{
  width:max-content !important;
  margin-top:12px !important;
}

@media(max-width:1000px){
  .editorial-hero,
  .editorial-hero-inner{
    min-height:640px !important;
  }

  .editorial-hero-inner{
    width:min(calc(100% - 40px),1500px) !important;
    padding:80px 0 !important;
  }

  .editorial-hero h1{
    font-size:clamp(56px,9vw,90px) !important;
  }

  .management-program-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .management-program-section .section-head,
  .management-program-section .section-head h2,
  .management-program-section .section-head p{
    grid-column:auto !important;
  }

  .management-workshop-grid,
  .split{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }
}

@media(max-width:700px){
  .subpage-back{
    padding-top:18px !important;
  }

  .editorial-hero,
  .editorial-hero-inner{
    min-height:auto !important;
  }

  .editorial-hero-inner{
    width:calc(100% - 28px) !important;
    padding:68px 0 72px !important;
  }

  .editorial-hero .eyebrow{
    margin-bottom:28px !important;
  }

  .editorial-hero h1{
    font-size:clamp(42px,12vw,62px) !important;
    line-height:1 !important;
  }

  .editorial-hero h1 em{
    margin-top:10px !important;
    font-size:.84em !important;
  }

  .editorial-hero .hero-lead{
    margin-top:28px !important;
    font-size:15px !important;
  }

  .editorial-hero-actions{
    width:100% !important;
    flex-direction:column !important;
    margin-top:28px !important;
  }

  .editorial-hero-actions .btn{
    width:100% !important;
    max-width:330px !important;
    min-height:56px !important;
  }

  .management-program-grid{
    grid-template-columns:1fr !important;
  }

  .management-program-card{
    min-height:auto !important;
    padding:30px 24px !important;
  }

  .management-program-card > span{
    margin-bottom:30px !important;
  }

  .management-workshop-list div{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  .management-outcomes .btn{
    width:100% !important;
  }
}

/* CapTaf - aperçu produit */
.getjob-product-section{
  background:#fff !important;
}

.getjob-product-grid{
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  gap:70px !important;
  align-items:center !important;
}

.getjob-product-grid h2{
  margin:18px 0 24px !important;
  font-family:var(--fox-sans,var(--sans)) !important;
  font-size:clamp(42px,4.6vw,72px) !important;
  font-weight:500 !important;
  line-height:1.04 !important;
  letter-spacing:0 !important;
}

.getjob-product-grid p{
  color:var(--grey,var(--muted)) !important;
  max-width:720px !important;
}

.getjob-dashboard{
  background:#111 !important;
  color:#fff !important;
  border-radius:8px !important;
  padding:28px !important;
  box-shadow:0 28px 70px rgba(17,17,17,.16) !important;
  overflow:hidden !important;
}

.dashboard-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding-bottom:24px !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.dashboard-top strong{
  font-size:22px !important;
  letter-spacing:-.03em !important;
}

.dashboard-top span{
  color:var(--orange) !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
}

.dashboard-stats{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:12px !important;
  margin:24px 0 !important;
}

.dashboard-stats div{
  background:#1b1b1b !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:6px !important;
  padding:18px !important;
}

.dashboard-stats strong{
  display:block !important;
  color:var(--orange) !important;
  font-family:var(--fox-serif,var(--serif)) !important;
  font-size:34px !important;
  line-height:1 !important;
}

.dashboard-stats span,
.dashboard-board span{
  color:#c8c3bc !important;
  font-size:11px !important;
  font-weight:700 !important;
}

.dashboard-board{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
}

.dashboard-board div{
  min-height:170px !important;
  background:#f7f3ee !important;
  color:#111 !important;
  border-radius:6px !important;
  padding:12px !important;
}

.dashboard-board span{
  display:block !important;
  margin-bottom:12px !important;
  color:#111 !important;
}

.dashboard-board i{
  display:block !important;
  height:34px !important;
  margin-bottom:8px !important;
  border-radius:5px !important;
  background:#fff !important;
  border-left:4px solid var(--orange) !important;
}

.dashboard-next{
  margin-top:20px !important;
  padding:20px !important;
  border-radius:6px !important;
  background:var(--orange) !important;
  color:#111 !important;
}

.dashboard-next strong{
  display:block !important;
  margin-bottom:6px !important;
  font-size:13px !important;
}

.dashboard-next p{
  margin:0 !important;
  color:#111 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

@media(max-width:1000px){
  .getjob-product-grid{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }
}

@media(max-width:700px){
  .getjob-dashboard{
    padding:18px !important;
  }

  .dashboard-stats,
  .dashboard-board{
    grid-template-columns:1fr !important;
  }

  .dashboard-board div{
    min-height:auto !important;
  }
}

/* Accueil - carte CapTaf plus lisible */
.getjob-section-intro{
  max-width:980px !important;
  margin:0 0 76px !important;
}

.getjob-section-intro .eyebrow{
  margin-bottom:22px !important;
}

.getjob-section-intro h2{
  margin:0 !important;
  font-family:var(--fox-sans,var(--sans)) !important;
  font-size:clamp(64px,7vw,118px) !important;
  font-weight:500 !important;
  line-height:.96 !important;
  letter-spacing:0 !important;
}

.getjob-section-intro .accent{
  color:var(--orange) !important;
  font-family:var(--fox-serif,var(--serif)) !important;
  font-style:italic !important;
  font-weight:500 !important;
}

.getjob-section-intro p{
  max-width:820px !important;
  margin:24px 0 0 !important;
  color:var(--grey,var(--muted)) !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.getjob-section-actions{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  margin-top:30px !important;
}

.getjob-section-actions .btn{
  min-height:56px !important;
  padding:0 28px !important;
}

.getjob-section-actions span{
  max-width:430px !important;
  color:#5f5a55 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.getjob .getjob-card{
  grid-template-columns:.92fr 1.08fr !important;
  min-height:500px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  box-shadow:0 26px 70px rgba(17,17,17,.08) !important;
  overflow:hidden !important;
}

.getjob .getjob-copy{
  background:var(--cream) !important;
  color:#111 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:68px min(6vw,78px) !important;
}

.getjob .getjob-copy .eyebrow{
  color:#111 !important;
}

.getjob .getjob-copy h2{
  margin:42px 0 28px !important;
  font-size:clamp(58px,5.8vw,96px) !important;
  line-height:.95 !important;
  letter-spacing:0 !important;
}

.getjob .getjob-copy .getjob-logo{
  width:min(280px,80%) !important;
  height:auto !important;
  margin:32px 0 28px !important;
  display:block !important;
}

.getjob .getjob-copy p{
  max-width:520px !important;
  margin:0 0 30px !important;
  color:#111 !important;
  font-size:18px !important;
  line-height:1.55 !important;
}

.getjob .getjob-copy .btn-dark{
  width:max-content !important;
  min-height:56px !important;
  padding:0 28px !important;
}

.getjob .home-getjob-preview{
  background:#111 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:44px !important;
}

.home-product-window{
  width:min(560px,100%) !important;
  background:#f7f3ee !important;
  color:#111 !important;
  border-radius:8px !important;
  padding:24px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.28) !important;
}

.home-product-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(17,17,17,.12) !important;
}

.home-product-top strong{
  font-size:20px !important;
  letter-spacing:0 !important;
}

.home-product-top span,
.home-product-action span{
  color:var(--orange) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.home-product-metrics{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin:20px 0 !important;
}

.home-product-metrics div{
  background:#fff !important;
  border:1px solid rgba(17,17,17,.10) !important;
  border-radius:6px !important;
  padding:16px !important;
}

.home-product-metrics strong{
  display:block !important;
  color:var(--orange) !important;
  font-family:var(--fox-serif,var(--serif)) !important;
  font-size:31px !important;
  line-height:1 !important;
}

.home-product-metrics span{
  display:block !important;
  margin-top:7px !important;
  color:#5f5a55 !important;
  font-size:11px !important;
  font-weight:700 !important;
}

.home-product-flow{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
}

.home-product-flow div{
  min-height:132px !important;
  background:#fff !important;
  border:1px solid rgba(17,17,17,.10) !important;
  border-radius:6px !important;
  padding:13px !important;
}

.home-product-flow span{
  display:block !important;
  margin-bottom:12px !important;
  color:#111 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

.home-product-flow i{
  display:block !important;
  height:32px !important;
  margin-bottom:8px !important;
  border-radius:5px !important;
  background:#f7f3ee !important;
  border-left:4px solid var(--orange) !important;
}

.home-product-action{
  margin-top:16px !important;
  padding:18px !important;
  border-radius:6px !important;
  background:#111 !important;
  color:#fff !important;
}

.home-product-action strong{
  display:block !important;
  margin-top:8px !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

@media(max-width:900px){
  .getjob-section-intro{
    margin-bottom:48px !important;
  }

  .getjob .getjob-card{
    grid-template-columns:1fr !important;
  }

  .getjob .getjob-copy,
  .getjob .home-getjob-preview{
    padding:38px 28px !important;
  }
}

@media(max-width:640px){
  .getjob-section-intro h2{
    font-size:clamp(46px,13vw,66px) !important;
  }

  .getjob-section-intro p{
    font-size:15px !important;
  }

  .getjob-section-actions{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .getjob-section-actions .btn{
    width:100% !important;
    max-width:340px !important;
  }

  .home-product-metrics,
  .home-product-flow{
    grid-template-columns:1fr !important;
  }
}

/* Accueil - accès léger au Blog de l'emploi */

.home-blog-strip{
  background:#f7f3ee !important;
  border-top:1px solid var(--border,#ddd6cf) !important;
  border-bottom:1px solid var(--border,#ddd6cf) !important;
}

.home-trust-strip{
  background:#111 !important;
  color:#fff !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.home-trust-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.home-trust-grid div{
  min-height:170px !important;
  padding:28px 30px !important;
  border-left:1px solid rgba(255,255,255,.14) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
}

.home-trust-grid div:last-child{
  border-right:1px solid rgba(255,255,255,.14) !important;
}

.home-trust-grid strong{
  display:block !important;
  color:#fd6215 !important;
  font-family:"Plus Jakarta Sans", Arial, sans-serif !important;
  font-size:clamp(46px,4.8vw,78px) !important;
  font-weight:500 !important;
  line-height:.9 !important;
  letter-spacing:0 !important;
}

.home-trust-grid span{
  display:block !important;
  max-width:260px !important;
  color:#f7f3ee !important;
  font-size:13px !important;
  font-weight:650 !important;
  line-height:1.45 !important;
}

.home-blog-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
  gap:clamp(42px,7vw,120px) !important;
  align-items:end !important;
}

.home-blog-grid h2{
  max-width:880px !important;
  margin:20px 0 0 !important;
  font-size:clamp(48px,6vw,92px) !important;
  line-height:.96 !important;
  letter-spacing:0 !important;
}

.home-blog-grid h2 .accent{
  display:block !important;
  color:#fd6215 !important;
  font-family:"Lora", Georgia, serif !important;
  font-style:italic !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

.home-blog-grid p{
  color:#68615c !important;
  font-size:17px !important;
  line-height:1.8 !important;
  margin:0 0 26px !important;
}

@media(max-width:900px){
  .home-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .home-blog-grid{
    grid-template-columns:1fr !important;
    align-items:start !important;
  }
}

@media(max-width:560px){
  .home-trust-grid{
    grid-template-columns:1fr !important;
  }

  .home-trust-grid div{
    min-height:138px !important;
    border-right:1px solid rgba(255,255,255,.14) !important;
  }
}

/* Finitions transverses */

html{
  scroll-behavior:smooth !important;
}

::selection{
  background:rgba(253,98,21,.24) !important;
  color:#111 !important;
}

img{
  max-width:100% !important;
}

a,
button,
summary{
  -webkit-tap-highlight-color:transparent !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:2px solid var(--fox-orange,#fd6215) !important;
  outline-offset:4px !important;
}

.btn{
  cursor:pointer !important;
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}

/* Harmonisation des grands titres de section */

.section h2,
.section-head h2,
.content-grid h2,
.contact-grid h2,
.cta-section h2,
.home-blog-grid h2,
.proof-grid h2,
.about-copy h2,
.career-impact-title,
.career-section-heading h2,
.career-story-content h2,
.career-audience h2,
.career-final-cta h2,
.career-final-cta-copy h2,
.career-offers-heading h2,
.career-difference h2,
.seo-faq h2,
.approach-section .approach-copy h2,
.getjob-product-grid h2,
.getjob-section-intro h2,
.getjob .getjob-copy h2{
  font-size:clamp(46px,5vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

.section h2 em,
.section-head h2 em,
.content-grid h2 em,
.contact-grid h2 em,
.cta-section h2 em,
.home-blog-grid h2 .accent,
.about-copy h2 .accent,
.career-impact-title .accent,
.career-section-heading h2 em,
.career-story-content h2 em,
.career-audience h2 em,
.career-final-cta h2 em,
.career-final-cta-copy h2 em,
.career-offers-heading h2 em,
.career-difference h2 em,
.seo-faq h2 em,
.section h2 .accent,
.section-head h2 .accent,
.content-grid h2 .accent,
.contact-grid h2 .accent,
.cta-section h2 .accent,
.career-final-cta-copy h2 .accent,
.career-offers-heading h2 .accent,
.career-difference h2 .accent,
.approach-section .approach-copy h2 .accent,
.getjob-product-grid h2 .accent,
.getjob-section-intro h2 .accent,
.getjob .getjob-copy h2 .accent{
  font-size:1em !important;
  line-height:inherit !important;
  letter-spacing:0 !important;
}

/* =========================================================
   FOX DIGITAL — CORRECTIF NAVIGATION MOBILE 28/08/2026
   Accueil / services / CapTaf
   ========================================================= */
@media (max-width: 850px) {
  body.menu-open {
    overflow: hidden !important;
    touch-action: none;
  }

  .site-header {
    z-index: 10000 !important;
  }

  .menu-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    font-size: 0 !important;
    line-height: 1;
    cursor: pointer;
    position: relative;
    z-index: 10002;
  }

  .menu-btn::before,
  .menu-btn::after,
  .menu-btn span {
    content: "";
    position: absolute;
    left: 12px;
    width: 24px;
    height: 2px;
    background: #111;
    transition: transform .22s ease, top .22s ease, opacity .22s ease;
  }

  .menu-btn::before { top: 16px; }
  .menu-btn::after { top: 30px; }
  .menu-btn span { top: 23px; }

  .menu-btn[aria-expanded="true"]::before {
    top: 23px;
    transform: rotate(45deg);
  }

  .menu-btn[aria-expanded="true"]::after {
    top: 23px;
    transform: rotate(-45deg);
  }

  .nav-links {
    position: fixed !important;
    top: 100px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 10001 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: 100vw !important;
    height: calc(100dvh - 100px) !important;
    padding: 24px 28px 40px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #f7f3ee !important;
    border: 0 !important;
    border-top: 1px solid rgba(17,17,17,.10) !important;
    box-shadow: 0 20px 40px rgba(17,17,17,.08) !important;
  }

  .nav-links.open {
    display: flex !important;
  }

  .nav-links > a:not(.btn) {
    display: flex !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(17,17,17,.12) !important;
    color: #111 !important;
    font-size: clamp(18px, 5vw, 24px) !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  .nav-links > a:not(.btn)::after {
    display: none !important;
  }

  .nav-links > .btn {
    width: 100% !important;
    min-height: 58px !important;
    margin-top: 24px !important;
    padding: 0 22px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 480px) {
  .nav-links {
    padding-inline: 20px !important;
  }
}