/* =====================================================================
   SOURCE: ateliercom.php · INLINE CSS BLOCK 1
   ===================================================================== */

/* =========================================================
   EQUIPE — VERSION ÉDITORIALE
   ========================================================= */

body.team-page {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #111111;
    font-family: "Lato", Arial, sans-serif;
}

body.team-page *,
body.team-page *::before,
body.team-page *::after {
    box-sizing: border-box;
}


/* =========================================================
   IMPORTANT :
   AUCUNE MODIFICATION DE LA NAVIGATION ICI.
   banner_navigation.php reste inchangé.
   ========================================================= */


/* =========================================================
   STRUCTURE
   ========================================================= */

.team-section {
    width: 100%;
    padding: 95px 0;
}

.team-container {
    width: min(1180px, calc(100% - 80px));
    margin: 0 auto;
}


/* =========================================================
   NUMÉROS
   ========================================================= */

.team-number {
    display: block;

    margin-bottom: 22px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    line-height: 1;

    font-weight: 400;
    letter-spacing: 0.12em;

    color: #111111;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.team-eyebrow {
    display: block;

    margin-bottom: 18px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.4;

    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: #444444;
}


/* =========================================================
   TITRES
   ========================================================= */

.team-title {
    max-width: 820px;

    margin: 0 0 25px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(42px, 5.2vw, 70px);
    line-height: 1.04;

    font-weight: 400;

    letter-spacing: -0.035em;

    color: #111111;
}

.team-heading {
    max-width: 900px;

    margin: 0 0 25px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;

    font-weight: 400;

    letter-spacing: -0.025em;

    color: #111111;
}

.team-subheading {
    margin: 0 0 15px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 22px;
    line-height: 1.25;

    font-weight: 400;

    color: #111111;
}


/* =========================================================
   TEXTES
   ========================================================= */

.team-lead {
    max-width: 780px;

    margin: 0;

    font-size: 18px;
    line-height: 1.65;

    font-weight: 400;

    color: #333333;
}

.team-text {
    max-width: 780px;

    margin: 0 0 20px 0;

    font-size: 16px;
    line-height: 1.75;

    font-weight: 400;

    color: #333333;
}


/* =========================================================
   LIENS
   ========================================================= */

.team-page a {
    color: inherit;
}

.team-link {
    color: #111111 !important;

    text-decoration: underline;

    text-decoration-thickness: 1px;

    text-underline-offset: 4px;
}


/* =========================================================
   01 — INTRODUCTION
   ========================================================= */

.team-intro {
    /*
       Réduit volontairement :
       la page doit commencer plus près de la navigation,
       comme Ateliercom.
    */

    padding-top: 62px;
    padding-bottom: 58px;
}

.team-intro-grid {
    display: grid;

    grid-template-columns: minmax(0, 1.15fr) minmax(230px, 0.85fr);

    gap: 70px;

    align-items: end;
}

.team-intro-side {
    padding-bottom: 4px;
}

.team-intro-side p {
    margin: 0;

    max-width: 340px;

    font-size: 15px;
    line-height: 1.65;

    color: #555555;
}


/* =========================================================
   VIDÉO
   ========================================================= */

.team-video-wrap {
    width: 100%;

    margin-top: 36px;
}

.team-video {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    background: #111111;
}


/* =========================================================
   02 — DANTE OBREGON
   ========================================================= */

.team-founder {
    background: #f5f5f3;

    padding-top: 90px;
    padding-bottom: 95px;
}

.team-founder-grid {
    display: grid;

    grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);

    gap: 85px;

    align-items: start;
}

.team-founder-image img {
    display: block;

    width: 100%;
    height: auto;
}

.team-founder-content {
    padding-top: 2px;
}

.team-founder-name {
    margin: 0 0 30px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;

    font-weight: 400;

    letter-spacing: -0.025em;

    color: #111111;
}


/* =========================================================
   03 — EXPERTISE
   ========================================================= */

.team-expertise-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1px;

    margin-top: 55px;

    background: #dddddd;
}

.team-expertise-item {
    padding: 38px;

    background: #ffffff;
}

.team-item-number {
    display: block;

    margin-bottom: 22px;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 400;

    letter-spacing: 0.1em;

    color: #555555;
}


/* =========================================================
   04 — PHILOSOPHIE
   ========================================================= */

.team-philosophy {
    background: #111111;
    color: #ffffff;

    padding-top: 95px;
    padding-bottom: 100px;
}

.team-philosophy .team-number {
    color: #ffffff;
}

.team-philosophy-content {
    max-width: 920px;
}

.team-philosophy-title {
    margin: 0 0 30px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(42px, 5.5vw, 70px);
    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -0.035em;

    color: #ffffff;
}

.team-philosophy .team-text {
    color: #eeeeee;
}


/* =========================================================
   05 — SAVOIR-FAIRE
   ========================================================= */

.team-knowhow-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 45px 40px;

    margin-top: 55px;
}

.team-knowhow-item {
    padding-top: 22px;

    border-top: 1px solid #111111;
}

.team-knowhow-item p {
    margin: 0;

    font-size: 15px;
    line-height: 1.7;

    color: #444444;
}


/* =========================================================
   06 — ANTIBES
   ========================================================= */

.team-terrain {
    background: #f5f5f3;
}

.team-terrain-grid {
    display: grid;

    grid-template-columns: minmax(200px, 0.7fr) minmax(0, 1.3fr);

    gap: 80px;

    align-items: start;
}

.team-terrain-label {
    display: block;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 11px;
    line-height: 1.4;

    font-weight: 400;

    letter-spacing: 0.12em;
    text-transform: uppercase;

    color: #111111;
}


/* =========================================================
   07 — CONTACT
   ========================================================= */

.team-contact {
    padding-top: 95px;
    padding-bottom: 100px;

    background: #ffdf09;
}

.team-contact-title {
    max-width: 900px;

    margin: 0 0 22px 0;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: clamp(42px, 5.5vw, 70px);
    line-height: 1.05;

    font-weight: 400;

    letter-spacing: -0.035em;

    color: #111111;
}

.team-contact-text {
    max-width: 650px;

    margin: 0 0 35px 0;

    font-size: 17px;
    line-height: 1.7;

    color: #222222;
}

.team-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;
}

.team-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 50px;

    padding: 0 26px;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 11px;
    line-height: 1;

    font-weight: 400;

    letter-spacing: 0.08em;

    text-decoration: none;
}

.team-button-dark {
    background: #111111;

    color: #ffffff !important;
}

.team-button-outline {
    border: 1px solid #111111;

    background: transparent;

    color: #111111 !important;
}


/* =========================================================
   RESPONSIVE — 800px
   ========================================================= */

@media screen and (max-width: 800px) {

    .team-section {
        padding: 75px 0;
    }

    .team-container {
        width: min(100% - 40px, 680px);
    }

    .team-intro {
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .team-intro-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .team-intro-side {
        padding-bottom: 0;
    }

    .team-intro-side p {
        max-width: 600px;
    }

    .team-video-wrap {
        margin-top: 32px;
    }

    .team-founder-grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .team-expertise-grid {
        grid-template-columns: 1fr;
    }

    .team-knowhow-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .team-terrain-grid {
        grid-template-columns: 1fr;

        gap: 30px;
    }

}


/* =========================================================
   RESPONSIVE — 480px
   ========================================================= */

@media screen and (max-width: 480px) {

    .team-section {
        padding: 60px 0;
    }

    .team-container {
        width: calc(100% - 32px);
    }

    .team-intro {
        padding-top: 45px;
        padding-bottom: 55px;
    }

    .team-title {
        font-size: 39px;
    }

    .team-heading {
        font-size: 31px;
    }

    .team-subheading {
        font-size: 20px;
    }

    .team-lead {
        font-size: 17px;
    }

    .team-text {
        font-size: 16px;
    }

    .team-founder-name {
        font-size: 37px;
    }

    .team-expertise-item {
        padding: 30px;
    }

    .team-knowhow-grid {
        grid-template-columns: 1fr;
    }

    .team-philosophy-title {
        font-size: 42px;
    }

    .team-contact-title {
        font-size: 42px;
    }

    .team-actions {
        flex-direction: column;
    }

    .team-button {
        width: 100%;
    }

}





/* =========================================================
   GLOBAL
   ========================================================= */

.contact-modern-page {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  color:#111;
  font-family:Raleway, Arial, sans-serif;
}

.contact-modern-page * {
  box-sizing:border-box;
}

.contact-modern-container {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 40px;
}

.contact-modern-eyebrow {
  margin:0 0 18px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.4 !important;
  text-transform:uppercase;
  color:#555 !important;
}

.contact-modern-number {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:30px;
  background:#ffdf09;
  color:#111;
  font-family:Montserrat, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}


/* =========================================================
   LINKS
   ========================================================= */

.contact-modern-inline-link {
  color:#111;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#ffdf09;
  text-underline-offset:4px;
}

.contact-modern-inline-link:hover {
  background:#ffdf09;
  text-decoration:none;
}


/* =========================================================
   01 · CONTACT
   ========================================================= */

.contact-modern-hero {
  padding:105px 0 110px;
  background:#f5f5f2;
}

.contact-modern-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
  gap:80px;
  align-items:center;
}

.contact-modern-hero h1 {
  max-width:800px;
  margin:0 0 30px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:clamp(48px,6vw,78px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-3.5px;
}

.contact-modern-hero-intro {
  max-width:700px;
  margin:0;
  font-size:20px !important;
  line-height:1.7 !important;
  color:#444 !important;
}

.contact-modern-hero-image-wrapper {
  width:100%;
}

.contact-modern-hero-image {
  display:block;
  width:100%;
  height:auto;
}


/* =========================================================
   02 · NOUS CONTACTER
   ========================================================= */

.contact-modern-details {
  padding:105px 0 110px;
  background:#fff;
}

.contact-modern-details-grid {
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:80px;
  align-items:start;
}

.contact-modern-section-label {
  position:sticky;
  top:30px;
}

.contact-modern-section-label p {
  margin:0;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:1.5px;
  line-height:1.5 !important;
  text-transform:uppercase;
  color:#777 !important;
}

.contact-modern-details-content {
  max-width:800px;
}

.contact-modern-details-content h2 {
  margin:0 0 30px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:clamp(40px,5vw,60px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-2px;
}

.contact-modern-details-content > p {
  margin:0 0 25px;
  font-size:17px;
  line-height:1.75;
  color:#444;
}

.contact-modern-phone {
  color:#111 !important;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#ffdf09;
  text-underline-offset:4px;
  white-space:nowrap;
}

.contact-modern-phone:hover {
  background:#ffdf09;
  text-decoration:none;
}

.contact-modern-email {
  display:inline-block;
  max-width:100%;
  height:auto;
  vertical-align:middle;
}


/* =========================================================
   CONTACT ACTIONS
   ========================================================= */

.contact-modern-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:35px;
}

.contact-modern-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:15px 25px;
  background:#111;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.contact-modern-button:hover {
  background:#ffdf09;
  color:#111 !important;
}

.contact-modern-phone-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:15px 25px;
  border:1px solid #111;
  color:#111 !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.contact-modern-phone-button:hover {
  background:#111;
  color:#fff !important;
}


/* =========================================================
   03 · RÉSEAUX
   ========================================================= */

.contact-modern-social {
  padding:105px 0 110px;
  background:#f6f6f4;
}

.contact-modern-social-grid {
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:80px;
  align-items:start;
}

.contact-modern-social-content {
  max-width:900px;
}

.contact-modern-social-content h2 {
  margin:0 0 45px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:clamp(40px,5vw,60px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-2px;
}

.contact-modern-social-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #d4d4d0;
}

.contact-modern-social-item {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:15px;
  padding:24px 20px 24px 0;
  border-bottom:1px solid #d4d4d0;
}

.contact-modern-social-icon {
  width:28px;
  padding-top:3px;
  font-size:17px;
  line-height:1;
  text-align:center;
}

.contact-modern-social-item-content {
  min-width:0;
  font-size:14px;
  line-height:1.5;
}

.contact-modern-social-label {
  display:block;
  margin-bottom:4px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.7px;
  text-transform:uppercase;
  color:#111;
}

.contact-modern-social-link {
  color:#444;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.contact-modern-social-link:hover {
  color:#111;
  text-decoration:underline;
}


/* =========================================================
   04 · CTA FINAL
   Reference: Guide Vendeur / latest editorial pages
   ========================================================= */

.contact-modern-cta {
  width:100%;
  padding:90px 0 95px;
  background:#ffdf09;
}

.contact-modern-cta-container {
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:0 40px;
}

.contact-modern-cta-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:70px;
  align-items:center;
}

.contact-modern-cta-content {
  min-width:0;
}

.contact-modern-cta .contact-modern-number {
  display:block;
  width:auto;
  height:auto;
  margin:0 0 48px;
  padding:0;
  background:transparent;
  color:#111;
  font-size:14px;
}

.contact-modern-cta h2 {
  width:100%;
  margin:0 0 25px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:72px;
  font-weight:500;
  line-height:1;
  letter-spacing:-3.5px;
  white-space:nowrap;
  color:#111;
}

.contact-modern-cta p {
  max-width:780px;
  margin:0;
  font-size:19px;
  line-height:1.7;
  color:#111;
}

.contact-modern-cta p a {
  color:#111;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#111;
  text-underline-offset:4px;
}

.contact-modern-cta p a:hover {
  background:#fff;
  text-decoration:none;
}

.contact-modern-cta-actions {
  display:flex;
  align-items:center;
  gap:15px;
  flex-shrink:0;
  padding-top:45px;
}

.contact-modern-cta-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:216px;
  min-height:62px;
  padding:15px 25px;
  background:#111;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.contact-modern-cta-button:hover {
  background:#fff;
  color:#111 !important;
}

.contact-modern-cta-phone {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:180px;
  min-height:62px;
  padding:15px 25px;
  border:1px solid #111;
  color:#111 !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  white-space:nowrap;
}

.contact-modern-cta-phone:hover {
  background:#111;
  color:#fff !important;
}


/* =========================================================
   RESPONSIVE · 800px
   ========================================================= */

@media screen and (max-width:800px) {

  .contact-modern-container {
    padding:0 25px;
  }

  .contact-modern-hero {
    padding:75px 0 80px;
  }

  .contact-modern-hero-grid {
    grid-template-columns:1fr;
    gap:50px;
  }

  .contact-modern-hero h1 {
    font-size:56px;
  }

  .contact-modern-details,
  .contact-modern-social {
    padding:80px 0;
  }

  .contact-modern-details-grid,
  .contact-modern-social-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .contact-modern-section-label {
    position:static;
  }

  .contact-modern-social-list {
    grid-template-columns:1fr;
  }


  /* CTA */

  .contact-modern-cta {
    padding:75px 0;
  }

  .contact-modern-cta-container {
    max-width:1180px;
    padding:0 25px;
  }

  .contact-modern-cta-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .contact-modern-cta .contact-modern-number {
    margin-bottom:30px;
  }

  .contact-modern-cta h2 {
    font-size:58px;
    white-space:normal;
  }

  .contact-modern-cta-actions {
    width:100%;
    padding-top:0;
  }

}


/* =========================================================
   RESPONSIVE · 480px
   ========================================================= */

