/* ============================================================
   fiu. — pages de contenu et formulaires publics (identité 2026) :
   recherche sur mesure, publier une annonce, contact, location de
   bureaux, coworking, guides, achat, investissement.
   Couche « page », chargée après fiu/core.css.
   ============================================================ */
@layer page{
/* ——— héros photo + texte ——— */
.fiu-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:440px;margin:26px var(--fiu-page-pad) 0;overflow:hidden;border-radius:var(--r-surface);background:var(--sable)}
.fiu-split__media{position:relative;min-height:280px;background:var(--sable)}
.fiu-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fiu-split__body{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:48px 44px}
.fiu-split .fiu-h1{margin:0}
.fiu-split .fiu-lead{max-width:56ch;margin:0}
.fiu-split__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.fiu-split--creme .fiu-split__body{background:var(--creme)}
.fiu-split--sombre .fiu-split__body{background:var(--anthracite)}
.fiu-split--sombre .fiu-h1,.fiu-split--sombre strong,.fiu-split--sombre b{color:var(--blush)}
.fiu-split--sombre .fiu-lead{color:var(--kaki)}

/* ——— héros photo pleine largeur, carte posée dessus ——— */
.fiu-cover{position:relative;display:flex;align-items:flex-end;min-height:min(62vh,560px);margin:26px var(--fiu-page-pad) 0;padding:40px;overflow:hidden;border-radius:var(--r-surface);background:var(--sable)}
.fiu-cover__media{position:absolute;inset:0}
.fiu-cover__media img{width:100%;height:100%;object-fit:cover}
.fiu-cover__card{position:relative;max-width:720px;padding:30px;border:var(--fiu-filet);border-radius:var(--r-carte);background:rgba(255,252,250,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fiu-cover__card .fiu-h1{margin:0}
.fiu-cover__card .fiu-lead{margin:10px 0 0}

/* ——— texte + formulaire ——— */
.fiu-with-form{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}
.fiu-with-form__aside{position:sticky;top:calc(var(--fiu-header-h) + 20px)}

/* ——— prose éditoriale ——— */
.fiu-prose{color:var(--anthracite-clair);font:400 var(--fs-16)/1.65 var(--font-sans)}
.fiu-prose>:first-child{margin-top:0}
.fiu-anchor{display:block;height:0;scroll-margin-top:calc(var(--fiu-header-h) + 20px)}
.fiu-prose h2{margin:44px 0 14px;padding-top:20px;border-top:var(--fiu-filet-section);scroll-margin-top:calc(var(--fiu-header-h) + 20px);color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.12;letter-spacing:-.015em;text-wrap:pretty}
.fiu-prose>h2:first-child{margin-top:0}
.fiu-prose h3{margin:26px 0 8px;color:var(--anthracite);font:700 var(--fs-16)/1.35 var(--font-sans);letter-spacing:-.005em}
.fiu-prose p{margin:0 0 14px}
.fiu-prose ul{margin:0 0 18px;padding:0;list-style:none}
.fiu-prose li{position:relative;margin-bottom:10px;padding-left:20px}
/* la puce est le point de la marque, jamais un picto */
.fiu-prose li::before{content:"";position:absolute;left:0;top:.66em;width:6px;height:6px;border-radius:50%;background:var(--terracotta)}
.fiu-prose li>h3{margin:0 0 4px}
.fiu-prose li>p{margin:0}
.fiu-prose :is(b,strong){color:var(--anthracite);font-weight:600}
.fiu-prose a{color:var(--terracotta-profond);text-decoration:underline;text-decoration-color:rgba(163,78,53,.4);text-underline-offset:3px}
.fiu-prose a:hover{color:var(--terracotta);text-decoration-color:var(--terracotta)}
.fiu-note{margin:18px 0;padding:18px 20px;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme)}
.fiu-note p{margin:0 0 4px}
.fiu-link-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 28px}
.fiu-link-cols li{padding-left:0;margin-bottom:8px}
.fiu-link-cols li::before{display:none}
.fiu-link-cols a{font-weight:500;text-decoration:none}
.fiu-link-cols a:hover{text-decoration:underline}

