/* Editorial direction: daylight photography, mineral white, ink and restrained gold. */
:root { --paper: #fafbf9; --ink: #0a1d2d; --gold: #b48a4e; }
.hero { background: #fafbf9; color: var(--ink); min-height: 0; padding: 162px 0 58px; }
.hero::before, .hero-art::after { display: none; }
.hero-grid { display: flex; flex-direction: column; gap: 38px; }
.hero-copy { width: 100%; max-width: none; display: grid; grid-template-columns: 1.5fr 1fr; column-gap: 70px; align-items: start; }
.hero .eyebrow { grid-column: 1 / -1; color: #92703f; margin-bottom: 28px; }
.hero h1 { grid-column: 1; grid-row: 2 / 4; font-size: clamp(54px,6.7vw,96px); max-width: none; margin: 0; letter-spacing: -.065em; line-height: 1.03; }
.hero h1 em { background: none; color: #879599; }
.hero-lead { grid-column: 2; grid-row: 2; color: #54616b; font-size: 18px; margin: 8px 0 25px; }
.hero-actions { grid-column: 2; grid-row: 3; gap: 22px; flex-wrap: wrap; }
.hero-proof { grid-column: 1 / -1; margin-top: 38px; padding: 20px 0 0; border: 0; border-top: 1px solid #0a1d2d1a; border-radius: 0; box-shadow: none; background: none; backdrop-filter: none; gap: 44px; }
.hero-proof > div { max-width: none; display: flex; align-items: baseline; gap: 12px; }
.hero-proof strong { color: var(--ink); font-size: 12px; }.hero-proof span { color: #67727b; margin: 0; }
.hero-scroll { display: none; }
.hero-art.editorial-photo { width: 100%; height: auto; max-width: none; margin: 0; aspect-ratio: 2.4; border: 0; border-radius: 8px; box-shadow: none; overflow: hidden; background: #e9eeec; }
.editorial-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 53%; }
.button { background: #0a1d2d; border-color: #0a1d2d; color: #fff; box-shadow: none; min-height: 52px; padding-inline: 26px; }
.button:hover { background: #254355; box-shadow: 0 8px 22px #0a1d2d18; }
.section-dark .button { background: #efe6d6; border-color: #efe6d6; color: var(--ink); }
.section-light { background: #fafbf9; }.section-warm { background: #f0f3f2; }
.site-header, .site-header.is-scrolled { background: linear-gradient(135deg, #f0f2f4, #dce1e5); border: 1px solid #ffffffc9; box-shadow: inset 0 1px 1px #ffffff, inset 0 -1px 0 #a4afb84d, 0 12px 36px #0a1d2d1c; }
@supports ((backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px))) { .site-header, .site-header.is-scrolled { background: linear-gradient(135deg, #edf0f3d9, #cfd6ddad); backdrop-filter: blur(30px) saturate(150%); -webkit-backdrop-filter: blur(30px) saturate(150%); } }
.site-header .brand { box-shadow: none; background: white; border-radius: 8px; }
.main-nav a { color: #37454f; }.main-nav a:hover, .main-nav a[aria-current] { color: #0a1d2d; background: #ffffff70; border-color: #ffffffb3; box-shadow: inset 0 1px 0 #ffffff, 0 3px 10px #0a1d2d0a; }
.candidate-photo { height: 320px; background: #e7e9e6; overflow: hidden; }
.candidate-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.candidate-photo::after { display: none; }
.candidate-points, .approach-visual { border-radius: 8px; box-shadow: none; }
.candidate-points { border: 1px solid #0a1d2d16; background: transparent; }
.service-card, .service-card:last-child { background: transparent; border-radius: 0; border: 0; border-top: 1px solid #0a1d2d22; box-shadow: none; }
.service-card:hover { background: #f0f3f2; box-shadow: none; }
.service-card a { color: #6e522c; }
.sector-it::before { background-image: url('assets/editorial-digital.png'); background-position: 42% center; }
.sector-industrial::before { background-image: url('assets/editorial-industrie.png'); background-position: 57% center; }
.sector-sales::before { background-image: url('assets/editorial-commercial.png'); background-position: center 42%; }
.sector-finance::before { background-image: url('assets/editorial-finance.png'); background-position: center 42%; }
.sector-hr::before { background-image: url('assets/editorial-supports.png'); background-position: center 42%; }
.sector::before, .sector:hover::before { opacity: 1; }
.sector::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,transparent 22%,#061b2a80 52%,#061b2aeb 100%); }
.sector > * { z-index: 2; }
.team-visual { background: #e7e9e6; }
.team-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.team-photo-credit { position: absolute; top: 16px; left: 16px; padding: 5px 9px; border-radius: 8px; background: #ffffffc9; color: #37454f; font-size: 12px; }
.approach-visual img { object-position: 58% center; filter: none; }
.approach-visual::before { background: linear-gradient(180deg,transparent 60%,#061b2a66); }
.visual-badge { padding: 15px; border-radius: 12px; }
.commitment-grid article, .commitment-grid article + article { background: transparent; border-radius: 0; border: 0; border-top: 1px solid #0a1d2d22; box-shadow: none; }
.contact-form { background: #f8faf8; backdrop-filter: none; border-radius: 16px; box-shadow: none; }
@media (max-width:900px) {
  .hero-copy { display: block; }.hero h1 { margin-bottom: 25px; }.hero-lead { max-width: 590px; }.hero-proof { display: flex; }.hero-proof > div { display: block; }.hero-proof span { margin-top: 6px; }
  .hero-art.editorial-photo { aspect-ratio: 1.7; }.hero { padding-top: 140px; }
}
@media (max-width:620px) {
  .hero { padding-top: 119px; padding-bottom: 30px; }.hero h1 { font-size: clamp(42px,11.5vw,68px); }.hero .eyebrow { font-size: 10px; }.hero-lead { font-size: 16px; }.hero-proof { gap: 22px; }.hero-proof strong { font-size: 11px; }.hero-proof span { font-size: 12px; }.hero-grid { gap: 26px; }
  .hero-art.editorial-photo { aspect-ratio: 1.32; }.editorial-photo img { object-position: 52% center; }
  .menu-toggle { border-color: #0a1d2d25; }.menu-toggle span { background: #0a1d2d; }.main-nav { background: linear-gradient(135deg, #edf0f3f5, #d6dce3ed); border-color: #ffffffc9; box-shadow: inset 0 1px 0 #fff, 0 16px 36px #0a1d2d24; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); }
}