/* ============ SECTIONS 6-11 + RESPONSIVE ============ */
/* 06 pourquoi */
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem) clamp(2rem,5vw,6rem)}
.pillar{display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.pillar--num .tp-figure{margin-bottom:.5rem}
.pillar__t{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.2vw,2rem)}
.pillar__d{max-width:18em;font-size:.95rem;color:color-mix(in srgb,var(--ink) 70%,transparent)}

/* 07 marché */
.market__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,5rem) clamp(2rem,4vw,4rem);margin-block:clamp(2.5rem,5vw,4.5rem)}
.stat{display:flex;flex-direction:column;gap:.6rem}
.stat__n{font-family:var(--serif);font-weight:300;font-size:clamp(4rem,9vw,9rem);line-height:.85;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.stat__l{max-width:13em;font-size:.95rem;line-height:1.5;opacity:.75}
.market__close{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.5vw,2.2rem);line-height:1.3;max-width:19em;opacity:.9}

/* 08 investissement */
.invest__reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-block:clamp(2.5rem,5vw,4rem)}
.invest__r{padding:1.5rem;border-top:2px solid var(--ink);display:flex;flex-direction:column;gap:1rem}
.invest__r .num{font-family:var(--sans);font-size:.75rem;letter-spacing:.15em;color:var(--accent);font-weight:500}
.invest__r .tp-h3{font-size:clamp(1.2rem,1.8vw,1.6rem)}
.invest__r .tp-body{font-size:.92rem}
.invest__use{border:1px solid var(--line);padding:clamp(1.5rem,3vw,2.5rem);margin-block:clamp(2rem,4vw,3rem);max-width:28em;margin-left:auto;border-left:3px solid var(--accent)}
.invest__use .tp-label{margin-bottom:.8rem}
.invest__use p{font-size:1.05rem;line-height:1.6}
.invest__conv{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.2;color:var(--accent);max-width:15em;margin-block:clamp(2rem,4vw,3.5rem)}
.invest__cta{text-align:center;padding-block:clamp(2rem,4vw,3rem)}
.invest__btn{display:inline-flex;align-items:center;gap:.8em;background:var(--ink);color:var(--bg);font-weight:500;font-size:1rem;padding:1.3em 2.2em;transition:background .3s}
.invest__btn:hover{background:var(--accent)}

/* 09 vision */
.vision{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--pad)}
.vision .tp-h1{max-width:7em;margin-block:1.5rem}
.vision__body{max-width:21em;font-size:1.05rem;line-height:1.6;opacity:.85;margin-bottom:2rem}
.vision__quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--accent);margin-bottom:1.5rem}
.vision__merci{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}

/* 10 footer */
.footer{background:var(--bg-dark);color:var(--ink-inv);border-top:1px solid rgba(245,242,236,.12);padding:clamp(3rem,6vw,5rem) var(--pad) 0;position:relative;overflow:hidden}
.footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:clamp(2rem,4vw,4rem);max-width:1680px;margin-inline:auto;padding-bottom:clamp(2rem,4vw,3rem)}
.footer__brand{display:flex;flex-direction:column;gap:1.2rem}
.footer__logo{font-family:var(--serif);font-size:1.15rem;letter-spacing:.14em;display:flex;align-items:center;gap:.6em}
.footer__logo-img{width:38px;height:38px;object-fit:contain;flex:none}
.footer__col{display:flex;flex-direction:column;gap:.75rem}
.footer__h{font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.footer__col a,.footer__col span{font-size:.92rem;opacity:.68;transition:opacity .3s,color .3s;width:fit-content}
.footer__col a:hover{opacity:1;color:var(--accent)}
.footer__wordmark{font-family:var(--serif);font-weight:300;font-size:clamp(3.2rem,13vw,14rem);line-height:.78;letter-spacing:-.02em;text-align:center;color:var(--ink-inv);margin-top:clamp(1rem,3vw,2rem);white-space:nowrap;user-select:none}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;max-width:1680px;margin-inline:auto;padding-block:1.6rem;border-top:1px solid rgba(245,242,236,.12);font-size:.8rem;opacity:.55}
.footer__bottom a{transition:opacity .3s}
.footer__bottom a:hover{opacity:1}

/* responsive */
@media(max-width:1023px){
.sol-row{grid-template-columns:50px 1fr;gap:.4rem 1.5rem}
.sol-row__d{grid-column:2;font-size:.88rem}
.sol-row__img{display:none}
.steps{grid-template-columns:1fr 1fr;gap:2.5rem}
.steps::before{display:none}
.invest__reasons{grid-template-columns:1fr 1fr}
.pillars{grid-template-columns:1fr}
.market__grid{grid-template-columns:1fr 1fr}
.construction__gallery{grid-template-columns:1fr 1fr}
}
@media(max-width:719px){
:root{--nav-h:var(--nav-h-m)}
.footer__top{grid-template-columns:1fr;gap:2rem}
.footer__wordmark{font-size:clamp(2.6rem,15vw,4rem);white-space:nowrap}
.footer__bottom{flex-direction:column;align-items:flex-start;gap:.8rem}
.hero__title{max-width:100%}
.hero__sub{margin-top:1.5rem}
.hero__actions{gap:1.2rem}
.hero__btn{width:100%;justify-content:center}
.nav__links{display:none}
.nav__burger{display:block}
.nav__cta--m{display:inline-flex}
.nav__links .nav__cta{display:none}
.problem__list{grid-template-columns:1fr}
.problem__item + .problem__item{border-left:0;border-top:1px solid var(--line)}
.problem__close{margin-inline:0;text-align:left}
.steps{grid-template-columns:1fr}
.invest__reasons{grid-template-columns:1fr;gap:1.5rem}
.invest__r{border-left:2px solid var(--ink);border-top:0;padding-left:1.2rem;padding-block:.5rem}
.invest__use{margin-left:0}
.market__grid{grid-template-columns:1fr;gap:2.5rem}
.g-item{grid-template-columns:1fr;gap:1rem}
.g-item__img{grid-column:1/-1!important;aspect-ratio:4/3}
.g-item--rev .g-item__img{grid-column:1/-1!important}
.g-item__cap{grid-column:1/-1!important;order:0!important;padding-bottom:0}
.mission{grid-template-columns:1fr}
.mission__t,.mission__b{grid-column:1/-1!important}
.mission__b{padding-top:0}
.mission__team{grid-template-columns:1fr}
.construction__gallery{grid-template-columns:1fr}
}