@media screen and (max-width:480px) {

  .contact-modern-container {
    padding:0 18px;
  }

  .contact-modern-hero {
    padding:60px 0 65px;
  }

  .contact-modern-hero h1 {
    font-size:43px;
    letter-spacing:-2px;
  }

  .contact-modern-hero-intro {
    font-size:17px !important;
  }

  .contact-modern-details,
  .contact-modern-social {
    padding:65px 0;
  }

  .contact-modern-details-grid,
  .contact-modern-social-grid {
    gap:28px;
  }

  .contact-modern-details-content h2,
  .contact-modern-social-content h2 {
    font-size:40px;
    letter-spacing:-1.5px;
  }

  .contact-modern-details-content > p {
    font-size:16px;
  }

  .contact-modern-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .contact-modern-button,
  .contact-modern-phone-button {
    width:100%;
  }

  .contact-modern-social-item {
    padding-right:0;
  }


  /* CTA */

  .contact-modern-cta {
    padding:60px 0 65px;
  }

  .contact-modern-cta-container {
    padding:0 18px;
  }

  .contact-modern-cta .contact-modern-number {
    margin-bottom:28px;
    font-size:13px;
  }

  .contact-modern-cta h2 {
    font-size:43px;
    line-height:1.02;
    letter-spacing:-2px;
    white-space:normal;
  }

  .contact-modern-cta p {
    font-size:17px;
    line-height:1.65;
  }

  .contact-modern-cta-actions {
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .contact-modern-cta-button,
  .contact-modern-cta-phone {
    width:100%;
    min-width:0;
  }

}








/* =========================================================
   PAGE ÉQUIPE
   ========================================================= */

.team-page {
    background: #ffffff;
    color: #111111;
    font-family: "Raleway", Arial, sans-serif;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.team-container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* =========================================================
   01 — HERO
   ========================================================= */

.team-hero {
    padding: 100px 0 90px;
}


.team-eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 28px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}


.team-eyebrow-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    background: #ffdf09;
    color: #000000;

    font-size: 12px;
    letter-spacing: 0;
}


.team-hero h1 {
    max-width: 980px;

    margin: 0 0 30px;

    font-family: "Raleway", Arial, sans-serif;
    font-size: clamp(42px, 6vw, 82px);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -3px;
}


.team-intro {
    max-width: 760px;

    margin: 0;

    font-size: 20px;
    line-height: 1.65;

    color: #555555;
}


/* =========================================================
   VIDEO
   ========================================================= */

.team-video {
    width: 100%;

    margin-top: 65px;

    background: #f3f3f3;
}


.team-video video {
    display: block;

    width: 100%;
    height: auto;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.team-section {
    padding: 105px 0;
}


.team-section-number {
    margin-bottom: 28px;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

    color: #777777;
}


.team-section-number span {
    display: inline-block;

    padding: 9px 11px;

    background: #ffdf09;
    color: #000000;

    letter-spacing: 0;
}


/* =========================================================
   02 — FONDATEUR
   ========================================================= */

.team-founder {
    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 80px;

    align-items: center;
}


.team-founder-image {
    position: relative;

    overflow: hidden;
}


.team-founder-image img {
    display: block;

    width: 100%;
    height: auto;
}


.team-founder-content h2 {
    margin: 0 0 25px;

    font-family: "Raleway", Arial, sans-serif;

    font-size: clamp(36px, 4vw, 58px);
    line-height: 1;
    font-weight: 500;

    letter-spacing: -2px;
}


.team-founder-content p {
    margin: 0 0 20px;

    font-size: 17px;
    line-height: 1.75;

    color: #555555;
}


.team-founder-content strong {
    color: #111111;
    font-weight: 600;
}


/* =========================================================
   03 — EXPERTISE
   ========================================================= */

.team-expertise-intro {
    max-width: 720px;

    margin-bottom: 55px;
}


.team-expertise-intro h2 {
    margin: 0 0 20px;

    font-size: clamp(36px, 4vw, 58px);
    line-height: 1;
    font-weight: 500;

    letter-spacing: -2px;
}


.team-expertise-intro p {
    margin: 0;

    font-size: 18px;
    line-height: 1.7;

    color: #555555;
}


.team-skills {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 1px;

    background: #d9d9d9;
}


.team-skill {
    min-height: 220px;

    padding: 32px;

    background: #ffffff;
}


.team-skill-number {
    margin-bottom: 45px;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.5px;

    color: #888888;
}


.team-skill h3 {
    margin: 0 0 15px;

    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
}


.team-skill p {
    margin: 0;

    font-size: 15px;
    line-height: 1.6;

    color: #666666;
}


/* =========================================================
   PHILOSOPHIE
   ========================================================= */

.team-philosophy {
    max-width: 850px;

    margin-top: 75px;
}


.team-philosophy p {
    margin: 0;

    font-size: 24px;
    line-height: 1.55;

    color: #222222;
}


/* =========================================================
   04 — SECTION SOMBRE
   ========================================================= */

.team-dark {
    padding: 110px 0;

    background: #171717;
    color: #ffffff;
}


.team-dark .team-section-number {
    color: #999999;
}


.team-dark .team-section-number span {
    background: #ffdf09;
    color: #000000;
}


.team-dark h2 {
    max-width: 900px;

    margin: 0 0 30px;

    font-size: clamp(42px, 6vw, 80px);
    line-height: 0.98;
    font-weight: 500;

    letter-spacing: -3px;
}


.team-dark p {
    max-width: 720px;

    margin: 0;

    font-size: 19px;
    line-height: 1.7;

    color: #d1d1d1;
}


.team-motto {
    display: inline-block;

    margin-top: 55px;
    padding: 18px 22px;

    background: #ffdf09;
    color: #000000;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   05 — SAVOIR-FAIRE
   ========================================================= */

.team-knowhow-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 1px;

    background: #d9d9d9;
}


.team-knowhow {
    padding: 40px;

    background: #ffffff;
}


.team-knowhow h3 {
    margin: 0 0 16px;

    font-size: 24px;
    font-weight: 600;
}


.team-knowhow p {
    margin: 0;

    font-size: 16px;
    line-height: 1.7;

    color: #606060;
}


/* =========================================================
   06 — ANTIBES
   ========================================================= */

.team-location {
    display: grid;

    grid-template-columns:
        0.75fr
        1.25fr;

    gap: 80px;

    align-items: start;
}


.team-location-label {
    font-family: "Montserrat", Arial, sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #777777;
}


.team-location h2 {
    margin: 0 0 25px;

    font-size: clamp(42px, 5vw, 70px);
    line-height: 0.98;
    font-weight: 500;

    letter-spacing: -3px;
}


.team-location p {
    margin: 0 0 20px;

    font-size: 18px;
    line-height: 1.75;

    color: #555555;
}


.team-location a {
    color: #111111;

    text-decoration: underline;
    text-decoration-color: #ffdf09;
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
}


/* =========================================================
   07 — CTA
   ========================================================= */

.team-cta {
    padding: 85px 0;

    background: #ffdf09;
    color: #000000;
}


.team-cta-inner {
    display: flex;

    justify-content: space-between;
    align-items: flex-end;

    gap: 50px;
}


.team-cta h2 {
    max-width: 760px;

    margin: 0 0 20px;

    font-size: clamp(42px, 5vw, 70px);
    line-height: 0.98;
    font-weight: 500;

    letter-spacing: -3px;
}


.team-cta p {
    max-width: 650px;

    margin: 0;

    font-size: 18px;
    line-height: 1.65;
}


.team-cta-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    flex-shrink: 0;
}


.team-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 52px;

    padding: 0 25px;

    border: 1px solid #000000;

    font-family: "Montserrat", Arial, sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1px;

    text-decoration: none;
    text-transform: uppercase;

    transition: all 0.2s ease;
}


.team-button-dark {
    background: #000000;
    color: #ffffff;
}


.team-button-dark:hover {
    background: #222222;
    color: #ffffff;
}


.team-button-light {
    background: transparent;
    color: #000000;
}


.team-button-light:hover {
    background: #ffffff;
    color: #000000;
}


/* =========================================================
   ANCIEN BLOC KEYWORDS
   ========================================================= */

.team-old-keywords {
    display: none;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media screen and (max-width: 800px) {

    .team-container {
        width: min(100% - 36px, 680px);
    }


    .team-hero {
        padding: 70px 0 65px;
    }


    .team-hero h1 {
        font-size: clamp(40px, 9vw, 62px);
        letter-spacing: -2px;
    }


    .team-intro {
        font-size: 18px;
    }


    .team-section {
        padding: 75px 0;
    }


    .team-founder {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .team-founder-content h2,
    .team-expertise-intro h2,
    .team-location h2 {
        letter-spacing: -2px;
    }


    .team-skills {
        grid-template-columns: repeat(2, 1fr);
    }


    .team-skill {
        min-height: 190px;
    }


    .team-knowhow-grid {
        grid-template-columns: 1fr;
    }


    .team-location {
        grid-template-columns: 1fr;

        gap: 35px;
    }


    .team-dark {
        padding: 80px 0;
    }


    .team-cta {
        padding: 70px 0;
    }


    .team-cta-inner {
        display: block;
    }


    .team-cta-actions {
        margin-top: 35px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

    .team-container {
        width: calc(100% - 28px);
    }


    .team-hero {
        padding: 55px 0 50px;
    }


    .team-eyebrow {
        margin-bottom: 22px;
    }


    .team-eyebrow-number {
        width: 32px;
        height: 32px;
    }


    .team-hero h1 {
        font-size: 42px;
        line-height: 1;

        letter-spacing: -1.8px;
    }


    .team-intro {
        font-size: 17px;
        line-height: 1.6;
    }


    .team-video {
        margin-top: 45px;
    }


    .team-section {
        padding: 60px 0;
    }


    .team-founder {
        gap: 35px;
    }


    .team-founder-content h2,
    .team-expertise-intro h2 {
        font-size: 40px;

        letter-spacing: -1.5px;
    }


    .team-founder-content p {
        font-size: 16px;
        line-height: 1.65;
    }


    .team-skills {
        grid-template-columns: 1fr;
    }


    .team-skill {
        min-height: auto;

        padding: 28px;
    }


    .team-skill-number {
        margin-bottom: 30px;
    }


    .team-philosophy {
        margin-top: 50px;
    }


    .team-philosophy p {
        font-size: 20px;
        line-height: 1.55;
    }


    .team-dark {
        padding: 65px 0;
    }


    .team-dark h2 {
        font-size: 43px;

        letter-spacing: -2px;
    }


    .team-dark p {
        font-size: 17px;
    }


    .team-motto {
        margin-top: 40px;

        font-size: 11px;
        line-height: 1.4;
    }


    .team-knowhow {
        padding: 30px 25px;
    }


    .team-location h2 {
        font-size: 43px;

        letter-spacing: -2px;
    }


    .team-location p {
        font-size: 16px;
        line-height: 1.65;
    }


    .team-cta {
        padding: 60px 0;
    }


    .team-cta h2 {
        font-size: 43px;

        letter-spacing: -2px;
    }


    .team-cta p {
        font-size: 16px;
    }


    .team-cta-actions {
        display: flex;

        flex-direction: column;

        align-items: stretch;
    }


    .team-button {
        width: 100%;
    }

}


/* =====================================================================
   SOURCE: estimation.php · INLINE CSS BLOCK 1
   ===================================================================== */

/* =========================================================
   AVIS DE VALEUR - PAGE STYLES
   ========================================================= */

.value-page {
    background: #ffffff;
    color: #222222;
}


/* =========================================================
   HERO
   ========================================================= */

.value-hero {
    padding: 80px 0 90px 0;
}

.value-hero-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px;
}

.value-label {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 22px;
    padding-bottom: 8px;
    border-bottom: 3px solid #ffdf09;
}

.value-hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    line-height: 1.12;
    font-weight: 600;
    max-width: 850px;
    margin: 0 0 28px 0;
    letter-spacing: -1.5px;
}

.value-hero-intro {
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    line-height: 1.65;
    max-width: 720px;
    margin: 0 0 35px 0;
    color: #555555;
}

.value-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.value-phone {
    display: inline-block;
    background: #ffdf09;
    color: #111111 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 15px 24px;
    transition: all 0.2s ease;
}

.value-phone:hover {
    background: #111111;
    color: #ffffff !important;
}

.value-contact {
    display: inline-block;
    border: 1px solid #222222;
    color: #222222 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 14px 24px;
    transition: all 0.2s ease;
}

.value-contact:hover {
    background: #222222;
    color: #ffffff !important;
}


/* =========================================================
   HERO IMAGE
   ========================================================= */

.value-image-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px 90px 30px;
}

.value-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   SECTION STATEMENT
   ========================================================= */

.value-statement {
    background: #f5f5f3;
    padding: 85px 30px;
}

.value-statement-inner {
    max-width: 950px;
    margin: 0 auto;
}

.value-section-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.value-statement h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 25px 0;
    letter-spacing: -0.5px;
}

.value-statement p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.75;
    color: #555555;
    margin: 0;
}


/* =========================================================
   OUR APPROACH
   ========================================================= */

.value-points {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 30px;
}

.value-points-header {
    max-width: 700px;
    margin-bottom: 55px;
}

.value-points-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.value-points-header p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #666666;
}

.value-points-header a {
    color: #222222;
    font-weight: bold;
    text-decoration: underline;
}

.value-point-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.value-point {
    border-top: 3px solid #ffdf09;
    padding-top: 25px;
}

.value-point h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.value-point p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}


/* =========================================================
   ANTIBES SECTION
   ========================================================= */

.value-antibes {
    background: #111111;
    color: #ffffff;
    padding: 95px 30px;
}

.value-antibes-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 70px;
    align-items: start;
}

.value-antibes-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffdf09;
}

.value-antibes h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 500;
    margin: 18px 0 0 0;
    letter-spacing: -1px;
}

.value-antibes-content p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #dddddd;
    margin: 0 0 20px 0;
}

.value-antibes-content a {
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: underline;
}


/* =========================================================
   PROCESS
   ========================================================= */

.value-process {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 30px;
}

.value-process-header {
    margin-bottom: 55px;
}

.value-process h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 500;
    margin: 0;
}

.value-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.value-process-step {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 15px;
}

.value-process-number {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 4px;
    color: #777777;
}

.value-process-step h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px 0;
}

.value-process-step p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}


/* =========================================================
   REASSURANCE
   ========================================================= */

.value-reassurance {
    background: #f5f5f3;
    padding: 75px 30px;
    text-align: center;
}

.value-reassurance-inner {
    max-width: 800px;
    margin: 0 auto;
}

.value-reassurance h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.value-reassurance p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #555555;
    margin: 0;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.value-cta {
    max-width: 1180px;
    margin: 0 auto;
    padding: 100px 30px 110px 30px;
    text-align: center;
}

.value-cta-small {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.value-cta h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 500;
    max-width: 750px;
    margin: 0 auto 25px auto;
}

.value-cta p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #666666;
    max-width: 650px;
    margin: 0 auto 35px auto;
}

.value-cta-phone {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #111111 !important;
    text-decoration: none !important;
    margin-bottom: 25px;
}

