:root{--ink:#15171b;--ink-2:#202329;--paper:#fff;--soft:#f5f3ef;--muted:#6f747b;--line:rgba(21,23,27,.12);--accent:#d5a36c;--accent-dark:#b98249;--radius:22px;--shadow:0 24px 70px rgba(15,18,22,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:.25s ease}a:hover,a:focus{text-decoration:none;color:var(--accent-dark)}h1,h2,h3,h4{font-family:"Space Grotesk",Manrope,sans-serif;letter-spacing:-.03em}p{margin:0 0 1.25em}.container{max-width:1200px;width:calc(100% - 40px)}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.cta-band .eyebrow{color:#fff}.section{padding:110px 0}.section--white{background:#fff}.section--soft{background:var(--soft)}.section--dark{background:var(--ink);color:#fff}.section-heading{max-width:760px;margin:0 auto 56px;text-align:center}.section-heading h2,.about-profile h2,.profile-intro h2,.career-summary h2,.project-columns h2,.project-intro h2,.project-solution h2,.project-outcome h2{margin:0 0 18px;font-size:clamp(34px,4vw,54px);line-height:1.08}.section-heading h2 span,.about-profile h2 span,.profile-intro h2 span,.career-summary h2 span,.project-columns h2 span,.project-intro h2 span,.project-solution h2 span,.project-outcome h2 span{color:var(--accent)}.section-heading>p:last-child{color:var(--muted)}.section-heading--light>p:last-child{color:rgba(255,255,255,.65)}.section-heading--split{max-width:none;grid-template-columns:1fr 1fr;gap:80px;text-align:left;align-items:end}.section-heading--split>p{margin:0}.section-action{text-align:center;margin-top:48px}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;padding:20px 0;transition:.3s}.site-header.is-scrolled{padding:11px 0;background:rgba(18,20,24,.94);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.14)}.site-header__inner{display:flex;align-items:center;justify-content:space-between}.site-logo img{display:block;width:190px;max-height:48px;object-fit:contain}.site-navigation{display:flex;align-items:center;gap:28px}.site-navigation a{position:relative;color:rgba(255,255,255,.82);font-size:13px;font-weight:700}.site-navigation a:not(.site-navigation__cta):after{position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--accent);content:"";transition:.25s}.site-navigation a:hover:after,.site-navigation a.active:after{width:100%}.site-navigation__cta{padding:11px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.site-navigation__cta:hover{border-color:var(--accent);background:var(--accent);color:#fff}.site-menu-toggle{display:none;border:0;background:transparent;padding:8px}.site-menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;margin:5px;background:#fff}.hero,.page-hero,.project-hero{position:relative;overflow:hidden;color:#fff}.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 90px}.hero__media,.page-hero__media{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.03)}.hero__overlay,.page-hero__overlay,.project-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,16,.92),rgba(10,12,16,.62) 58%,rgba(10,12,16,.34))}.hero__content,.page-hero__content,.project-hero__content{position:relative;z-index:2}.hero h1{margin:0 0 22px;font-size:clamp(64px,10vw,128px);line-height:.86;text-transform:uppercase}.hero h1 span{color:var(--accent)}.hero__role{font-size:clamp(18px,2vw,25px);font-weight:700}.hero__lead{max-width:820px;color:rgba(255,255,255,.76);font-size:18px}.hero__scroll{position:absolute;z-index:3;bottom:30px;left:50%;width:28px;height:45px;border:1px solid rgba(255,255,255,.35);border-radius:99px}.hero__scroll span{display:block;width:4px;height:8px;margin:9px auto;background:#fff;border-radius:99px;animation:scroll 1.8s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(17px);opacity:0}}.page-hero{min-height:570px;display:flex;align-items:flex-end;padding:180px 0 90px}.page-hero__content{max-width:850px}.page-hero h1{margin:0 0 24px;font-size:clamp(52px,7vw,84px);line-height:.95;text-transform:uppercase}.page-hero h1 span{color:var(--accent)}.page-hero__content>p:last-child{max-width:760px;color:rgba(255,255,255,.72);font-size:18px}.button-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.button-row--left{justify-content:flex-start}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.button:hover{transform:translateY(-2px)}.button--accent{background:var(--accent);color:#fff}.button--accent:hover{background:var(--accent-dark);color:#fff}.button--ghost{border-color:rgba(255,255,255,.5);color:#fff}.button--ghost:hover{background:#fff;color:var(--ink)}.button--dark{background:var(--ink);color:#fff}.button--light{background:#fff;color:var(--ink)}.button--full{width:100%;border-radius:12px}.text-link{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-link i{margin-left:7px;color:var(--accent)}.text-link--light{color:#fff}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden}.expertise-card{position:relative;min-height:330px;padding:42px 30px;border-right:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.expertise-card:last-child{border:0}.expertise-card__number{position:absolute;top:26px;right:24px;color:rgba(255,255,255,.12);font:700 35px "Space Grotesk"}.expertise-card>i{display:flex;width:60px;height:60px;align-items:center;justify-content:center;margin-bottom:42px;border:1px solid rgba(213,163,108,.55);border-radius:50%;font-size:31px}.expertise-card h3{margin:0 0 14px;font-size:19px;text-transform:uppercase}.expertise-card p{color:rgba(255,255,255,.64);font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-grid--home{grid-template-columns:repeat(2,1fr)}.project-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(20,23,27,.07);transition:.3s}.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.project-card[hidden]{display:none}.project-card__image{position:relative;height:300px;overflow:hidden;background:#e8e6e1}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.04)}.project-card__image span,.project-card__image b{position:absolute;top:18px;left:18px;padding:7px 11px;background:rgba(20,22,26,.88);color:#fff;border-radius:999px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.project-card__image b{left:auto;right:18px;background:var(--accent)}.project-card__body{padding:27px}.project-card__meta{margin-bottom:10px;color:var(--accent-dark);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-card h2,.project-card h3{margin:0 0 13px;font-size:24px;line-height:1.18}.project-card p{color:var(--muted);font-size:14px}.profile-intro,.about-profile,.career-summary,.project-solution,.project-outcome{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.profile-intro>div:last-child>p,.about-profile__copy p,.career-summary p,.project-solution>p,.project-outcome p{color:var(--muted)}.section--dark .project-solution>p{color:rgba(255,255,255,.68)}.cta-band{padding:76px 0;background:var(--accent);color:#fff}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{max-width:800px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.08}.cta-band h2 span{color:var(--ink)}.site-footer__main{padding:72px 0;background:#191b20;color:#fff}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:90px}.site-footer__logo{width:190px;margin-bottom:22px}.site-footer p{color:rgba(255,255,255,.6)}.site-footer h2{margin:0 0 18px;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.site-footer__grid>div:not(:first-child) a{display:block;margin:8px 0;color:rgba(255,255,255,.72)}.site-footer__bottom{padding:17px 0;background:#111318;color:rgba(255,255,255,.48);font-size:12px}.expertise-detail-list{display:grid;gap:32px}.expertise-detail{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.expertise-detail__intro{position:relative;padding:55px;background:var(--ink);color:#fff}.expertise-detail__intro>span{position:absolute;top:25px;right:30px;color:rgba(255,255,255,.12);font:700 45px "Space Grotesk"}.expertise-detail__intro i{font-size:48px;color:var(--accent)}.expertise-detail__intro h2{font-size:36px;margin:35px 0 18px}.expertise-detail__intro p{color:rgba(255,255,255,.65)}.expertise-detail__services{padding:55px}.expertise-detail__services h3{margin-top:0}.expertise-detail__services ul,.timeline-item__content ul{padding:0;list-style:none}.expertise-detail__services li,.timeline-item__content li,.check-list li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid var(--line)}.expertise-detail__services li:before,.timeline-item__content li:before,.check-list li:before{position:absolute;left:0;color:var(--accent);content:"•"}.expertise-detail__refs{margin-top:28px;color:var(--muted);font-size:13px}.timeline{display:grid;gap:40px}.timeline-item{position:relative;display:grid;grid-template-columns:80px 300px 1fr;gap:35px;padding:46px;background:#fff;border-radius:var(--radius);box-shadow:0 10px 35px rgba(20,23,27,.06)}.timeline-item__marker{display:flex;width:58px;height:58px;align-items:center;justify-content:center;background:var(--accent);color:#fff;border-radius:50%;font-weight:800}.timeline-item__aside h2{margin:0;font-size:32px}.timeline-item__aside>p:last-child{color:var(--muted)}.timeline-item__content h3{margin-top:0;font-size:25px}.timeline-item__content>p{color:var(--muted)}.tag-row,.tools-grid{display:flex;flex-wrap:wrap;gap:10px}.tag-row span,.tools-grid span{padding:8px 12px;background:var(--soft);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700}.career-summary__grid{display:grid;gap:20px}.career-summary__grid>div{padding:22px 0;border-bottom:1px solid var(--line)}.career-summary__grid strong{font-family:"Space Grotesk";font-size:20px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.15)}.method-grid article{padding:35px 30px;border-right:1px solid rgba(255,255,255,.15)}.method-grid article:last-child{border:0}.method-grid span{color:var(--accent);font-weight:800}.method-grid h3{text-transform:uppercase}.method-grid p{color:rgba(255,255,255,.62);font-size:14px}.tools-grid{gap:12px}.tools-grid span{padding:12px 17px;background:#fff}.tools-grid--compact span{background:#fff}.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:45px}.filter-bar button{padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.filter-bar button.active,.filter-bar button:hover{border-color:var(--accent);background:var(--accent);color:#fff}.empty-state{text-align:center;padding:80px;background:#fff;border-radius:var(--radius)}.empty-state i{font-size:60px;color:var(--accent)}.project-hero{min-height:780px;display:flex;align-items:flex-end;padding:190px 0 90px}.project-hero__image{position:absolute;inset:0}.project-hero__image img{width:100%;height:100%;object-fit:cover}.project-hero__content{max-width:920px}.project-back{display:inline-block;margin-bottom:50px;color:rgba(255,255,255,.7);font-size:12px;font-weight:800;text-transform:uppercase}.project-hero h1{margin:0 0 25px;font-size:clamp(45px,7vw,86px);line-height:.98}.project-hero__content>p:last-child{max-width:760px;color:rgba(255,255,255,.75);font-size:18px}.project-intro{display:grid;grid-template-columns:360px 1fr;gap:90px}.project-facts{border-top:1px solid var(--line)}.project-facts>div{padding:20px 0;border-bottom:1px solid var(--line)}.project-facts span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project-facts strong{font-weight:700}.project-intro__copy>p:last-child{color:var(--muted)}.project-columns{display:grid;grid-template-columns:1fr 1fr;gap:90px}.check-list{margin:30px 0 0;padding:0;list-style:none}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-gallery figure{margin:0;background:var(--soft);border-radius:16px;overflow:hidden}.project-gallery img{display:block;width:100%}.project-gallery figcaption{padding:15px;color:var(--muted);font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-aside h2{font-size:45px;line-height:1.1}.contact-aside h2 span{color:var(--accent)}.contact-aside>p{color:var(--muted)}.contact-points{margin-top:40px}.contact-points>div{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.contact-points i{font-size:29px;color:var(--accent)}.contact-points strong{display:block}.contact-card{padding:42px;background:var(--soft);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:18px}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:800}.field .form-control{height:52px;border:1px solid rgba(21,23,27,.15);border-radius:10px;background:#fff;box-shadow:none}.field textarea.form-control{height:auto;padding-top:14px;resize:vertical}.site-alert{margin-bottom:25px;padding:16px;border-radius:10px}.site-alert--error{background:#fce7e6;color:#8a2721}.site-alert span{display:block;font-size:13px}.page-error{padding-top:180px;text-align:center}
@media(max-width:991px){.site-menu-toggle{display:block}.site-navigation{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;justify-content:center;gap:28px;background:#14161a;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s}.site-navigation.is-open{z-index:10;opacity:1;visibility:visible;transform:none}.site-navigation a{font-size:22px}.site-menu-toggle{position:relative;z-index:20}.expertise-grid,.method-grid{grid-template-columns:repeat(2,1fr)}.expertise-card:nth-child(2){border-right:0}.expertise-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.project-grid{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:65px 1fr}.timeline-item__content{grid-column:2}.profile-intro,.about-profile,.career-summary,.project-solution,.project-outcome,.contact-layout{gap:50px}.expertise-detail{grid-template-columns:1fr}.project-intro{grid-template-columns:280px 1fr}}
@media(max-width:767px){.container{width:calc(100% - 30px)}.section{padding:72px 0}.section-heading--split,.profile-intro,.about-profile,.career-summary,.project-solution,.project-outcome,.contact-layout,.project-columns,.project-intro{grid-template-columns:1fr;gap:35px}.site-logo img{width:160px}.hero{min-height:760px;padding-top:140px}.hero h1{font-size:58px}.hero__lead{font-size:16px}.page-hero{min-height:500px;padding:145px 0 65px}.page-hero h1{font-size:45px}.section-heading{margin-bottom:40px}.section-heading h2,.about-profile h2,.profile-intro h2,.career-summary h2,.project-columns h2,.project-intro h2,.project-solution h2,.project-outcome h2{font-size:34px}.expertise-grid,.method-grid,.project-grid,.project-grid--home,.project-gallery{grid-template-columns:1fr}.expertise-card{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.expertise-card:last-child{border-bottom:0}.project-card__image{height:250px}.cta-band .container{align-items:flex-start;flex-direction:column}.site-footer__grid{grid-template-columns:1fr;gap:35px}.expertise-detail__intro,.expertise-detail__services{padding:34px 26px}.timeline-item{grid-template-columns:1fr;padding:30px}.timeline-item__content{grid-column:1}.timeline-item__marker{width:46px;height:46px}.method-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.project-hero{min-height:650px;padding:150px 0 60px}.project-back{margin-bottom:35px}.project-hero h1{font-size:42px}.form-grid{grid-template-columns:1fr}.contact-card{padding:28px 22px}.contact-aside h2{font-size:34px}.button-row{align-items:stretch;flex-direction:column}.button-row .button{width:100%}.filter-bar{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-bar button{white-space:nowrap}}

@media (max-width: 991px) {

	body.menu-open {
		overflow: hidden;
		touch-action: none;
	}

	/*
	 * Le backdrop-filter peut casser le position: fixed
	 * du menu sur certains navigateurs mobiles.
	 */
	.site-header.is-scrolled {
		background: rgba(18, 20, 24, 0.98);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.site-menu-toggle {
		position: relative;
		z-index: 10002;
		display: block;
		padding: 8px;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	.site-navigation {
		position: fixed;
		z-index: 10001;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 28px;

		width: 100vw;
		height: 100vh;
		height: 100dvh;
		padding: 90px 25px 40px;

		background: #14161a;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-20px);

		transition:
			opacity 0.3s ease,
			visibility 0.3s ease,
			transform 0.3s ease;
	}

	.site-navigation.is-open {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.site-navigation a {
		display: block;
		padding: 5px 15px;
		color: #fff;
		font-size: 22px;
		line-height: 1.3;
		text-align: center;
	}


}