/* ==========================================================
   BLOOPIN HOME — INVESTMENT VALUE V3
   Intro regroupée à gauche + photo à droite.
========================================================== */

.bp-home-investment{
  position:relative;
  padding:clamp(18px,3vw,42px) 0;
  overflow:clip;
}

.bp-home-investment,
.bp-home-investment *{
  box-sizing:border-box;
}

.bp-home-investment__inner{
  width:min(1540px,calc(100vw - 32px));
  margin-left:50%;
  transform:translateX(-50%);
}

.bp-home-investment__panel{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  column-gap:clamp(42px,5vw,82px);
  row-gap:clamp(22px,2.2vw,34px);
  padding:clamp(34px,3.8vw,56px);
  border:0;
  border-radius:clamp(26px,2.6vw,36px);
  background:var(--surface,#fff);
  box-shadow:0 18px 46px rgba(15,23,42,.04);
}

.bp-home-investment__intro,
.bp-home-investment__details,
.bp-home-investment__closing{
  min-width:0;
}

.bp-home-investment__intro{
  align-self:center;
}

.bp-home-investment__title{
  margin:0;
  max-width:760px;
  color:var(--text,#0F172A);
  font-size:clamp(2.2rem,3.2vw,3.2rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
  text-wrap:balance;
}

.bp-home-investment__title span{
  display:block;
  color:var(--primary,#22A1EE);
}

.bp-home-investment__lead{
  max-width:720px;
  margin:clamp(20px,2.2vw,28px) 0 0;
}

.bp-home-investment__summary{
  display:grid;
  gap:clamp(13px,1.25vw,18px);
  max-width:760px;
  margin-top:clamp(18px,2vw,26px);
}

.bp-home-investment__lead,
.bp-home-investment__summary p,
.bp-home-investment__details p,
.bp-home-investment__closing p{
  color:var(--text-soft,#64748B);
  font-size:clamp(1rem,.34vw + .94rem,1.12rem);
  line-height:1.72;
  font-weight:400;
  text-wrap:pretty;
}

.bp-home-investment__summary p,
.bp-home-investment__details p,
.bp-home-investment__closing p{
  margin:0;
}

.bp-home-investment__summary strong{
  color:var(--text,#0F172A);
  font-weight:750;
}

.bp-home-investment__media{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:clamp(22px,2.2vw,30px);
  background:#1f1712;
}

.bp-home-investment__media--desktop{
  align-self:stretch;
  min-height:460px;
  max-height:620px;
}

.bp-home-investment__media--mobile{
  display:none;
}

.bp-home-investment__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 44%;
}

.bp-home-investment__figures{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,.72fr) minmax(0,1.56fr);
  gap:clamp(12px,1.5vw,20px);
}

.bp-home-investment__figure{
  min-width:0;
  padding:clamp(18px,2vw,26px);
  border:0;
  border-radius:22px;
  background:var(--surface-soft,#F1F7FD);
}

.bp-home-investment__figure span,
.bp-home-investment__figure small{
  display:block;
  color:var(--text-soft,#64748B);
}

.bp-home-investment__figure span{
  margin-bottom:7px;
  font-size:.82rem;
  line-height:1.35;
  font-weight:700;
}

.bp-home-investment__figure strong{
  display:block;
  color:var(--text,#0F172A);
  font-size:clamp(1.55rem,2.3vw,2.35rem);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:800;
  text-wrap:balance;
}

.bp-home-investment__figure--wide strong{
  font-size:clamp(1.3rem,1.8vw,1.9rem);
  line-height:1.08;
}

.bp-home-investment__figure small{
  margin-top:7px;
  font-size:.88rem;
  line-height:1.4;
  font-weight:500;
}

.bp-home-investment__details{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(16px,2vw,28px) clamp(28px,4vw,64px);
}

.bp-home-investment__toggle{
  display:none;
}

.bp-home-investment__closing{
  grid-column:1 / -1;
  padding-top:clamp(20px,2vw,28px);
  border-top:1px solid var(--border,#E5EEF6);
}

.bp-home-investment__closing strong{
  color:var(--text,#0F172A);
  font-weight:750;
}

/* Tablette */
@media (max-width:1050px){
  .bp-home-investment{
    overflow:visible;
    padding-inline:12px;
  }

  .bp-home-investment__inner{
    width:100%;
    max-width:none;
    margin-left:0;
    transform:none;
  }

  .bp-home-investment__panel{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:26px;
    padding:clamp(30px,4.5vw,44px);
  }

  .bp-home-investment__title{
    max-width:820px;
    font-size:clamp(2.2rem,5vw,3.2rem);
  }

  .bp-home-investment__lead,
  .bp-home-investment__summary{
    max-width:920px;
  }

  .bp-home-investment__media--desktop{
    display:none;
  }

  .bp-home-investment__media--mobile{
    display:block;
    aspect-ratio:16 / 9;
    margin-top:clamp(22px,3vw,30px);
  }

  .bp-home-investment__media--mobile img{
    object-position:center 42%;
  }

  .bp-home-investment__figures,
  .bp-home-investment__details,
  .bp-home-investment__closing{
    grid-column:auto;
  }

  .bp-home-investment__figures{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Mobile */
@media (max-width:767px){
  .bp-home-investment{
    padding:16px 8px 24px;
  }

  .bp-home-investment__panel{
    width:100%;
    row-gap:20px;
    padding:23px 18px;
    border-radius:26px;
  }

  .bp-home-investment__title{
    font-size:clamp(1.9rem,8.5vw,2.55rem);
    line-height:1.04;
    letter-spacing:-.042em;
  }

  .bp-home-investment__media--mobile{
    aspect-ratio:16 / 10;
    margin-top:18px;
    border-radius:20px;
  }

  .bp-home-investment__media--mobile img{
    object-position:center 45%;
  }

  .bp-home-investment__lead{
    margin-top:18px;
  }

  .bp-home-investment__summary{
    gap:11px;
    margin-top:17px;
  }

  .bp-home-investment__lead,
  .bp-home-investment__summary p,
  .bp-home-investment__details p,
  .bp-home-investment__closing p{
    font-size:.94rem;
    line-height:1.58;
  }

  .bp-home-investment__figures{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .bp-home-investment__figure{
    padding:15px 13px;
    border-radius:18px;
  }

  .bp-home-investment__figure--wide{
    grid-column:1 / -1;
  }

  .bp-home-investment__figure span{
    font-size:.72rem;
  }

  .bp-home-investment__figure strong{
    font-size:clamp(1.4rem,7vw,1.8rem);
  }

  .bp-home-investment__figure--wide strong{
    font-size:1.16rem;
    line-height:1.15;
  }

  .bp-home-investment__figure small{
    margin-top:5px;
    font-size:.76rem;
  }

  .bp-home-investment__details{
    display:block;
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:
      max-height .38s cubic-bezier(.2,.7,.2,1),
      opacity .24s ease,
      visibility 0s linear .38s;
  }

  .bp-home-investment__details p + p{
    margin-top:13px;
  }

  .bp-home-investment__details.is-open{
    max-height:900px;
    opacity:1;
    visibility:visible;
    transition:
      max-height .46s cubic-bezier(.2,.7,.2,1),
      opacity .28s ease,
      visibility 0s;
  }

  .bp-home-investment__toggle{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:48px;
    margin:0;
    padding:13px 15px;
    border:0;
    border-radius:15px;
    background:rgba(34,161,238,.075);
    color:var(--text,#0F172A);
    font:inherit;
    font-size:.9rem;
    line-height:1.35;
    font-weight:700;
    text-align:left;
    cursor:pointer;
  }

  .bp-home-investment__toggle:hover{
    background:rgba(34,161,238,.11);
  }

  .bp-home-investment__toggle:focus-visible{
    outline:none;
    box-shadow:0 0 0 4px rgba(34,161,238,.15);
  }

  .bp-home-investment__toggle-icon{
    position:relative;
    flex:0 0 18px;
    width:18px;
    height:18px;
  }

  .bp-home-investment__toggle-icon::before,
  .bp-home-investment__toggle-icon::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:12px;
    height:2px;
    border-radius:999px;
    background:var(--primary,#22A1EE);
    transform:translate(-50%,-50%);
    transition:transform .24s ease;
  }

  .bp-home-investment__toggle-icon::after{
    transform:translate(-50%,-50%) rotate(90deg);
  }

  .bp-home-investment__toggle[aria-expanded="true"] .bp-home-investment__toggle-icon::after{
    transform:translate(-50%,-50%) rotate(0deg);
  }

  .bp-home-investment__closing{
    padding-top:17px;
  }
}

@media (max-width:390px){
  .bp-home-investment__panel{
    padding:21px 14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .bp-home-investment__details,
  .bp-home-investment__toggle-icon::before,
  .bp-home-investment__toggle-icon::after{
    transition:none !important;
  }
}
