:root{
  --navy:#18377B;
  --blue:#307DED;
  --charcoal:#1D252F;
  --light:#E1E4E8;
  --white:#FFFFFF;
  --ink:#142033;
  --muted:#5D6978;
  --line:#D9DEE6;
  --soft:#F5F7FA;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.5;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,90%);margin:auto}

/* HEADER */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.98);
  border-top:2px solid var(--charcoal);
  border-bottom:1px solid #EEF1F4;
}
.header-inner{
  min-height:66px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.brand{display:flex;flex-direction:column;line-height:1}
.brand-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.5rem;font-weight:700;color:var(--navy);letter-spacing:.015em;
}
.brand-tag{
  margin-top:5px;font-size:.52rem;letter-spacing:.31em;
  color:#7B899A;text-transform:uppercase;
}
.main-nav{
  display:flex;align-items:center;gap:32px;
  font-size:.84rem;font-weight:700;color:#121A28;
}
.main-nav a:hover{color:var(--blue)}
.nav-cta{
  background:var(--blue);color:#fff!important;
  padding:12px 18px;border-radius:7px;
}

/* HOME HERO */
.home-hero{
  position:relative;min-height:470px;
  display:flex;align-items:center;overflow:hidden;color:#fff;
  background:
    linear-gradient(90deg,
      rgba(17,31,47,.98) 0%,
      rgba(17,31,47,.92) 34%,
      rgba(17,31,47,.55) 57%,
      rgba(17,31,47,.08) 100%
    ),
    url('/assets/societe-investissement-premium.jpg?v=20260910-2') right center / cover no-repeat;
}
.hero-copy{max-width:650px;padding:66px 0 62px}
.kicker,.section-kicker{
  display:block;text-transform:uppercase;font-weight:700;
  letter-spacing:.25em;font-size:.67rem;
}
.kicker{color:#D4DCE6;margin-bottom:18px}
.hero-title{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;font-size:clamp(2.8rem,4.7vw,4.4rem);
  line-height:1.02;letter-spacing:-.03em;margin-bottom:22px;
}
.hero-title .accent{color:var(--blue)}
.hero-copy p{
  max-width:535px;color:#F0F3F6;font-size:.98rem;
  line-height:1.55;margin-bottom:26px;
}
.primary-btn{
  display:inline-flex;align-items:center;gap:15px;
  background:var(--blue);color:#fff;padding:13px 20px;
  border-radius:6px;font-weight:700;font-size:.9rem;
}
.primary-btn:hover{filter:brightness(.96)}

/* PROCESS */
.process{padding:34px 0;background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.process-item{
  display:grid;grid-template-columns:52px 48px 1fr;
  align-items:start;gap:13px;padding:0 34px;
  border-right:1px solid var(--line);
}
.process-item:first-child{padding-left:10px}
.process-item:last-child{border-right:0}
.process-num{font-family:Georgia,"Times New Roman",serif;color:var(--blue);font-size:1.25rem}
.process-icon{width:34px;height:34px;color:var(--navy)}
.process-item h3{
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.15rem;color:var(--ink);font-weight:400;margin-bottom:5px;
}
.process-item p{font-size:.82rem;line-height:1.42;color:#455165}

/* PROJECTS HOME */
.home-projects{padding:38px 0;background:#FAFBFC}
.home-projects-grid{
  display:grid;grid-template-columns:.72fr 1fr 1fr;
  gap:16px;align-items:stretch;
}
.projects-intro{padding:10px 20px 10px 0}
.section-kicker{color:#7E8C9E;margin-bottom:12px}
.section-title{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--navy);font-size:clamp(1.9rem,2.8vw,2.65rem);
  line-height:1.1;font-weight:400;letter-spacing:-.02em;margin-bottom:14px;
}
.projects-intro p{font-size:.88rem;line-height:1.5;color:#485568;margin-bottom:20px}
.text-link{
  display:inline-block;color:var(--blue);font-size:.86rem;font-weight:700;
  padding-bottom:4px;border-bottom:1px solid var(--blue);
}
.project-card{
  overflow:hidden;background:#fff;border:1px solid #E5E9EF;border-radius:6px;
  box-shadow:0 8px 24px rgba(24,55,123,.04);
}
.project-card img{width:100%;height:176px;object-fit:cover}
.project-body{padding:14px 16px}
.status{
  display:inline-block;margin-bottom:7px;
  background:#E8F1FF;color:var(--blue);
  padding:4px 8px;border-radius:4px;font-size:.66rem;font-weight:700;
}
.project-body h3{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ink);font-size:1.23rem;font-weight:400;margin-bottom:4px;
}
.project-sub{
  color:#748094;font-size:.66rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;
}
.project-row{
  display:flex;justify-content:space-between;gap:18px;
  border-top:1px solid #EDF0F4;padding:7px 0;font-size:.76rem;color:#465267;
}
.project-row b{font-weight:700;color:#25344A}
.project-link{display:inline-flex;gap:10px;color:var(--blue);font-size:.8rem;font-weight:700;margin-top:7px}

/* CONVICTION */
.conviction{
  position:relative;color:#fff;padding:36px 0;
  background:
    linear-gradient(90deg,
      rgba(15,38,58,.99) 0%,
      rgba(18,49,77,.92) 53%,
      rgba(18,49,77,.42) 72%,
      rgba(18,49,77,.08) 100%
    ),
    url('/assets/conviction-financement.jpg') right center / 45% 100% no-repeat,
    #11283E;
}
.conviction .section-kicker{color:#BCC7D4;margin-bottom:10px}
.conviction-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;
}
.conviction h2{
  font-family:Georgia,"Times New Roman",serif;font-weight:400;
  font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;
}
.conviction p{color:#EEF2F6;font-size:.88rem;line-height:1.5}

/* CONTACT STRIP */
.contact-strip{background:#fff;padding:24px 0;border-bottom:1px solid var(--line)}
.contact-grid{
  display:grid;grid-template-columns:120px 1.6fr 1fr;
  gap:30px;align-items:center;
}
.contact-label{
  color:#6E7D90;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
.contact-copy h2{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--ink);font-weight:400;font-size:1.55rem;line-height:1.16;margin-bottom:4px;
}
.contact-copy p{font-size:.79rem;color:#667386}
.email-box{
  display:flex;align-items:center;gap:14px;color:var(--blue);
  font-size:.9rem;font-weight:700;
}
.email-icon{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;background:var(--blue);color:#fff;
}
.email-icon svg{width:22px;height:22px}

/* FOOTER */
.site-footer{background:#0F2539;color:#fff;padding:24px 0}
.footer-inner{
  display:grid;grid-template-columns:1.2fr 1.6fr 1.1fr;
  align-items:center;gap:24px;
}
.footer-brand .brand-name{color:#fff;font-size:1.08rem}
.footer-brand .brand-tag{color:#A9B8C8}
.footer-nav{display:flex;justify-content:center;gap:22px;font-size:.72rem;color:#EDF2F6}
.footer-contact{text-align:right;font-size:.7rem;color:#DCE4EC}

/* INTERNAL */
.inner-hero{
  background:
    radial-gradient(circle at 82% 15%,rgba(48,125,237,.18),transparent 25%),
    var(--charcoal);
  color:#fff;padding:32px 0 28px;
}
.inner-hero .section-kicker{color:var(--blue);margin-bottom:8px}
.inner-hero h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(2rem,3vw,2.8rem);font-weight:400;line-height:1.05;margin-bottom:10px;
}
.inner-hero p{max-width:760px;color:#E8EDF2;font-size:.9rem;line-height:1.45}
.compact{padding:27px 0}
.compact.alt{background:#F5F7FA}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.compact-title{
  font-family:Georgia,"Times New Roman",serif;
  color:var(--navy);font-size:clamp(1.6rem,2.4vw,2.2rem);
  font-weight:400;line-height:1.12;margin-bottom:10px;
}
.compact-text{font-size:.86rem;line-height:1.48;color:#3D495B}
.mini-card{
  background:#fff;border:1px solid var(--line);border-radius:7px;padding:17px 19px;
}
.mini-card h3{
  font-family:Georgia,"Times New Roman",serif;color:var(--navy);
  font-size:1.08rem;font-weight:400;margin-bottom:6px;
}
.mini-card p{font-size:.8rem;color:#425064;line-height:1.42}
.statement{
  background:var(--navy);color:#fff;border-radius:8px;padding:22px 30px;
}
.statement h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;font-size:clamp(1.7rem,2.7vw,2.4rem);
  line-height:1.08;margin-bottom:8px;
}
.statement p{font-size:.84rem;line-height:1.45;color:#EEF3F8}
.contact-panel{
  max-width:850px;margin:auto;text-align:center;background:#F0F3F7;
  border-radius:8px;padding:28px 36px;
}
.contact-panel .email-link{
  display:inline-block;margin-top:14px;color:var(--blue);font-weight:700;font-size:.95rem;
}

/* PROJECTS PAGE */
.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.project-full{
  display:grid;grid-template-columns:42% 58%;
  overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;
}
.project-full img{width:100%;height:100%;min-height:210px;object-fit:cover}
.project-full-body{padding:18px 20px}
.project-full-body h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;color:var(--navy);font-size:1.45rem;margin:5px 0 4px;
}
.project-full-body p{font-size:.8rem;color:#4A5668;line-height:1.45}

/* MOBILE */
@media(max-width:900px){
  .header-inner{align-items:flex-start;flex-direction:column;padding:14px 0}
  .main-nav{width:100%;gap:17px;overflow-x:auto;padding-bottom:3px}
  .home-hero{
    min-height:540px;
    background:
      linear-gradient(90deg,rgba(17,31,47,.96),rgba(17,31,47,.72)),
      url('/assets/societe-investissement-premium.jpg?v=20260910-2') center/cover no-repeat;
  }
  .hero-copy{padding:58px 0}
  .process-grid,.home-projects-grid,.conviction-grid,.contact-grid,
  .footer-inner,.two-col,.three-col,.project-list,.project-full{grid-template-columns:1fr}
  .process-item{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}
  .process-item:last-child{border-bottom:0}
  .projects-intro{padding-right:0}
  .conviction{
    background:
      linear-gradient(rgba(15,38,58,.94),rgba(15,38,58,.94)),
      url('/assets/conviction-financement.jpg') center/cover no-repeat;
  }
  .footer-nav{justify-content:flex-start;flex-wrap:wrap}
  .footer-contact{text-align:left}
  .project-full{display:block}
  .project-full img{height:190px}
}


/* ============================================================
   PAGE LA SOCIETE — V4
   ============================================================ */

.company-page{
  background:#fff;
}

.company-hero{
  min-height:390px;
  display:grid;
  grid-template-columns:46% 54%;
  background:#1D252F;
  color:#fff;
  overflow:hidden;
}

.company-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:52px max(5vw,calc((100vw - 1180px)/2)) 52px max(5vw,calc((100vw - 1180px)/2));
}

.company-kicker{
  display:block;
  color:#79A9FF;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.25em;
  text-transform:uppercase;
  margin-bottom:15px;
}

.company-kicker.dark{
  color:#7A889A;
}

.company-hero h1{
  max-width:620px;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(2.35rem,3.7vw,3.8rem);
  line-height:1.04;
  letter-spacing:-.025em;
  margin-bottom:20px;
}

.company-hero p{
  max-width:600px;
  color:#E6EBF1;
  font-size:.94rem;
  line-height:1.6;
}

.company-hero-image{
  position:relative;
  min-height:390px;
  background:
    linear-gradient(90deg,rgba(29,37,47,.45),rgba(29,37,47,0) 34%),
    url('/assets/societe-investissement-premium.jpg?v=20260910-2') center center/cover no-repeat;
}

.company-role{
  padding:55px 0;
  background:#fff;
}

.company-role-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:start;
}

.company-role h2,
.company-section-head h2,
.company-conviction h2,
.company-cta h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  letter-spacing:-.02em;
}

.company-role h2{
  max-width:510px;
  color:#18377B;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.08;
}

.company-role-copy{
  padding-top:28px;
}

.company-role-copy p{
  color:#344256;
  font-size:.9rem;
  line-height:1.65;
  margin-bottom:14px;
}

.company-analysis{
  padding:47px 0 52px;
  background:#F3F6F9;
}

.company-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  margin-bottom:25px;
}

.company-section-head h2{
  color:#18377B;
  font-size:clamp(1.8rem,2.6vw,2.55rem);
  line-height:1.1;
}

.company-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.company-card{
  min-height:190px;
  padding:25px 27px 26px;
  background:#fff;
  border:1px solid #DCE2E9;
  border-radius:8px;
  position:relative;
  box-shadow:0 8px 24px rgba(24,55,123,.035);
}

.company-card-number{
  display:block;
  color:#307DED;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  margin-bottom:19px;
}

.company-card h3{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:#18377B;
  font-size:1.3rem;
  margin-bottom:9px;
}

.company-card p{
  color:#465468;
  font-size:.82rem;
  line-height:1.55;
}

.company-conviction{
  padding:43px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(15,37,57,.99),rgba(24,55,123,.90)),
    url('/assets/conviction-financement.jpg') right center/42% 100% no-repeat;
}

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

.company-conviction h2{
  font-size:clamp(2rem,3vw,2.8rem);
  line-height:1.08;
}

.company-conviction p{
  max-width:540px;
  color:#E8EEF5;
  font-size:.88rem;
  line-height:1.6;
}

.company-cta{
  padding:34px 0;
  background:#fff;
}

.company-cta-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
}

.company-cta h2{
  color:#18377B;
  font-size:clamp(1.55rem,2.2vw,2.15rem);
  line-height:1.1;
}

.company-cta .primary-btn{
  white-space:nowrap;
}

@media(max-width:900px){
  .company-hero{
    grid-template-columns:1fr;
  }

  .company-hero-copy{
    padding:46px 6%;
  }

  .company-hero-image{
    min-height:240px;
  }

  .company-role-grid,
  .company-cards,
  .company-conviction-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

  .company-role-copy{
    padding-top:0;
  }

  .company-section-head,
  .company-cta-inner{
    align-items:flex-start;
    flex-direction:column;
  }

  .company-cta .primary-btn{
    white-space:normal;
  }
}

/* ============================================================
   MCC FONCIERE — SOCIETE V5
   Responsive desktop / laptop / tablet / mobile
   ============================================================ */

/* Le footer reste naturellement au bas de l'écran si la page est courte */
html,
body{
  min-height:100%;
}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.site-header{
  flex:0 0 auto;
}

.company-page{
  flex:1 0 auto;
  width:100%;
}

.site-footer{
  flex:0 0 auto;
  margin-top:auto;
}

/* Largeur standard : confortable sur 1366, 1440, 1920 et ultrawide */
.company-page .container{
  width:min(1200px, calc(100% - 80px));
}

/* HERO : utilise une portion équilibrée de la hauteur écran */
.company-hero{
  min-height:clamp(330px, 39vh, 430px);
  grid-template-columns:minmax(0, 48%) minmax(0, 52%);
}

.company-hero-copy{
  padding-top:clamp(38px, 5vh, 60px);
  padding-bottom:clamp(38px, 5vh, 60px);
  padding-left:max(40px, calc((100vw - 1200px) / 2));
  padding-right:clamp(35px, 4vw, 65px);
}

.company-hero h1{
  max-width:650px;
  font-size:clamp(2.35rem, 3.35vw, 3.75rem);
}

.company-hero p{
  max-width:620px;
  font-size:clamp(.88rem, .95vw, .98rem);
}

.company-hero-image{
  min-height:clamp(330px, 39vh, 430px);
}

/* SECTION RÔLE */
.company-role{
  padding:clamp(36px, 5vh, 55px) 0;
}

.company-role-grid{
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  gap:clamp(50px, 7vw, 95px);
}

.company-role h2{
  font-size:clamp(1.9rem, 2.7vw, 2.9rem);
}

.company-role-copy{
  padding-top:18px;
}

/* CARTES */
.company-analysis{
  padding:clamp(34px, 4.5vh, 48px) 0;
}

.company-section-head{
  margin-bottom:22px;
}

.company-cards{
  gap:18px;
}

.company-card{
  min-height:175px;
  padding:23px 25px;
}

/* CONVICTION : suffisamment présente, sans prendre trop de hauteur */
.company-conviction{
  padding:clamp(32px, 4vh, 44px) 0;
}

.company-conviction-grid{
  gap:clamp(45px, 6vw, 80px);
}

/* CTA */
.company-cta{
  padding:30px 0;
}

.company-cta-inner{
  min-height:70px;
}

/* Très grands écrans */
@media (min-width:1600px){
  .company-page .container{
    width:min(1280px, calc(100% - 120px));
  }

  .company-hero-copy{
    padding-left:max(60px, calc((100vw - 1280px) / 2));
  }

  .company-hero{
    grid-template-columns:47% 53%;
  }
}

/* Laptop classique : 1280 / 1366 / 1440 */
@media (max-width:1450px){
  .company-page .container{
    width:min(1160px, calc(100% - 64px));
  }

  .company-hero-copy{
    padding-left:max(32px, calc((100vw - 1160px) / 2));
  }

  .company-role-grid{
    gap:55px;
  }

  .company-card{
    min-height:165px;
  }
}

/* Ecrans de faible hauteur : laptops 768 / 800 / 900 px */
@media (min-width:901px) and (max-height:850px){
  .company-hero{
    min-height:300px;
  }

  .company-hero-image{
    min-height:300px;
  }

  .company-hero-copy{
    padding-top:32px;
    padding-bottom:32px;
  }

  .company-hero h1{
    font-size:clamp(2.15rem, 3vw, 3.15rem);
    margin-bottom:15px;
  }

  .company-role{
    padding:30px 0;
  }

  .company-analysis{
    padding:30px 0 34px;
  }

  .company-card{
    min-height:150px;
    padding:19px 22px;
  }

  .company-card-number{
    margin-bottom:12px;
  }

  .company-conviction{
    padding:28px 0;
  }

  .company-cta{
    padding:24px 0;
  }
}

/* Tablette */
@media (max-width:1100px){
  .company-page .container{
    width:min(920px, calc(100% - 48px));
  }

  .company-hero{
    grid-template-columns:55% 45%;
  }

  .company-hero-copy{
    padding-left:24px;
    padding-right:32px;
  }

  .company-role-grid{
    gap:35px;
  }

  .company-cards{
    gap:12px;
  }

  .company-card{
    padding:20px;
  }
}

/* Mobile */
@media (max-width:900px){
  body{
    min-height:100vh;
  }

  .company-page .container{
    width:calc(100% - 36px);
  }

  .company-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .company-hero-copy{
    padding:42px 18px;
  }

  .company-hero-image{
    min-height:240px;
  }

  .company-role-grid,
  .company-cards,
  .company-conviction-grid{
    grid-template-columns:1fr;
  }

  .company-role-grid{
    gap:22px;
  }

  .company-section-head{
    display:block;
  }

  .company-card{
    min-height:0;
  }

  .company-cta-inner{
    align-items:flex-start;
  }
}

/* Petit mobile */
@media (max-width:560px){
  .company-page .container{
    width:calc(100% - 28px);
  }

  .company-hero-copy{
    padding:36px 14px;
  }

  .company-hero h1{
    font-size:2.15rem;
  }

  .company-hero-image{
    min-height:205px;
  }

  .company-role,
  .company-analysis,
  .company-conviction{
    padding:30px 0;
  }
}


/* ============================================================
   MCC FONCIERE — SOCIETE V6 IMAGE PREMIUM
   ============================================================ */

.company-hero-image{
  background:
    linear-gradient(90deg,rgba(29,37,47,.30) 0%,rgba(29,37,47,.06) 24%,rgba(29,37,47,0) 52%),
    url('/assets/societe-investissement-premium.jpg') 63% 55% / cover no-repeat !important;
}

@media (min-width:1600px){
  .company-hero-image{
    background-position:62% 54% !important;
  }
}

@media (max-width:1100px){
  .company-hero-image{
    background-position:68% 54% !important;
  }
}

@media (max-width:900px){
  .company-hero-image{
    min-height:250px !important;
    background-position:61% 54% !important;
  }
}

@media (max-width:560px){
  .company-hero-image{
    min-height:220px !important;
    background-position:64% 54% !important;
  }
}

/* ============================================================
   MCC FONCIERE — SOCIETE V6 IMAGE PREMIUM
   ============================================================ */

.company-hero-image{
  background:
    linear-gradient(90deg,rgba(29,37,47,.30) 0%,rgba(29,37,47,.06) 24%,rgba(29,37,47,0) 52%),
    url('/assets/societe-investissement-premium.jpg') 63% 55% / cover no-repeat !important;
}

@media (min-width:1600px){
  .company-hero-image{
    background-position:62% 54% !important;
  }
}

@media (max-width:1100px){
  .company-hero-image{
    background-position:68% 54% !important;
  }
}

@media (max-width:900px){
  .company-hero-image{
    min-height:250px !important;
    background-position:61% 54% !important;
  }
}

@media (max-width:560px){
  .company-hero-image{
    min-height:220px !important;
    background-position:64% 54% !important;
  }
}

/* ============================================================
   MCC FONCIERE — SOCIETE V6 IMAGE PREMIUM
   ============================================================ */

.company-hero-image{
  background:
    linear-gradient(90deg,rgba(29,37,47,.30) 0%,rgba(29,37,47,.06) 24%,rgba(29,37,47,0) 52%),
    url('/assets/societe-investissement-premium.jpg') 63% 55% / cover no-repeat !important;
}

@media (min-width:1600px){
  .company-hero-image{
    background-position:62% 54% !important;
  }
}

@media (max-width:1100px){
  .company-hero-image{
    background-position:68% 54% !important;
  }
}

@media (max-width:900px){
  .company-hero-image{
    min-height:250px !important;
    background-position:61% 54% !important;
  }
}

@media (max-width:560px){
  .company-hero-image{
    min-height:220px !important;
    background-position:64% 54% !important;
  }
}

/* ============================================================
   MCC FONCIERE — LOGO V8
   ============================================================ */

.site-header .brand-with-logo{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px !important;
  min-width:max-content !important;
}

.site-header .brand-logo-mark{
  display:block !important;
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  flex:0 0 50px !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
}

.site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.site-header .brand-name{
  display:block !important;
  line-height:1 !important;
}

.site-header .brand-tag{
  display:block !important;
  margin-top:5px !important;
  line-height:1.1 !important;
}

.site-header .header-inner{
  min-height:82px !important;
}

.footer-brand-with-logo{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}

.footer-logo-box{
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:4px !important;
  background:#fff !important;
  border-radius:6px !important;
}

.footer-logo-mark{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

@media(max-width:1100px){
  .site-header .brand-logo-mark{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    flex-basis:46px !important;
  }
}

@media(max-width:900px){
  .site-header .brand-logo-mark{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex-basis:42px !important;
  }

  .site-header .header-inner{
    min-height:auto !important;
  }
}

@media(max-width:560px){
  .site-header .brand-logo-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
  }

  .site-header .brand-name{
    font-size:1.15rem !important;
  }

  .site-header .brand-tag{
    font-size:.44rem !important;
    letter-spacing:.20em !important;
  }
}


/* ============================================================
   MCC FONCIERE — LOGO V9 PLUS VISIBLE
   ============================================================ */

.site-header .header-inner{
  min-height:96px !important;
}

.site-header .brand-with-logo{
  gap:16px !important;
}

.site-header .brand-logo-mark{
  width:74px !important;
  height:74px !important;
  min-width:74px !important;
  flex:0 0 74px !important;
}

.site-header .brand-name{
  font-size:1.62rem !important;
  letter-spacing:.01em !important;
}

.site-header .brand-tag{
  margin-top:6px !important;
  font-size:.56rem !important;
  letter-spacing:.27em !important;
}

.footer-logo-box{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  flex:0 0 56px !important;
  padding:5px !important;
}

/* Laptop standard */
@media(max-width:1450px){
  .site-header .header-inner{
    min-height:90px !important;
  }

  .site-header .brand-logo-mark{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    flex-basis:66px !important;
  }

  .site-header .brand-name{
    font-size:1.5rem !important;
  }
}

/* Tablette */
@media(max-width:1100px){
  .site-header .header-inner{
    min-height:84px !important;
  }

  .site-header .brand-logo-mark{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    flex-basis:58px !important;
  }

  .site-header .brand-name{
    font-size:1.38rem !important;
  }

  .site-header .brand-tag{
    font-size:.49rem !important;
    letter-spacing:.23em !important;
  }
}

/* Mobile */
@media(max-width:900px){
  .site-header .brand-logo-mark{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    flex-basis:52px !important;
  }

  .site-header .brand-with-logo{
    gap:11px !important;
  }
}

@media(max-width:560px){
  .site-header .brand-logo-mark{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    flex-basis:48px !important;
  }

  .site-header .brand-name{
    font-size:1.18rem !important;
  }

  .site-header .brand-tag{
    font-size:.42rem !important;
    letter-spacing:.18em !important;
  }
}


/* ============================================================
   MCC FONCIERE — LOGO V10 PLUS GRAND
   ============================================================ */

.site-header .header-inner{
  min-height:106px !important;
}

.site-header .brand-with-logo{
  gap:18px !important;
}

.site-header .brand-logo-mark{
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  flex:0 0 88px !important;
}

.site-header .brand-name{
  font-size:1.72rem !important;
}

.site-header .brand-tag{
  font-size:.58rem !important;
  letter-spacing:.28em !important;
}

.footer-logo-box{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  flex:0 0 62px !important;
}

/* Laptop */
@media(max-width:1450px){
  .site-header .header-inner{
    min-height:98px !important;
  }

  .site-header .brand-logo-mark{
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    flex-basis:78px !important;
  }

  .site-header .brand-name{
    font-size:1.58rem !important;
  }
}

/* Tablette */
@media(max-width:1100px){
  .site-header .header-inner{
    min-height:90px !important;
  }

  .site-header .brand-logo-mark{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    flex-basis:66px !important;
  }

  .site-header .brand-name{
    font-size:1.42rem !important;
  }
}

/* Mobile */
@media(max-width:900px){
  .site-header .brand-logo-mark{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    flex-basis:56px !important;
  }

  .site-header .brand-with-logo{
    gap:12px !important;
  }

  .site-header .header-inner{
    min-height:auto !important;
  }
}

@media(max-width:560px){
  .site-header .brand-logo-mark{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    flex-basis:50px !important;
  }

  .site-header .brand-name{
    font-size:1.2rem !important;
  }

  .site-header .brand-tag{
    font-size:.42rem !important;
    letter-spacing:.18em !important;
  }
}


/* ============================================================
   MCC FONCIERE — LOGO V11 TRES VISIBLE
   ============================================================ */

.site-header .header-inner{
  min-height:124px !important;
}

.site-header .brand-with-logo{
  gap:20px !important;
}

.site-header .brand-logo-mark{
  width:110px !important;
  height:110px !important;
  min-width:110px !important;
  flex:0 0 110px !important;
}

.site-header .brand-name{
  font-size:1.84rem !important;
}

.site-header .brand-tag{
  margin-top:7px !important;
  font-size:.60rem !important;
  letter-spacing:.29em !important;
}

.footer-logo-box{
  width:70px !important;
  height:70px !important;
  min-width:70px !important;
  flex:0 0 70px !important;
  padding:6px !important;
}

/* Laptop standard */
@media(max-width:1450px){
  .site-header .header-inner{
    min-height:112px !important;
  }

  .site-header .brand-logo-mark{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    flex-basis:96px !important;
  }

  .site-header .brand-name{
    font-size:1.68rem !important;
  }
}

/* Tablette */
@media(max-width:1100px){
  .site-header .header-inner{
    min-height:96px !important;
  }

  .site-header .brand-logo-mark{
    width:76px !important;
    height:76px !important;
    min-width:76px !important;
    flex-basis:76px !important;
  }

  .site-header .brand-name{
    font-size:1.46rem !important;
  }
}

/* Mobile */
@media(max-width:900px){
  .site-header .brand-logo-mark{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    flex-basis:62px !important;
  }

  .site-header .brand-with-logo{
    gap:12px !important;
  }

  .site-header .header-inner{
    min-height:auto !important;
  }
}

@media(max-width:560px){
  .site-header .brand-logo-mark{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    flex-basis:54px !important;
  }

  .site-header .brand-name{
    font-size:1.22rem !important;
  }

  .site-header .brand-tag{
    font-size:.42rem !important;
    letter-spacing:.17em !important;
  }
}


/* ============================================================
   MCC FONCIERE — HERO ACCUEIL V12
   Réduction typographique pour équilibrer avec "Projets en cours"
   ============================================================ */

.home-hero .hero-copy{
  max-width:590px !important;
}

.home-hero .kicker{
  font-size:.61rem !important;
  letter-spacing:.22em !important;
  margin-bottom:14px !important;
}

.home-hero .hero-title{
  font-size:clamp(2.55rem, 3.25vw, 3.55rem) !important;
  line-height:1.03 !important;
  margin-bottom:18px !important;
  letter-spacing:-.025em !important;
}

.home-hero .hero-copy p{
  max-width:520px !important;
  font-size:.88rem !important;
  line-height:1.52 !important;
  margin-bottom:22px !important;
}

.home-hero .primary-btn{
  font-size:.82rem !important;
  padding:12px 18px !important;
}

/* Laptop standard */
@media(max-width:1450px){
  .home-hero .hero-title{
    font-size:clamp(2.4rem, 3vw, 3.15rem) !important;
  }

  .home-hero .hero-copy{
    max-width:540px !important;
  }
}

/* Ecrans de faible hauteur */
@media(min-width:901px) and (max-height:850px){
  .home-hero .hero-title{
    font-size:2.65rem !important;
    margin-bottom:15px !important;
  }

  .home-hero .hero-copy p{
    font-size:.84rem !important;
  }
}

/* Tablette */
@media(max-width:1100px){
  .home-hero .hero-title{
    font-size:2.5rem !important;
  }
}

/* Mobile */
@media(max-width:900px){
  .home-hero .hero-title{
    font-size:clamp(2.15rem, 8vw, 2.7rem) !important;
  }

  .home-hero .hero-copy p{
    font-size:.87rem !important;
  }
}

@media(max-width:560px){
  .home-hero .hero-title{
    font-size:2.05rem !important;
  }

  .home-hero .kicker{
    font-size:.57rem !important;
  }
}


/* ============================================================
   MCC FONCIERE — V14
   Conviction plus discrète + footer plus ample
   ============================================================ */

/* ---------- NOTRE CONVICTION ---------- */

.conviction{
  padding-top:28px !important;
  padding-bottom:28px !important;
}

.conviction-grid{
  gap:42px !important;
}

.conviction .section-kicker{
  font-size:.56rem !important;
  letter-spacing:.20em !important;
  margin-bottom:8px !important;
}

.conviction h2{
  font-size:clamp(1.65rem,2.15vw,2.25rem) !important;
  line-height:1.08 !important;
  max-width:620px !important;
}

.conviction p{
  font-size:.79rem !important;
  line-height:1.48 !important;
  max-width:560px !important;
}

/* ---------- FOOTER PLUS LARGE ---------- */

.premium-footer-grid{
  min-height:178px !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
  gap:52px !important;
}

.premium-footer-logo{
  width:96px !important;
  height:96px !important;
  flex:0 0 96px !important;
}

.premium-footer-brand{
  gap:20px !important;
}

.premium-footer-name{
  font-size:1.5rem !important;
}

.premium-footer-tag{
  margin-top:9px !important;
  font-size:.55rem !important;
  letter-spacing:.24em !important;
  line-height:1.45 !important;
}

.premium-footer-contact-label{
  font-size:.59rem !important;
}

.premium-footer-contact a{
  font-size:.82rem !important;
}

/* Laptop standard */
@media(max-width:1450px){
  .premium-footer-grid{
    min-height:164px !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
    gap:38px !important;
  }

  .premium-footer-logo{
    width:84px !important;
    height:84px !important;
    flex-basis:84px !important;
  }

  .premium-footer-name{
    font-size:1.38rem !important;
  }

  .conviction h2{
    font-size:1.95rem !important;
  }
}

/* Tablette */
@media(max-width:1100px){
  .premium-footer-grid{
    min-height:auto !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
  }

  .premium-footer-logo{
    width:76px !important;
    height:76px !important;
    flex-basis:76px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  .premium-footer-logo{
    width:70px !important;
    height:70px !important;
    flex-basis:70px !important;
  }

  .conviction{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .conviction h2{
    font-size:1.7rem !important;
  }

  .conviction p{
    font-size:.8rem !important;
  }
}


/* MCC Foncière - navigation fiche projet */

.project-full#arras {
    position: relative;
}

.project-full#arras::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.project-full#arras .project-link {
    display: inline-flex;
    margin-top: 12px;
    color: #3282ee;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
}

.project-full#arras .project-link:hover {
    text-decoration: underline;
}

.project-full#arras img,
.project-full#arras h2 {
    cursor: pointer;
}


/* MCC Foncière - lien fiche Hayange */

.project-full#hayange .project-link{
    display:inline-flex;
    margin:7px 0 8px;
    color:#3282ee;
    font-size:.76rem;
    font-weight:700;
    text-decoration:none;
}

.project-full#hayange .project-link:hover{
    text-decoration:underline;
}


/* MCC Foncière - lien carte Hayange accueil */
.project-link{
    display:inline-flex;
    margin:8px 0 10px;
    color:#3282ee;
    font-size:.76rem;
    font-weight:700;
    text-decoration:none;
}

.project-link:hover{
    text-decoration:underline;
}

/* =========================================================
   MCC FONCIERE - TYPOGRAPHIE CARTES PROJETS ACCUEIL
   Arras et Hayange strictement identiques
   ========================================================= */

.home-projects h3,
.project-card h3 {
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 400 !important;
    font-size: 1.35rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

.home-projects .project-type,
.project-card .project-type {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .67rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.home-projects .project-meta,
.home-projects .project-meta span,
.home-projects .project-meta b,
.project-card .project-meta,
.project-card .project-meta span,
.project-card .project-meta b {
    font-family: Arial, Helvetica, sans-serif !important;
}

.home-projects .project-meta span,
.project-card .project-meta span {
    font-size: .72rem !important;
    font-weight: 400 !important;
}

.home-projects .project-meta b,
.project-card .project-meta b {
    font-size: .72rem !important;
    font-weight: 700 !important;
}

.home-projects .project-link,
.project-card .project-link {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: .73rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}