.value-cta-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.value-cta-note {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #777777;
    margin-top: 22px;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media screen and (max-width: 800px) {

    .value-hero {
        padding: 55px 0 60px 0;
    }

    .value-hero-inner {
        padding: 0 20px;
    }

    .value-hero h1 {
        font-size: 37px;
        line-height: 1.15;
        letter-spacing: -0.8px;
    }

    .value-hero-intro {
        font-size: 18px;
        line-height: 1.6;
    }

    .value-image-wrapper {
        padding: 0 20px 60px 20px;
    }

    .value-statement {
        padding: 60px 20px;
    }

    .value-statement h2 {
        font-size: 30px;
    }

    .value-points {
        padding: 65px 20px;
    }

    .value-points-header h2 {
        font-size: 30px;
    }

    .value-point-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .value-antibes {
        padding: 65px 20px;
    }

    .value-antibes-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .value-antibes h2 {
        font-size: 38px;
    }

    .value-process {
        padding: 65px 20px;
    }

    .value-process h2 {
        font-size: 30px;
    }

    .value-process-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .value-reassurance {
        padding: 60px 20px;
    }

    .value-reassurance h2 {
        font-size: 29px;
    }

    .value-cta {
        padding: 70px 20px 80px 20px;
    }

    .value-cta h2 {
        font-size: 34px;
    }

    .value-cta-phone {
        font-size: 23px;
    }

}


/* =========================================================
   SMALL SMARTPHONES
   ========================================================= */

@media screen and (max-width: 480px) {

    .value-hero h1 {
        font-size: 32px;
    }

    .value-hero-intro {
        font-size: 17px;
    }

    .value-phone,
    .value-contact {
        width: 100%;
        text-align: center;
    }

    .value-cta h2 {
        font-size: 30px;
    }

    .value-cta-phone {
        font-size: 21px;
    }

    .value-antibes h2 {
        font-size: 34px;
    }

}







/* =========================================================
   GLOBAL
   ========================================================= */

.seller-guide-page {
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  color:#171717;
  font-family:Raleway, Arial, sans-serif;
}

.seller-guide-page * {
  box-sizing:border-box;
}

.seller-guide-container {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 40px;
}

.seller-guide-page h1,
.seller-guide-page h2,
.seller-guide-page h3,
.seller-guide-page h4 {
  margin-top:0;
  font-family:Montserrat, Arial, sans-serif;
  font-weight:500;
  letter-spacing:-1px;
}

.seller-guide-page p {
  font-size:16px;
  line-height:1.75;
  color:#444;
}

.seller-guide-eyebrow {
  margin:0 0 18px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.4 !important;
  text-transform:uppercase;
  color:#555 !important;
}

.seller-guide-number {
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:28px;
  background:#ffdf09;
  color:#111;
  font-family:Montserrat, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.seller-guide-inline-link {
  color:#111;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#ffdf09;
  text-underline-offset:4px;
}

.seller-guide-inline-link:hover {
  background:#ffdf09;
  text-decoration:none;
}


/* =========================================================
   01 · HERO
   ========================================================= */

.seller-guide-hero {
  padding:105px 0 110px;
  background:#f5f5f2;
}

.seller-guide-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:80px;
  align-items:center;
}

.seller-guide-hero h1 {
  max-width:850px;
  margin:0 0 30px;
  font-size:clamp(46px,6vw,78px);
  line-height:.98;
  letter-spacing:-3px;
}

.seller-guide-hero-intro {
  max-width:720px;
  margin:0;
  font-size:19px !important;
  line-height:1.7 !important;
}

.seller-guide-hero-side {
  display:flex;
  justify-content:center;
  align-items:center;
}

.seller-guide-cover {
  display:block;
  width:100%;
  max-width:390px;
  padding:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.seller-guide-cover img {
  display:block;
  width:100%;
  height:auto;
}

.seller-guide-cover:hover {
  transform:translateY(-3px);
}


/* =========================================================
   01 · HERO ACTION
   ========================================================= */

.seller-guide-hero-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:35px;
  min-height:58px;
  padding:15px 24px;
  background:#111;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.seller-guide-hero-action:hover {
  background:#ffdf09;
  color:#111 !important;
}


/* =========================================================
   02 · COMMENT UTILISER LE GUIDE
   ========================================================= */

.seller-guide-overview {
  padding:105px 0 95px;
  background:#fff;
}

.seller-guide-overview-header {
  max-width:850px;
  margin-bottom:55px;
}

.seller-guide-overview-header h2 {
  margin:0;
  font-size:clamp(42px,5vw,62px);
  line-height:1.02;
}

.seller-guide-overview-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.seller-guide-overview-item {
  display:grid;
  grid-template-columns:70px 1fr;
  gap:25px;
  padding:28px 30px;
  background:#f5f5f2;
}

.seller-guide-overview-item-number {
  font-family:Montserrat, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
  color:#111;
}

.seller-guide-overview-item h3 {
  margin:0 0 8px;
  font-size:18px;
  line-height:1.25;
}

.seller-guide-overview-item p {
  margin:0;
  font-size:14px;
  line-height:1.6;
}


/* =========================================================
   CHAPTERS
   ========================================================= */

.seller-guide-chapter {
  padding:105px 0 110px;
  background:#fff;
}

.seller-guide-chapter:nth-of-type(odd) {
  background:#f6f6f4;
}

.seller-guide-chapter-grid {
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:80px;
  align-items:start;
}

.seller-guide-chapter-label {
  position:sticky;
  top:30px;
}

.seller-guide-chapter-label .seller-guide-number {
  margin-bottom:20px;
}

.seller-guide-chapter-label p {
  margin:0;
  font-family:Montserrat, Arial, sans-serif;
  font-size:11px !important;
  font-weight:700;
  letter-spacing:1.5px;
  line-height:1.5 !important;
  text-transform:uppercase;
  color:#777 !important;
}

.seller-guide-chapter-content {
  max-width:800px;
}

.seller-guide-chapter-content h2 {
  margin:0 0 35px;
  font-size:clamp(35px,4vw,54px);
  line-height:1.04;
  letter-spacing:-2px;
}

.seller-guide-chapter-content p {
  margin:0 0 22px;
}

.seller-guide-chapter-content p:last-child {
  margin-bottom:0;
}


/* =========================================================
   LISTS
   ========================================================= */

.seller-guide-list {
  margin:30px 0 0;
  padding:0;
  list-style:none;
}

.seller-guide-list li {
  position:relative;
  margin:0;
  padding:17px 0 17px 30px;
  border-top:1px solid #d6d6d2;
  font-size:16px;
  line-height:1.65;
  color:#444;
}

.seller-guide-list li:last-child {
  border-bottom:1px solid #d6d6d2;
}

.seller-guide-list li:before {
  content:"";
  position:absolute;
  left:0;
  top:27px;
  width:8px;
  height:8px;
  background:#ffdf09;
}


/* =========================================================
   HIGHLIGHT BLOCKS
   ========================================================= */

.seller-guide-highlight {
  margin:35px 0;
  padding:30px 35px;
  background:#171717;
}

.seller-guide-highlight p {
  margin:0;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.seller-guide-highlight strong {
  color:#ffdf09;
}


/* =========================================================
   FINAL GUIDE NOTE
   ========================================================= */

.seller-guide-note {
  padding:100px 0;
  background:#171717;
}

.seller-guide-note-content {
  max-width:850px;
  margin:0 auto;
}

.seller-guide-note .seller-guide-number {
  background:#ffdf09;
}

.seller-guide-note h2 {
  margin:0 0 30px;
  color:#fff;
  font-size:clamp(40px,5vw,60px);
  line-height:1.02;
}

.seller-guide-note p {
  margin:0 0 22px;
  color:#ddd;
}

.seller-guide-note .seller-guide-inline-link {
  color:#fff;
  text-decoration-color:#ffdf09;
}


/* =========================================================
   10 · CTA
   ========================================================= */

.seller-guide-cta {
  width:100%;
  padding:90px 0 95px;
  background:#ffdf09;
}

.seller-guide-cta .seller-guide-container {
  max-width:1440px;
  padding-left:40px;
  padding-right:40px;
}

.seller-guide-cta-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:70px;
  align-items:center;
}

.seller-guide-cta-content {
  min-width:0;
}

.seller-guide-cta .seller-guide-number {
  display:block;
  width:auto;
  height:auto;
  margin:0 0 48px;
  padding:0;
  background:transparent;
  color:#111;
  font-size:14px;
}

.seller-guide-cta h2 {
  width:100%;
  margin:0 0 22px;
  font-size:72px;
  line-height:1;
  font-weight:500;
  letter-spacing:-3.5px;
  white-space:nowrap;
  color:#111;
}

.seller-guide-cta p {
  max-width:780px;
  margin:0;
  font-size:19px;
  line-height:1.7;
  color:#111;
}

.seller-guide-cta .seller-guide-inline-link {
  color:#111;
  text-decoration-color:#111;
}

.seller-guide-cta-actions {
  display:flex;
  align-items:center;
  gap:15px;
  flex-shrink:0;
  padding-top:45px;
}

.seller-guide-button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:216px;
  min-height:62px;
  padding:15px 25px;
  background:#111;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.seller-guide-button:hover {
  background:#fff;
  color:#111 !important;
}

.seller-guide-phone {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:180px;
  min-height:62px;
  padding:15px 25px;
  border:1px solid #111;
  color:#111 !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  white-space:nowrap;
}

.seller-guide-phone:hover {
  background:#111;
  color:#fff !important;
}


/* =========================================================
   RESPONSIVE · 800px
   ========================================================= */

@media screen and (max-width:800px) {

  .seller-guide-container {
    padding:0 25px;
  }

  .seller-guide-hero {
    padding:75px 0 80px;
  }

  .seller-guide-hero-grid {
    grid-template-columns:1fr;
    gap:50px;
  }

  .seller-guide-hero-side {
    justify-content:flex-start;
  }

  .seller-guide-cover {
    max-width:360px;
  }

  .seller-guide-overview {
    padding:80px 0;
  }

  .seller-guide-overview-grid {
    grid-template-columns:1fr;
  }

  .seller-guide-chapter {
    padding:80px 0;
  }

  .seller-guide-chapter-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .seller-guide-chapter-label {
    position:static;
  }

  .seller-guide-cta {
    padding:75px 0;
  }

  .seller-guide-cta .seller-guide-container {
    max-width:1180px;
    padding-left:25px;
    padding-right:25px;
  }

  .seller-guide-cta-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .seller-guide-cta .seller-guide-number {
    margin-bottom:30px;
  }

  .seller-guide-cta h2 {
    font-size:56px;
    white-space:normal;
  }

  .seller-guide-cta-actions {
    width:100%;
    padding-top:0;
  }

}


/* =========================================================
   RESPONSIVE · 480px
   ========================================================= */

@media screen and (max-width:480px) {

  .seller-guide-container {
    padding:0 18px;
  }

  .seller-guide-hero {
    padding:60px 0 65px;
  }

  .seller-guide-hero h1 {
    font-size:43px;
    letter-spacing:-2px;
  }

  .seller-guide-hero-intro {
    font-size:17px !important;
  }

  .seller-guide-cover {
    max-width:100%;
    padding:10px;
  }

  .seller-guide-hero-action {
    width:100%;
  }


  .seller-guide-overview {
    padding:60px 0 65px;
  }

  .seller-guide-overview-header h2 {
    font-size:40px;
  }

  .seller-guide-overview-item {
    grid-template-columns:45px 1fr;
    gap:15px;
    padding:22px;
  }


  .seller-guide-chapter {
    padding:65px 0;
  }

  .seller-guide-chapter-content h2 {
    font-size:36px;
    letter-spacing:-1.5px;
  }

  .seller-guide-chapter-content p {
    font-size:15px;
  }

  .seller-guide-list li {
    font-size:15px;
    padding-left:25px;
  }

  .seller-guide-highlight {
    padding:25px;
  }


  .seller-guide-note {
    padding:65px 0;
  }

  .seller-guide-note h2 {
    font-size:40px;
  }


  .seller-guide-cta {
    padding:60px 0 65px;
  }

  .seller-guide-cta .seller-guide-container {
    padding-left:18px;
    padding-right:18px;
  }

  .seller-guide-cta .seller-guide-number {
    margin-bottom:28px;
    font-size:13px;
  }

  .seller-guide-cta h2 {
    font-size:43px;
    line-height:1.02;
    letter-spacing:-2px;
    white-space:normal;
  }

  .seller-guide-cta p {
    font-size:17px;
    line-height:1.65;
  }

  .seller-guide-cta-actions {
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .seller-guide-button,
  .seller-guide-phone {
    width:100%;
    min-width:0;
  }

}



/* =========================================================
   BASE
   ========================================================= */

.home-page {
    font-family: "Lato", Arial, sans-serif;
    color: #171717;
    background: #fff;
}

.home-page h1,
.home-page h2,
.home-page h3,
.home-page p {
    margin-top: 0;
}

.home-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.home-section {
    padding: 100px 0;
}

.home-section-light {
    background: #f7f7f5;
}

.home-section-header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 45px;
    margin-bottom: 60px;
}

.home-number {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #666;
}

.home-section-title {
    max-width: 900px;
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.07;
    letter-spacing: -1.3px;
}

