/* ============================================
   BUILD & BIM — feuille de style unique
   ============================================ */
:root{
  --bb-red:#C93239;
  --bb-dark:#43423B;
  --bb-gray:#F5F5F5;
  --bb-text:#222222;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bb-text);min-height:100vh;display:flex;flex-direction:column;}
a{text-decoration:none;}
img{max-width:100%;}

/* Header */
.bb-header{display:flex;align-items:center;justify-content:space-between;padding:22px 40px;background:#fff;position:relative;z-index:50;}
.bb-logo{font-size:22px;font-weight:800;letter-spacing:2px;color:var(--bb-dark);display:flex;align-items:center;gap:10px;}
.bb-logo img{height:38px;width:auto;display:block;}
.bb-logo span{color:var(--bb-red);}
.bb-nav a{margin-left:32px;color:var(--bb-dark);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;}
.bb-nav a:hover, .bb-nav a.active{color:var(--bb-red);}
.bb-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:24px;background:none;border:none;cursor:pointer;padding:0;}
.bb-nav-toggle span{display:block;width:100%;height:2px;background:var(--bb-dark);transition:transform .3s ease,opacity .3s ease;}
.bb-nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.bb-nav-toggle.active span:nth-child(2){opacity:0;}
.bb-nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media(max-width:768px){
  .bb-header{flex-wrap:wrap;padding:18px 20px;}
  .bb-nav-toggle{display:flex;}
  .bb-nav{display:none;width:100%;flex-direction:column;order:3;margin-top:14px;}
  .bb-nav.bb-nav-open{display:flex;}
  .bb-nav a{margin:0;padding:12px 0;border-bottom:1px solid #eee;text-align:center;}
}

/* Hero (grand, page d'accueil) */
.bb-hero{position:relative;background:linear-gradient(135deg,var(--bb-dark) 0%,#232219 100%);color:#fff;padding:120px 20px;text-align:center;overflow:hidden;}
.bb-hero:before{content:"";position:absolute;top:-40px;right:-60px;width:340px;height:340px;background:var(--bb-red);opacity:.18;transform:rotate(20deg);}
.bb-hero-eyebrow{letter-spacing:3px;text-transform:uppercase;font-size:13px;color:var(--bb-red);font-weight:700;margin-bottom:18px;}
.bb-hero h1{font-size:40px;margin:0 0 20px;font-weight:800;letter-spacing:1px;position:relative;}
.bb-hero p{font-size:17px;max-width:620px;margin:0 auto;color:#d8d8d3;position:relative;}
.bb-hero-btns{margin-top:36px;position:relative;}

/* Hero compact (pages secondaires) */
.bb-hero-sm{position:relative;background:linear-gradient(135deg,var(--bb-dark) 0%,#232219 100%);color:#fff;padding:90px 20px;text-align:center;overflow:hidden;}
.bb-hero-sm:before{content:"";position:absolute;top:-40px;right:-60px;width:300px;height:300px;background:var(--bb-red);opacity:.18;transform:rotate(20deg);}
.bb-hero-sm .bb-tag{color:var(--bb-red);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;position:relative;}
.bb-hero-sm h1{font-size:34px;margin:0;font-weight:800;position:relative;max-width:760px;margin-left:auto;margin-right:auto;}
.bb-hero-sm p{color:#d8d8d3;margin-top:14px;position:relative;max-width:600px;margin-left:auto;margin-right:auto;}

/* Boutons */
.bb-btn{display:inline-block;padding:14px 32px;border-radius:2px;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin:0 8px;border:none;cursor:pointer;}
.bb-btn-primary{background:var(--bb-red);color:#fff;}
.bb-btn-primary:hover{background:#a8272d;}
.bb-btn-outline{border:1px solid #fff;color:#fff;background:transparent;}
.bb-btn-outline:hover{background:#fff;color:var(--bb-dark);}

/* Sections génériques */
.bb-section{padding:80px 20px;max-width:1140px;margin:0 auto;}
.bb-section-alt{background:var(--bb-gray);}
.bb-eyebrow{text-align:center;letter-spacing:3px;text-transform:uppercase;font-size:13px;color:var(--bb-red);font-weight:700;margin-bottom:10px;}
.bb-section h2{text-align:center;font-size:30px;color:var(--bb-dark);margin:0 0 50px;font-weight:800;}

/* Valeurs (accueil) */
.bb-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;}
.bb-value{text-align:center;padding:10px;}
.bb-value-num{width:50px;height:50px;border-radius:50%;background:var(--bb-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 16px;}
.bb-value h3{font-size:16px;color:var(--bb-dark);margin:0 0 8px;}
.bb-value p{font-size:14px;color:#666;line-height:1.5;margin:0;}

/* Cartes services (accueil) */
.bb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.bb-card{background:var(--bb-gray);padding:32px 28px;border-top:3px solid var(--bb-red);}
.bb-card h3{margin-top:0;color:var(--bb-dark);font-size:18px;}
.bb-card p{font-size:15px;line-height:1.6;color:#444;}

/* Prestations détaillées */
.bb-service{display:flex;gap:34px;align-items:flex-start;padding:36px 0;border-bottom:1px solid #e6e6e2;}
.bb-service:last-child{border-bottom:none;}
.bb-service-num{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--bb-red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;}
.bb-service h3{margin:0 0 10px;color:var(--bb-dark);font-size:20px;}
.bb-service p{margin:0;color:#555;line-height:1.7;font-size:15px;}

/* À propos - fondateur */
.bb-founder{display:grid;grid-template-columns:130px 1fr;gap:34px;align-items:flex-start;margin-top:36px;}
.bb-avatar{width:130px;height:130px;border-radius:50%;background:var(--bb-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;}
.bb-founder h3{margin:0 0 4px;font-size:19px;color:var(--bb-dark);}
.bb-founder .bb-role{color:var(--bb-red);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;}
@media(max-width:600px){.bb-founder{grid-template-columns:1fr;text-align:center;}.bb-avatar{margin:0 auto;}}
.bb-expertise{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:10px;}
.bb-exp-card{background:var(--bb-gray);padding:26px;border-left:3px solid var(--bb-red);}
.bb-exp-card h3{margin:0 0 8px;font-size:16px;color:var(--bb-dark);}
.bb-exp-card p{margin:0;font-size:14px;color:#555;line-height:1.6;}

/* Conseils - liste d'articles */
.bb-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;}
.bb-article-card{background:var(--bb-gray);border-top:3px solid var(--bb-red);display:flex;flex-direction:column;}
.bb-article-card .bb-ac-body{padding:26px;}
.bb-article-card .bb-ac-tag{color:var(--bb-red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.bb-article-card h3{margin:0 0 10px;font-size:18px;color:var(--bb-dark);}
.bb-article-card p{margin:0 0 16px;font-size:14px;color:#555;line-height:1.6;}
.bb-article-card a.bb-read{color:var(--bb-red);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;}

/* Article détaillé */
.bb-article{padding:70px 20px;max-width:760px;margin:0 auto;}
.bb-article h2{color:var(--bb-dark);font-size:21px;margin:36px 0 14px;}
.bb-article p{font-size:15.5px;line-height:1.85;color:#3a3a3a;margin:0 0 18px;}
.bb-article ul{padding-left:20px;margin:0 0 18px;}
.bb-article li{font-size:15.5px;line-height:1.8;color:#3a3a3a;margin-bottom:6px;}
.bb-note{background:var(--bb-gray);border-left:3px solid var(--bb-red);padding:18px 22px;font-size:14.5px;color:#444;margin:26px 0;}
.bb-back{display:inline-block;margin-top:20px;color:var(--bb-red);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;}

/* Contact */
.bb-contact-grid{display:grid;grid-template-columns:1fr minmax(320px,560px) 1fr;gap:40px;align-items:center;}
.bb-section-contact{max-width:none;width:100%;padding-left:40px;padding-right:40px;}
@media(max-width:900px){.bb-contact-grid{grid-template-columns:1fr;}}
.bb-contact-info{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:460px;margin:0 auto;}
.bb-info-item{margin-bottom:26px;}
.bb-info-item strong{display:block;color:var(--bb-dark);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.bb-info-item span,.bb-info-item a{color:#555;font-size:15px;}
.bb-form label{display:block;font-size:12px;font-weight:700;color:var(--bb-dark);margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;}
.bb-form input,.bb-form textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:2px;font-family:inherit;font-size:14px;margin-bottom:20px;}
.bb-form textarea{min-height:140px;resize:vertical;}
.bb-alert-success{background:#eaf7ea;border-left:4px solid #3a9b3a;color:#245c24;padding:16px 20px;margin-bottom:24px;font-size:14px;}
.bb-alert-error{background:#fdeaea;border-left:4px solid var(--bb-red);color:#7a1f22;padding:16px 20px;margin-bottom:24px;font-size:14px;}

/* Bandeau CTA */
.bb-cta{background:var(--bb-dark);color:#fff;text-align:center;padding:70px 20px;}
.bb-cta h2{font-size:26px;margin:0 0 14px;font-weight:800;color:#fff;}
.bb-cta p{color:#d8d8d3;max-width:520px;margin:0 auto 30px;}

/* Footer */
.bb-footer{background:#2A2A24;color:#bbb;padding:50px 20px 24px;text-align:center;font-size:14px;margin-top:auto;}
.bb-footer .bb-flogo{font-size:20px;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:18px;}
.bb-footer .bb-flogo span{color:var(--bb-red);}
.bb-footer a{color:#fff;}
.bb-footer .bb-fmeta{margin-top:6px;color:#999;}
.bb-footer hr{border:none;border-top:1px solid #444;margin:30px auto;max-width:1140px;}
.bb-footer .bb-copy{font-size:12px;color:#777;}

/* ============================================
   Animation rideau d'ouverture (logo)
   ============================================ */
.bb-curtain{position:fixed;inset:0;z-index:9999;background:#fff;}
.bb-curtain-band{position:fixed;left:0;width:100%;transition:transform 2.5s cubic-bezier(.77,0,.18,1);will-change:transform;}
.bb-curtain-band-top{top:0;height:110px;background:linear-gradient(135deg,var(--bb-dark) 0%,#232219 100%);}
.bb-curtain-band-bottom{bottom:0;height:90px;background:#2A2A24;}
.bb-curtain-logo{position:fixed;top:50%;left:50%;width:260px;transform:translate(-50%,-50%);transition:opacity 1s ease;}
.bb-curtain-logo img{width:100%;display:block;}
.bb-curtain.bb-curtain-open .bb-curtain-band-top{transform:translateY(-100%);}
.bb-curtain.bb-curtain-open .bb-curtain-band-bottom{transform:translateY(100%);}
.bb-curtain.bb-curtain-open .bb-curtain-logo{opacity:0;}
@media(prefers-reduced-motion:reduce){
.bb-curtain-band,.bb-curtain-logo{transition:none !important;}
}