/* ============================================================
   fiu. — page d'accueil (identité 2026). Couche « page » :
   chargée après fiu/core.css, uniquement sur la home.
   ============================================================ */
@layer page{
/* ——— hero : la photo pleine largeur, la recherche posée dessus ——— */
.fiu-hero{position:relative;overflow:hidden;margin:26px var(--fiu-page-pad) 0;border-radius:var(--r-surface);min-height:min(76vh,760px);display:flex;align-items:center;padding:44px 0;background:var(--sable)}
.fiu-hero__photo{position:absolute;inset:0}
.fiu-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.fiu-hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,250,.88) 0%,rgba(255,252,250,.82) 34%,rgba(255,252,250,.42) 52%,rgba(255,252,250,0) 68%)}
.fiu-hero__inner{position:relative;width:100%}
.fiu-hero__content{max-width:640px;margin:0 4%;padding:34px 30px}
.fiu-hero .fiu-h1{margin:12px 0}
.fiu-hero__lead{max-width:52ch;color:var(--anthracite-clair)}
.fiu-hero__search{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;align-items:stretch}
.fiu-hero__search .fiu-field--city{flex:1 1 220px}
.fiu-hero__secondary{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:center}
.fiu-hero__rating{display:flex;align-items:center;gap:7px;margin:14px 0 0;font:500 var(--fs-12-5)/1.4 var(--font-sans);color:var(--anthracite-clair)}
.fiu-hero__rating svg{width:14px;height:14px;flex-shrink:0}
.pac-container{z-index:1200!important;border-radius:var(--r-bouton);font-family:var(--font-sans)}

/* ——— familles de bureaux ——— */
.fiu-famille{display:flex;flex-direction:column;background:var(--creme);border:var(--fiu-filet);border-radius:var(--r-carte);overflow:hidden;color:inherit;transition:box-shadow var(--duree) ease}
.fiu-famille:hover{box-shadow:var(--fiu-ombre-carte);color:inherit}
.fiu-famille__media{aspect-ratio:16/10;background:var(--sable);overflow:hidden}
.fiu-famille__media img{width:100%;height:100%;object-fit:cover}
.fiu-famille__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.fiu-famille__title{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-21);line-height:1.2;letter-spacing:-.01em;color:var(--anthracite)}
.fiu-famille__body p{font:400 var(--fs-14)/1.55 var(--font-sans);color:var(--kaki-texte)}
.fiu-famille__more{margin-top:auto;padding-top:14px;font:600 var(--fs-13)/1.3 var(--font-sans);color:var(--terracotta-profond)}
.fiu-famille:hover .fiu-famille__more{color:var(--terracotta)}

/* ——— bandeau plein (sable ou anthracite) ——— */
.fiu-band{position:relative;overflow:hidden;border-radius:var(--r-surface);padding:44px 38px;display:flex;gap:34px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.fiu-band--sombre{background:var(--anthracite);color:var(--blush)}
.fiu-band--sable{background:var(--sable);border:1px solid rgba(47,33,29,.1)}
.fiu-band__inner{flex:1 1 420px;position:relative;z-index:1}
.fiu-band__title{margin:0 0 12px;font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.1;letter-spacing:-.015em;color:var(--anthracite);text-wrap:pretty}
.fiu-band__text{margin:0 0 20px;font:400 var(--fs-16)/1.62 var(--font-sans);color:var(--kaki-texte);max-width:64ch}
.fiu-band--sombre .fiu-band__title,.fiu-band--sombre strong{color:var(--blush)}
.fiu-band--sombre .fiu-band__text{color:var(--kaki)}
.fiu-band .fiu-eyebrow+.fiu-band__title{margin-top:10px}

/* ——— duo : chercher / louer ——— */
.fiu-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--fiu-gap-grille);margin-top:30px}
.fiu-duo__panel{position:relative;overflow:hidden;border-radius:var(--r-carte);padding:34px 30px;display:flex;flex-direction:column;gap:14px}
.fiu-duo__panel--sable{background:var(--sable);border:1px solid rgba(47,33,29,.1)}
.fiu-duo__panel--sombre{background:var(--anthracite);color:var(--blush)}
.fiu-duo__title{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-26);line-height:1.15;letter-spacing:-.015em;color:var(--anthracite);text-wrap:pretty}
.fiu-duo__text{font:400 var(--fs-15)/1.6 var(--font-sans);color:var(--kaki-texte);position:relative;z-index:1}
.fiu-duo__text span{display:block;margin-bottom:6px}
.fiu-duo__panel--sombre .fiu-duo__title,.fiu-duo__panel--sombre strong{color:var(--blush)}
.fiu-duo__panel--sombre .fiu-duo__text{color:var(--kaki)}
.fiu-duo__cta{margin-top:auto;padding-top:8px;position:relative;z-index:1}
.fiu-duo .fiu-marker--deco{right:-24px;bottom:-30px;width:180px;height:180px;opacity:.14}