.home-section-lead {
    max-width: 780px;
    margin-bottom: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   HERO / SLIDESHOW
   ========================================================= */

.home-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-hero img {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   MAIN HERO SLIDESHOW — FULLY INDEPENDENT
   ========================================================= */

.at-home-main-slider {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
    line-height: 0;
}

.at-home-main-slider-track {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Only the slide carrying .is-active is visible. */
.at-home-main-slide {
    position: relative;
    display: none !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

.at-home-main-slide.is-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    animation: atHomeHeroFade .65s ease;
}

.at-home-main-slide img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.at-home-main-dots {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 35px;
    margin: 0;
    padding: 9px 0 8px;
    background: #fff;
    line-height: 1;
    gap: 8px;
}

.at-home-main-dot {
    display: block;
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #bdbdbd;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}

.at-home-main-dot:hover {
    background: #777;
}

.at-home-main-dot.is-active {
    background: #111;
}

@keyframes atHomeHeroFade {
    from { opacity: .35; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .at-home-main-slide.is-active {
        animation: none;
    }
}

@media screen and (max-width: 800px) {
    .at-home-main-slider,
    .at-home-main-slider-track,
    .at-home-main-slide {
        width: 100%;
        max-width: 100%;
    }

    .at-home-main-slide img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}

@media screen and (max-width: 480px) {
    .at-home-main-slider {
        width: 100%;
        max-width: 100%;
    }

    .at-home-main-slide img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .at-home-main-dots {
        min-height: 32px;
        padding: 8px 0 6px;
        gap: 8px;
    }

    .at-home-main-dot {
        width: 9px;
        height: 9px;
    }
}


/* =========================================================
   HERO INTRO
   ========================================================= */

.home-intro {
    padding: 90px 0 80px;
}

.home-intro .home-section-header {
    margin-bottom: 0;
}

.home-intro .home-number {
    padding-top: 8px;
}

.home-eyebrow {
    display: inline-block;
    margin-bottom: 24px;
    padding: 8px 13px;
    background: #ffdf09;
    color: #111;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.home-intro h1 {
    max-width: 900px;
    margin-bottom: 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(42px, 5.2vw, 70px);
    line-height: 1.02;
    letter-spacing: -2px;
}

.home-intro-text {
    max-width: 800px;
    margin-bottom: 0;
    color: #444;
    font-size: 20px;
    line-height: 1.65;
}


/* =========================================================
   CTA
   ========================================================= */

.home-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.home-btn {
    display: inline-block;
    padding: 15px 22px;
    background: #ffdf09;
    color: #111 !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

.home-btn:hover {
    background: #111;
    color: #fff !important;
}

.home-btn-dark {
    display: inline-block;
    padding: 15px 22px;
    background: #111;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

.home-btn-dark:hover {
    background: #ffdf09;
    color: #111 !important;
}


/* =========================================================
   02 — APPROCHE / VIDEO
   ========================================================= */

.home-about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.home-video-wrap {
    overflow: hidden;
    background: #111;
}

.home-video {
    display: block;
    width: 100%;
    height: auto;
}

.home-about-text h2 {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    letter-spacing: -1px;
}

.home-about-text p {
    margin-bottom: 20px;
    color: #555;
    font-size: 17px;
    line-height: 1.75;
}

.home-about-text p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   EXPERTISE CARDS
   ========================================================= */

.home-expertise {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #d5d5d5;
    margin-top: 60px;
}

.home-expertise-card {
    min-height: 220px;
    padding: 32px;
    background: #fff;
}

.home-expertise-card h3 {
    margin-bottom: 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 21px;
    line-height: 1.2;
}

.home-expertise-card p {
    margin-bottom: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   03 — DERNIERS BIENS
   ========================================================= */

.home-properties-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px;
    margin-bottom: 45px;
}

.home-properties-heading-text {
    max-width: 800px;
}

.home-properties-heading .home-number {
    margin-bottom: 20px;
}

.home-properties-heading h2 {
    margin-bottom: 15px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.07;
    letter-spacing: -1.3px;
}

.home-properties-heading p {
    max-width: 720px;
    margin-bottom: 0;
    color: #555;
    font-size: 17px;
    line-height: 1.7;
}


/* =========================================================
   04 — ARTICLES
   ========================================================= */

.home-articles-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 70px;
    align-items: center;
}

.home-articles-image {
    overflow: hidden;
}

.home-articles-image img {
    display: block;
    width: 100%;
    height: auto;
}

.home-articles-text h2 {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    letter-spacing: -1px;
}

.home-articles-text p {
    margin-bottom: 0;
    color: #555;
    font-size: 17px;
    line-height: 1.75;
}


/* =========================================================
   05 — CONFIANCE / FNAIM
   ========================================================= */

.home-trust {
    background: #111;
    color: #fff;
}

.home-trust .home-number {
    color: #aaa;
}

.home-trust .home-section-title {
    color: #fff;
}

.home-trust .home-section-lead {
    color: #ccc;
}

.home-trust-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 70px;
    align-items: center;
}

.home-fnaim-image {
    padding: 35px;
    background: #fff;
}

.home-fnaim-image img {
    display: block;
    width: 100%;
    height: auto;
}

.home-trust-text h3 {
    margin-bottom: 18px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 28px;
}

.home-trust-text p {
    margin-bottom: 20px;
    color: #bbb;
    font-size: 17px;
    line-height: 1.75;
}

.home-trust-text p:last-child {
    margin-bottom: 0;
}

.home-trust-link {
    color: #fff !important;
    text-decoration: underline;
    text-decoration-color: #ffdf09;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.home-trust-link:hover {
    background: #ffdf09;
    color: #111 !important;
    text-decoration: none;
}


/* =========================================================
   06 — REVIEWS
   ========================================================= */

.home-reviews-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 70px;
    align-items: center;
}

.home-reviews-image img {
    display: block;
    width: 100%;
    height: auto;
}

.home-reviews-text h2 {
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.08;
    letter-spacing: -1px;
}

.home-reviews-text p {
    margin-bottom: 0;
    color: #555;
    font-size: 17px;
    line-height: 1.75;
}

.home-reviews-link {
    display: inline-block;
    margin-top: 25px;
    color: #111 !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border-bottom: 2px solid #ffdf09;
    padding-bottom: 4px;
}

.home-reviews-link:hover {
    background: #ffdf09;
}


/* =========================================================
   07 — CONTACT
   ========================================================= */

.home-contact {
    padding: 110px 0;
    background: #f7f7f5;
}

.home-contact-inner {
    max-width: 950px;
}

.home-contact h2 {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(36px, 5vw, 60px);
    line-height: 1.04;
    letter-spacing: -1.5px;
}

.home-contact p {
    max-width: 760px;
    margin-bottom: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   TEXT LINKS
   ========================================================= */

.home-page a.home-text-link {
    color: #111;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #ffdf09;
    text-underline-offset: 3px;
}

.home-page a.home-text-link:hover {
    background: #ffdf09;
    text-decoration: none;
}


/* =========================================================
   TABLET — MAX 800PX
   ========================================================= */

@media screen and (max-width: 800px) {

    .home-container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .home-intro {
        padding: 65px 0 55px;
    }

    .home-section {
        padding: 70px 0;
    }

    .home-section-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 45px;
    }

    .home-intro .home-section-header {
        margin-bottom: 0;
    }

    .home-intro .home-number {
        padding-top: 0;
    }

    .home-intro h1 {
        font-size: 47px;
        letter-spacing: -1.5px;
    }

    .home-about-grid,
    .home-articles-grid,
    .home-trust-grid,
    .home-reviews-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .home-expertise {
        grid-template-columns: 1fr;
    }

    .home-properties-heading {
        display: block;
    }

    .home-trust-grid {
        gap: 45px;
    }

    .home-contact {
        padding: 80px 0;
    }
}


/* =========================================================
   MOBILE — MAX 480PX
   ========================================================= */

@media screen and (max-width: 480px) {

    .home-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .home-intro {
        padding: 45px 0;
    }

    .home-eyebrow {
        margin-bottom: 20px;
        font-size: 10px;
    }

    .home-intro h1 {
        font-size: 37px;
        line-height: 1.06;
        letter-spacing: -1px;
    }

    .home-intro-text {
        font-size: 17px;
        line-height: 1.6;
    }

    .home-cta-row {
        flex-direction: column;
    }

    .home-btn,
    .home-btn-dark {
        width: 100%;
        text-align: center;
    }

    .home-section {
        padding: 60px 0;
    }

    .home-section-title {
        font-size: 32px;
    }

    .home-section-lead {
        font-size: 16px;
    }

    .home-about-text h2,
    .home-articles-text h2,
    .home-reviews-text h2 {
        font-size: 32px;
    }

    .home-expertise-card {
        min-height: auto;
        padding: 28px;
    }

    .home-fnaim-image {
        padding: 25px;
    }

    .home-contact {
        padding: 65px 0;
    }

    .home-contact h2 {
        font-size: 35px;
    }

}






/* =========================================================
   GLOBAL
   ========================================================= */

.newsletter-page {
  width:100%;
  margin:0;
  padding:0;
  font-family:Raleway, Arial, sans-serif;
  color:#171717;
  background:#fff;
}

.newsletter-page * {
  box-sizing:border-box;
}

.newsletter-container {
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 40px;
}

.newsletter-eyebrow {
  margin:0 0 18px 0;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#555;
}

.newsletter-section-number {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:25px;
  background:#ffdf09;
  color:#111;
  font-family:Montserrat, Arial, sans-serif;
  font-size:13px;
  font-weight:700;
}

.newsletter-page h1,
.newsletter-page h2,
.newsletter-page h3 {
  margin-top:0;
  font-family:Montserrat, Arial, sans-serif;
  font-weight:700;
  letter-spacing:-0.7px;
}

.newsletter-page p {
  font-size:16px;
  line-height:1.75;
  color:#444;
}

.newsletter-page a {
  transition:all .2s ease;
}


/* =========================================================
   LIENS INTERNES
   ========================================================= */

.newsletter-inline-link {
  color:#111;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#ffdf09;
  text-underline-offset:4px;
}

.newsletter-inline-link:hover {
  background:#ffdf09;
  text-decoration:none;
}


/* =========================================================
   01 · NEWSLETTER
   ========================================================= */

.newsletter-hero {
  padding:105px 0 100px;
  background:#f6f6f4;
}

.newsletter-hero-grid {
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(280px, .8fr);
  gap:80px;
  align-items:end;
}

.newsletter-hero h1 {
  max-width:850px;
  margin:0 0 28px;
  font-size:clamp(42px, 6vw, 78px);
  line-height:.98;
  letter-spacing:-3px;
}

.newsletter-hero-intro {
  max-width:700px;
  margin:0;
  font-size:19px !important;
  line-height:1.7 !important;
  color:#444;
}

.newsletter-hero-side {
  padding-left:30px;
  border-left:1px solid #cfcfcf;
}

.newsletter-hero-side p {
  margin:0 0 24px;
  font-size:15px;
}

.newsletter-hero-side p:last-child {
  margin-bottom:0;
}


/* =========================================================
   01 · SECONDARY CONTENT
   ========================================================= */

.newsletter-hero-note {
  margin-top:40px;
  padding-top:30px;
  border-top:1px solid #d2d2cf;
}

.newsletter-hero-note p {
  max-width:850px;
  margin:0;
  font-size:16px;
  line-height:1.7;
}


/* =========================================================
   05 · ARCHIVES
   ========================================================= */

.newsletter-archives {
  padding:105px 0 120px;
  background:#fff;
}

.newsletter-archives-header {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:60px;
  margin-bottom:60px;
}

.newsletter-archives-header-left {
  max-width:700px;
}

.newsletter-archives-header h2 {
  margin:0;
  font-size:clamp(42px, 5vw, 60px);
  line-height:1.02;
}

.newsletter-archives-intro {
  max-width:400px;
  margin:0;
  font-size:15px !important;
  line-height:1.7 !important;
}


/* =========================================================
   NEWSLETTER GRID
   ========================================================= */

.newsletter-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}

.newsletter-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#fff;
  border:1px solid #dededb;
}

.newsletter-card-image {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1 / 1;
  padding:18px;
  background:#f3f3f1;
  overflow:hidden;
}

.newsletter-card-image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.newsletter-card-content {
  display:flex;
  flex-direction:column;
  flex:1;
  padding:25px 25px 27px;
}

.newsletter-card-date {
  margin:0 0 10px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:1.5px;
  line-height:1.4 !important;
  text-transform:uppercase;
  color:#777 !important;
}

.newsletter-card h3 {
  margin:0 0 25px;
  font-size:21px;
  line-height:1.15;
}

.newsletter-card-button {
  display:inline-block;
  align-self:flex-start;
  margin-top:auto;
  padding:12px 17px;
  background:#171717;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:1px;
  line-height:1.2;
  text-decoration:none !important;
  text-transform:uppercase;
}

.newsletter-card-button:hover {
  background:#ffdf09;
  color:#111 !important;
}


/* =========================================================
   05 · ARCHIVE FOOTER NOTE
   ========================================================= */

.newsletter-archives-note {
  max-width:850px;
  margin:65px auto 0;
  padding-top:30px;
  border-top:1px solid #dededb;
}

.newsletter-archives-note p {
  margin:0;
  font-size:15px;
}


/* =========================================================
   07 · PARLONS DE VOTRE PROJET
   Référence : dernière version de equipe.php
   ========================================================= */

.newsletter-cta {
  width:100%;
  padding:90px 0 95px;
  background:#ffdf09;
}

/*
   Wider editorial container for the CTA.
   This is what allows the heading to remain on one line
   on desktop, as in the equipe.php reference.
*/

.newsletter-cta .newsletter-container {
  max-width:1440px;
  padding-left:40px;
  padding-right:40px;
}

.newsletter-cta-grid {
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  column-gap:70px;
  align-items:center;
}

.newsletter-cta-content {
  min-width:0;
}

.newsletter-cta .newsletter-section-number {
  display:block;
  width:auto;
  height:auto;
  margin:0 0 48px 0;
  padding:0;
  background:transparent;
  color:#111;
  font-family:Montserrat, Arial, sans-serif;
  font-size:14px;
  font-weight:700;
}

.newsletter-cta h2 {
  width:100%;
  margin:0 0 22px;
  font-family:Montserrat, Arial, sans-serif;
  font-size:72px;
  line-height:1;
  font-weight:500;
  letter-spacing:-3.5px;
  white-space:nowrap;
  color:#111;
}

.newsletter-cta p {
  max-width:780px;
  margin:0;
  font-size:19px;
  line-height:1.7;
  color:#111;
}

.newsletter-cta .newsletter-inline-link {
  color:#111;
  text-decoration-color:#111;
}

.newsletter-cta-actions {
  display:flex;
  align-items:center;
  gap:15px;
  flex-shrink:0;
  padding-top:45px;
}

.newsletter-button {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:216px;
  min-height:62px;
  padding:15px 25px;
  background:#111;
  color:#fff !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  text-transform:uppercase;
}

.newsletter-button:hover {
  background:#fff;
  color:#111 !important;
}

.newsletter-phone {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:180px;
  min-height:62px;
  padding:15px 25px;
  border:1px solid #111;
  color:#111 !important;
  font-family:Montserrat, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  text-decoration:none !important;
  white-space:nowrap;
}

.newsletter-phone:hover {
  background:#111;
  color:#fff !important;
}


/* =========================================================
   RESPONSIVE · TABLET
   ========================================================= */

@media screen and (max-width:800px) {

  .newsletter-container {
    padding:0 25px;
  }

  .newsletter-hero {
    padding:75px 0 80px;
  }

  .newsletter-hero-grid {
    grid-template-columns:1fr;
    gap:45px;
  }

  .newsletter-hero-side {
    padding-left:20px;
  }

  .newsletter-archives {
    padding:80px 0 90px;
  }

  .newsletter-archives-header {
    display:block;
    margin-bottom:45px;
  }

  .newsletter-archives-intro {
    max-width:650px;
    margin-top:20px;
  }

  .newsletter-grid {
    grid-template-columns:repeat(2, 1fr);
    gap:22px;
  }


  /* CTA */

  .newsletter-cta {
    padding:75px 0;
  }

  .newsletter-cta .newsletter-container {
    max-width:1180px;
    padding-left:25px;
    padding-right:25px;
  }

  .newsletter-cta-grid {
    grid-template-columns:1fr;
    gap:35px;
  }

  .newsletter-cta .newsletter-section-number {
    margin-bottom:30px;
  }

  .newsletter-cta h2 {
    font-size:56px;
    white-space:normal;
  }

  .newsletter-cta p {
    max-width:700px;
  }

  .newsletter-cta-actions {
    padding-top:0;
    width:100%;
  }

}


/* =========================================================
   RESPONSIVE · MOBILE
   ========================================================= */

@media screen and (max-width:480px) {

  .newsletter-container {
    padding:0 18px;
  }

  .newsletter-hero {
    padding:60px 0 65px;
  }

  .newsletter-hero h1 {
    font-size:43px;
    letter-spacing:-2px;
  }

  .newsletter-hero-intro {
    font-size:17px !important;
  }

  .newsletter-hero-side {
    padding-left:0;
    padding-top:25px;
    border-left:none;
    border-top:1px solid #ccc;
  }

  .newsletter-section-number {
    width:42px;
    height:42px;
  }


  /* ARCHIVES */

  .newsletter-archives {
    padding:60px 0 70px;
  }

  .newsletter-archives-header h2 {
    font-size:40px;
  }

  .newsletter-grid {
    grid-template-columns:1fr;
    gap:20px;
  }

  .newsletter-card-image {
    aspect-ratio:1 / 1;
  }

  .newsletter-card-content {
    padding:22px;
  }


  /* CTA */

  .newsletter-cta {
    padding:60px 0 65px;
  }

  .newsletter-cta .newsletter-container {
    padding-left:18px;
    padding-right:18px;
  }

  .newsletter-cta .newsletter-section-number {
    margin-bottom:28px;
    font-size:13px;
  }

  .newsletter-cta h2 {
    font-size:43px;
    line-height:1.02;
    letter-spacing:-2px;
    white-space:normal;
  }

  .newsletter-cta p {
    font-size:17px;
    line-height:1.65;
  }

  .newsletter-cta-actions {
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .newsletter-button,
  .newsletter-phone {
    width:100%;
    min-width:0;
  }

}





/* =========================================================
   BASE
   ========================================================= */

.properties-page {
    font-family: "Lato", Arial, sans-serif;
    color: #171717;
    background: #fff;
}

.properties-page h1,
.properties-page h2,
.properties-page h3,
.properties-page p {
    margin-top: 0;
}

.properties-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.properties-section-header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 45px;
    margin-bottom: 60px;
}

.properties-number {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #666;
}

.properties-section-title {
    max-width: 900px;
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.07;
    letter-spacing: -1.3px;
}

.properties-section-lead {
    max-width: 760px;
    margin-bottom: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   01 — HERO
   ========================================================= */

.properties-hero {
    padding: 90px 0 75px;
}

.properties-hero .properties-section-header {
    margin-bottom: 0;
}

.properties-hero .properties-number {
    padding-top: 8px;
}

.properties-eyebrow {
    display: inline-block;
    margin-bottom: 25px;
    padding: 8px 13px;
    background: #ffdf09;
    color: #111;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.properties-hero h1 {
    max-width: 900px;
    margin-bottom: 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(42px, 5.2vw, 70px);
    line-height: 1.02;
    font-weight: 700;
    letter-spacing: -2px;
}

.properties-hero-intro {
    max-width: 780px;
    margin-bottom: 0;
    color: #444;
    font-size: 20px;
    line-height: 1.65;
}


/* =========================================================
   CTA
   ========================================================= */

.properties-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.properties-btn {
    display: inline-block;
    padding: 15px 22px;
    background: #ffdf09;
    color: #111 !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

.properties-btn:hover {
    background: #111;
    color: #fff !important;
}

.properties-btn-dark {
    display: inline-block;
    padding: 15px 22px;
    background: #111;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

.properties-btn-dark:hover {
    background: #ffdf09;
    color: #111 !important;
}


/* =========================================================
   02 — NOS BIENS
   ========================================================= */

.properties-section {
    padding: 100px 0;
}

.properties-section-light {
    background: #f7f7f5;
}


/* =========================================================
   PROPERTY CARDS
   ========================================================= */

.properties-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.properties-card {
    background: #fff;
    overflow: hidden;
}

.properties-card-image {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .35s ease;
}

.properties-card-image-wrap {
    display: block;
    overflow: hidden;
    background: #eee;
}

.properties-card-image-wrap:hover .properties-card-image {
    transform: scale(1.025);
}

.properties-card-content {
    padding: 28px 30px 32px;
    border-top: 3px solid #ffdf09;
}

.properties-card-label {
    margin-bottom: 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #777;
}

.properties-card h3 {
    margin-bottom: 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 27px;
    line-height: 1.15;
}

.properties-card p {
    max-width: 500px;
    margin-bottom: 22px;
    color: #555;
    font-size: 16px;
    line-height: 1.65;
}

.properties-card-link {
    display: inline-block;
    color: #111 !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    border-bottom: 2px solid #ffdf09;
    padding-bottom: 4px;
}

.properties-card-link:hover {
    background: #ffdf09;
    border-bottom-color: #ffdf09;
}


/* =========================================================
   03 — ACCOMPAGNEMENT
   ========================================================= */

.properties-support {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: start;
}

.properties-support-text {
    max-width: 680px;
}

.properties-support-text p {
    color: #555;
    font-size: 17px;
    line-height: 1.75;
}

.properties-support-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #d5d5d5;
}

.properties-support-item {
    min-height: 170px;
    padding: 28px;
    background: #fff;
}

.properties-support-item strong {
    display: block;
    margin-bottom: 10px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 17px;
}

.properties-support-item p {
    margin-bottom: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   DARK LOCAL SECTION
   ========================================================= */

.properties-local {
    background: #111;
    color: #fff;
}

.properties-local .properties-number {
    color: #aaa;
}

.properties-local .properties-section-title {
    color: #fff;
}

.properties-local .properties-section-lead {
    color: #ccc;
}

.properties-local-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
}

.properties-local-content p {
    color: #bbb;
    font-size: 17px;
    line-height: 1.75;
}

.properties-local-highlight {
    padding: 35px;
    background: #ffdf09;
    color: #111;
}

.properties-local-highlight strong {
    display: block;
    margin-bottom: 12px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 23px;
    line-height: 1.2;
}

.properties-local-highlight p {
    margin-bottom: 0;
    color: #222;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.properties-final {
    padding: 110px 0;
    background: #f7f7f5;
}

.properties-final-inner {
    max-width: 900px;
}

.properties-final h2 {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(35px, 5vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.properties-final p {
    max-width: 740px;
    margin-bottom: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   TEXT LINKS
   ========================================================= */

.properties-page a.properties-text-link {
    color: #111;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #ffdf09;
    text-underline-offset: 3px;
}

.properties-page a.properties-text-link:hover {
    background: #ffdf09;
    text-decoration: none;
}


/* =========================================================
   TABLET — MAX 800PX
   ========================================================= */

@media screen and (max-width: 800px) {

    .properties-container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .properties-hero {
        padding: 65px 0 55px;
    }

    .properties-section {
        padding: 70px 0;
    }

    .properties-section-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 45px;
    }

    .properties-hero .properties-section-header {
        margin-bottom: 0;
    }

    .properties-hero .properties-number {
        padding-top: 0;
    }

    .properties-hero h1 {
        font-size: 47px;
        letter-spacing: -1.5px;
    }

    .properties-grid {
        grid-template-columns: 1fr;
    }

    .properties-support {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .properties-local-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .properties-final {
        padding: 80px 0;
    }
}


/* =========================================================
   MOBILE — MAX 480PX
   ========================================================= */

@media screen and (max-width: 480px) {

    .properties-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .properties-hero {
        padding: 45px 0 45px;
    }

    .properties-eyebrow {
        margin-bottom: 20px;
        font-size: 10px;
    }

    .properties-hero h1 {
        font-size: 37px;
        line-height: 1.06;
        letter-spacing: -1px;
    }

    .properties-hero-intro {
        font-size: 17px;
        line-height: 1.6;
    }

    .properties-cta-row {
        flex-direction: column;
    }

    .properties-btn,
    .properties-btn-dark {
        width: 100%;
        text-align: center;
    }

    .properties-section {
        padding: 60px 0;
    }

    .properties-section-title {
        font-size: 32px;
    }

    .properties-section-lead {
        font-size: 16px;
    }

    .properties-card-content {
        padding: 25px;
    }

    .properties-card h3 {
        font-size: 24px;
    }

    .properties-support-list {
        grid-template-columns: 1fr;
    }

    .properties-support-item {
        min-height: auto;
    }

    .properties-local-highlight {
        padding: 28px;
    }

    .properties-final {
        padding: 65px 0;
    }

    .properties-final h2 {
        font-size: 35px;
    }

}








/* =========================================================
   BASE
   ========================================================= */

.recruitment-page {
  background: #f7f7f5;
  color: #111;
  font-family: "Raleway", Arial, sans-serif;
}

.recruitment-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}


/* =========================================================
   NUMÉROS DE SECTION
   ========================================================= */

.recruitment-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  background: #ffdf09;
  color: #111;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;

  margin-bottom: 34px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.recruitment-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 24px;

  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;

  letter-spacing: 2px;
  text-transform: uppercase;

  color: #34404a;
}

.recruitment-eyebrow span {
  width: 28px;
  height: 1px;

  display: inline-block;

  background: #ffdf09;
}


/* =========================================================
   TYPOGRAPHIE
   ========================================================= */

.recruitment-page h1,
.recruitment-page h2,
.recruitment-page h3 {
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 500;
}

.recruitment-page h1 {
  margin: 0;

  max-width: 940px;

  font-size: clamp(52px, 6.5vw, 92px);
  line-height: 0.98;

  letter-spacing: -4px;
}

.recruitment-page h2 {
  margin: 0;

  font-size: clamp(38px, 4.7vw, 68px);
  line-height: 1.02;

  letter-spacing: -2.8px;
}

.recruitment-page h3 {
  margin: 0 0 14px;

  font-size: 24px;
  line-height: 1.15;

  letter-spacing: -0.7px;
}


/* =========================================================
   TEXTE
   ========================================================= */

.recruitment-text {
  max-width: 720px;

  font-size: 18px;
  line-height: 1.7;

  color: #333;
}

.recruitment-text p {
  margin: 0 0 24px;
}

.recruitment-text p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   01 — RECRUTEMENT
   ========================================================= */

.recruitment-hero {
  padding-top: 118px;
  padding-bottom: 110px;
}

.recruitment-hero-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(360px, 0.75fr);

  gap: 80px;

  align-items: end;
}

.recruitment-hero-content {
  min-width: 0;
}

.recruitment-hero-intro {
  max-width: 700px;

  margin-top: 38px;

  font-size: 20px;
  line-height: 1.6;

  color: #333;
}

.recruitment-hero-image {
  width: 100%;
}

.recruitment-hero-image img {
  display: block;

  width: 100%;
  height: auto;

  object-fit: cover;
}


/* =========================================================
   02 — LE PROFIL
   ========================================================= */

.recruitment-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.recruitment-profile {
  background: #fff;
}

.recruitment-two-column {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.8fr)
    minmax(0, 1.2fr);

  gap: 100px;

  align-items: start;
}

.recruitment-section-label {
  font-family: "Montserrat", Arial, sans-serif;

  font-size: 12px;
  font-weight: 600;

  letter-spacing: 2px;
  text-transform: uppercase;

  color: #6b6b6b;
}


/* =========================================================
   03 — FORMATION & ACCOMPAGNEMENT
   ========================================================= */

.recruitment-training {
  background: #f7f7f5;
}

.recruitment-training-header {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.8fr)
    minmax(0, 1.2fr);

  gap: 100px;

  align-items: start;

  margin-bottom: 70px;
}

.recruitment-training-intro {
  max-width: 700px;

  font-size: 19px;
  line-height: 1.65;

  color: #333;
}

.recruitment-training-intro p {
  margin: 0 0 24px;
}

.recruitment-training-intro p:last-child {
  margin-bottom: 0;
}

.recruitment-training-grid {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 1px;

  background: #d8d8d5;

  border-top: 1px solid #d8d8d5;
  border-left: 1px solid #d8d8d5;
}

.recruitment-training-card {
  min-height: 190px;

  padding: 38px 34px 42px;

  box-sizing: border-box;

  background: #f7f7f5;

  border-right: 1px solid #d8d8d5;
  border-bottom: 1px solid #d8d8d5;
}

.recruitment-card-number {
  margin-bottom: 30px;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 12px;
  font-weight: 600;

  letter-spacing: 1px;

  color: #555;
}

.recruitment-training-card p {
  margin: 0;

  font-size: 16px;
  line-height: 1.55;

  color: #4a4a4a;
}


/* =========================================================
   04 — MARKETING & PRODUCTION MÉDIA
   ========================================================= */

.recruitment-media {
  padding-top: 120px;
  padding-bottom: 120px;

  background: #111;
  color: #fff;
}

.recruitment-media .recruitment-container {
  position: relative;
}

.recruitment-media-grid {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.8fr)
    minmax(0, 1.2fr);

  gap: 100px;

  align-items: start;
}

.recruitment-media h2 {
  max-width: 780px;

  color: #fff;
}

.recruitment-media-text {
  max-width: 720px;

  font-size: 19px;
  line-height: 1.7;

  color: #d6d6d6;
}

.recruitment-media-text p {
  margin: 0 0 26px;
}

.recruitment-media-highlight {
  margin-top: 46px;

  padding-top: 28px;

  border-top: 1px solid #444;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 13px;
  font-weight: 600;

  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: #fff;
}

.recruitment-media-highlight span {
  color: #ffdf09;
}


/* =========================================================
   05 — CANDIDATURE
   ========================================================= */

.recruitment-cta {
  padding-top: 76px;
  padding-bottom: 76px;

  background: #ffdf09;
}

.recruitment-cta .recruitment-number {
  margin-bottom: 30px;
}

.recruitment-cta-content {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 60px;
}

.recruitment-cta-copy {
  max-width: 920px;
}

.recruitment-cta h2 {
  margin-bottom: 24px;

  color: #111;

  font-size: clamp(42px, 5vw, 72px);

  letter-spacing: -3.5px;
}

.recruitment-cta p {
  max-width: 760px;

  margin: 0;

  font-size: 18px;
  line-height: 1.6;

  color: #222;
}

.recruitment-cta p a {
  color: #111;

  font-weight: 700;

  text-decoration: underline;
  text-decoration-color: #111;
  text-underline-offset: 3px;
}

.recruitment-actions {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px;

  flex-shrink: 0;
}

.recruitment-button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding: 0 26px;

  background: #111;
  color: #fff;

  text-decoration: none;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 12px;
  font-weight: 600;

  letter-spacing: 1px;
  text-transform: uppercase;

  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.recruitment-button:hover {
  background: #fff;
  color: #111;
}

.recruitment-phone {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding: 0 24px;

  background: transparent;
  color: #111;

  border: 1px solid #111;

  text-decoration: none;

  font-family: "Montserrat", Arial, sans-serif;

  font-size: 13px;
  font-weight: 600;

  letter-spacing: 1px;

  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.recruitment-phone:hover {
  background: #111;
  color: #fff;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media screen and (max-width: 800px) {

  .recruitment-container {
    padding-left: 26px;
    padding-right: 26px;
  }

  .recruitment-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .recruitment-hero-grid {
    grid-template-columns: 1fr;

    gap: 50px;
  }

  .recruitment-hero-image {
    max-width: 680px;
  }

  .recruitment-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .recruitment-two-column,
  .recruitment-training-header,
  .recruitment-media-grid {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .recruitment-training-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .recruitment-media {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .recruitment-cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .recruitment-cta-content {
    display: block;
  }

  .recruitment-actions {
    margin-top: 36px;
  }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

  .recruitment-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .recruitment-number {
    width: 46px;
    height: 46px;

    margin-bottom: 26px;
  }

  .recruitment-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .recruitment-eyebrow {
    margin-bottom: 18px;

    font-size: 10px;

    letter-spacing: 1.5px;
  }

  .recruitment-page h1 {
    font-size: 48px;

    line-height: 1;

    letter-spacing: -2.5px;
  }

  .recruitment-page h2 {
    font-size: 40px;

    line-height: 1.04;

    letter-spacing: -2px;
  }

  .recruitment-hero-intro {
    margin-top: 28px;

    font-size: 18px;
  }

  .recruitment-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .recruitment-two-column,
  .recruitment-training-header,
  .recruitment-media-grid {
    gap: 34px;
  }

  .recruitment-text,
  .recruitment-training-intro,
  .recruitment-media-text {
    font-size: 17px;
  }

  .recruitment-training-grid {
    grid-template-columns: 1fr;
  }

  .recruitment-training-card {
    min-height: 0;

    padding: 30px 26px 34px;
  }

  .recruitment-media {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .recruitment-media-highlight {
    margin-top: 34px;
  }

  .recruitment-cta {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .recruitment-cta h2 {
    font-size: 43px;

    letter-spacing: -2px;
  }

  .recruitment-cta p {
    font-size: 17px;
  }

  .recruitment-actions {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    width: 100%;
  }

  .recruitment-button,
  .recruitment-phone {
    width: 100%;

    box-sizing: border-box;
  }

}





        /* =========================================================
           GENERAL
           ========================================================= */

        .resources-page {
            width: 100%;
            background: #fff;
            color: #171717;
        }

        .resources-container {
            width: 100%;
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 30px;
        }

        .resources-eyebrow {
            display: block;
            margin-bottom: 18px;
            font-size: 12px;
            line-height: 1.4;
            font-weight: 700;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: #666;
        }

        .resources-section-number {
            display: block;
            margin-bottom: 16px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.15em;
            color: #777;
        }

        .resources-page h1,
        .resources-page h2,
        .resources-page h3 {
            font-family: "Montserrat", Arial, sans-serif;
        }

        .resources-page p {
            font-family: "Lato", Arial, sans-serif;
        }


        /* =========================================================
           01 — HERO
           ========================================================= */

        .resources-hero {
            padding: 95px 0 100px;
        }

        .resources-hero-grid {
            display: grid;
            grid-template-columns: 0.9fr 1.1fr;
            gap: 70px;
            align-items: center;
        }

        .resources-hero-content {
            padding-right: 20px;
        }

        .resources-hero h1 {
            margin: 0 0 25px;
            font-size: 54px;
            line-height: 1.04;
            font-weight: 500;
            letter-spacing: -0.035em;
        }

        .resources-hero-intro {
            max-width: 620px;
            margin: 0;
            font-size: 19px;
            line-height: 1.7;
            color: #555;
        }

        .resources-hero-image {
            width: 100%;
            overflow: hidden;
        }

        .resources-hero-image img {
            display: block;
            width: 100%;
            height: auto;
        }


        /* =========================================================
           02 — POURQUOI S'INFORMER ?
           ========================================================= */

        .resources-introduction {
            padding: 105px 0;
            background: #f6f6f4;
        }

        .resources-introduction-grid {
            display: grid;
            grid-template-columns: 0.8fr 1.2fr;
            gap: 80px;
        }

        .resources-introduction-title h2 {
            margin: 0;
            max-width: 450px;
            font-size: 42px;
            line-height: 1.12;
            font-weight: 500;
            letter-spacing: -0.025em;
        }

        .resources-introduction-text {
            max-width: 700px;
        }

        .resources-introduction-text p {
            margin: 0 0 22px;
            font-size: 17px;
            line-height: 1.75;
            color: #4f4f4f;
        }

        .resources-introduction-text p:last-child {
            margin-bottom: 0;
        }

        .resources-page a.resources-text-link {
            color: #171717;
            font-weight: 700;
            text-decoration: underline;
            text-decoration-color: #ffdf09;
            text-decoration-thickness: 3px;
            text-underline-offset: 4px;
        }

        .resources-page a.resources-text-link:hover {
            color: #000;
        }


        /* =========================================================
           03 — RESSOURCES PRATIQUES
           ========================================================= */

        .resources-practical {
            padding: 110px 0;
        }

        .resources-section-heading {
            max-width: 700px;
            margin-bottom: 55px;
        }

        .resources-section-heading h2 {
            margin: 0 0 18px;
            font-size: 45px;
            line-height: 1.1;
            font-weight: 500;
            letter-spacing: -0.03em;
        }

        .resources-section-heading p {
            margin: 0;
            font-size: 17px;
            line-height: 1.7;
            color: #5b5b5b;
        }

        .resources-practical-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 25px;
        }

        .resources-practical-card {
            position: relative;
            min-height: 270px;
            padding: 32px;
            background: #f4f4f2;
            text-decoration: none;
            color: #171717;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .resources-practical-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 14px 35px rgba(0,0,0,0.08);
        }

        .resources-practical-number {
            display: block;
            margin-bottom: 55px;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.15em;
            color: #777;
        }

        .resources-practical-card h3 {
            margin: 0 0 13px;
            font-size: 24px;
            line-height: 1.2;
            font-weight: 600;
        }

        .resources-practical-card p {
            margin: 0;
            font-size: 15px;
            line-height: 1.6;
            color: #555;
        }

        .resources-practical-arrow {
            position: absolute;
            right: 30px;
            bottom: 25px;
            font-size: 22px;
            color: #171717;
        }


        /* =========================================================
           04 — ARTICLES
           ========================================================= */

        .resources-articles {
            padding: 110px 0 120px;
            background: #fafafa;
        }

        .resources-articles-heading {
            display: grid;
            grid-template-columns: 0.8fr 1.2fr;
            gap: 80px;
            align-items: end;
            margin-bottom: 65px;
        }

        .resources-articles-heading h2 {
            margin: 0;
            font-size: 45px;
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -0.03em;
        }

        .resources-articles-heading p {
            max-width: 650px;
            margin: 0;
            font-size: 17px;
            line-height: 1.7;
            color: #555;
        }


        /* Article grid */

        .resources-articles-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 55px 40px;
        }


        /* Article card */

        .resources-article-card {
            background: #fff;
            border: 1px solid #e5e5e5;
            overflow: hidden;
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .resources-article-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,0.08);
        }


        /* Article image
           IMPORTANT:
           Natural rectangular proportions are preserved.
           No square aspect-ratio and no forced crop.
        */

        .resources-article-image {
            display: block;
            width: 100%;
            background: #ededeb;
            overflow: hidden;
            text-decoration: none;
        }

        .resources-article-image img {
            display: block;
            width: 100%;
            height: auto;
            max-width: 100%;
            object-fit: contain;
            transition: transform 0.45s ease;
        }

        .resources-article-card:hover .resources-article-image img {
            transform: scale(1.025);
        }


        /* Article content */

        .resources-article-content {
            padding: 30px 32px 34px;
        }

        .resources-article-number {
            display: block;
            margin-bottom: 13px;
            font-size: 11px;
            line-height: 1.4;
            font-weight: 700;
            letter-spacing: 0.18em;
            color: #777;
        }

        .resources-article-title {
            margin: 0 0 17px;
            font-size: 25px;
            line-height: 1.22;
            font-weight: 600;
            letter-spacing: -0.015em;
        }

        .resources-article-text {
            margin: 0 0 24px;
            font-size: 15px;
            line-height: 1.7;
            color: #555;
        }

        .resources-article-link {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            color: #171717;
            text-decoration: none;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 700;
            transition: gap 0.2s ease;
        }

        .resources-article-link::after {
            content: "→";
            font-size: 18px;
            line-height: 1;
        }

        .resources-article-link:hover {
            gap: 14px;
        }


        /* =========================================================
           05 — ANTIBES
           ========================================================= */

        .resources-local {
            padding: 120px 0;
            background: #171717;
            color: #fff;
        }

        .resources-local-grid {
            display: grid;
            grid-template-columns: 0.85fr 1.15fr;
            gap: 80px;
            align-items: center;
        }

        .resources-local .resources-section-number {
            color: #aaa;
        }

        .resources-local h2 {
            margin: 0;
            max-width: 500px;
            font-size: 50px;
            line-height: 1.05;
            font-weight: 500;
            letter-spacing: -0.035em;
        }

        .resources-local-content {
            max-width: 680px;
        }

        .resources-local-content p {
            margin: 0 0 23px;
            font-size: 17px;
            line-height: 1.75;
            color: #d0d0d0;
        }

        .resources-local-content p:last-child {
            margin-bottom: 0;
        }

        .resources-local .resources-text-link {
            color: #fff;
            text-decoration-color: #ffdf09;
        }


        /* =========================================================
           06 — UNE AGENCE À VOS CÔTÉS
           ========================================================= */

        .resources-agency {
            padding: 110px 0;
        }

        .resources-agency-grid {
            display: grid;
            grid-template-columns: 1.15fr 0.85fr;
            gap: 80px;
            align-items: center;
        }

        .resources-agency-content {
            max-width: 720px;
        }

        .resources-agency-content h2 {
            margin: 0 0 25px;
            font-size: 45px;
            line-height: 1.08;
            font-weight: 500;
            letter-spacing: -0.03em;
        }

        .resources-agency-content p {
            margin: 0 0 22px;
            font-size: 17px;
            line-height: 1.75;
            color: #555;
        }

        .resources-agency-content p:last-child {
            margin-bottom: 0;
        }

        .resources-agency-side {
            padding: 35px;
            background: #f4f4f2;
        }

        .resources-agency-side span {
            display: block;
            margin-bottom: 18px;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.17em;
            color: #777;
            text-transform: uppercase;
        }

        .resources-agency-side strong {
            display: block;
            font-family: "Montserrat", Arial, sans-serif;
            font-size: 25px;
            line-height: 1.25;
            font-weight: 500;
        }


        /* =========================================================
           07 — CONTACT
           ========================================================= */

        .resources-contact {
            padding: 115px 0;
            background: #ffdf09;
        }

        .resources-contact-grid {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 50px;
            align-items: center;
        }

        .resources-contact h2 {
            margin: 0 0 15px;
            font-size: 48px;
            line-height: 1.05;
            font-weight: 500;
            letter-spacing: -0.035em;
        }

        .resources-contact p {
            max-width: 650px;
            margin: 0;
            font-size: 18px;
            line-height: 1.65;
            color: #272727;
        }

        .resources-contact-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: flex-end;
        }

        .resources-contact-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            padding: 0 24px;
            border: 1px solid #171717;
            color: #171717;
            text-decoration: none;
            font-family: "Montserrat", Arial, sans-serif;
            font-size: 13px;
            font-weight: 700;
            transition: background 0.2s ease, color 0.2s ease;
        }

        .resources-contact-button:hover {
            background: #171717;
            color: #fff;
        }


        /* =========================================================
           TABLET
           ========================================================= */

        @media screen and (max-width: 800px) {

            .resources-container {
                padding: 0 22px;
            }

            .resources-hero {
                padding: 70px 0 75px;
            }

            .resources-hero-grid {
                grid-template-columns: 1fr;
                gap: 45px;
            }

            .resources-hero-content {
                padding-right: 0;
            }

            .resources-hero h1 {
                font-size: 44px;
            }

            .resources-introduction,
            .resources-practical,
            .resources-articles,
            .resources-local,
            .resources-agency,
            .resources-contact {
                padding-top: 80px;
                padding-bottom: 80px;
            }

            .resources-introduction-grid,
            .resources-local-grid,
            .resources-agency-grid,
            .resources-articles-heading {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .resources-introduction-title h2,
            .resources-section-heading h2,
            .resources-articles-heading h2,
            .resources-local h2,
            .resources-agency-content h2,
            .resources-contact h2 {
                font-size: 38px;
            }

            .resources-practical-grid {
                grid-template-columns: 1fr;
                gap: 18px;
            }

            .resources-practical-card {
                min-height: 230px;
            }

            .resources-articles-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .resources-contact-grid {
                grid-template-columns: 1fr;
                gap: 35px;
            }

            .resources-contact-actions {
                justify-content: flex-start;
            }
        }


        /* =========================================================
           MOBILE
           ========================================================= */

        @media screen and (max-width: 480px) {

            .resources-container {
                padding: 0 15px;
            }

            .resources-hero {
                padding: 55px 0 60px;
            }

            .resources-hero h1 {
                font-size: 36px;
            }

            .resources-hero-intro {
                font-size: 17px;
            }

            .resources-introduction,
            .resources-practical,
            .resources-articles,
            .resources-local,
            .resources-agency,
            .resources-contact {
                padding-top: 65px;
                padding-bottom: 65px;
            }

            .resources-introduction-title h2,
            .resources-section-heading h2,
            .resources-articles-heading h2,
            .resources-local h2,
            .resources-agency-content h2,
            .resources-contact h2 {
                font-size: 32px;
            }

            .resources-introduction-text p,
            .resources-local-content p,
            .resources-agency-content p {
                font-size: 16px;
            }

            .resources-practical-card {
                min-height: 210px;
                padding: 25px;
            }

            .resources-practical-number {
                margin-bottom: 40px;
            }

            .resources-article-content {
                padding: 25px 22px 28px;
            }

            .resources-article-title {
                font-size: 22px;
            }

            .resources-article-text {
                font-size: 14px;
            }

            .resources-contact-actions {
                flex-direction: column;
                align-items: stretch;
            }

            .resources-contact-button {
                width: 100%;
            }
        }






/* =====================================================================
   SOURCE: services.php · INLINE CSS BLOCK 2
   ===================================================================== */

/* =========================================================
   SERVICES PAGE — ANTIBES TRANSACTIONS
   ========================================================= */

.services-page {
  font-family: "Raleway", sans-serif;
  color: #111;
  background: #fff;
}

.services-page * {
  box-sizing: border-box;
}

.services-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
}


/* =========================================================
   GENERAL
   ========================================================= */

.services-section {
  padding: 95px 0;
}

.services-section:first-child {
  padding-top: 55px;
}

.services-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 25px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.services-eyebrow span {
  display: inline-block;
  width: 38px;
  height: 2px;
  background: #ffdf09;
}

.services-number {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.services-section h1,
.services-section h2,
.services-section h3 {
  font-family: "Raleway", sans-serif;
  color: #111;
}

.services-section h1 {
  max-width: 900px;
  margin: 0 0 28px 0;
  font-size: clamp(38px, 5vw, 68px);
  line-height: 1.03;
  font-weight: 700;
  letter-spacing: -2px;
}

.services-section h2 {
  max-width: 820px;
  margin: 0 0 24px 0;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -1.5px;
}

.services-section h3 {
  margin: 0 0 15px 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.services-intro {
  max-width: 760px;
  margin: 0;
  font-size: 19px;
  line-height: 1.7;
  color: #444;
}

.services-text {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.75;
  color: #444;
}

.services-text strong {
  color: #111;
}


/* =========================================================
   01 — HERO
   ========================================================= */

.services-hero {
  padding: 70px 0 100px 0;
}

.services-hero-grid {
  display: grid;
  grid-template-columns: 1fr 0.82fr;
  gap: 70px;
  align-items: center;
}

.services-hero-copy {
  padding-bottom: 15px;
}

.services-hero-copy h1 {
  margin-bottom: 30px;
}

.services-hero-copy h1 strong {
  position: relative;
  z-index: 1;
}

.services-hero-copy h1 strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 11px;
  background: #ffdf09;
  z-index: -1;
}

.services-hero-image {
  position: relative;
}

.services-hero-image img {
  display: block;
  width: 100%;
  height: auto;
}

.services-hero-note {
  position: absolute;
  left: -35px;
  bottom: -30px;
  width: 220px;
  padding: 22px;
  background: #ffdf09;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}


/* =========================================================
   02 — NOS SERVICES
   ========================================================= */

.services-options-section {
  background: #f6f6f4;
}

.services-options-intro {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 80px;
  align-items: start;
  margin-bottom: 55px;
}

.services-options-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  background: #dcdcd8;
}

.services-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: 38px;
  background: #fff;
  text-decoration: none;
  color: #111;
  transition: transform 0.25s ease, background-color 0.25s ease;
}

.services-card:hover {
  background: #ffdf09;
  color: #111;
  transform: translateY(-4px);
}

.services-card-number {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.services-card h3 {
  font-size: 28px;
  margin-bottom: 15px;
}

.services-card p {
  margin: 0;
  max-width: 440px;
  font-size: 16px;
  line-height: 1.65;
  color: #555;
}

.services-card:hover p {
  color: #222;
}

.services-card-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 35px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.services-card-link i {
  font-size: 16px;
}


/* =========================================================
   03 — NOTRE APPROCHE
   ========================================================= */

.services-approach {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 100px;
  align-items: start;
}

.services-approach-text {
  padding-top: 5px;
}

.services-points {
  border-top: 1px solid #ddd;
}

.services-point {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 20px;
  padding: 28px 0;
  border-bottom: 1px solid #ddd;
}

.services-point-number {
  font-size: 13px;
  font-weight: 700;
  padding-top: 4px;
}

.services-point h3 {
  font-size: 21px;
  margin-bottom: 8px;
}

.services-point p {
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
  color: #555;
}


/* =========================================================
   04 — ANTIBES
   ========================================================= */

.services-local {
  background: #151515;
  color: #fff;
}

.services-local .services-eyebrow,
.services-local h2,
.services-local h3 {
  color: #fff;
}

.services-local .services-text {
  color: #cfcfcf;
}

.services-local-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 90px;
  align-items: center;
}

.services-local-statement {
  font-size: clamp(34px, 4vw, 55px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -1.5px;
}

.services-local-statement span {
  display: inline;
  background: #ffdf09;
  color: #111;
  padding: 0 6px;
}

.services-local-text {
  max-width: 680px;
}


/* =========================================================
   05 — NOS COMPÉTENCES
   ========================================================= */

.services-expertise-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 55px;
}

.services-expertise-card {
  padding: 35px 30px;
  border-top: 3px solid #ffdf09;
  background: #f7f7f5;
}

.services-expertise-card .services-card-number {
  margin-bottom: 45px;
}

.services-expertise-card h3 {
  font-size: 24px;
}

.services-expertise-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
}


