
    :root{
      --black:#080909;
      --ivory:#f5f3ee;
      --emerald:#063d32;
      --gold:#b99a59;
      --muted:#a6a39d;
      --line:rgba(255,255,255,.14);
      --max:1260px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--black);color:white;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
    a{color:inherit;text-decoration:none}
    .serif{font-family:Georgia,"Times New Roman",serif}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid rgba(255,255,255,.45);font-size:12px;letter-spacing:.13em;text-transform:uppercase;transition:.25s}
    .btn:hover{background:white;color:var(--black)}
    .btn.dark{border-color:#222}
    .btn.dark:hover{background:var(--black);color:white}
    .btn.gold{border-color:var(--gold)}
    header{position:fixed;top:0;left:0;right:0;z-index:30;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);backdrop-filter:blur(3px)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{font-family:Georgia,serif;letter-spacing:.08em;font-size:18px;white-space:nowrap}
    .brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.32em;color:var(--gold);margin-top:4px}
    .links{display:flex;gap:21px;align-items:center;font-size:11px;letter-spacing:.06em}
    .langs{color:#d5d3cd;font-size:10px}
    .mobile-menu{display:none;font-size:24px}

    .hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}
    .media-backdrop{position:absolute;inset:0;background:
      linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 55%,rgba(0,0,0,.52) 100%),
      radial-gradient(circle at 68% 38%,#1a473d 0%,#0d211d 26%,#080909 67%);
    }
    .hero-inner{position:relative;z-index:2;padding:150px 0 86px;max-width:860px}
    h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(48px,7vw,96px);line-height:.92;letter-spacing:-.035em;margin:15px 0 24px}
    .lead{font-family:Georgia,serif;font-size:clamp(20px,2.2vw,30px);color:#eee9de;max-width:700px;margin-bottom:22px}
    .sublead{max-width:680px;color:#d0cec8;font-size:15px}
    .hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
    .hero-meta{margin-top:34px;letter-spacing:.19em;font-size:11px;color:#ddd}

    section{padding:110px 0}
    .intro{background:var(--ivory);color:var(--black);text-align:center}
    .intro h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,70px);line-height:1.02;margin:15px auto 70px;max-width:950px}
    .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;text-align:left}
    .pillar h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
    .pillar p{color:#4a4946;font-size:15px;margin:0}

    .split{display:grid;grid-template-columns:1.15fr .85fr;min-height:700px}
    .visual{position:relative;min-height:550px;background:linear-gradient(145deg,#11352d,#070908)}
    .copy{display:flex;align-items:center;padding:80px}
    .copy-inner{max-width:540px}
    .copy h2,.opps h2,.observatory h2,.about h2,.travel h2,.invest h2,.gemcheck h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,72px);line-height:1.02;margin:14px 0 24px}
    .copy p,.gemcheck p,.about p,.invest p,.travel p,.opps p{color:#c8c6c0}
    .specs{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}
    .specs span{border:1px solid var(--line);padding:9px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

    .process{background:var(--ivory);color:var(--black)}
    .process h2{text-align:center;font-family:Georgia,serif;font-size:50px;font-weight:400;margin:0 0 65px}
    .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #cbc6bb}
    .step{padding:28px 22px;border-right:1px solid #d8d3c8;min-height:190px}
    .step:last-child{border-right:0}
    .step strong{color:var(--gold);font-size:12px;letter-spacing:.12em}
    .step h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:16px 0 10px}
    .step p{font-size:13px;color:#5f5b54}

    .opps{background:#0d1513}
    .opps-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{border:1px solid var(--line);padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.018)}
    .card .tag{font-size:10px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
    .card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:10px 0}
    .card p{font-size:14px}
    .media-mini{height:120px;border:1px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);font-size:10px;letter-spacing:.15em}

    .observatory{background:var(--emerald)}
    .obs-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
    .obs-data{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .data-box{border:1px solid rgba(255,255,255,.18);padding:24px}
    .data-box b{font-family:Georgia,serif;font-size:34px;font-weight:400}
    .data-box span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#b8c9c4;margin-top:6px}

    .gemcheck{background:var(--ivory);color:var(--black)}
    .gem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .gemcheck p{color:#55514a}
    .gem-visual{height:500px;position:relative;background:linear-gradient(145deg,#e4e0d5,#bfcac3)}

    .travel{position:relative;min-height:760px;display:flex;align-items:end}
    .travel .media-backdrop{background:
      linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1)),
      linear-gradient(135deg,#23342f,#0b1512 60%,#050606)}
    .travel-content{position:relative;z-index:2;padding-bottom:75px;max-width:780px}

    .invest{background:#0b0b0b}
    .invest-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
    .invest-note{border-left:1px solid var(--gold);padding-left:28px;color:#bdbab2;font-size:14px}

    .about{background:var(--ivory);color:var(--black)}
    .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
    .portrait{height:650px;position:relative;background:linear-gradient(150deg,#d8d4c9,#8f9b94)}
    .about p{color:#504d46}
    .quote{font-family:Georgia,serif;font-size:25px;line-height:1.35;margin:35px 0;border-left:2px solid var(--gold);padding-left:24px}

    .cta{position:relative;min-height:620px;display:flex;align-items:center;text-align:center}
    .cta .media-backdrop{background:
      linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.72)),
      radial-gradient(circle at 50% 45%,#2f6b58 0%,#0c1d18 25%,#050606 65%)}
    .cta-inner{position:relative;z-index:2}
    .cta h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,90px);line-height:.96;margin:10px 0 28px}

    footer{padding:60px 0 80px;background:#050606;border-top:1px solid var(--line)}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
    footer h4{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
    footer p,footer a{font-size:13px;color:#aaa69f}

    .whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-weight:bold;box-shadow:0 8px 30px rgba(0,0,0,.35)}
    .whatsapp:after{content:"WhatsApp";position:absolute;right:68px;background:#111;color:white;padding:8px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.2s}
    .whatsapp:hover:after{opacity:1}

    @media(max-width:1000px){
      .links,.langs,.nav .btn{display:none}.mobile-menu{display:block}
      .pillars{grid-template-columns:1fr}
      .split,.gem-grid,.obs-grid,.invest-wrap,.about-grid{grid-template-columns:1fr}
      .copy{padding:60px 28px}
      .steps{grid-template-columns:repeat(2,1fr)}
      .cards{grid-template-columns:1fr}
      .opps-head{display:block}
      .footer-grid{grid-template-columns:1fr}
    }
    @media(max-width:600px){
      .container{width:min(100% - 28px,var(--max))}
      header .nav{height:66px}
      .brand{font-size:15px}
      .hero-inner{padding:120px 0 52px}
      h1{font-size:50px}
      .sublead{display:none}
      section{padding:78px 0}
      .intro h2{font-size:42px;margin-bottom:45px}
      .steps{grid-template-columns:1fr}
      .step{border-right:0;border-bottom:1px solid #d8d3c8;min-height:auto}
      .visual{min-height:420px}
      .copy h2,.opps h2,.observatory h2,.about h2,.travel h2,.invest h2,.gemcheck h2{font-size:43px}
      .obs-data{grid-template-columns:1fr 1fr}
      .portrait{height:500px}
      .travel{min-height:620px}
      .cta{min-height:540px}
      .cta h2{font-size:52px}
      .whatsapp{right:14px;bottom:14px;width:54px;height:54px}
    }
  
.page-hero{min-height:76svh;position:relative;display:flex;align-items:end;overflow:hidden;padding-top:78px}.page-hero .media-backdrop{background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.26),rgba(0,0,0,.58)),radial-gradient(circle at 72% 38%,#245949 0%,#102a23 28%,#080909 69%)}.page-hero-inner{position:relative;z-index:2;padding:130px 0 72px;max-width:880px}.page-hero h1{font-size:clamp(54px,7vw,96px)}
.page-intro{background:var(--ivory);color:var(--black)}.page-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.page-intro h2,.brief h2,.selection h2,.assurance h2,.faq h2,.request h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.04;margin:12px 0 24px}.page-intro p,.brief p,.selection p,.assurance p,.faq p,.request p{color:#514e48}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.fact{border-top:1px solid #c9c3b8;padding-top:18px}.fact b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400}.fact span{font-size:12px;color:#68645d}
.brief{background:#0b0d0c}.brief-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.brief p,.selection p,.assurance p{color:#c7c3bc}.brief-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.brief-item{border:1px solid var(--line);padding:20px}.brief-item small{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.brief-item b{font-family:Georgia,serif;font-size:22px;font-weight:400}
.selection{background:#111a17}.selection-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.selection-visual{height:560px;position:relative;background:linear-gradient(150deg,#1f4f42,#0a0c0b)}.selection-points{display:grid;gap:16px;margin-top:30px}.selection-point{border-top:1px solid var(--line);padding-top:16px}.selection-point b{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold)}
.assurance{background:var(--ivory);color:var(--black)}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.assurance-card{border:1px solid #d1ccc2;padding:30px;min-height:210px}.assurance-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin-top:0}
/* Lisibilite des descriptions sur fond ivoire : gris graphite, distingue des titres noirs. */
body.page-id-67 .assurance .assurance-grid .assurance-card p{color:#34342f!important;line-height:1.72}
.faq{background:#0a0b0b}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:Georgia,serif;font-size:22px}details p{color:#aaa69f;max-width:720px}
.request{background:var(--emerald)}.request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.request p{color:#d9e2de}.form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);padding:30px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d7ddd9;margin-bottom:7px}input,select,textarea{width:100%;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.22);color:white;padding:13px 14px;font:inherit}textarea{min-height:125px;resize:vertical}option{color:#111}.field{margin-bottom:16px}.form-note{font-size:11px;color:#bdc8c3;margin-top:14px}.request-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}

/* Sourcing SEO 2026 — additions scoped to the sourcing page only. */
.page-hero-inner{max-width:1000px}
.page-hero h1{font-size:clamp(39px,5.7vw,77px);line-height:1.02;max-width:980px}
.sourcing-signature{font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2.2vw,28px);line-height:1.22;color:#e4dac7;margin:0 0 15px}
.page-hero .lead{font-size:clamp(15px,1.55vw,19px);line-height:1.6;max-width:750px;margin:0}
.sourcing-context-link{color:#d4b574;text-decoration:underline;text-underline-offset:4px}
.page-intro .sourcing-context-link{color:#655027}
.sourcing-scenarios{background:#0e1915;color:#f5f3ee;padding:92px 0}
.sourcing-scenarios-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.sourcing-scenario{border-top:1px solid #8c7950;padding:28px 14px 0 0}
.sourcing-scenario h2{font:400 clamp(28px,3vw,42px)/1.12 Georgia,"Times New Roman",serif;margin:18px 0 22px}
.sourcing-scenario p{font-size:15px;line-height:1.8;color:#d4d6d0;max-width:620px}
.sourcing-scenario .sourcing-context-link{color:#e4c681}
@media(max-width:850px){.sourcing-scenarios-grid{grid-template-columns:1fr;gap:44px}.sourcing-scenarios{padding:70px 0}.page-hero h1{font-size:clamp(36px,6.5vw,58px)}}
@media(max-width:600px){.page-hero h1{font-size:clamp(36px,8vw,48px);line-height:1.04}.sourcing-signature{font-size:19px}.page-hero .lead{font-size:15px}.sourcing-scenario{padding-right:0}}
@media(max-width:1000px){.page-intro-grid,.brief-grid,.selection-grid,.assurance-grid,.faq-grid,.request-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page-hero{min-height:70svh}.page-hero-inner{padding:120px 0 50px}.brief-list,.facts{grid-template-columns:1fr}.selection-visual{height:420px}.form{padding:20px}}