/* ——— sommaire collant ——— */
.fiu-toc-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:56px;align-items:start}
.fiu-toc{position:sticky;top:calc(var(--fiu-header-h) + 24px);display:flex;flex-direction:column;gap:18px}
.fiu-toc__list{margin:0;padding:0;list-style:none;border-left:var(--fiu-filet)}
.fiu-toc__list a{display:block;margin-left:-1px;padding:7px 0 7px 16px;border-left:2px solid transparent;color:var(--kaki-texte);font:500 var(--fs-13-5)/1.4 var(--font-sans);transition:var(--transition-couleur)}
.fiu-toc__list a:hover{color:var(--anthracite)}
.fiu-toc__list a.is-active{border-left-color:var(--terracotta);color:var(--anthracite);font-weight:600}

/* ——— formulaires ——— */
.fiu-form-card{overflow:hidden;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme);box-shadow:var(--fiu-ombre-carte)}
.fiu-form-card__head{padding:22px 24px 18px;border-bottom:var(--fiu-filet)}
.fiu-form-card__title{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-24);line-height:1.15;letter-spacing:-.01em}
.fiu-form-card__body{display:flex;flex-direction:column;gap:14px;padding:22px 24px 24px}
.fiu-form-card__foot{padding:16px 24px;border-top:var(--fiu-filet);font:400 var(--fs-14)/1.5 var(--font-sans)}
.fiu-form-card__lead{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-weight:600;font-size:var(--fs-21);line-height:1.2}
.fiu-form-text{margin:0;color:var(--anthracite-clair);font:400 var(--fs-15)/1.55 var(--font-sans)}
.fiu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fiu-form-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.fiu-form-field>label{color:var(--anthracite);font:600 var(--fs-13)/1.3 var(--font-sans)}
.fiu-form-field__hint{color:var(--kaki-texte);font-weight:400}
.fiu-form-input{width:100%;padding:12px 13px;border:1.5px solid var(--ligne);border-radius:var(--r-bouton);background:var(--blush);color:var(--anthracite);font:400 var(--fs-15)/1.4 var(--font-sans);transition:var(--transition-couleur)}
.fiu-form-input::placeholder{color:var(--kaki-texte)}
.fiu-form-input:focus{outline:2px solid var(--terracotta);outline-offset:2px;border-color:var(--anthracite);background:var(--creme)}
textarea.fiu-form-input{min-height:110px;resize:vertical}
.fiu-form-check{display:flex;align-items:flex-start;gap:10px;color:var(--anthracite);font:400 var(--fs-14)/1.45 var(--font-sans);cursor:pointer}
.fiu-form-check input{flex-shrink:0;width:18px;height:18px;margin:1px 0 0;accent-color:var(--anthracite);cursor:pointer}
.fiu-form-hint{margin:6px 0 0 28px;color:var(--kaki-texte);font:400 var(--fs-13)/1.45 var(--font-sans)}
.fiu-form-msg{margin:0;padding:12px 14px;border-radius:var(--r-bouton);font:500 var(--fs-14)/1.45 var(--font-sans)}
.fiu-form-msg ul{margin:0;padding:0;list-style:none}
.fiu-form-msg--error{border:1px solid var(--terracotta);background:var(--blush);color:var(--terracotta-profond)}
.fiu-form-msg--success{border:1px solid var(--ligne);background:var(--sable);color:var(--anthracite)}
.fiu-form-submit{width:100%;min-height:50px;font-size:var(--fs-15)}
.fiu-form-note{margin:0;color:var(--kaki-texte);font:400 var(--fs-12-5)/1.55 var(--font-sans)}
.fiu-otp-input{padding:14px;text-align:center;font:600 30px/1 var(--font-mono);letter-spacing:.4em}
.fiu-link-btn{padding:0;border:none;background:none;color:var(--terracotta-profond);font:600 var(--fs-14)/1.4 var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fiu-link-btn:hover{color:var(--terracotta)}

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

/* ——— bandeau d'appel ——— */
.fiu-cta-band{position:relative;overflow:hidden;padding:44px 38px;border-radius:var(--r-surface);background:var(--anthracite);color:var(--blush)}
.fiu-cta-band h2{margin:0 0 12px;color:var(--blush);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.12;letter-spacing:-.015em;text-wrap:pretty}
.fiu-cta-band p{max-width:64ch;margin:0 0 22px;color:var(--kaki);font:400 var(--fs-16)/1.62 var(--font-sans)}
.fiu-cta-band :is(b,strong){color:var(--blush)}
.fiu-cta-band--sable{border:1px solid rgba(47,33,29,.1);background:var(--sable);color:var(--anthracite)}
.fiu-cta-band--sable h2,.fiu-cta-band--sable :is(b,strong){color:var(--anthracite)}
.fiu-cta-band--sable p{color:var(--kaki-texte)}
.fiu-cta-band--center{text-align:center}
.fiu-cta-band--center p{margin-inline:auto}

/* ——— sélections par catégorie ——— */
.fiu-intro{max-width:78ch;margin:40px auto 0;padding:0 var(--fiu-page-pad);color:var(--anthracite-clair);font:400 var(--fs-16)/1.65 var(--font-sans);text-align:center}
.fiu-intro p{margin:0}
.fiu-select-section__desc{max-width:72ch;margin:10px 0 0;color:var(--kaki-texte);font:400 var(--fs-15)/1.6 var(--font-sans)}
.fiu-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin-top:22px}
.fiu-select-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme);color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-16);line-height:1.25;transition:box-shadow var(--duree) ease,border-color var(--duree) ease}
.fiu-select-card:hover{border-color:var(--anthracite);box-shadow:var(--fiu-ombre-carte);color:var(--anthracite)}
.fiu-select-card__arrow{flex-shrink:0;color:var(--terracotta);font:400 var(--fs-19)/1 var(--font-sans)}
.fiu-empty{padding:40px 0;color:var(--kaki-texte);text-align:center}