/* =========================================================
   06 — UNE AGENCE À VOS CÔTÉS
   ========================================================= */

.services-support {
  background: #f6f6f4;
}


/* =========================================================
   07 — CTA
   ========================================================= */

.services-cta {
  background: #ffdf09;
  padding: 90px 0;
}

.services-cta-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: center;
}

.services-cta h2 {
  margin-bottom: 15px;
}

.services-cta p {
  max-width: 650px;
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
  color: #222;
}

.services-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 220px;
}

.services-button {
  display: inline-block;
  padding: 16px 25px;
  background: #111;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

.services-button:hover {
  opacity: 0.8;
}

.services-phone {
  display: inline-block;
  padding: 15px 20px;
  border: 2px solid #111;
  color: #111 !important;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media screen and (max-width: 800px) {

  .services-container {
    padding: 0 24px;
  }

  .services-section {
    padding: 70px 0;
  }

  .services-hero {
    padding: 45px 0 80px 0;
  }

  .services-hero-grid,
  .services-options-intro,
  .services-approach,
  .services-local-grid,
  .services-cta-content {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .services-hero-image {
    max-width: 720px;
  }

  .services-hero-note {
    left: 20px;
    bottom: -25px;
  }

  .services-options-grid {
    grid-template-columns: 1fr;
  }

  .services-expertise-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .services-actions {
    max-width: 300px;
  }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media screen and (max-width: 480px) {

  .services-container {
    padding: 0 18px;
  }

  .services-section {
    padding: 60px 0;
  }

  .services-hero {
    padding: 35px 0 70px 0;
  }

  .services-section h1 {
    font-size: 39px;
    letter-spacing: -1.2px;
  }

  .services-section h2 {
    font-size: 32px;
    letter-spacing: -1px;
  }

  .services-intro {
    font-size: 17px;
  }

  .services-text {
    font-size: 16px;
  }

  .services-hero-note {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: 15px;
  }

  .services-card {
    min-height: 270px;
    padding: 30px 25px;
  }

  .services-card h3 {
    font-size: 25px;
  }

  .services-point {
    grid-template-columns: 40px 1fr;
    gap: 12px;
  }

  .services-local-statement {
    font-size: 35px;
  }

  .services-cta {
    padding: 70px 0;
  }

  .services-actions {
    width: 100%;
    max-width: none;
  }

}






/* =========================================================
   BASE
   ========================================================= */

.buyer-page {
    font-family: "Lato", Arial, sans-serif;
    color: #171717;
    background: #fff;
}

.buyer-page h1,
.buyer-page h2,
.buyer-page h3,
.buyer-page p {
    margin-top: 0;
}

.buyer-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.buyer-section-header {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 45px;
    margin-bottom: 65px;
}

.buyer-number {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #666;
}

.buyer-section-title {
    max-width: 850px;
    margin-bottom: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -1.2px;
}

.buyer-section-lead {
    max-width: 760px;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   01 — HERO / VOTRE PROJET
   ========================================================= */

.buyer-hero {
    padding: 90px 0 70px;
}

.buyer-hero .buyer-section-header {
    margin-bottom: 0;
}

.buyer-hero .buyer-number {
    padding-top: 8px;
}

.buyer-eyebrow {
    display: inline-block;
    margin-bottom: 25px;
    padding: 8px 13px;
    background: #ffdf09;
    color: #111;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.buyer-hero h1 {
    max-width: 900px;
    margin-bottom: 28px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(40px, 5vw, 68px);
    line-height: 1.03;
    font-weight: 700;
    letter-spacing: -2px;
}

.buyer-hero-intro {
    max-width: 780px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.65;
    color: #444;
}


/* =========================================================
   CTA
   ========================================================= */

.buyer-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 35px;
}

.buyer-btn {
    display: inline-block;
    padding: 15px 22px;
    background: #ffdf09;
    color: #111 !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    transition: all .2s ease;
}

.buyer-btn:hover {
    background: #111;
    color: #fff !important;
}

.buyer-btn-dark {
    display: inline-block;
    padding: 15px 22px;
    background: #111;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    transition: all .2s ease;
}

.buyer-btn-dark:hover {
    background: #ffdf09;
    color: #111 !important;
}


/* =========================================================
   VIDEO
   ========================================================= */

.buyer-video-section {
    padding: 0 0 100px;
}

.buyer-video-wrap {
    overflow: hidden;
    background: #111;
}

.buyer-video {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.buyer-section {
    padding: 100px 0;
}

.buyer-section-light {
    background: #f7f7f5;
}


/* =========================================================
   02 — NOTRE APPROCHE
   ========================================================= */

.buyer-intro-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.buyer-intro-card {
    padding: 30px;
    background: #fff;
    border-top: 3px solid #ffdf09;
}

.buyer-intro-card h3 {
    margin-bottom: 14px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
}

.buyer-intro-card p {
    margin-bottom: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   IMAGE
   ========================================================= */

.buyer-image-section {
    padding: 0 0 100px;
}

.buyer-image-wrap {
    width: 100%;
    overflow: hidden;
}

.buyer-image {
    display: block;
    width: 100%;
    height: auto;
}


/* =========================================================
   03 — ACCOMPAGNEMENT
   ========================================================= */

.buyer-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: #d9d9d9;
    border: 1px solid #d9d9d9;
}

.buyer-service {
    min-height: 280px;
    padding: 38px;
    background: #fff;
}

.buyer-service-number {
    margin-bottom: 30px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #777;
}

.buyer-service h3 {
    margin-bottom: 16px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 25px;
    line-height: 1.15;
}

.buyer-service p {
    margin-bottom: 0;
    color: #555;
    font-size: 16px;
    line-height: 1.7;
}


/* =========================================================
   04 — ANTIBES. NOTRE TERRAIN.
   ========================================================= */

.buyer-antibes {
    background: #111;
    color: #fff;
}

.buyer-antibes .buyer-number {
    color: #aaa;
}

.buyer-antibes .buyer-section-title {
    color: #fff;
}

.buyer-antibes .buyer-section-lead {
    color: #ccc;
}

.buyer-antibes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #444;
    margin-top: 55px;
}

.buyer-antibes-card {
    padding: 35px;
    background: #111;
}

.buyer-antibes-card h3 {
    margin-bottom: 13px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 21px;
}

.buyer-antibes-card p {
    margin-bottom: 0;
    color: #bbb;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   05 — PROCESSUS D'ACHAT
   ========================================================= */

.buyer-process {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.buyer-process-item {
    border-top: 2px solid #111;
    padding-top: 20px;
}

.buyer-process-number {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.buyer-process-item h3 {
    margin-bottom: 13px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 21px;
}

.buyer-process-item p {
    margin-bottom: 0;
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   06 — NEGOCIATION
   ========================================================= */

.buyer-negotiation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.buyer-negotiation-text {
    font-size: 17px;
    line-height: 1.75;
    color: #444;
}

.buyer-highlight {
    padding: 35px;
    background: #ffdf09;
}

.buyer-highlight strong {
    display: block;
    margin-bottom: 10px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 23px;
    line-height: 1.2;
}

.buyer-highlight p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.65;
}


/* =========================================================
   07 — FINAL CTA
   ========================================================= */

.buyer-final {
    padding: 110px 0;
    background: #f7f7f5;
}

.buyer-final-inner {
    max-width: 900px;
}

.buyer-final h2 {
    margin-bottom: 22px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.buyer-final p {
    max-width: 720px;
    margin-bottom: 0;
    color: #555;
    font-size: 18px;
    line-height: 1.7;
}


/* =========================================================
   TEXT LINKS
   ========================================================= */

.buyer-page a.buyer-text-link {
    color: #111;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #ffdf09;
    text-underline-offset: 3px;
}

.buyer-page a.buyer-text-link:hover {
    background: #ffdf09;
    text-decoration: none;
}


/* =========================================================
   TABLET — MAX 800PX
   ========================================================= */

@media screen and (max-width: 800px) {

    .buyer-container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .buyer-hero {
        padding: 65px 0 55px;
    }

    .buyer-section {
        padding: 70px 0;
    }

    .buyer-section-header {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-bottom: 45px;
    }

    .buyer-hero .buyer-section-header {
        margin-bottom: 0;
    }

    .buyer-hero .buyer-number {
        padding-top: 0;
    }

    .buyer-hero h1 {
        font-size: 46px;
        letter-spacing: -1.5px;
    }

    .buyer-intro-grid,
    .buyer-antibes-grid {
        grid-template-columns: 1fr;
    }

    .buyer-services {
        grid-template-columns: 1fr;
    }

    .buyer-process {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .buyer-negotiation {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .buyer-image-section {
        padding-bottom: 70px;
    }

    .buyer-final {
        padding: 80px 0;
    }
}


/* =========================================================
   MOBILE — MAX 480PX
   ========================================================= */

@media screen and (max-width: 480px) {

    .buyer-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .buyer-hero {
        padding: 45px 0 45px;
    }

    .buyer-eyebrow {
        margin-bottom: 20px;
        font-size: 10px;
    }

    .buyer-hero h1 {
        font-size: 37px;
        line-height: 1.06;
        letter-spacing: -1px;
    }

    .buyer-hero-intro {
        font-size: 17px;
        line-height: 1.6;
    }

    .buyer-cta-row {
        flex-direction: column;
    }

    .buyer-btn,
    .buyer-btn-dark {
        width: 100%;
        text-align: center;
    }

    .buyer-video-section {
        padding-bottom: 55px;
    }

    .buyer-section {
        padding: 60px 0;
    }

    .buyer-section-title {
        font-size: 32px;
    }

    .buyer-section-lead {
        font-size: 16px;
    }

    .buyer-service {
        min-height: auto;
        padding: 28px;
    }

    .buyer-service h3 {
        font-size: 22px;
    }

    .buyer-antibes-card {
        padding: 28px;
    }

    .buyer-final {
        padding: 65px 0;
    }

    .buyer-final h2 {
        font-size: 35px;
    }

}


/* =====================================================================
   SOURCE: services_vendeurs.php · INLINE CSS BLOCK 1
   ===================================================================== */

/* =========================================================
   SERVICES VENDEURS - PAGE STYLES
   ========================================================= */

.seller-page {
    background: #ffffff;
    color: #222222;
}


/* =========================================================
   HERO
   ========================================================= */

.seller-hero {
    padding: 80px 0 80px 0;
}

.seller-hero-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px;
}

.seller-label {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 22px;
    padding-bottom: 8px;
    border-bottom: 3px solid #ffdf09;
}

.seller-hero h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    line-height: 1.12;
    font-weight: 600;
    max-width: 900px;
    margin: 0 0 28px 0;
    letter-spacing: -1.5px;
}

.seller-hero-intro {
    font-family: 'Lato', sans-serif;
    font-size: 21px;
    line-height: 1.65;
    max-width: 760px;
    margin: 0 0 35px 0;
    color: #555555;
}

.seller-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.seller-phone {
    display: inline-block;
    background: #ffdf09;
    color: #111111 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 15px 24px;
    transition: all 0.2s ease;
}

.seller-phone:hover {
    background: #111111;
    color: #ffffff !important;
}

.seller-contact {
    display: inline-block;
    border: 1px solid #222222;
    color: #222222 !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    padding: 14px 24px;
    transition: all 0.2s ease;
}

.seller-contact:hover {
    background: #222222;
    color: #ffffff !important;
}


/* =========================================================
   VIDEO
   ========================================================= */

.seller-video-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px 90px 30px;
}

.seller-video {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   INTRODUCTION
   ========================================================= */

.seller-intro {
    background: #f5f5f3;
    padding: 85px 30px;
}

.seller-intro-inner {
    max-width: 950px;
    margin: 0 auto;
}

.seller-section-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.seller-intro h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 25px 0;
    letter-spacing: -0.5px;
}

.seller-intro p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.75;
    color: #555555;
    margin: 0 0 20px 0;
}

.seller-intro p:last-child {
    margin-bottom: 0;
}

.seller-intro a {
    color: #222222;
    font-weight: bold;
    text-decoration: underline;
}


/* =========================================================
   THREE PILLARS
   ========================================================= */

.seller-pillars {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 30px;
}

.seller-pillars-header {
    max-width: 720px;
    margin-bottom: 55px;
}

.seller-pillars-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.seller-pillars-header p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #666666;
}

.seller-pillar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.seller-pillar {
    border-top: 3px solid #ffdf09;
    padding-top: 25px;
}

.seller-pillar h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.seller-pillar p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}


/* =========================================================
   IMAGE
   ========================================================= */

.seller-image-wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 30px 95px 30px;
}

.seller-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}


/* =========================================================
   SECTION - ACCOMPAGNEMENT
   ========================================================= */

.seller-section {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 30px;
}

.seller-section-header {
    max-width: 800px;
    margin-bottom: 55px;
}

.seller-section-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.seller-section-header p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.75;
    color: #666666;
    margin: 0;
}


