.bs-blog main{overflow:hidden}
.bs-blog .project-chat{display:none!important}
.bs-blog .blog-hub-hero{position:relative;min-height:590px;padding:0;display:flex;align-items:center;background:#102c4d;color:#fff}
.bs-blog .blog-hub-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,53,.96) 0%,rgba(7,29,53,.82) 53%,rgba(7,29,53,.30) 100%),url('../../blue-strat-wp-theme-mobile/assets/phototheque-secteurs-2026/site-web-agence-web-06.webp') center/cover no-repeat}
.bs-blog .blog-hub-hero-grid{position:relative;z-index:1;display:block;padding:54px 0 66px}
.bs-blog .blog-hub-hero-grid>.reveal{max-width:820px}
.bs-blog .blog-hub-card{display:none}
.bs-blog .blog-hub-hero .breadcrumb{margin:0 0 42px;color:#dce7f4}
.bs-blog .blog-hub-hero .breadcrumb a,.bs-blog .blog-hub-hero .breadcrumb span{color:inherit}
.bs-blog .blog-hub-hero .eyebrow{color:#c7daf3}
.bs-blog .blog-hub-hero h1{max-width:790px;margin:22px 0 24px;font-size:clamp(42px,4.5vw,60px);line-height:1.12;color:#fff}
.bs-blog .blog-hub-hero .lead{max-width:720px;margin:0;font-size:19px;line-height:1.7;color:#e3ebf5}
.bs-blog .blog-hub-hero .actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.bs-blog .blog-hub-hero .hero-text-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.75);padding:14px 0 8px;font-weight:700}
.bs-blog .blog-hub-hero .btn-coral{background:#ef815f;border-color:#ef815f;color:#142943;border-radius:2px}

.bs-blog .blog-featured-list{padding:104px 0;background:#f4f6f8}
.bs-blog .blog-editorial-feature{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:0;margin:0 0 100px;background:#fff;align-items:stretch}
.bs-blog .blog-editorial-feature>figure{min-height:500px;overflow:hidden}
.bs-blog .blog-editorial-feature>figure img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .45s ease}
.bs-blog .blog-editorial-feature:hover>figure img{transform:scale(1.025)}
.bs-blog .blog-editorial-feature>div{display:flex;flex-direction:column;justify-content:center;padding:52px}
.bs-blog .blog-editorial-feature>div h2{font-size:34px;line-height:1.25;margin:19px 0}
.bs-blog .blog-editorial-feature>div>p{font-size:17px;line-height:1.75;color:#637185}
.bs-blog .blog-editorial-feature>div>.btn{margin-top:24px;align-self:flex-start}
.bs-blog .blog-feature-author{margin-top:25px}
.bs-blog .blog-list-heading{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ced6e0}
.bs-blog .blog-list-heading h2{font-size:40px;line-height:1.18}

.bs-blog .blog-filters{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:0;margin:0 0 44px;border-bottom:1px solid #cad3de;scrollbar-width:none}
.bs-blog .blog-filters button{flex:none;border:0;border-left:1px solid #d7dee7;border-radius:0;background:transparent;color:#53647a;padding:17px 22px;font-weight:700}
.bs-blog .blog-filters button:last-child{border-right:1px solid #d7dee7}
.bs-blog .blog-filters button[aria-pressed="true"],.bs-blog .blog-filters button.active{background:#2453a4;color:#fff}
.bs-blog .blog-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 28px}
.bs-blog .blog-post-card{background:transparent;border:0;box-shadow:none}
.bs-blog .blog-post-card>a{display:block;height:100%}
.bs-blog .blog-post-card figure{aspect-ratio:1.45;overflow:hidden;background:#e7ebf0}
.bs-blog .blog-post-card figure img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .4s ease}
.bs-blog .blog-post-card:hover figure img{transform:scale(1.035)}
.bs-blog .blog-post-copy{padding:22px 0 0}
.bs-blog .blog-card-meta{color:#637185;font-size:12px;text-transform:uppercase;font-weight:700}
.bs-blog .blog-card-meta span{color:#2453a4}
.bs-blog .blog-post-copy h3{font-size:21px;line-height:1.4;margin:15px 0 12px;color:#142943}
.bs-blog .blog-post-copy>p{min-height:56px;margin:0;color:#637185;font-size:15px;line-height:1.65}
.bs-blog .blog-author-mini{margin:19px 0 0}
.bs-blog .blog-post-copy em{display:inline-block;margin-top:18px;padding-bottom:6px;color:#2453a4;border-bottom:1px solid currentColor;font-style:normal;font-weight:700;font-size:14px}

.bs-blog .blog-nav-section{padding:108px 0;background:#fff}
.bs-blog .blog-nav-section .section-head{margin-bottom:48px}
.bs-blog .blog-cluster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ced6e0;border-bottom:1px solid #ced6e0}
.bs-blog .blog-cluster-card{padding:38px 34px;border-right:1px solid #ced6e0;background:transparent}
.bs-blog .blog-cluster-card:last-child{border-right:0}
.bs-blog .blog-cluster-card>span{color:#2453a4;font-size:12px;text-transform:uppercase;font-weight:700}
.bs-blog .blog-cluster-card h3{margin:14px 0 26px;font-size:22px;line-height:1.35}
.bs-blog .blog-cluster-card a{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #dce2ea;color:#183451;font-weight:600}
.bs-blog .blog-cluster-card a::after{content:"↗";color:#2453a4}

.bs-blog .blog-dark{padding:104px 0;background:#102c4d;color:#fff}
.bs-blog .blog-dark h2,.bs-blog .blog-dark .lead,.bs-blog .blog-dark .eyebrow{color:#fff}
.bs-blog .blog-dark h2{margin:18px 0 22px}
.bs-blog .blog-dark .lead{margin:0 0 32px}
.bs-blog .blog-dark .button.coral{margin-top:4px;background:#ef815f;border-color:#ef815f;color:#142943;border-radius:2px}
.bs-blog .blog-dark .button.coral:hover{background:#fff;border-color:#fff}
.bs-blog .blog-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.bs-blog .blog-case-links{border-top:1px solid rgba(255,255,255,.28)}
.bs-blog .blog-case-links a{display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.28);color:#fff}
.bs-blog .blog-case-links a::after{content:"↗";font-size:22px}
.bs-blog .blog-case-links span{color:#aecaeb;font-size:13px;text-transform:uppercase}
.bs-blog .blog-case-links strong{font-size:18px}

.bs-blog main>.section:has(.blog-contact-banner),.bs-blog .internal-links-section{display:none}
.bs-blog .author-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.bs-blog .author-proof-grid h2{font-size:38px;line-height:1.24}
.bs-blog .author-proof-grid .actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:27px}
.bs-blog #contact{margin:0}
.bs-blog #contact .contact-person{display:block}

@media(max-width:980px){
  .bs-blog .blog-editorial-feature{grid-template-columns:1fr}
  .bs-blog .blog-editorial-feature>figure{min-height:400px}
  .bs-blog .blog-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bs-blog .blog-cluster-grid{grid-template-columns:1fr}
  .bs-blog .blog-cluster-card{border-right:0;border-bottom:1px solid #ced6e0}
  .bs-blog .blog-cluster-card:last-child{border-bottom:0}
  .bs-blog .blog-dark-grid,.bs-blog .author-proof-grid{grid-template-columns:1fr;gap:50px}
}
@media(max-width:700px){
  .bs-blog .blog-hub-hero{min-height:610px}
  .bs-blog .blog-hub-bg{background-position:62% center}
  .bs-blog .blog-hub-hero-grid{padding:38px 0 50px}
  .bs-blog .blog-hub-hero .breadcrumb{margin-bottom:35px}
  .bs-blog .blog-hub-hero h1{font-size:36px;line-height:1.16}
  .bs-blog .blog-hub-hero .lead{font-size:17px}
  .bs-blog .blog-hub-hero .actions{align-items:flex-start;flex-direction:column;gap:18px}
  .bs-blog .blog-featured-list,.bs-blog .blog-nav-section,.bs-blog .blog-dark{padding:72px 0}
  .bs-blog .blog-editorial-feature{margin-bottom:72px;background:transparent}
  .bs-blog .blog-editorial-feature>figure{min-height:260px}
  .bs-blog .blog-editorial-feature>div{padding:28px 0 0}
  .bs-blog .blog-editorial-feature>div h2,.bs-blog .blog-list-heading h2,.bs-blog .author-proof-grid h2{font-size:28px;line-height:1.28}
  .bs-blog .blog-card-list{grid-template-columns:1fr;gap:48px}
  .bs-blog .blog-post-copy>p{min-height:0}
  .bs-blog .blog-cluster-card{padding:32px 0}
  .bs-blog .blog-case-links a{grid-template-columns:1fr auto}
  .bs-blog .blog-case-links span{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.bs-blog *{transition:none!important;animation:none!important}}