/* ——— rangées média / texte, grandes images ——— */
.fiu-media-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;margin-top:36px}
.fiu-media-row--reverse .fiu-media-row__media{order:2}
.fiu-media-row__media{overflow:hidden;aspect-ratio:4/3;border-radius:var(--r-carte);background:var(--sable)}
.fiu-media-row__media img{width:100%;height:100%;object-fit:cover}
.fiu-media-row .fiu-prose h3{margin-top:0}
.fiu-wide-img{margin:40px 0 0;overflow:hidden;aspect-ratio:21/9;border-radius:var(--r-surface);background:var(--sable)}
.fiu-wide-img img{width:100%;height:100%;object-fit:cover}

/* ——— contact ——— */
.fiu-contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.fiu-contact__intro{padding:40px 36px;border-radius:var(--r-surface);background:var(--sable)}
.fiu-contact__intro .fiu-h1{margin:0 0 10px}
.fiu-contact__intro .fiu-lead{margin:0}
.fiu-contact__info{display:flex;flex-direction:column;gap:2px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(47,33,29,.16);color:var(--anthracite);font:400 var(--fs-16)/1.6 var(--font-sans)}
.fiu-contact__info p{margin:0}
.fiu-contact__info a{font-weight:600}
.fiu-contact__social{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font:600 var(--fs-11-5)/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.fiu-contact__social a{color:var(--kaki-texte)}
.fiu-contact__social a:hover{color:var(--terracotta)}

/* ——— publier une annonce ——— */
.fiu-pa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.fiu-pa__pitch{padding:44px 38px;border-radius:var(--r-surface);background:var(--anthracite);color:var(--blush)}
.fiu-pa__pitch h2{margin:0 0 14px;color:var(--blush);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.12;letter-spacing:-.015em}
.fiu-pa__pitch p{margin:0 0 14px;color:var(--kaki);font:400 var(--fs-16)/1.62 var(--font-sans)}
.fiu-pa__pitch :is(b,strong){color:var(--blush)}
.fiu-pa__pitch .fiu-btn{margin-top:8px}

.fiu-narrow{width:100%;max-width:540px;margin:52px auto 0;padding:0 var(--fiu-page-pad)}
.fiu-section-heading{margin:0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-30);line-height:1.12;letter-spacing:-.015em;text-align:center}