/* ——— piliers ——— */
.fiu-pilier__title{margin:0 0 10px;font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-24);line-height:1.2;letter-spacing:-.01em;color:var(--anthracite)}
.fiu-pilier p{margin:0 0 10px;font:400 var(--fs-14)/1.6 var(--font-sans);color:var(--kaki-texte)}
.fiu-pilier p:last-child{margin-bottom:0}
.fiu-piliers__cta{margin-top:26px;display:flex;justify-content:center}

/* ——— en bref / le résultat ——— */
.fiu-brief{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--fiu-gap-grille);margin-top:30px}
.fiu-brief__list{display:flex;flex-direction:column;gap:14px}
.fiu-brief__list li{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.25;letter-spacing:-.01em;color:var(--blush);padding-bottom:14px;border-bottom:1px solid var(--ligne-claire)}
.fiu-brief__list li:last-child{border-bottom:none;padding-bottom:0}
.fiu-brief__cta{margin-top:22px}
.fiu-brief__result{display:flex;flex-direction:column;justify-content:center}
.fiu-brief--single{grid-template-columns:minmax(0,1fr)}
.fiu-picto{width:46px;height:46px}

/* ——— le parcours de la décision ——— */
.fiu-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.fiu-step{display:flex;flex-direction:column;gap:6px;padding:18px 0 0;border-top:1px solid rgba(251,243,239,.22)}
.fiu-step__num{font:600 var(--fs-12-5)/1 var(--font-mono);letter-spacing:.08em;color:var(--terracotta)}
.fiu-step__title{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.2;letter-spacing:-.01em;color:var(--blush)}
.fiu-step__text{font:400 var(--fs-15)/1.55 var(--font-sans);color:var(--kaki)}

/* ——— bloc de fin : prêt à décider ——— */
.fiu-final{justify-content:center;text-align:center;max-width:760px;margin-inline:auto}
.fiu-final .fiu-band__inner{flex:0 1 640px}
.fiu-final__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:6px 0 22px}
.fiu-signature{margin:0;font:italic 400 var(--fs-16)/1.5 var(--font-serif);color:var(--kaki-texte)}
.fiu-signature strong{font-style:normal;font-weight:600;color:var(--anthracite)}
.fiu-brief__resulttext{font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.15;letter-spacing:-.015em;color:var(--anthracite);text-wrap:pretty}

/* ——— clients ——— */
.fiu-clients{display:flex;gap:34px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:52px;padding:30px 0;border-top:var(--fiu-filet);border-bottom:var(--fiu-filet)}
.fiu-clients__label{flex:1 1 240px;font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.25;letter-spacing:-.01em;color:var(--anthracite)}
.fiu-clients__logos{flex:2 1 520px;display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.fiu-clients__logos img{height:38px;width:auto;opacity:.62;filter:grayscale(1);transition:opacity var(--duree) ease}
.fiu-clients__logos img:hover{opacity:1}

/* ——— parole (témoignage) ——— */
.fiu-parole{background:var(--sable);border:1px solid rgba(47,33,29,.1);border-radius:var(--r-carte);padding:38px 34px;display:flex;gap:34px;align-items:center;flex-wrap:wrap;margin-top:30px}
.fiu-parole__quote{flex:1 1 380px}
.fiu-parole__quote .fiu-eyebrow{margin-bottom:14px}
.fiu-parole__author{margin-top:18px;font:400 var(--fs-11-5)/1.6 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--kaki-texte)}
.fiu-parole__marker{opacity:.6;flex-shrink:0}

