/* R4: architectural typography, original navy panels and consistent details. */
@font-face{font-family:"Roboto Etrabat";font-style:normal;font-weight:300;font-display:swap;src:url("./fonts/roboto-300.woff2") format("woff2")}
@font-face{font-family:"Roboto Etrabat";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/roboto-400.woff2") format("woff2")}
@font-face{font-family:"Roboto Etrabat";font-style:normal;font-weight:500;font-display:swap;src:url("./fonts/roboto-500.woff2") format("woff2")}
@font-face{font-family:"Roboto Etrabat";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/roboto-700.woff2") format("woff2")}

html body[data-theme="cyan"].refonte.inspiration.inspiration-4 {
  --sans:"Roboto Etrabat",Arial,sans-serif;
  --ip-heading-font:var(--sans);
  --ip-base-dark:#091a36;
  --h4-navy:#091a36;
  --h4-on-dark:#d9e3f2;
  font-family:var(--sans);
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* Normalize font families across retained templates; their responsive sizes stay local. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(h1,h2,h3,h4,.r5-form-step legend) {font-family:var(--sans)!important}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(input,select,textarea,button) {font-family:var(--sans)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.ip-horizon,.page-hero,.model-hero,.realizations-hero,.r5-contact-hero) h1 {
  font-size:clamp(52px,6vw,84px);
  font-weight:300;
  line-height:1.04;
  letter-spacing:-.047em;
  text-wrap:balance;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(h1,h2) em {
  font-style:normal;
  font-weight:500;
  letter-spacing:inherit;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .ip-horizon h1 em {font-weight:500;font-style:normal}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.et-section-heading,.catalogue-intro,.statement,.process,.model-dossier,.et-profile,.et-expertise,.et-future,.form-section,.closing,.model-next,.v2-contact,.r5-direct,.r5-contact-faq,.office-map-section) h2 {
  font-weight:300;
  line-height:1.13;
  letter-spacing:-.04em;
  text-wrap:balance;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-heading h2 {font-weight:300;line-height:1.1;letter-spacing:-.04em}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .model-name h2 {font-weight:500;letter-spacing:-.025em}
.inspiration-4 :is(.ip-lead,.page-hero-bottom p,.rg-hero>p,.r5-contact-hero p) {text-wrap:pretty}
.inspiration-4 :is(.h4-counter,[data-gallery-count],[data-viewer-counter],.eb-stat strong,.r5-metric strong) {font-variant-numeric:tabular-nums}

/* Navy active navigation; the orange primary action matches Discover Synergie I. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header :is(.desktop-nav>a,.construction-nav>summary,.mobile-nav>a,.construction-links>a)[aria-current]:not([aria-current="false"]) {
  background:var(--h4-navy);
  border-color:var(--h4-navy);
  color:#fff;
  -webkit-text-fill-color:#fff;
  box-shadow:0 4px 12px #091a3614;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .desktop-nav {gap:10px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .desktop-nav>a,
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .desktop-nav .construction-nav>summary {font-size:11.5px;font-weight:500;letter-spacing:0}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header .header-cta,
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.home .site-header:not(.scrolled) .header-cta,
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.h4-contact.r5-advanced .site-header .header-cta {
  background:var(--ip-action);
  border:1px solid var(--ip-action);
  color:#fff;
  -webkit-text-fill-color:#fff;
  font:600 12px/1.4 var(--sans);
  min-height:46px;
  padding:12px 18px;
  border-radius:100px;
  box-shadow:0 6px 20px #ba3d1014;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header .header-cta:hover,
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.home .site-header:not(.scrolled) .header-cta:hover,
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.h4-contact.r5-advanced .site-header .header-cta:hover {background:#a9340b;border-color:#a9340b;color:#fff;filter:none;box-shadow:0 9px 26px #ba3d1026}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header :is(a,summary):focus-visible {outline:3px solid #a73813;outline-offset:4px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header .construction-nav[open]>summary {box-shadow:inset 0 -2px 0 var(--h4-navy)}

/* The ten, its unit and its label share one clear baseline and vertical axis. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan :is(.eb-details,.eb-panel) {background:var(--h4-navy)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stats {background:#0c203f}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number {display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 24px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number strong {display:flex;align-items:baseline;gap:12px;font:300 clamp(86px,9vw,128px)/.95 var(--sans);letter-spacing:-.065em;color:#fff;white-space:nowrap}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number strong small {font:400 23px/1 var(--sans);letter-spacing:-.02em;color:#c8d8f2}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number>span {font:500 13px/1.5 var(--sans);color:#c8d8f2;max-width:none;padding:0}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story h3 {font:400 clamp(25px,2.5vw,34px)/1.15 var(--sans);letter-spacing:-.025em;max-width:24ch}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-stat strong {font-family:var(--sans);font-weight:400;letter-spacing:-.04em}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .eb-story>p:not(.eb-chapter) {color:var(--h4-on-dark);font-size:13px;line-height:1.8}
.inspiration-4 .h4-bilan .eb-photo img[src$="etrabat-3-vue-ensemble.png"] {object-fit:contain;background:var(--h4-navy)}
.inspiration-4 #etrabat-3-logements [data-gallery-cover] {object-position:center}

/* Every closing panel uses the same exact navy, with readable content. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.closing,.model-next,.price-band,.v2-contact),
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.inner-page main>:is(.form-section,.office-map-section) {background:var(--h4-navy);border:1px solid #ffffff16;border-radius:28px;color:var(--h4-on-dark)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.inner-page main>.office-map-section {padding:clamp(24px,3vw,42px)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.h4-contact.r5-advanced.inner-page main>.office-map-section {background:var(--h4-navy);color:var(--h4-on-dark);padding:clamp(24px,3vw,42px);border:1px solid #ffffff16;border-radius:28px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.h4-contact.r5-advanced .office-map-copy h2 {color:#fff;font-weight:300;line-height:1.13}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.closing,.model-next,.price-band,.v2-contact) :is(h2,h2 em,h2 span,p),
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.form-layout>div,.office-map-copy) :is(h2,h2 em,h2 span,p) {color:#fff;-webkit-text-fill-color:currentColor}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.form-layout>div,.office-map-section) .text-link {color:#c3d7fa;border-color:#ffffff30}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.closing,.model-next,.price-band,.v2-contact,.office-map-copy) .eyebrow {color:#ffc3a4}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .office-map-note {color:var(--h4-on-dark)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section>.section-line {color:#d9e3f2;border-color:#ffffff30}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section .lead-form {background:#fffdf9;color:var(--ip-ink);padding:28px;border:1px solid var(--ip-line);border-radius:22px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .lead-form .form-grid {grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .lead-form .form-grid>.form-field {min-width:0;max-width:100%}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .lead-form .form-field :is(input,select,textarea) {width:100%;min-width:0;max-width:100%;box-sizing:border-box}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section .form-notice {color:#394959;background:#f4eee5;border-color:#e4ddd2}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section .form-submit p {color:var(--ip-muted)}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4.inner-page main>.r2-programme-feature {padding:clamp(20px,2.5vw,36px);border:1px solid var(--ip-line);border-radius:28px;box-shadow:0 7px 26px #30221406}

/* White, compact gallery counters; the darker brand orange preserves contrast. */
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is([data-gallery-count],[data-viewer-counter]) {
  background:#fff;
  color:#ba3d10;
  -webkit-text-fill-color:#ba3d10;
  border:1px solid #091a361a;
  border-radius:100px;
  font:500 12px/1.4 var(--sans);
  font-variant-numeric:tabular-nums;
  padding:7px 12px;
  box-shadow:0 4px 16px #091a3614;
}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .r2-programme-status {color:#a73813;background:#fff2e8;border-color:#efcbb7;gap:10px}
html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .r2-programme-status:before {width:7px;height:7px;background:#ba3d10;flex:none}
@media(prefers-reduced-motion:no-preference) {
  .inspiration-4 .r2-programme-status:before {animation:h4-programme-pulse 2.2s ease-out infinite}
}
@keyframes h4-programme-pulse {0%{box-shadow:0 0 0 0 #ba3d105c}75%,100%{box-shadow:0 0 0 8px #ba3d1000}}

@media(max-width:1200px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header .header-cta {min-height:42px;padding:10px 15px;font-size:11px}
}
@media(max-width:768px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 :is(.ip-horizon,.page-hero,.model-hero,.realizations-hero,.r5-contact-hero) h1 {font-size:clamp(42px,10.5vw,68px);line-height:1.07;letter-spacing:-.04em}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number strong {font-size:90px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number strong small {font-size:21px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .h4-bilan .h4-bilan-number>span {font-size:12px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section .lead-form {padding:20px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .lead-form .form-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px) {
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .site-header .header-cta {display:none}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4.inner-page main>.form-section {padding:24px 14px}
  html body[data-theme="cyan"].refonte.inspiration.inspiration-4 .form-section .lead-form {padding:20px 14px}
}