/* ——— podcast ——— */
.fiu-podcast-intro{max-width:80ch}
.fiu-podcast-intro>.fiu-h2{margin:0 0 18px}
.fiu-podcast{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:start}
.fiu-podcast__actions{margin-top:22px}
.fiu-podcast__player{position:sticky;top:calc(var(--fiu-header-h) + 24px);overflow:hidden;border-radius:var(--r-carte)}
.fiu-podcast__player iframe{display:block;width:100%;height:420px;border:0}

/* ——— pages institutionnelles ——— */
.fiu-prose>.fiu-eyebrow+h2{margin-top:6px;padding-top:0;border-top:0}
.fiu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}
.fiu-portrait{max-width:80ch}
.fiu-cta-band .fiu-eyebrow{display:block;margin-bottom:10px}
.fiu-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.fiu-value{padding:26px 22px;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme)}
.fiu-value h3{margin:0 0 10px;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.2;letter-spacing:-.01em}
.fiu-value p{margin:0;color:var(--kaki-texte);font:400 var(--fs-15)/1.55 var(--font-sans)}
.fiu-duo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:start;margin-top:26px}
.fiu-section__head+.fiu-duo{margin-top:22px}
.fiu-ask{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fiu-ask img{width:100%;aspect-ratio:6/7;border-radius:var(--r-carte);background:var(--sable);object-fit:cover}
.fiu-ask__q{margin:6px 0 0;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-21);line-height:1.2}
.fiu-goal{padding:34px 30px}
.fiu-goal__title{margin:0 0 10px;color:var(--blush);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-24);line-height:1.2}
.fiu-goal__title~p{margin:0;color:var(--kaki);font:400 var(--fs-16)/1.62 var(--font-sans)}
.fiu-panel{padding:44px 38px;border:1px solid rgba(47,33,29,.1);border-radius:var(--r-surface);background:var(--sable)}
.fiu-panel .fiu-h2{margin:0}
.fiu-panel__lead{max-width:72ch;margin:12px 0 26px;color:var(--anthracite-clair);font:500 var(--fs-16)/1.6 var(--font-sans)}
.fiu-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}

/* ——— pages légales ——— */
.fiu-legal-head{max-width:980px}
.fiu-legal-head .fiu-h1{margin:0;font-size:clamp(28px,3.6vw,40px)}
.fiu-legal-head .fiu-lead{margin:12px 0 0}
.fiu-toc--long .fiu-toc__list{max-height:calc(100vh - var(--fiu-header-h) - 64px);overflow-y:auto}
.fiu-legal{overflow-wrap:anywhere}
.fiu-legal h2{font-size:var(--fs-24)}
.fiu-legal ul ul{margin:10px 0 0}
.fiu-legal li>p{margin:0 0 8px}
.fiu-legal table{display:block;max-width:100%;margin:18px 0 24px;overflow-x:auto;border-collapse:collapse;font:400 var(--fs-14)/1.5 var(--font-sans)}
.fiu-legal :is(th,td){padding:10px 12px;border:var(--fiu-filet);text-align:left;vertical-align:top}
.fiu-legal th{background:var(--sable);color:var(--anthracite);font:600 var(--fs-12-5)/1.4 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
.fiu-legal code{padding:1px 5px;border-radius:6px;background:var(--sable);font:500 .9em var(--font-mono)}

/* ——— pages d'erreur ——— */
.fiu-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62vh;max-width:760px;margin:0 auto;padding:60px var(--fiu-page-pad);text-align:center}
.fiu-error__code{margin:0 0 10px;color:var(--terracotta-profond);font:600 var(--fs-13)/1 var(--font-mono);letter-spacing:.24em}
.fiu-error .fiu-h1{margin:0 0 14px}
.fiu-error .fiu-lead{margin:0 0 28px}
.fiu-error__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 24px}