/* =========================================================
   SERVICE ITEMS
   ========================================================= */

.seller-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.seller-service {
    padding-top: 25px;
    border-top: 1px solid #cccccc;
}

.seller-service-number {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.seller-service h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.seller-service p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}


/* =========================================================
   DARK SECTION - MARKETING
   ========================================================= */

.seller-marketing {
    background: #111111;
    color: #ffffff;
    padding: 95px 30px;
}

.seller-marketing-inner {
    max-width: 1180px;
    margin: 0 auto;
}

.seller-marketing-header {
    max-width: 760px;
    margin-bottom: 60px;
}

.seller-marketing-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffdf09;
    margin-bottom: 20px;
}

.seller-marketing h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 22px 0;
}

.seller-marketing-header p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.75;
    color: #dddddd;
    margin: 0;
}

.seller-marketing-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

.seller-marketing-card {
    border: 1px solid #444444;
    padding: 35px;
}

.seller-marketing-card h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.seller-marketing-card p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.75;
    color: #dddddd;
    margin: 0;
}

.seller-marketing-card ul {
    margin: 0;
    padding-left: 20px;
}

.seller-marketing-card li {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #dddddd;
    margin-bottom: 9px;
}


/* =========================================================
   ANTIBES EXPERTISE
   ========================================================= */