/* ——— article (prose éditoriale) ——— */
.fiu-article{margin-top:30px}
.fiu-article h3{margin:38px 0 12px;font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-26);line-height:1.2;letter-spacing:-.015em;color:var(--anthracite)}
.fiu-article h4{margin:26px 0 10px;font-family:var(--font-sans);font-weight:700;font-size:var(--fs-16);line-height:1.3;letter-spacing:-.01em;color:var(--anthracite)}
.fiu-article p{margin:0 0 16px;font:400 var(--fs-16)/1.62 var(--font-sans);color:var(--kaki-texte)}
.fiu-article ul{margin:0 0 16px}
.fiu-article li{position:relative;padding-left:22px;margin-bottom:12px;font:400 var(--fs-15)/1.6 var(--font-sans);color:var(--kaki-texte)}
/* la puce est le point de la marque, jamais un picto */
.fiu-article li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--terracotta)}
.fiu-article strong{color:var(--anthracite);font-weight:600}
.fiu-article a{text-decoration:underline;text-decoration-color:rgba(163,78,53,.4);text-underline-offset:3px}
.fiu-article a:hover{text-decoration-color:var(--terracotta)}

/* ——— FAQ ——— */
.fiu-faq{margin-top:30px}
.fiu-faq details{border-bottom:var(--fiu-filet);padding:16px 0}
.fiu-faq summary{cursor:pointer;list-style:none;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-15-5);line-height:1.4;color:var(--anthracite);display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.fiu-faq summary::-webkit-details-marker{display:none}
.fiu-faq summary::after{content:"+";font-family:var(--font-mono);font-size:var(--fs-19);color:var(--terracotta);line-height:1;flex-shrink:0}
.fiu-faq details[open] summary::after{content:"–"}
.fiu-faq details p{margin:12px 0 0;font:400 var(--fs-15)/1.6 var(--font-sans);color:var(--kaki-texte)}
.fiu-faq a{text-decoration:underline;text-underline-offset:3px}

/* ——— pages catégories (maillage bas de page) ——— */
.fiu-links{margin-top:30px}
.fiu-links__group{margin-bottom:38px}
.fiu-links__group:last-child{margin-bottom:0}
/* étiquette mono : les intitulés de catégorie arrivent en capitales de la base,
   et les capitales n'appartiennent qu'au mono dans le système. */
.fiu-links__title{margin:0 0 18px;padding-bottom:12px;border-bottom:var(--fiu-filet);font:600 var(--fs-11-5)/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kaki-texte)}
.fiu-links__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 20px}
.fiu-links__cols li{margin-bottom:8px}
.fiu-links__cols a{font:400 var(--fs-13-5)/1.5 var(--font-sans);color:var(--kaki-texte)}
.fiu-links__cols a:hover{color:var(--terracotta)}

/* ——— responsive ——— */
@media (max-width:640px){
  .fiu-hero{margin:14px var(--fiu-page-pad) 0;padding:18px 0;min-height:auto}
  .fiu-hero__content{margin:0 4%;padding:24px 18px}
  .fiu-hero__photo::after{background:rgba(255,252,250,.9)}
  .fiu-hero__secondary .fiu-btn{flex:1 1 100%}
  .fiu-band{padding:30px 24px}
  .fiu-marker--deco{display:none}
  .fiu-duo__panel{padding:26px 22px}
  .fiu-parole{padding:28px 22px}
  .fiu-parole__marker{display:none}
  .fiu-clients__logos img{height:30px}
}
}