/* ——— annonces archivées (fiche retirée, page générique) ——— */
.fiu-archived{width:100%;max-width:var(--fiu-page-max);margin:0 auto;padding:40px var(--fiu-page-pad) 64px}
.fiu-archived__badge{display:inline-flex;align-items:center;gap:8px}
.fiu-archived__badge .fiu-point{width:6px;height:6px}
.fiu-archived__h1{margin:14px 0 10px}
.fiu-archived__lead{max-width:84ch;margin:0 0 30px;color:var(--anthracite-clair);font:400 var(--fs-16)/1.6 var(--font-sans)}
.fiu-archived__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:0 0 44px}
.fiu-archived__cols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.fiu-archived__cols>*{min-width:0}
.fiu-archived__title{margin:0 0 16px;color:var(--anthracite);font-family:var(--font-serif);font-optical-sizing:auto;font-weight:600;font-size:var(--fs-22);line-height:1.2;letter-spacing:-.01em}
.fiu-archived__aside{position:sticky;top:calc(var(--fiu-header-h) + 24px)}
.fiu-archived__vestige{padding:24px;border:var(--fiu-filet);border-radius:var(--r-carte);background:var(--creme)}
.fiu-archived__original{margin:0 0 14px;color:var(--anthracite);font-family:var(--font-serif);font-style:italic;font-size:var(--fs-21);line-height:1.3}
.fiu-archived__facts{margin:0 0 14px;padding:0;list-style:none;color:var(--anthracite-clair);font:400 var(--fs-14)/1.5 var(--font-sans)}
.fiu-archived__facts li{padding:6px 0;border-bottom:var(--fiu-filet)}
.fiu-archived__facts b{color:var(--anthracite);font-weight:600}
.fiu-archived__excerpt{margin:0 0 18px;color:var(--kaki-texte);font:400 var(--fs-14)/1.6 var(--font-sans)}
.fiu-archived__img{width:100%;max-height:300px;margin:4px 0 18px;border-radius:var(--r-carte);object-fit:cover}
.fiu-archived__links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.fiu-archived .propertyThumbnail{display:flex;min-width:0;flex-direction:column}

@media (max-width:980px){
  .fiu-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fiu-duo,.fiu-cols-2,.fiu-archived__cols{grid-template-columns:minmax(0,1fr)}
  .fiu-archived__aside{position:static}
  .fiu-ask img{aspect-ratio:4/3}
}
@media (max-width:640px){
  .fiu-values{grid-template-columns:1fr}
  .fiu-panel,.fiu-goal{padding:30px 22px}
  .fiu-legal h2{font-size:var(--fs-21)}
}

/* ——— responsive ——— */
@media (max-width:980px){
  .fiu-split,.fiu-with-form,.fiu-toc-layout,.fiu-contact,.fiu-pa,.fiu-media-row,.fiu-podcast{grid-template-columns:1fr}
  .fiu-with-form__aside,.fiu-toc,.fiu-podcast__player{position:static}
  .fiu-media-row--reverse .fiu-media-row__media{order:0}
  .fiu-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fiu-split__body{padding:32px 26px}
}
@media (max-width:640px){
  .fiu-select-grid,.fiu-form-grid{grid-template-columns:1fr}
  .fiu-split,.fiu-cover{margin-top:14px}
  .fiu-cover{min-height:auto;padding:18px}
  .fiu-cover__card{padding:22px 18px}
  .fiu-cta-band,.fiu-pa__pitch,.fiu-contact__intro{padding:30px 22px}
  .fiu-prose h2,.fiu-cta-band h2,.fiu-pa__pitch h2,.fiu-section-heading,.fiu-podcast-intro>.fiu-h2{font-size:var(--fs-24)}
  .fiu-logos__list img{height:30px}
  .fiu-form-input{font-size:16px}
}
}