/* Identité YLAWAR et qualification ITI dans la composition déjà validée. */
.entete__ligne{gap:clamp(1rem,2vw,2rem);min-height:126px}
.entete__identite{display:flex;align-items:center;gap:1.5rem;min-width:0}
.marque--logo{flex-direction:row;align-items:center;gap:.8rem;flex-shrink:0}
.marque__symbole{width:64px;height:64px;flex:none}
.marque__texte{display:flex;flex-direction:column;gap:.45rem}
.marque--logo .marque__nom{font-size:2.65rem;letter-spacing:-.065em}
.marque--logo .marque__metier{font-size:.8rem;margin:0}
.qualification-iti{display:flex;flex-direction:column;gap:.3rem;padding:.3rem 0 .3rem 1.4rem;border-left:1px solid var(--ligne);text-decoration:none;flex:none;line-height:1.4}
.qualification-iti strong{font-size:1.15rem;font-weight:600;letter-spacing:-.025em}
.qualification-iti span{font-size:.75rem;color:var(--secondaire)}
.qualification-iti:hover strong{text-decoration:underline;text-underline-offset:4px}
.entete__devis{flex:none;font-size:.9rem;margin-left:auto}
.navigation{gap:clamp(1rem,1.6vw,1.8rem)}
.navigation a{white-space:nowrap}
.bouton{font-size:1rem}
.pied .marque__metier{color:inherit}
.pied__haut>div:first-child{min-width:0}
.pied__haut>div:first-child p{font-size:1rem}
.pied__haut .marque__symbole{width:56px;height:56px}
.conteneur.page-etroit{max-width:850px}
.entreprise-intro>p:last-child{max-width:64ch;font-size:1.2rem}
.entreprise-contenu{max-width:75ch}
.entreprise-contenu h2{font-size:clamp(2rem,3vw,3rem);max-width:25ch;margin:2.7rem 0 1.2rem}
.entreprise-contenu h2:first-child{margin-top:0}
.entreprise-contenu p{font-size:1.1rem;line-height:1.8;margin-bottom:1.3rem}
.entreprise-contenu .lien{font-size:1rem}
@media(max-width:1280px){.navigation{display:none}.menu-mobile{display:block;position:relative}.menu-mobile summary{display:flex;align-items:center;min-height:48px;padding:.6rem .9rem;border:1px solid var(--contour);font-size:1rem}.menu-mobile nav{position:absolute;right:0;top:calc(100% + .6rem);width:min(300px,calc(100vw - 32px));background:var(--papier);border:1px solid var(--ligne);padding:.6rem;z-index:20}.menu-mobile nav a{display:block;padding:.8rem;font-size:1rem;text-decoration:none}.menu-mobile nav a:hover{text-decoration:underline}}
@media(max-width:850px){.entete__identite{gap:1rem}.marque__symbole{width:50px;height:50px}.marque--logo .marque__nom{font-size:2.15rem}.marque--logo .marque__metier{font-size:.7rem}.qualification-iti{padding-left:1rem}.qualification-iti strong{font-size:1rem}.qualification-iti span{font-size:.7rem}.entete__devis{font-size:.85rem;padding:.8rem}.pied__haut{grid-template-columns:1fr 1fr}.pied__haut>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.entete__ligne{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem .75rem;padding-block:1rem;min-height:0}.entete__identite{display:contents}.entete .marque--logo{grid-column:1/-1;grid-row:1;justify-self:start;padding-right:70px;gap:.55rem}.marque__symbole{width:46px;height:46px}.marque--logo .marque__nom{font-size:2.15rem}.marque--logo .marque__metier{font-size:.72rem}.qualification-iti{grid-column:1;grid-row:2;border:0;padding:0;gap:.15rem}.qualification-iti strong{font-size:1rem}.qualification-iti span{font-size:.72rem}.entete__devis{grid-column:2;grid-row:2;justify-self:end;font-size:.8rem;padding:.8rem .7rem;margin:0;min-height:48px}.menu-mobile{grid-column:2;grid-row:1;justify-self:end}.menu-mobile summary{min-height:46px;padding:.6rem .75rem;font-size:.875rem}.entreprise-intro>p:last-child,.entreprise-contenu p{font-size:1.05rem}.pied .marque--logo .marque__nom{font-size:2.15rem}.pied__haut{grid-template-columns:1fr}.pied__haut>div:first-child{grid-column:auto}}
@media(max-width:380px){.marque__symbole{width:38px;height:38px}.marque--logo .marque__nom{font-size:1.85rem}.marque--logo .marque__metier{font-size:.66rem}.entete__devis{font-size:.75rem;padding:.75rem .55rem}.qualification-iti span{font-size:.7rem}}

/* Accueil : sections « Les travaux dans leur ensemble » et « Nos métiers » plus lisibles, sans colonne vide */
.introduction-architecture{grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.introduction-architecture__titre>.repere{font-size:1.2rem;padding-top:0;margin-bottom:1.4rem}
.introduction-architecture h2{max-width:none;font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:1.05}
.introduction-architecture__texte>p{max-width:none;font-size:1.3rem;line-height:1.75;margin-block:0 1.4rem}
.introduction-architecture__texte>.lien{font-size:1.25rem;margin-top:.6rem}
#metiers .section__entete .repere{font-size:1.2rem}
#metiers .section__entete h2{font-size:clamp(2.6rem,4.4vw,4.4rem)}
#metiers .section__entete .lien{font-size:1.25rem}
.metiers-introduction{max-width:none;font-size:1.3rem;line-height:1.75}
@media(max-width:1100px){.introduction-architecture{gap:2.5rem}}
@media(max-width:850px){.introduction-architecture{grid-template-columns:1fr;gap:1.6rem}.introduction-architecture__texte>p,.metiers-introduction{font-size:1.15rem}}
@media(max-width:650px){.introduction-architecture h2,#metiers .section__entete h2{font-size:2.35rem}.introduction-architecture__texte>p,.metiers-introduction{font-size:1.05rem}.introduction-architecture__titre>.repere,#metiers .section__entete .repere{font-size:1rem}.introduction-architecture__texte>.lien,#metiers .section__entete .lien{font-size:1.1rem}}