.seller-antibes {
    background: #f5f5f3;
    padding: 95px 30px;
}

.seller-antibes-inner {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 70px;
    align-items: start;
}

.seller-antibes-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555555;
}

.seller-antibes h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 500;
    margin: 18px 0 0 0;
    letter-spacing: -1px;
}

.seller-antibes-content p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    color: #555555;
    margin: 0 0 20px 0;
}

.seller-antibes-content p:last-child {
    margin-bottom: 0;
}

.seller-antibes-content a {
    color: #222222;
    font-weight: bold;
    text-decoration: underline;
}


/* =========================================================
   SELLING PROCESS
   ========================================================= */

.seller-process {
    max-width: 1180px;
    margin: 0 auto;
    padding: 95px 30px;
}

.seller-process-header {
    margin-bottom: 55px;
}

.seller-process-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 500;
    margin: 0;
}

.seller-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
}

.seller-process-step {
    border-top: 3px solid #ffdf09;
    padding-top: 25px;
}

.seller-process-number {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
    margin-bottom: 18px;
}

.seller-process-step h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    margin: 0 0 13px 0;
}

.seller-process-step p {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666666;
    margin: 0;
}


/* =========================================================
   REASSURANCE
   ========================================================= */

.seller-reassurance {
    background: #111111;
    color: #ffffff;
    padding: 75px 30px;
    text-align: center;
}

.seller-reassurance-inner {
    max-width: 820px;
    margin: 0 auto;
}

.seller-reassurance h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.seller-reassurance p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #dddddd;
    margin: 0;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.seller-cta {
    max-width: 1180px;
    margin: 0 auto;
    padding: 100px 30px 110px 30px;
    text-align: center;
}

.seller-cta-small {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.seller-cta h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 500;
    max-width: 800px;
    margin: 0 auto 25px auto;
}

.seller-cta p {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #666666;
    max-width: 700px;
    margin: 0 auto 30px auto;
}

.seller-cta-phone {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #111111 !important;
    text-decoration: none !important;
    margin-bottom: 25px;
}

.seller-cta-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
}

