/* Complements : photos de l'ancienne version, section du Bureau */
.bureau-section{background:#15252b;color:#f6f4ee}
.bureau-section .eyebrow{color:#c9a27f}
.bureau-section h2 em{color:#d39a74}
.bureau-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:56px}
.bureau-intro p{color:#d9dbd4;max-width:46ch;margin-bottom:22px}
.bureau-intro .text-link{color:#f6f4ee}
.bureau-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:18px;align-items:end}
.agent{margin:0}
.agent img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:grayscale(.15);background:#e9e7dd}
.agent figcaption{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.agent strong{font-family:var(--serif);font-weight:500;font-size:24px}
.agent span{font-size:12px;letter-spacing:.06em;color:#c9cbc3}
.agent--lead strong{font-size:30px}
.bureau-note{margin-top:32px;font-size:12px;color:#aab0a8}
.photo-band{margin-block:0 72px}
.photo-band img{width:100%;height:clamp(260px,38vw,520px);object-fit:cover;display:block}
@media (max-width:900px){
 .bureau-head{grid-template-columns:1fr;gap:24px;margin-bottom:36px}
 .bureau-grid{grid-template-columns:repeat(2,1fr)}
 .agent--lead{grid-column:1/-1}
 .agent--lead img{aspect-ratio:1.2}
}

/* Projets mis en avant : le Bureau et le CRM, en grand */
.featured-projects{display:grid;gap:72px;margin-bottom:96px}
.project--feature .project-visual{aspect-ratio:16/9;padding:5%}
.project--feature .project-visual img{box-shadow:0 34px 60px -24px #15252b55}
.project-visual--ink{background:#15252b}
.project--feature h3{font-size:clamp(32px,3.4vw,48px)}
/* Le logo officiel (logo-aleva.svg), en ligne pour garder la police du site */
.logo-aleva{height:42px;width:auto;display:block}
footer .logo-aleva{height:48px}
@media (max-width:900px){.logo-aleva{height:34px}}

/* Sortir des réflexes des sites faits par IA (audit avoid-ai-design) :
   fond blanc et gris froid au lieu de crème, encre marine franche, plus de contraste,
   libellés en minuscules, titre d'accueil à taille raisonnable, aligné à gauche,
   l'écran réel du produit à la place d'une image décorative. */
:root{--paper:#ffffff;--ink:#0d1b2a;--muted:#3f4b55;--line:#d9dee2;--copper:#0d1b2a;--white:#ffffff}
body{font-size:15px;color:var(--ink)}
em{color:inherit}
.eyebrow{font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:#5a6670}
.lead,.hero-copy .lead{color:var(--muted);font-size:17px;line-height:1.7;max-width:460px}
.hero-copy h1{font-size:clamp(40px,4.4vw,62px);line-height:1.05;letter-spacing:-.02em;font-weight:600}
h2{font-size:clamp(34px,3.6vw,52px);font-weight:600;letter-spacing:-.015em}
.hero-grid{grid-template-columns:1fr 1.25fr;gap:6%}
.hero-screen{max-width:none;aspect-ratio:auto;background:none;overflow:visible;justify-self:stretch}
.hero-screen img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 30px 60px -28px #0d1b2a66;border:1px solid var(--line)}
.button{background:var(--ink);border-color:var(--ink);font-size:14px;font-weight:500;border-radius:6px;gap:0;justify-content:center}
.text-link{font-size:14px;font-weight:500;border-bottom-color:var(--ink)}
.hero-baseline{font-size:13px;letter-spacing:0;text-transform:none;color:var(--muted)}
.work-section{background:#f2f4f6}
.project-visual{background:#e3e8ec}
.project-visual--rose{background:#ece6e3}
.project-category{letter-spacing:0;text-transform:none;font-size:13px;color:#5a6670}
.process-item .number{letter-spacing:0;text-transform:none;font-size:13px;font-weight:600;color:var(--ink)}
.bureau-section{background:#0d1b2a}
.bureau-section .eyebrow{color:#b9c3cc}
.agent span{letter-spacing:0;font-size:13px}
.photo-band{margin:0 0 96px}
.photo-band img{height:clamp(300px,40vw,580px)}
a:focus-visible,button:focus-visible{outline:2px solid #0d1b2a;outline-offset:3px}
.bureau-section a:focus-visible,footer a:focus-visible{outline-color:#ffffff}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.service-row{grid-template-columns:1fr 1fr;gap:32px}
.service-row h3{font-weight:600}
@media (max-width:900px){.service-row{grid-template-columns:1fr;gap:8px}.service-row p{grid-column:1;grid-row:auto}}

/* Bloc « Les expertises » : libellé et titre alignés à gauche, l'un sous l'autre */
.expertise-intro{display:block;margin-bottom:48px}
.expertise-intro h2{margin-top:12px;max-width:none}
.brand img.logo-aleva,img.logo-aleva{width:auto;height:40px;object-fit:contain}
footer img.logo-aleva,.site-footer img.logo-aleva{height:46px}
@media (max-width:900px){.brand img.logo-aleva{height:32px}}

/* Titres ramenés à une taille normale : plus de gros texte d'affiche */
h1,.hero-copy h1,.page-hero h1{font-size:clamp(32px,3.2vw,44px);line-height:1.12;letter-spacing:-.01em;font-weight:600}
h2,.expertise-intro h2,.studio-section h2,.editorial-row h2{font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:-.005em}
.cta-section h2{font-size:clamp(28px,2.6vw,36px);margin:16px auto 24px}
.statement{font-size:clamp(24px,2.2vw,32px);line-height:1.2;letter-spacing:0}
h3,.service-row h3,.project-meta h3,.project--feature h3,.legal-content h2{font-size:clamp(20px,1.8vw,26px);line-height:1.2}
.contact-address{font-size:clamp(22px,2.2vw,30px);letter-spacing:0;margin:16px 0}
.footer-email{font-size:clamp(20px,1.8vw,26px)}
.agent strong{font-size:20px}.agent--lead strong{font-size:22px}
.page-hero{padding-top:64px;padding-bottom:24px}
.section{padding-top:96px;padding-bottom:96px}
@media (max-width:900px){
 h1,.hero-copy h1,.page-hero h1{font-size:30px}
 h2,.cta-section h2,.expertise-intro h2,.studio-section h2{font-size:25px}
 .section{padding-top:64px;padding-bottom:64px}
}

/* Langage de design choisi : MINIMALISME (règles d'Elias du 26/09).
   1 police (Poppins), 3 niveaux de texte, 2 couleurs + neutres (marine #0d1b2a, cuivre du logo),
   espacements sur une échelle de 8 px, contraste AA, focus visible, micro-interactions. */
:root{--serif:Poppins,Arial,sans-serif;--sans:Poppins,Arial,sans-serif;--accent:#b97a57}
h1,h2,h3,.statement,.contact-address,.footer-email,.agent strong,.art-caption strong{font-family:var(--sans);font-style:normal}
/* niveau 1 */
h1,.hero-copy h1,.page-hero h1{font-size:clamp(32px,3vw,44px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
/* niveau 2 */
h2,.expertise-intro h2,.studio-section h2,.editorial-row h2,.cta-section h2,.statement{font-size:clamp(24px,2.2vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.25}
/* niveau 3 : titres de blocs, au même corps que le texte fort */
h3,.service-row h3,.project-meta h3,.project--feature h3,.legal-content h2,.agent strong,.agent--lead strong,.contact-address,.footer-email{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.35}
body,p,.lead,.hero-copy .lead{line-height:1.7}
.section{padding-top:96px;padding-bottom:96px}
.featured-projects{gap:64px;margin-bottom:96px}
.bureau-grid{gap:16px}
/* micro-interactions */
.button{transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.button:hover{background:#1d3147;transform:translateY(-1px);box-shadow:0 6px 16px -8px #0d1b2a80}
.button:active{transform:translateY(0);box-shadow:none}
.text-link{transition:border-color .15s ease,color .15s ease}
.text-link:hover{color:var(--accent);border-bottom-color:var(--accent)}
.nav-links a{transition:color .15s ease}
.nav-links a:hover{color:var(--accent)}
.service-row:hover{color:var(--ink);padding-inline:0;background:#f5f7f8}
.service-row{transition:background .15s ease}
.project-visual img{transition:transform .3s ease,box-shadow .3s ease}
.project:hover .project-visual img{transform:translateY(-4px)}
.agent img{transition:filter .3s ease}
.agent:hover img{filter:grayscale(0)}
@media (max-width:900px){h1,.hero-copy h1,.page-hero h1{font-size:30px}h2,.cta-section h2,.expertise-intro h2,.studio-section h2{font-size:24px}.section{padding-top:64px;padding-bottom:64px}}

/* Projets : une seule couleur de fond, cartes alignées, captures plus grandes */
.work-grid{align-items:start;gap:32px}
.project--offset{margin-top:0;padding-top:0}
.project-visual,.project-visual--rose,.project-visual--ink{background:#e9edf0;aspect-ratio:16/10;padding:32px}
.project--feature .project-visual{aspect-ratio:16/9;padding:40px}
.project-visual img{width:100%;height:100%;object-fit:contain;box-shadow:0 16px 32px -20px #0d1b2a59;border-radius:6px}
.project-meta{margin-top:24px}
@media (max-width:900px){.project-visual,.project--feature .project-visual{padding:16px}}