/* Foyou Expertise — CSS volontairement préfixé pour limiter les conflits Elementor / Hello. */
.foyou-expertises { --fe-navy:#182c3a; --fe-gold:#cc9933; --fe-white:#fff; --fe-cols:3; --fe-tablet:2; --fe-mobile:1; --fe-ratio:4/3; width:100%; font-family:Montserrat,Arial,sans-serif; color:var(--fe-navy) }
.foyou-expertises *, .foyou-expertise-single *, .foyou-expertise-facts * { box-sizing:border-box }
.foyou-expertises__list { display:grid; grid-template-columns:repeat(var(--fe-cols),minmax(0,1fr)); gap:32px 24px; align-items:stretch }
.foyou-expertises__card { min-width:0; position:relative; padding-bottom:18px; }
.foyou-expertises__visual { position:relative; aspect-ratio:var(--fe-ratio); overflow:hidden; background:#e4e7e8; }
.foyou-expertises__img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.foyou-expertises__card:hover .foyou-expertises__img { transform:scale(1.035) }
.foyou-expertises__placeholder { height:100%; background:linear-gradient(135deg,#182c3a,#49616d) }
.foyou-expertises__panel { position:relative; margin:-54px 15px 0; background:var(--fe-white); min-height:142px; box-shadow:0 10px 32px rgba(24,44,58,.08); z-index:2; display:flex; align-items:flex-start; padding:0 16px 15px 0; }
.foyou-expertises__icon { background:var(--fe-gold); color:#fff; width:70px; min-width:70px; height:76px; display:flex; align-items:center; justify-content:center; margin-right:16px; }
.foyou-expertises__body { padding:19px 0 0; min-width:0; }
.foyou-expertises__category { display:block; font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:#687881; margin-bottom:8px }
.foyou-expertises__title { font-family:'Cormorant Garamond',Georgia,serif; font-weight:700; line-height:1.08; font-size:clamp(21px,2.1vw,28px); margin:0 0 12px; }
.foyou-expertises__title a, .foyou-expertises__more { color:var(--fe-navy); text-decoration:none; }
.foyou-expertises__title a:hover, .foyou-expertises__more:hover { color:var(--fe-gold); }
.foyou-expertises__excerpt { font-size:13px; line-height:1.7; margin:0 0 12px; }
.foyou-expertises__more { display:inline-block; font-size:11px; letter-spacing:.075em; font-weight:700; text-transform:uppercase; transition:color .2s ease; }
.foyou-expertises--slider .foyou-expertises__viewport { overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.foyou-expertises--slider .foyou-expertises__viewport::-webkit-scrollbar { display:none }
.foyou-expertises--slider .foyou-expertises__list { display:flex; gap:24px; }
.foyou-expertises--slider .foyou-expertises__card { flex:0 0 calc((100% - (var(--fe-cols) - 1) * 24px) / var(--fe-cols)); scroll-snap-align:start; }
.foyou-expertises__controls { display:flex; gap:12px; justify-content:flex-end; margin-top:8px }
.foyou-expertises__controls button { cursor:pointer; background:transparent; border:1px solid var(--fe-gold); color:var(--fe-navy); width:44px; height:44px; display:flex; align-items:center; justify-content:center; font:20px Arial,sans-serif; transition:background .2s ease,color .2s ease }
.foyou-expertises__controls button:hover { background:var(--fe-gold); color:#fff }
.foyou-expertises__controls button:disabled { opacity:.35; cursor:not-allowed }
.foyou-expertise-empty { font-family:Montserrat,Arial,sans-serif; }
.foyou-expertise-single { --fe-navy:#182c3a; --fe-gold:#cc9933; --fe-white:#fff; background:#fff; color:var(--fe-navy); }
.foyou-expertise-single__hero { position:relative; isolation:isolate; background:var(--fe-navy); color:#fff; min-height:340px; display:flex; align-items:center; overflow:hidden; }
.foyou-expertise-single__background { position:absolute; inset:0; z-index:-2; background-position:center; background-size:cover; }
.foyou-expertise-single__hero:before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(24,44,58,.97),rgba(24,44,58,.73)); }
.foyou-expertise-single__hero-inner, .foyou-expertise-single__contact-inner { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:68px 0; }
.foyou-expertise-single__breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font:11px/1.4 Montserrat,Arial,sans-serif; margin-bottom:36px; color:#e4e4e4; }
.foyou-expertise-single__breadcrumb a { color:#fff; text-decoration:none }
.foyou-expertise-single__eyebrow { font:700 11px/1.4 Montserrat,Arial,sans-serif; letter-spacing:.17em; color:var(--fe-gold); margin:0 0 16px }
.foyou-expertise-single__hero h1 { max-width:850px; margin:0 0 14px; font:700 clamp(36px,6vw,70px)/1.05 'Cormorant Garamond',Georgia,serif; color:#fff; }
.foyou-expertise-single__lead { max-width:800px; font:400 15px/1.9 Montserrat,Arial,sans-serif; color:#f3f3f3 }
.foyou-expertise-single__content { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:70px 0; }
.foyou-expertise-single__content > .elementor { width:100%; }
.foyou-expertise-single__content > p, .foyou-expertise-single__content > ul { font:400 15px/1.85 Montserrat,Arial,sans-serif; }
.foyou-expertise-single__content h2, .foyou-expertise-single__deliverables h2 { font-family:'Cormorant Garamond',Georgia,serif; color:var(--fe-navy); }
.foyou-expertise-single__deliverables { margin:44px 0 0; padding:32px 38px; border-left:4px solid var(--fe-gold); background:#f5f6f6; font:14px/1.85 Montserrat,Arial,sans-serif; }
.foyou-expertise-single__deliverables h2 { font-size:32px; margin:0 0 12px; }
.foyou-expertise-single__back { margin-top:35px; font:600 13px Montserrat,Arial,sans-serif }
.foyou-expertise-single__back a { color:var(--fe-navy); text-decoration:underline; text-decoration-color:var(--fe-gold); text-underline-offset:5px; }
.foyou-expertise-single__contact { background:var(--fe-navy); color:#fff; }
.foyou-expertise-single__contact-inner { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.foyou-expertise-single__contact p { color:var(--fe-gold); font:700 11px Montserrat,Arial,sans-serif; letter-spacing:.16em }
.foyou-expertise-single__contact h2 { max-width:660px; font:600 clamp(30px,4vw,48px)/1.15 'Cormorant Garamond',Georgia,serif; margin:10px 0 0; color:#fff }
.foyou-expertise-single__contact a { display:inline-block; flex-shrink:0; padding:17px 23px; background:var(--fe-gold); color:#fff; font:700 12px Montserrat,Arial,sans-serif; text-decoration:none }
.foyou-expertise-facts__lead { font:500 17px/1.8 Montserrat,Arial,sans-serif; color:var(--fe-navy) }
.foyou-expertise-facts__deliverables { background:#f4f5f6; border-left:4px solid var(--fe-gold); padding:24px; margin-top:24px }
.foyou-expertise-facts__deliverables h3 { font:600 28px 'Cormorant Garamond',Georgia,serif; margin:0 0 8px }
@media (max-width:1024px) { .foyou-expertises__list { grid-template-columns:repeat(var(--fe-tablet),minmax(0,1fr)); } .foyou-expertises--slider .foyou-expertises__card { flex-basis:calc((100% - (var(--fe-tablet) - 1) * 24px) / var(--fe-tablet)); } }
@media (max-width:640px) { .foyou-expertises__list { grid-template-columns:repeat(var(--fe-mobile),minmax(0,1fr)); gap:20px; } .foyou-expertises--slider .foyou-expertises__card { flex-basis:calc((100% - (var(--fe-mobile) - 1) * 24px) / var(--fe-mobile)); } .foyou-expertises__panel { margin:-44px 10px 0; padding-right:12px; min-height:128px; } .foyou-expertises__icon { min-width:58px; width:58px; height:66px; margin-right:12px } .foyou-expertises__body { padding-top:14px } .foyou-expertises__title { font-size:23px; } .foyou-expertise-single__hero-inner { padding:54px 0; } .foyou-expertise-single__content { padding:46px 0; } .foyou-expertise-single__contact-inner { display:block; } .foyou-expertise-single__contact-inner a { margin-top:24px; } }
@media (prefers-reduced-motion:reduce) { .foyou-expertises__img { transition:none } .foyou-expertises--slider .foyou-expertises__viewport { scroll-behavior:auto } }
/* Cartes d'expertises : icon boxes conformes à la maquette FOYOU. */
.foyou-expertises__list{gap:24px}
.foyou-expertises__card{background:#fff;border:1px solid #e6e9eb;padding:35px 30px 32px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 8px 25px rgba(24,44,58,.04);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.foyou-expertises__card:hover{transform:translateY(-4px);border-color:var(--fe-gold);box-shadow:0 14px 35px rgba(24,44,58,.10)}
.foyou-expertises__card[hidden]{display:none!important}
.foyou-expertises__icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--fe-gold);margin:0 0 22px}
.foyou-expertises__title{font:700 clamp(25px,2.1vw,32px)/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 13px;color:var(--fe-navy)}
.foyou-expertises__title a{color:inherit;text-decoration:none}
.foyou-expertises__title a:hover{color:var(--fe-gold)}
.foyou-expertises__excerpt{font:400 13px/1.75 Montserrat,Arial,sans-serif;color:#465964;margin:0 0 20px;flex:1}
.foyou-expertises__more{margin-top:auto;display:inline-block;align-self:flex-start;font:700 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--fe-navy);text-decoration:none}
.foyou-expertises__more:hover{color:var(--fe-gold)}
.foyou-expertises__category{font:600 10px/1.4 Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6b7680;margin-bottom:10px}
.foyou-expertises__reveal{text-align:center;margin-top:35px}
.foyou-expertises__toggle{border:1px solid var(--fe-gold);background:var(--fe-navy);color:#fff;min-width:170px;padding:15px 27px;font:700 12px Montserrat,Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.foyou-expertises__toggle:hover,.foyou-expertises__toggle:focus-visible{background:var(--fe-gold);color:#fff}
.foyou-expertises--slider .foyou-expertises__card{flex:0 0 calc((100% - (var(--fe-cols) - 1)*24px)/var(--fe-cols));scroll-snap-align:start}
@media(max-width:1024px){.foyou-expertises--slider .foyou-expertises__card{flex-basis:calc((100% - (var(--fe-tablet) - 1)*24px)/var(--fe-tablet))}}
@media(max-width:640px){.foyou-expertises__card{padding:28px 24px;min-height:250px}.foyou-expertises--slider .foyou-expertises__card{flex-basis:calc((100% - (var(--fe-mobile) - 1)*24px)/var(--fe-mobile))}}
@media(prefers-reduced-motion:reduce){.foyou-expertises__card{transition:none}}