.seller-cta-note {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #777777;
    margin-top: 22px;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media screen and (max-width: 800px) {

    .seller-hero {
        padding: 55px 0 60px 0;
    }

    .seller-hero-inner {
        padding: 0 20px;
    }

    .seller-hero h1 {
        font-size: 37px;
        line-height: 1.15;
        letter-spacing: -0.8px;
    }

    .seller-hero-intro {
        font-size: 18px;
        line-height: 1.6;
    }

    .seller-video-wrapper {
        padding: 0 20px 60px 20px;
    }

    .seller-intro {
        padding: 60px 20px;
    }

    .seller-intro h2 {
        font-size: 30px;
    }

    .seller-pillars {
        padding: 65px 20px;
    }

    .seller-pillars-header h2 {
        font-size: 30px;
    }

    .seller-pillar-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .seller-image-wrapper {
        padding: 0 20px 65px 20px;
    }

    .seller-section {
        padding: 65px 20px;
    }

    .seller-section-header h2 {
        font-size: 30px;
    }

    .seller-service-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .seller-marketing {
        padding: 65px 20px;
    }

    .seller-marketing h2 {
        font-size: 32px;
    }

    .seller-marketing-grid {
        grid-template-columns: 1fr;
    }

    .seller-antibes {
        padding: 65px 20px;
    }

    .seller-antibes-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .seller-antibes h2 {
        font-size: 38px;
    }

    .seller-process {
        padding: 65px 20px;
    }

    .seller-process-header h2 {
        font-size: 30px;
    }

    .seller-process-grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .seller-reassurance {
        padding: 60px 20px;
    }

    .seller-reassurance h2 {
        font-size: 29px;
    }

    .seller-cta {
        padding: 70px 20px 80px 20px;
    }

    .seller-cta h2 {
        font-size: 34px;
    }

    .seller-cta-phone {
        font-size: 23px;
    }

}


/* =========================================================
   SMALL SMARTPHONES
   ========================================================= */

@media screen and (max-width: 480px) {

    .seller-hero h1 {
        font-size: 32px;
    }

    .seller-hero-intro {
        font-size: 17px;
    }

    .seller-phone,
    .seller-contact {
        width: 100%;
        text-align: center;
    }

    .seller-marketing-card {
        padding: 25px;
    }

    .seller-antibes h2 {
        font-size: 34px;
    }

    .seller-process-grid {
        grid-template-columns: 1fr;
    }

    .seller-cta h2 {
        font-size: 30px;
    }

    .seller-cta-phone {
        font-size: 21px;
    }

}















/* ==========================================================================
   MIGRATED INLINE STYLE ATTRIBUTES
   ========================================================================== */
.at-inline-1 { color:#222222; font-weight:bold; text-decoration:underline; }
.at-inline-2 { color:#aaa !important; }
.at-inline-3 { width:100% }
.at-inline-4 { text-align:center; }
.at-inline-5 { margin-bottom:25px; }
.at-inline-6 { margin-bottom:0; }
.at-inline-7 { margin-top:35px; font-size:15px; color:#666; }
.at-inline-8 { margin-top:38px; }
.at-inline-9 { color:#aaa; }
.at-inline-10 { margin-top:40px; }
.at-inline-11 { color:#111; font-weight:700; text-decoration:underline; text-decoration-color:#ffdf09; }
.at-inline-12 { color:#fff; text-decoration:underline; text-decoration-color:#ffdf09; }
.at-inline-13 { margin-top:50px; }
.at-inline-14 { max-width:760px; color:#ccc; font-size:17px; line-height:1.7; margin-bottom:0; }
.at-inline-15 { text-align:center; margin-top:-40px; }
.at-inline-16 { text-decoration:none; font-size:22px; font-weight:bold; display:block; text-align:justify; text-justify:inter-word; }
.at-inline-17 { color:#3300ff; text-decoration:none; }
.at-inline-18 { width:auto; height:auto; }
.at-inline-19 { font-weight:bold; text-align:center; font-size:28px; }
.at-inline-20 { font-weight:bold; }
.at-inline-21 { text-decoration:none; font-size:22px; display:block; text-align:justify; text-justify:inter-word; }
.at-inline-22 { text-decoration:none; font-size:22px; font-weight:bold; }



/* ==========================================================================
   ANTIBES TRANSACTIONS · SHARED DESIGN SYSTEM
   ========================================================================== */

:root {
  --at-yellow: #ffdf09;
  --at-black: #111111;
  --at-text: #222222;
  --at-muted: #5c5c5c;
  --at-light: #f7f7f5;
  --at-border: #e5e5e5;
  --at-container: 1180px;
  --at-body-font: "Raleway", Arial, sans-serif;
  --at-heading-font: "Montserrat", Arial, sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: var(--at-text);
  font-family: var(--at-body-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
}

/* One typographic system throughout the supplied pages. */
main p,
main li {
  font-family: var(--at-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

main strong,
main b {
  font-weight: 600 !important;
}

main h1,
main h2,
main h3,
main h4 {
  font-family: var(--at-heading-font) !important;
  color: var(--at-black) !important;
  font-weight: 500 !important;
}

main h1 {
  font-size: 52px !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
}

main h2 {
  font-size: 42px !important;
  line-height: 1.08 !important;
  letter-spacing: -1px !important;
}

main h3 {
  font-size: 22px !important;
  line-height: 1.2 !important;
  letter-spacing: -.4px !important;
}

main a {
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    opacity .2s ease;
}

/* Shared content width. */
.home-container,
.team-container,
.contact-modern-container,
.seller-guide-container,
.newsletter-container,
.resources-container,
.services-container,
.properties-container,
.buyer-container,
.seller-hero-inner,
.seller-intro-inner {
  width: min(var(--at-container), calc(100% - 80px));
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
   STANDARD BOTTOM CTA
   ========================================================================== */

.at-page-cta {
  width: 100% !important;
  margin: 0 !important;
  padding: 88px 0 92px !important;
  background: var(--at-yellow) !important;
  color: var(--at-black) !important;
}

.at-page-cta-inner {
  width: min(var(--at-container), calc(100% - 80px));
  margin: 0 auto;
}

.at-page-cta-number {
  margin: 0 0 24px !important;
  font-family: var(--at-heading-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
}

.at-page-cta h2 {
  max-width: 100% !important;
  margin: 0 0 22px !important;
  font-family: var(--at-heading-font) !important;
  font-size: clamp(38px, 5vw, 64px) !important;
  font-weight: 500 !important;
  line-height: 1.03 !important;
  letter-spacing: -2px !important;
  white-space: nowrap;
  color: var(--at-black) !important;
}

.at-page-cta p {
  max-width: 760px !important;
  margin: 0 0 30px !important;
  color: var(--at-black) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

.at-page-cta-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* Contact button: black background on every page. */
.at-page-cta a[href="contact.php"],
.at-page-cta a.at-page-cta-contact,
.at-page-cta .team-button-dark,
.at-page-cta .contact-modern-cta-button,
.at-page-cta .value-contact,
.at-page-cta .seller-guide-button,
.at-page-cta .newsletter-button,
.at-page-cta .services-button,
.at-page-cta .seller-contact,
.at-page-cta .home-btn-dark,
.at-page-cta .recruitment-button,
.at-page-cta .properties-btn-dark,
.at-page-cta .buyer-btn-dark,
.at-page-cta .resources-contact-button[href="contact.php"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px !important;
  background: var(--at-black) !important;
  border: 1px solid var(--at-black) !important;
  color: #fff !important;
  font-family: var(--at-heading-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .06em;
  text-decoration: none !important;
  text-transform: uppercase;
}

.at-page-cta a[href="contact.php"]:hover,
.at-page-cta .team-button-dark:hover,
.at-page-cta .contact-modern-cta-button:hover,
.at-page-cta .value-contact:hover,
.at-page-cta .seller-guide-button:hover,
.at-page-cta .newsletter-button:hover,
.at-page-cta .services-button:hover,
.at-page-cta .seller-contact:hover,
.at-page-cta .home-btn-dark:hover,
.at-page-cta .recruitment-button:hover,
.at-page-cta .properties-btn-dark:hover,
.at-page-cta .buyer-btn-dark:hover {
  background: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}

/* Phone / secondary action. */
.at-page-cta a[href^="tel:"],
.at-page-cta .team-button-light,
.at-page-cta .team-button-outline,
.at-page-cta .contact-modern-cta-phone,
.at-page-cta .value-phone,
.at-page-cta .seller-guide-phone,
.at-page-cta .newsletter-phone,
.at-page-cta .services-phone,
.at-page-cta .seller-phone,
.at-page-cta .home-btn,
.at-page-cta .recruitment-phone,
.at-page-cta .resources-contact-button[href^="tel:"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px !important;
  background: transparent !important;
  border: 1px solid var(--at-black) !important;
  color: var(--at-black) !important;
  font-family: var(--at-heading-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* ==========================================================================
   LEGACY LISTING PAGES
   ========================================================================== */

.at-listing-page {
  width: 100%;
  background: #fff;
  color: var(--at-text);
  font-family: var(--at-body-font);
}

.at-listing-page .w3-content {
  max-width: var(--at-container) !important;
}

.at-listing-page > .w3-row-padding {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.at-listing-page h1 {
  margin: 0 0 35px !important;
  font-family: var(--at-heading-font) !important;
  font-size: 52px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
  text-align: left !important;
}

.at-listing-page p {
  font-family: var(--at-body-font) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: #444 !important;
}

.at-listing-page a[title="Voir l'annonce de ce bien"] {
  display: block;
  margin: 0 0 22px;
  color: var(--at-black) !important;
  font-family: var(--at-heading-font) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.at-listing-page .imagecontainer {
  margin: 22px 0 28px;
  text-align: center;
}

.at-listing-page .responsiveimage {
  display: inline-block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
}

.at-listing-page .imagecontainer a {
  color: inherit !important;
  text-decoration: none !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media screen and (max-width: 800px) {
  main h1 {
    font-size: 40px !important;
    letter-spacing: -1px !important;
  }

  main h2 {
    font-size: 32px !important;
    letter-spacing: -.7px !important;
  }

  main h3 {
    font-size: 20px !important;
  }

  .home-container,
  .team-container,
  .contact-modern-container,
  .seller-guide-container,
  .newsletter-container,
  .resources-container,
  .services-container,
  .properties-container,
  .buyer-container,
  .seller-hero-inner,
  .seller-intro-inner {
    width: calc(100% - 48px);
  }

  .at-page-cta {
    padding: 65px 0 70px !important;
  }

  .at-page-cta-inner {
    width: calc(100% - 48px);
  }

  .at-page-cta h2 {
    font-size: clamp(34px, 8vw, 48px) !important;
    letter-spacing: -1.2px !important;
    white-space: normal;
  }

  .at-page-cta p {
    font-size: 16px !important;
  }

  .at-page-cta-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .at-page-cta-actions a {
    width: 100%;
  }

  .at-listing-page > .w3-row-padding {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .at-listing-page .w3-content {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .at-listing-page h1 {
    font-size: 40px !important;
  }

  .at-listing-page a[title="Voir l'annonce de ce bien"] {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 480px) {
  main h1 {
    font-size: 36px !important;
  }

  main h2 {
    font-size: 29px !important;
  }

  .at-page-cta {
    padding: 55px 0 60px !important;
  }

  .at-page-cta-inner {
    width: calc(100% - 40px);
  }

  .at-listing-page .w3-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .at-listing-page h1 {
    font-size: 36px !important;
  }
}


/* =====================================================================
   ATELIERCOM — VERSION ÉDITORIALE
   ===================================================================== */

.atelier-page {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #111;
  font-family: "Raleway", Arial, sans-serif;
}

.atelier-page *,
.atelier-page *::before,
.atelier-page *::after { box-sizing: border-box; }

.atelier-section { width: 100%; padding: 96px 0; }
.atelier-section--light { background: #f5f5f3; }
.atelier-section--dark { background: #111; color: #fff; }
.atelier-container { width: min(1320px, calc(100% - 96px)); margin: 0 auto; }

.atelier-number,
.atelier-eyebrow {
  display: block;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.atelier-number { margin-bottom: 24px; font-size: 12px; line-height: 1; }
.atelier-eyebrow { margin-bottom: 20px; font-size: 11px; line-height: 1.4; color: #555; }
.atelier-section--dark .atelier-eyebrow { color: #ddd; }

.atelier-title,
.atelier-heading {
  margin: 0;
  font-family: "Raleway", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: -.045em;
  color: inherit;
}

.atelier-title { max-width: 1050px; font-size: clamp(48px, 6.2vw, 88px); line-height: 1.01; }
.atelier-heading { max-width: 1050px; font-size: clamp(38px, 4.7vw, 66px); line-height: 1.05; }

.atelier-lead,
.atelier-text {
  margin: 0;
  font-weight: 400;
  color: inherit;
}

.atelier-lead { max-width: 760px; margin-top: 30px; font-size: 19px; line-height: 1.7; color: #333; }
.atelier-text { font-size: 16px; line-height: 1.75; color: #333; }
.atelier-section--dark .atelier-text { color: #eee; }

.atelier-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

.atelier-hero { padding-top: 62px; padding-bottom: 82px; }
.atelier-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr); gap: 90px; align-items: end; }
.atelier-hero-image img { display: block; width: 100%; height: auto; }
.atelier-hero-note { max-width: 380px; margin-top: 26px; font-size: 15px; line-height: 1.65; color: #555; }

.atelier-approach-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 90px; align-items: start; }
.atelier-approach-copy { max-width: 820px; }
.atelier-approach-copy .atelier-text + .atelier-text { margin-top: 22px; }

.atelier-formats-intro { max-width: 820px; margin-top: 28px; }
.atelier-formats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 64px; border-top: 1px solid #d8d8d5; border-left: 1px solid #d8d8d5; }
.atelier-format { padding: 34px 34px 38px; min-height: 190px; border-right: 1px solid #d8d8d5; border-bottom: 1px solid #d8d8d5; }
.atelier-format-number { display: block; margin-bottom: 26px; font-family: "Montserrat", Arial, sans-serif; font-size: 11px; letter-spacing: .12em; }
.atelier-format h3 { margin: 0 0 16px; font-size: 25px; line-height: 1.15; font-weight: 400; letter-spacing: -.02em; }

.atelier-diffusion-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: start; }
.atelier-diffusion-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0; border-top: 1px solid #d8d8d5; }
.atelier-diffusion-item { padding: 24px 24px 26px 0; border-bottom: 1px solid #d8d8d5; }
.atelier-diffusion-item:nth-child(odd) { border-right: 1px solid #d8d8d5; padding-right: 28px; }
.atelier-diffusion-item:nth-child(even) { padding-left: 28px; }
.atelier-diffusion-item h3 { margin: 0 0 10px; font-size: 21px; font-weight: 400; }

.atelier-terrain { padding-top: 104px; padding-bottom: 104px; }
.atelier-terrain-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.atelier-terrain-copy { max-width: 900px; }
.atelier-terrain-copy .atelier-text + .atelier-text { margin-top: 22px; }

.atelier-philosophy { padding-top: 104px; padding-bottom: 104px; }
.atelier-philosophy-copy { max-width: 1050px; }
.atelier-philosophy-copy .atelier-heading { margin-bottom: 30px; }
.atelier-philosophy-highlight { margin-top: 42px; padding-left: 24px; border-left: 3px solid #ffdf09; font-size: 21px; line-height: 1.5; }

.atelier-cta { background: #ffdf09; padding: 76px 0 82px; }
.atelier-cta-grid { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; }
.atelier-cta h2 { margin: 0; font-size: clamp(48px, 6vw, 82px); line-height: 1; font-weight: 400; letter-spacing: -.045em; }
.atelier-cta p { max-width: 850px; margin: 26px 0 0; font-size: 18px; line-height: 1.6; }
.atelier-actions { display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
.atelier-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border: 1px solid #111; font-family: "Montserrat", Arial, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
.atelier-button--dark { background: #111; color: #fff !important; }
.atelier-button--light { background: transparent; color: #111 !important; }
.atelier-button:hover { opacity: .82; }

@media screen and (max-width: 800px) {
  .atelier-container { width: calc(100% - 48px); }
  .atelier-section { padding: 72px 0; }
  .atelier-hero { padding-top: 48px; }
  .atelier-hero-grid,
  .atelier-approach-grid,
  .atelier-diffusion-grid,
  .atelier-terrain-grid { grid-template-columns: 1fr; gap: 42px; }
  .atelier-formats-grid { grid-template-columns: 1fr; margin-top: 42px; }
  .atelier-diffusion-list { grid-template-columns: 1fr; }
  .atelier-diffusion-item:nth-child(odd) { border-right: 0; padding-right: 0; }
  .atelier-diffusion-item:nth-child(even) { padding-left: 0; }
  .atelier-cta-grid { grid-template-columns: 1fr; gap: 34px; }
  .atelier-actions { justify-content: flex-start; }
}

@media screen and (max-width: 480px) {
  .atelier-container { width: calc(100% - 40px); }
  .atelier-section { padding: 58px 0; }
  .atelier-title { font-size: clamp(40px, 12vw, 58px); }
  .atelier-heading { font-size: clamp(34px, 10vw, 48px); }
  .atelier-lead { font-size: 17px; line-height: 1.6; }
  .atelier-text { font-size: 15px; line-height: 1.7; }
  .atelier-format { padding: 26px 22px 30px; }
  .atelier-cta { padding: 60px 0 66px; }
  .atelier-cta h2 { font-size: clamp(40px, 11vw, 56px); }
  .atelier-cta p { font-size: 16px; }
  .atelier-actions { flex-direction: column; align-items: stretch; }
  .atelier-button { width: 100%; }
}