/*
==========================================================================
CUSTOM CSS — JULIEN BELLER ARCHITECTE
PHASE 3 : SÉLECTEURS ACTIFS DU THÈME

01 — Variables et fondations
02 — Header, logo et navigation
03 — Accueil : hero et structure
04 — Accueil : slider projets
05 — Accueil : actualités
06 — Accueil : démarche
07 — Accueil : contact et citation
08 — Page projets
09 — Fiche projet
10 — Actualités
11 — Mentions légales
12 — Responsive partagé
13 — Utilitaires et compatibilité

L'ordre de la cascade a volontairement été conservé.
Les mentions « AJUSTEMENT » signalent les anciennes surcharges qui restent
nécessaires au rendu validé.
==========================================================================
*/

/* ======================================================================
   01 — VARIABLES ET FONDATIONS
   ====================================================================== */

:root {
    --jb-bg: #ffffff;
    --jb-paper: rgba(250, 252, 250, 0.90);
    --jb-paper-soft: rgba(250, 252, 250, 0.72);
--jb-red: #e3342a;
    --jb-black: #101314;
    --jb-text: #394041;
    --jb-line: rgba(227, 52, 42, 0.46);
    --jb-line-soft: rgba(227, 52, 42, 0.22);
    --jb-dark-line: rgba(15, 20, 22, 0.32);
    --jb-menu-left: 12px;
    --jb-menu-width: 188px;
    --jb-content-left: 220px;
    --jb-content-gap: 292px;
    --jb-hatch: repeating-linear-gradient(
        135deg,
        rgba(227, 52, 42, 0.13) 0,
        rgba(227, 52, 42, 0.13) 1px,
        transparent 1px,
        transparent 8px
    );
    --jb-hatch-soft: repeating-linear-gradient(
        135deg,
        rgba(227, 52, 42, 0.055) 0,
        rgba(227, 52, 42, 0.055) 1px,
        transparent 1px,
        transparent 8px
    );
--jb-left-ui-top: 10px;
    --jb-brand-menu-gap: 8px;
    --jb-brand-card-height: 84px;
}

/* ======================================================================
   08 — PAGE PROJETS
   ====================================================================== */

body.home,
.single,
.single-post,
body.page,
body.single-project,
body.page-template-page-projets,
body.page-template-page-projets-php,
body.page-template-page-mentions-legales,
body.page-template-page-mentions-legales-php,
body:has(.jb-single-project),
body:has(.jb-projects-page),
body:has(.jb-legal-page) {
    background: var(--jb-bg) !important;
    color: var(--jb-black) !important;
}

body.home .jb-home,
.jb-projects-page,
.jb-legal-page,
.single .wrap,
.single-post .wrap,
.single-project .wrap,
.single main,
.single-post main,
.single-project main,
.single .content,
.single-post .content,
.single-project .content,
.single .main,
.single-post .main,
.single-project .main,
.single .jb-single-project,
.single-post .jb-single-project,
.single-project .jb-single-project,
body:has(.jb-single-project) .wrap,
body:has(.jb-single-project) main,
body:has(.jb-single-project) .content,
body:has(.jb-single-project) .main,
body:has(.jb-single-project) .jb-single-project {
    background: var(--jb-hatch), var(--jb-bg) !important;
}

body.home .marquee,
body.home .white-panel,
body.home .has-white-panel .white-panel,
body.home .with-tb,
body.home .with-bb,
body.home .with-rb,
body.home .with-lb,
.single .white-panel,
.single-post .white-panel,
.single .has-white-panel .white-panel,
.single-post .has-white-panel .white-panel,
.single .with-tb,
.single .with-bb,
.single .with-rb,
.single .with-lb,
.single-post .with-tb,
.single-post .with-bb,
.single-post .with-rb,
.single-post .with-lb,
body.home footer,
body.home .content-info,
body.home .site-footer,
.single footer,
.single-post footer,
.single .content-info,
.single-post .content-info,
.single .site-footer,
.single-post .site-footer,
body:has(.jb-projects-page) footer,
body:has(.jb-projects-page) .content-info,
body:has(.jb-projects-page) .site-footer,
body:has(.jb-projects-page) .footer,
body:has(.jb-projects-page) [role="contentinfo"],
body:has(.jb-legal-page) footer,
body:has(.jb-legal-page) .content-info,
body:has(.jb-legal-page) .site-footer,
body:has(.jb-legal-page) .footer,
body:has(.jb-legal-page) [role="contentinfo"],
body:has(.jb-projects-page) .jb-projects-page ~ *,
body:has(.jb-projects-page) main + footer,
body:has(.jb-projects-page) main + section,
body:has(.jb-projects-page) .wrap > footer,
body:has(.jb-projects-page) .wrap > .container:last-child,
body:has(.jb-projects-page) .wrap > .container-fluid:last-child,
body:has(.jb-projects-page) .has-white-panel:last-child,
body:has(.jb-projects-page) .with-tb:last-child,
body:has(.jb-projects-page) .with-bb:last-child,
body:has(.jb-projects-page) .b-top:last-child,
body:has(.jb-projects-page) .b-bottom:last-child,
body:has(.jb-legal-page) .jb-legal-page ~ *,
body:has(.jb-legal-page) main + footer,
body:has(.jb-legal-page) main + section,
body:has(.jb-legal-page) .wrap > footer,
body:has(.jb-legal-page) .wrap > .container:last-child,
body:has(.jb-legal-page) .wrap > .container-fluid:last-child,
body:has(.jb-legal-page) .has-white-panel:last-child,
body:has(.jb-legal-page) .with-tb:last-child,
body:has(.jb-legal-page) .with-bb:last-child,
body:has(.jb-legal-page) .b-top:last-child,
body:has(.jb-legal-page) .b-bottom:last-child {
    display: none !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION
   ====================================================================== */

body.home .banner,
body.home .brand,
body.home .main-menu,
body.home .jb-hero .jb-container,
body.home .jb-section-heading,
body.home .jb-slider,
body.home .jb-slide__caption,
body.home .jb-slider__controls,
body.home .jb-news-card,
body.home .jb-news-card__image,
body.home .jb-approach__content,
body.home .jb-contact__content,
.jb-projects-page .jb-projects-archive__intro,
.jb-projects-page .jb-projects-filter,
.jb-projects-page .jb-project-card,
.single .banner,
.single-post .banner,
.single .brand,
.single-post .brand,
.single .main-menu,
.single-post .main-menu{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ
   ====================================================================== */

.single .red-bg,
.single-post .red-bg,
.single .hatch,
.single-post .hatch,
.single .bg-hatch,
.single-post .bg-hatch,
.single [class*="hatch"],
.single-post [class*="hatch"],
.single [class*="stripe"],
.single-post [class*="stripe"],
.single .has-white-panel,
.single-post .has-white-panel,
.single .b-top,
.single-post .b-top {
    background: transparent !important;
}

/* ======================================================================
   01 — VARIABLES ET FONDATIONS — AJUSTEMENT 2
   ====================================================================== */

svg {
    max-width: 100%;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 2
   ====================================================================== */

body.home .jb-container,
.single .jb-single-project .jb-container,
.single-post .jb-single-project .jb-container,
.jb-projects-page .jb-container,
.jb-legal .jb-container,
body.page .jb-container {
    width: min(1260px, calc(100% - var(--jb-content-gap))) !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: auto !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS
   ====================================================================== */

body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact,
.single .jb-single-project__hero,
.single-post .jb-single-project__hero,
.single .jb-single-project__body,
.single-post .jb-single-project__body,
.single .jb-single-project__videos,
.single-post .jb-single-project__videos,
.jb-legal{
    position: relative;
    padding: 34px 0 58px 0 !important;
    border-top: 1px solid var(--jb-line) !important;
}

body.home .jb-hero .jb-container,
body.home .jb-section-heading,
body.home .jb-slider,
body.home .jb-approach__content,
body.home .jb-contact__content,
.jb-projects-page .jb-projects-archive__intro,
.jb-projects-page .jb-projects-filter,
.jb-projects-page .jb-project-card,
.single .jb-single-project__intro,
.single-post .jb-single-project__intro,
.single-project .jb-single-project__intro,
.single .jb-single-project__text,
.single-post .jb-single-project__text,
.single-project .jb-single-project__text,
.single .jb-single-project__infos,
.single-post .jb-single-project__infos,
.single-project .jb-single-project__infos,
body:has(.jb-single-project) .jb-single-project__intro,
body:has(.jb-single-project) .jb-single-project__text,
body:has(.jb-single-project) .jb-single-project__infos,
.jb-legal__intro,
.jb-legal__content{
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)), var(--jb-hatch-soft) !important;
}

body.home .jb-kicker,
body.home .jb-section-heading span,
body.home .jb-slide__caption p,
body.home .jb-news-card__meta,
body.home .jb-slider__controls span,
.jb-projects-archive__intro .jb-kicker,
.jb-project-card__meta,
.single .jb-kicker,
.single-post .jb-kicker,
.single .jb-single-project__intro p,
.single-post .jb-single-project__intro p,
.single .jb-single-project__infos h2,
.single-post .jb-single-project__infos h2,
.jb-legal__intro .jb-kicker {
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: var(--jb-red) !important;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 3
   ====================================================================== */

body.home .jb-hero h1,
.jb-projects-archive__intro h1,
.single .jb-single-project__intro h1,
.single-post .jb-single-project__intro h1,
.jb-legal__intro h1 {
    max-width: 860px !important;
    font-size: clamp(34px, 3.2vw, 52px) !important;
    line-height: 1.04 !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
    color: var(--jb-black) !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 2
   ====================================================================== */

body.home .jb-slide__caption h2,
body.home .jb-news-card h3,
body.home .jb-approach__content h2,
.jb-project-card h2,
.single .jb-single-project__info h3,
.single-post .jb-single-project__info h3,
.jb-legal__content h2,
.jb-legal__content h3 {
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    color: var(--jb-black) !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS
   ====================================================================== */

body.home .jb-hero p,
body.home .jb-news-card p,
body.home .jb-approach__text,
.single .jb-single-project__text,
.single-post .jb-single-project__text,
.jb-projects-archive__intro p,
.jb-legal__intro p,
.jb-legal__content {
    font-size: 16px !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--jb-text) !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 2
   ====================================================================== */

.banner,
body.home .banner,
.single .banner,
.single-post .banner {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    overflow: visible !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

.banner .container,
body.home .banner .container,
.single .banner .container,
.single-post .banner .container {
    overflow: visible !important;
}

.banner--wrapper,
body.home .banner--wrapper,
.single .banner--wrapper,
.single-post .banner--wrapper {
    min-height: 64px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    padding: 10px 36px !important;
    overflow: visible !important;
    background: transparent !important;
}

.banner--brand,
body.home .banner--brand,
.single .banner--brand,
.single-post .banner--brand {
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    overflow: visible !important;
}

.brand,
body.home .brand,
.single .brand,
.single-post .brand,
.page-template-page-projets .brand,
.page-template-page-projets-php .brand {
    display: inline-block !important;
    margin: 0 !important;
    padding: 8px 12px 9px 12px !important;
    white-space: nowrap !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper-soft), var(--jb-paper-soft)), var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    text-decoration: none !important;
    font-size: clamp(18px, 1.55vw, 25px) !important;
    line-height: 1 !important;
    letter-spacing: -0.025em !important;
    font-weight: 700 !important;
    overflow: visible !important;
    transform: none !important;
}

.main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
    position: fixed !important;
    z-index: 90 !important;
    height: auto !important;
    max-height: calc(100vh - 96px) !important;
    padding: 10px !important;
    margin: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.9), rgba(250, 252, 250, 0.9)), var(--jb-hatch-soft) !important;
    box-shadow: 0 18px 60px rgba(38, 56, 62, 0.08) !important;
    transform: none !important;
    float: none !important;
    scrollbar-width: thin;
    scrollbar-color: var(--jb-red) rgba(255, 255, 255, 0.25);
}

.main-menu *,
.main-menu *::before,
.main-menu *::after {
    box-sizing: border-box !important;
}

.main-menu::-webkit-scrollbar {
    width: 6px;
}

.main-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.25);
}

.main-menu::-webkit-scrollbar-thumb {
    background: var(--jb-red);
}

.main-menu ul,
.main-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.main-menu > ul,
.main-menu > div,
.main-menu .menu,
.main-menu .menu-primary-navigation-container {
    width: 100% !important;
    max-width: 100% !important;
}

.main-menu > ul > li + li,
.main-menu > li + li,
.main-menu .menu > li + li {
    margin-top: 6px !important;
}

.main-menu > ul > li > a,
.main-menu > li > a,
.main-menu .menu > li > a,
.main-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jb-dark-line) !important;
    color: var(--jb-black) !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
}

.main-menu a:hover,
.main-menu .open > a,
.main-menu .active > a,
.main-menu .current-menu-item > a,
.main-menu .current-menu-parent > a {
    color: var(--jb-red) !important;
    background: rgba(227, 52, 42, 0.045) !important;
}

.main-menu a::after {
    display: none !important;
    content: none !important;
}

.main-menu ul ul,
.main-menu .sub-menu,
.main-menu .children {
    width: 100% !important;
    margin: 6px 0 4px 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border-bottom: 1px solid rgba(227, 52, 42, 0.16) !important;
}

.main-menu ul ul a,
.main-menu .sub-menu a,
.main-menu .children a {
    display: block !important;
    width: 100% !important;
    min-height: auto !important;
    padding: 7px 8px 7px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 20, 22, 0.12) !important;
    color: var(--jb-text) !important;
    background: transparent !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.main-menu .plus,
.main-menu [class*="plus"],
.main-menu [class*="toggle"],
.main-menu .toggle,
.main-menu .menu-toggle,
.main-menu .caret,
.main-menu .expand {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: var(--jb-black) !important;
    opacity: 0.85 !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 3
   ====================================================================== */

body.home .jb-section-heading a,
body.home .jb-slider__controls button,
.jb-projects-filter button{
    display: inline-flex;
    align-items: center;
    min-height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid var(--jb-line) !important;
    border-radius: 0 !important;
    background: rgba(250, 252, 250, 0.82) !important;
    color: var(--jb-black) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 1;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    cursor: pointer;
}

body.home .jb-section-heading a:hover,
body.home .jb-slider__controls button:hover,
.jb-projects-filter button:hover,
.jb-projects-filter button.is-active{
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE
   ====================================================================== */

body.home .jb-hero {
    min-height: auto !important;
}

body.home .jb-hero .jb-container {
    position: relative;
    display: grid;
    overflow: hidden;
    align-items: stretch;
}

/* ======================================================================
   09 — FICHE PROJET
   ====================================================================== */

body.home .jb-hero .jb-container::after,
.single .jb-single-project__intro::after,
.single-post .jb-single-project__intro::after {
    content: "";
    position: absolute;
    left: 210px;
    top: 0;
    width: 96px;
    height: 96px;
    opacity: 0.055;
    pointer-events: none;
    background: repeating-linear-gradient(135deg, transparent 0, transparent 7px, var(--jb-red) 7px, var(--jb-red) 8px);
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 2
   ====================================================================== */

body.home .jb-kicker {
    margin: 0 !important;
    padding: 18px 16px !important;
    border-right: 1px solid var(--jb-line) !important;
    align-self: stretch;
}

body.home .jb-hero h1,
body.home .jb-hero p {
    position: relative;
    z-index: 2;
}

body.home .jb-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 10px 12px !important;
    border-bottom: 0 !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 4
   ====================================================================== */

body.home .jb-slider {
    grid-template-columns: 320px minmax(0, 1fr) !important;
}

body.home .jb-slider__viewport {
    grid-column: 1 / 3 !important;
}

body.home .jb-slider__viewport .jb-slide.is-active {
    position: absolute !important;
    inset: 0 !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    min-height: 560px !important;
}

body.home .jb-slide__caption {
    grid-column: 1 !important;
    display: block !important;
    overflow: visible !important;
}

body.home .jb-slide__caption::before {
    content: "";
    position: absolute !important;
    top: 32px !important;
    left: 34px !important;
    width: 86px !important;
    height: 86px !important;
    opacity: 0.045 !important;
    pointer-events: none !important;
    background: repeating-linear-gradient(135deg, transparent 0, transparent 7px, var(--jb-red) 7px, var(--jb-red) 8px) !important;
}

body.home .jb-slide__caption h2 {
    left: 34px !important;
    bottom: 96px !important;
    color: var(--jb-black) !important;
}

body.home .jb-slide__caption h2 a,
body.home .jb-news-card h3 a,
.jb-project-card h2 a {
    color: inherit !important;
    text-decoration: none !important;
}

body.home .jb-slide__caption h2 a:hover,
body.home .jb-news-card h3 a:hover,
.jb-project-card h2 a:hover {
    color: var(--jb-red) !important;
}

body.home .jb-slide__caption p {
    left: 34px !important;
    bottom: 62px !important;
}

body.home .jb-slide__image {
    grid-column: 2 !important;
    border-left: 1px solid var(--jb-line) !important;
}

body.home .jb-slide__image img,
body.home .jb-news-card__image img,
.jb-project-card__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
}

body.home .jb-slider__controls {
    grid-column: 1 !important;
    align-items: stretch !important;
    gap: 0 !important;
    border-right: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.home .jb-slider::before {
    content: "";
    position: absolute;
    left: 320px;
    right: 0;
    bottom: 0;
    height: 48px;
    border-top: 1px solid var(--jb-line);
    background: rgba(250, 252, 250, 0.32);
    pointer-events: none;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 2
   ====================================================================== */

body.home .jb-news__grid {
    display: block !important;
    border-top: 1px solid var(--jb-line) !important;
}

body.home .jb-news-card {
    display: grid;
    border-bottom: 1px solid var(--jb-line) !important;
    background: rgba(250, 252, 250, 0.72) !important;
}

body.home .jb-news-card__image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff !important;
    border: 1px solid var(--jb-line) !important;
}

body.home .jb-news-card__meta {
    margin-bottom: 10px;
}

body.home .jb-news-card h3 {
    margin: 0;
    font-size: clamp(20px, 1.8vw, 28px) !important;
    line-height: 1.06 !important;
}

body.home .jb-news-card p {
    margin: 12px 0 0 0;
}

/* ======================================================================
   06 — ACCUEIL — DÉMARCHE
   ====================================================================== */

body.home .jb-approach__content{
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    overflow: hidden;
    max-width: none !important;
    padding-left: 0 !important;
}

body.home .jb-approach__content h2 {
    margin: 0 !important;
    padding: 18px 14px;
    border-right: 1px solid var(--jb-line) !important;
    font-size: 20px !important;
    line-height: 1.04 !important;
}

body.home .jb-approach__text {
    margin: 0 !important;
    padding: 18px 22px !important;
    max-width: none !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

body.home .jb-approach__text p {
    max-width: 820px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION
   ====================================================================== */

body.home .jb-contact {
    padding-top: 28px !important;
    padding-bottom: 46px !important;
}

body.home .jb-contact__content {
    display: grid;
}

body.home .jb-contact__content > div {
    min-height: 120px !important;
    padding: 18px 20px !important;
    border-right: 1px solid var(--jb-line);
}

body.home .jb-contact__content > div:last-child {
    border-right: 0;
}

body.home .jb-contact h2 {
    margin: 0;
    font-size: clamp(28px, 2.6vw, 42px) !important;
    line-height: 1;
    letter-spacing: -0.035em;
    font-weight: 700;
    color: var(--jb-black);
}

body.home .jb-contact p {
    margin: 10px 0 0 0;
    color: var(--jb-text);
    font-size: 14px !important;
    line-height: 1.45;
}

body.home .jb-contact a,
.jb-legal__content a {
    color: var(--jb-black) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--jb-line);
}

body.home .jb-contact a:hover,
.jb-legal__content a:hover {
    color: var(--jb-red) !important;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 4
   ====================================================================== */

.jb-projects-page {
    min-height: 100vh;
    padding: 34px 0 52px 0 !important;
}

.jb-projects-archive {
    border-top: 1px solid var(--jb-line);
}

.jb-projects-archive__intro {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    margin-top: 34px;
    overflow: hidden;
}

.jb-projects-archive__intro .jb-kicker {
    margin: 0 !important;
    padding: 16px 14px;
    border-right: 1px solid var(--jb-line);
}

.jb-projects-archive__intro h1 {
    margin: 0;
    padding: 26px 30px 12px 30px;
}

.jb-projects-archive__intro p {
    grid-column: 2;
    max-width: 640px;
    margin: 0;
    padding: 0 30px 26px 30px;
}

.jb-projects-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    padding: 12px;
}

.jb-projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 18px;
}

.jb-project-card {
    overflow: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.jb-project-card.is-hidden {
    display: none;
}

.jb-project-card__image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff;
}

.jb-project-card__image img {
    transition: transform 0.45s ease;
}

.jb-project-card:hover .jb-project-card__image img {
    transform: scale(1.035);
}

.jb-project-card__content {
    padding: 14px;
    border-top: 1px solid var(--jb-line);
}

.jb-project-card__meta {
    margin-bottom: 10px;
}

.jb-project-card h2 {
    margin: 0;
    font-size: clamp(18px, 1.55vw, 25px) !important;
    line-height: 1.08 !important;
}

/* ======================================================================
   09 — FICHE PROJET — AJUSTEMENT 2
   ====================================================================== */

.single .jb-single-project,
.single-post .jb-single-project {
    min-height: 100vh;
    color: var(--jb-black);
}

.single .jb-single-project__hero,
.single-post .jb-single-project__hero {
    padding-top: 22px !important;
    padding-bottom: 28px !important;
}

.single .jb-single-project__intro,
.single-post .jb-single-project__intro {
    position: relative;
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    overflow: hidden;
}

.single .jb-single-project__intro .jb-kicker,
.single-post .jb-single-project__intro .jb-kicker {
    margin: 0 !important;
    padding: 14px 13px !important;
    border-right: 1px solid var(--jb-line) !important;
}

.single .jb-single-project__intro h1,
.single-post .jb-single-project__intro h1 {
    margin: 0 !important;
    max-width: 720px !important;
    padding: 24px 28px 10px 28px !important;
}

.single .jb-single-project__intro p,
.single-post .jb-single-project__intro p {
    grid-column: 2 !important;
    margin: 0 !important;
    padding: 0 28px 22px 28px !important;
}

.single .jb-single-project__body,
.single-post .jb-single-project__body {
    padding-top: 28px !important;
    padding-bottom: 48px !important;
}

.single .jb-single-project__content,
.single-post .jb-single-project__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 18px !important;
}

.single .jb-single-project__text,
.single-post .jb-single-project__text {
    min-height: 260px !important;
    padding: 26px 32px !important;
}

.single .jb-single-project__text p,
.single-post .jb-single-project__text p {
    max-width: 760px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

.single .jb-single-project__infos,
.single-post .jb-single-project__infos {
    align-self: start !important;
    padding: 0 !important;
}

.single .jb-single-project__infos h2,
.single-post .jb-single-project__infos h2 {
    margin: 0 !important;
    padding: 15px 14px !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

.single .jb-single-project__info,
.single-post .jb-single-project__info {
    padding: 13px 14px !important;
    border-bottom: 1px solid var(--jb-line-soft) !important;
}

.single .jb-single-project__info:last-child,
.single-post .jb-single-project__info:last-child {
    border-bottom: 0 !important;
}

.single .jb-single-project__info h3,
.single-post .jb-single-project__info h3 {
    margin: 0 0 6px 0 !important;
    font-size: 11px !important;
    line-height: 1.2;
}

.single .jb-single-project__info p,
.single-post .jb-single-project__info p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
    color: var(--jb-text) !important;
}

.single .jb-video-grid,
.single-post .jb-video-grid {
    display: grid !important;
    gap: 18px !important;
}

.single .jb-video iframe,
.single-post .jb-video iframe {
    width: 100% !important;
    min-height: 520px !important;
}

/* ======================================================================
   11 — MENTIONS LÉGALES
   ====================================================================== */

.jb-legal-page {
    min-height: 100vh;
    padding-bottom: 52px !important;
}

.jb-legal {
    padding: 34px 0 80px 0 !important;
}

.jb-legal__intro {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    overflow: hidden;
}

.jb-legal__intro .jb-kicker {
    margin: 0 !important;
    padding: 16px 14px !important;
    border-right: 1px solid var(--jb-line);
}

.jb-legal__intro h1 {
    margin: 0;
    padding: 26px 30px 12px 30px;
    max-width: 760px;
}

.jb-legal__intro p {
    margin: 0;
    padding: 0 30px 26px 30px;
    max-width: 720px;
}

.jb-legal__content {
    margin-top: 18px;
    padding: 32px;
}

.jb-legal__content h2,
.jb-legal__content h3 {
    margin: 34px 0 12px 0;
}

.jb-legal__content h2 {
    font-size: clamp(24px, 2vw, 34px);
    line-height: 1.08;
}

.jb-legal__content h3 {
    font-size: 20px;
    line-height: 1.15;
}

.jb-legal__content p,
.jb-legal__content ul,
.jb-legal__content ol {
    max-width: 820px;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 2
   ====================================================================== */

body.home .jb-contact::after,
.jb-projects-page::after,
.jb-legal-page::after,
.single .jb-single-project::after,
.single-post .jb-single-project::after,
body:has(.jb-projects-page) .jb-projects-page::after,
body:has(.jb-legal-page) .jb-legal-page::after {
    content: "Julien Beller — Architecte · 2026";
    display: block !important;
    width: min(1260px, calc(100% - var(--jb-content-gap))) !important;
    margin-left: var(--jb-content-left) !important;
    padding: 18px 0 42px 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    color: var(--jb-black) !important;
    text-align: left !important;
}

body.home .jb-contact::after {
    margin-top: 28px !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 3
   ====================================================================== */

.contact-pill__wrapper,
.contact-pill,
[class*="contact-pill"] {
    position: fixed !important;
    left: 18px !important;
    bottom: 24px !important;
    z-index: 80 !important;
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    overflow: hidden !important;
}

.contact-pill__wrapper a,
.contact-pill a,
[class*="contact-pill"] a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    border: 2px solid var(--jb-black) !important;
    border-radius: 999px !important;
    background: rgba(250, 252, 250, 0.9) !important;
}

.contact-pill__wrapper img,
.contact-pill img,
[class*="contact-pill"] img,
.contact-pill__wrapper svg,
.contact-pill svg,
[class*="contact-pill"] svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
}

.contact-pill__wrapper::before,
.contact-pill__wrapper::after,
.contact-pill::before,
.contact-pill::after,
[class*="contact-pill"]::before,
[class*="contact-pill"]::after {
    max-width: 24px !important;
    max-height: 24px !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 3
   ====================================================================== */

@media (min-width: 1300px) {
    body.home .jb-hero h1 {
        font-size: 48px !important;
    }
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ
   ====================================================================== */

@media (max-width: 1099px) {
    .main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
        display: none !important;
    }

    body.home .jb-container,
.single .jb-single-project .jb-container,
.single-post .jb-single-project .jb-container,
.jb-projects-page .jb-container,
.jb-legal .jb-container,
body.page .jb-container,
body.home .jb-contact::after,
.jb-projects-page::after,
.jb-legal-page::after,
.single .jb-single-project::after,
.single-post .jb-single-project::after,
body:has(.jb-projects-page) .jb-projects-page::after,
body:has(.jb-legal-page) .jb-legal-page::after {
        width: calc(100% - 36px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-hero .jb-container,
body.home .jb-approach__content,
body.home .jb-contact__content,
.jb-projects-archive__intro,
.single .jb-single-project__intro,
.single-post .jb-single-project__intro,
.single .jb-single-project__content,
.single-post .jb-single-project__content,
.jb-legal__intro{
        display: block !important;
    }

    body.home .jb-kicker,
body.home .jb-approach__content h2,
.jb-projects-archive__intro .jb-kicker,
.single .jb-single-project__intro .jb-kicker,
.single-post .jb-single-project__intro .jb-kicker,
.jb-legal__intro .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-hero h1 {
        max-width: none !important;
        font-size: clamp(34px, 10vw, 52px) !important;
        padding: 26px 22px 16px 22px !important;
    }

    body.home .jb-hero p,
.jb-projects-archive__intro p,
.single .jb-single-project__intro p,
.single-post .jb-single-project__intro p,
.jb-legal__intro p {
        grid-column: auto !important;
        padding: 0 22px 24px 22px !important;
    }

    body.home .jb-slider {
        display: block !important;
    }

    body.home .jb-slider__viewport,
body.home .jb-slider__viewport .jb-slide.is-active {
        height: 420px !important;
        min-height: 420px !important;
    }

    body.home .jb-slider__viewport .jb-slide.is-active {
        display: block !important;
    }

    body.home .jb-slide__image {
        height: 420px !important;
        min-height: 420px !important;
        border-left: 0 !important;
    }

    body.home .jb-slide__caption {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: min(86%, 320px) !important;
        padding: 18px 16px !important;
        background: rgba(250, 252, 250, 0.88) !important;
        border-top: 1px solid var(--jb-line) !important;
        border-right: 1px solid var(--jb-line) !important;
    }

    body.home .jb-slide__caption::before,
body.home .jb-hero .jb-container::after,
.single .jb-single-project__intro::after,
.single-post .jb-single-project__intro::after {
        display: none !important;
    }

    body.home .jb-slide__caption h2,
body.home .jb-slide__caption p {
        position: static !important;
        max-width: none !important;
    }

    body.home .jb-slide__caption p {
        margin-top: 10px !important;
    }

    body.home .jb-slider__controls {
        width: 100% !important;
        border-right: 0 !important;
    }

    body.home .jb-slider::before {
        display: none !important;
    }

    body.home .jb-news-card {
        grid-template-columns: 1fr;
    }

    body.home .jb-section-heading {
        display: block;
    }

    body.home .jb-section-heading a {
        margin-top: 12px;
    }

    body.home .jb-contact__content > div {
        border-right: 0;
        border-bottom: 1px solid var(--jb-line);
    }

    body.home .jb-contact__content > div:last-child {
        border-bottom: 0;
    }

    .jb-projects-grid{
        grid-template-columns: 1fr !important;
    }

    .single .jb-single-project__infos,
.single-post .jb-single-project__infos {
        margin-top: 18px !important;
    }

    .jb-legal__content {
        padding: 22px;
    }
}

@media (max-width: 767px) {
    .banner--wrapper,
body.home .banner--wrapper,
.single .banner--wrapper,
.single-post .banner--wrapper {
        display: block !important;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    body.home .jb-hero h1,
.jb-projects-archive__intro h1,
.single .jb-single-project__intro h1,
.single-post .jb-single-project__intro h1,
.jb-legal__intro h1 {
        font-size: clamp(30px, 10vw, 42px) !important;
        line-height: 1.04 !important;
    }
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 4
   ====================================================================== */

body.home .jb-hero--compact {
    padding-top: 20px !important;
    padding-bottom: 28px !important;
}

body.home .jb-hero--compact .jb-container {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    min-height: auto !important;
}

body.home .jb-hero--compact .jb-container::after {
    left: 170px !important;
    width: 74px !important;
    height: 74px !important;
    opacity: 0.04 !important;
}

body.home .jb-hero--compact .jb-kicker {
    padding: 14px 12px !important;
}

body.home .jb-hero--compact h1 {
    max-width: 760px !important;
    padding: 22px 26px 10px 26px !important;
    font-size: clamp(28px, 2.65vw, 42px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.028em !important;
}

body.home .jb-hero--compact p {
    max-width: 720px !important;
    padding: 0 26px 24px 26px !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 3
   ====================================================================== */

body.home .jb-news {
    padding-top: 34px !important;
}

body.home .jb-news-card h3 {
    max-width: 760px;
}

body.home .jb-news-card p {
    max-width: 720px;
}

/* ======================================================================
   06 — ACCUEIL — DÉMARCHE — AJUSTEMENT 2
   ====================================================================== */

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 2
   ====================================================================== */

@media (max-width: 1099px) {
    body.home .jb-hero--compact .jb-container {
        display: block !important;
    }

    body.home .jb-hero--compact .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-hero--compact h1 {
        max-width: none !important;
        padding: 24px 22px 12px 22px !important;
        font-size: clamp(30px, 8vw, 42px) !important;
    }

    body.home .jb-hero--compact p {
        padding: 0 22px 24px 22px !important;
    }

    body.home .jb-news-card {
        grid-template-columns: 1fr !important;
    }
}

/* ======================================================================
   06 — ACCUEIL — DÉMARCHE — AJUSTEMENT 3
   ====================================================================== */

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 5
   ====================================================================== */

body.home .jb-hero .jb-container {
    min-height: auto !important;
}

body.home .jb-hero .jb-kicker {
    padding: 14px 13px !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.13em !important;
}

body.home .jb-hero h1 {
    letter-spacing: -0.03em !important;
}

body.home .jb-hero p {
    color: rgba(57, 64, 65, 0.86) !important;
}

@media (max-width: 1099px) {
    body.home .jb-hero {
        padding-top: 16px !important;
        padding-bottom: 22px !important;
    }

    body.home .jb-hero .jb-container {
        display: block !important;
    }

    body.home .jb-hero h1 {
        padding: 22px 20px 12px 20px !important;
        font-size: clamp(28px, 8vw, 40px) !important;
    }

    body.home .jb-hero p {
        padding: 0 20px 22px 20px !important;
        font-size: 14px !important;
    }
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 5
   ====================================================================== */

body.home .jb-slider__viewport .jb-slide.is-active {
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider {
        height: 520px !important;
        min-height: 520px !important;
    }

    body.home .jb-slide__caption {
        left: 14px !important;
        bottom: 62px !important;
        width: calc(100% - 28px) !important;
    }

    body.home .jb-slider__controls {
        left: 14px !important;
        bottom: 14px !important;
        width: calc(100% - 28px) !important;
    }
}

body.home .jb-slider {
    grid-template-rows: minmax(560px, 72vh) 52px !important;
}

body.home .jb-slider__viewport {
    border-bottom: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__viewport .jb-slide,
body.home .jb-slider__viewport .jb-slide.is-active {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

body.home .jb-slider__controls {
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: stretch !important;
    border-left: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-right: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls > *:last-child {
    border-right: 0 !important;
}

@media (max-width: 1099px) {
    body.home .jb-projects-slider .jb-container {
        width: calc(100% - 36px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-slider {
        grid-template-rows: 500px 52px !important;
    }

    body.home .jb-slider__viewport {
        height: 500px !important;
        min-height: 500px !important;
    }

    body.home .jb-slide__caption {
        left: 14px !important;
        bottom: 14px !important;
        width: calc(100% - 28px) !important;
    }

    body.home .jb-slider__controls {
        width: 100% !important;
        border-left: 0 !important;
    }
}

body.home .jb-projects-slider .jb-container {
    width: calc(100% - var(--jb-content-left) - 16px) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: 16px !important;
}

body.home .jb-slide__image {
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-left: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls span {
    border-left: 1px solid var(--jb-line) !important;
}

@media (max-width: 1099px) {
    body.home .jb-projects-slider .jb-container {
        width: calc(100% - 36px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-slider {
        height: 590px !important;
        min-height: 590px !important;
    }

    body.home .jb-slide__image {
        bottom: 138px !important;
    }

    body.home .jb-slide__caption {
        right: 0 !important;
        bottom: 64px !important;
        height: 74px !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-slider__controls {
        width: 100% !important;
        height: 64px !important;
        grid-template-columns: 64px 1fr 64px !important;
    }

    body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
        height: 64px !important;
        min-height: 64px !important;
    }
}

@media (min-width: 1500px) {
    body.home .jb-slider {
        height: 90vh !important;
        min-height: 820px !important;
        max-height: 1040px !important;
    }
}

@media (max-width: 1099px) {
    body.home .jb-slider {
        height: 680px !important;
        min-height: 680px !important;
        max-height: none !important;
    }

    body.home .jb-slide__image {
        bottom: 146px !important;
    }

    body.home .jb-slide__caption {
        height: 82px !important;
        bottom: 64px !important;
    }

    body.home .jb-slider__controls {
        height: 64px !important;
    }

    body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
        height: 64px !important;
        min-height: 64px !important;
    }
}

body.home .jb-slide__caption {
    border-top: 1px solid var(--jb-line) !important;
    border-right: 1px solid rgba(227, 52, 42, 0.32) !important;
}

body.home .jb-slide__caption h2 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.home .jb-slider__controls {
    left: auto !important;
    grid-template-columns: 52px 1fr 52px !important;
    border-top: 1px solid var(--jb-line) !important;
}

body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
    height: 58px !important;
    min-height: 58px !important;
    border: 0 !important;
    border-left: 1px solid rgba(227, 52, 42, 0.32) !important;
    background: transparent !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider {
        height: 620px !important;
        min-height: 620px !important;
    }

    body.home .jb-slide__image {
        bottom: 112px !important;
    }

    body.home .jb-slide__caption {
        right: 0 !important;
        bottom: 54px !important;
        height: 58px !important;
        border-right: 0 !important;
    }

    body.home .jb-slider__controls {
        width: 100% !important;
        height: 54px !important;
        grid-template-columns: 54px 1fr 54px !important;
    }

    body.home .jb-slider__controls button,
body.home .jb-slider__controls span {
        height: 54px !important;
        min-height: 54px !important;
    }
}

body.home .jb-slider {
    display: block !important;
    background: #fff !important;
}

body.home .jb-slider__viewport {
    position: absolute !important;
    inset: 0 !important;
}

body.home .jb-slide__caption p {
    margin: 9px 0 0 0 !important;
}

body.home .jb-slider__controls {
    inset: 0 !important;
    z-index: 9 !important;
    width: 100% !important;
    height: 100% !important;
}

body.home .jb-slider__controls button:first-child::before {
    content: "←";
}

body.home .jb-slider__controls button:last-child::before {
    content: "→";
}

body.home .jb-slider__controls button::before {
    font-size: 21px !important;
}

body.home .jb-slider__controls button:hover {
    background: rgba(255, 255, 255, 0.82) !important;
}

body.home .jb-slider__controls span {
    font-weight: 700 !important;
}

body.home .jb-slider::before {
    display: none !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider {
        height: 620px !important;
        min-height: 620px !important;
    }

    body.home .jb-slide__caption {
        left: 14px !important;
        bottom: 14px !important;
        width: calc(100% - 28px) !important;
        padding: 14px 15px 13px 15px !important;
    }

    body.home .jb-slider__controls button {
        width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
    }

    body.home .jb-slider__controls button:first-child {
        left: 12px !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 12px !important;
    }

    body.home .jb-slider__controls span {
        right: 14px !important;
        bottom: 82px !important;
    }
}

body.home .jb-container,
body.home .jb-projects-slider .jb-container,
body.home .jb-news .jb-container,
body.home .jb-approach .jb-container,
body.home .jb-contact .jb-container {
    width: calc(100vw - var(--jb-content-left) - var(--jb-home-right-gap)) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: var(--jb-home-right-gap) !important;
    box-sizing: border-box !important;
}

body.home .jb-projects-slider {
    padding-top: 24px !important;
    padding-bottom: 42px !important;
}

body.home .jb-slider {
    height: clamp(640px, 82vh, 900px) !important;
    min-height: 640px !important;
    max-height: 900px !important;
}

body.home .jb-projects-slider .jb-section-heading {
    min-height: 54px !important;
    padding: 12px 14px !important;
}

body.home .jb-projects-slider .jb-section-heading a {
    min-height: 34px !important;
    padding: 0 15px !important;
}

body.home .jb-slide__image {
    bottom: 0 !important;
}

body.home .jb-slide__caption {
    left: 22px !important;
    bottom: 22px !important;
    width: min(390px, calc(100% - 44px)) !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.48) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.11) !important;
}

body.home .jb-slide__caption h2 {
    font-size: clamp(19px, 1.35vw, 26px) !important;
}

body.home .jb-slider__controls button {
    background: rgba(255, 255, 255, 0.52) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.10) !important;
}

body.home .jb-slider__controls button:first-child {
    left: 20px !important;
}

body.home .jb-slider__controls button:last-child {
    right: 20px !important;
}

body.home .jb-slider__controls span {
    bottom: 22px !important;
    background: rgba(255, 255, 255, 0.52) !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 4
   ====================================================================== */

body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact {
    padding-top: 34px !important;
    padding-bottom: 46px !important;
}

body.home .jb-news__grid,
body.home .jb-approach__content,
body.home .jb-contact__content{
    width: 100% !important;
    max-width: none !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 6
   ====================================================================== */

body.home .jb-hero {
    padding-bottom: 28px !important;
}

body.home .jb-hero .jb-container {
    width: calc(100vw - var(--jb-content-left) - var(--jb-home-right-gap)) !important;
    max-width: none !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 6
   ====================================================================== */

@media (max-width: 1099px) {
    body.home .jb-container,
body.home .jb-projects-slider .jb-container,
body.home .jb-news .jb-container,
body.home .jb-approach .jb-container,
body.home .jb-contact .jb-container,
body.home .jb-contact::after {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-slider {
        height: 620px !important;
        min-height: 620px !important;
        max-height: none !important;
    }
}

@media (max-width: 767px) {
    body.home .jb-slider {
        height: 560px !important;
        min-height: 560px !important;
    }

    body.home .jb-slide__caption {
        left: 14px !important;
        bottom: 14px !important;
        width: calc(100% - 28px) !important;
    }

    body.home .jb-slider__controls button:first-child {
        left: 12px !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 12px !important;
    }

    body.home .jb-slider__controls span {
        right: 14px !important;
        bottom: 82px !important;
    }
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 7
   ====================================================================== */

@media (min-width: 1600px) {
    body.home .jb-hero h1 {
        max-width: 1180px !important;
    }

    body.home .jb-hero p {
        max-width: 1080px !important;
    }
}

body.home .jb-hero h1 {
    grid-column: 2 !important;
    max-width: 1280px !important;
    padding: 24px 34px 10px 28px !important;
    font-size: clamp(26px, 2.1vw, 40px) !important;
    line-height: 1.07 !important;
}

body.home .jb-hero p {
    grid-column: 2 !important;
    padding: 0 34px 26px 28px !important;
    line-height: 1.52 !important;
}

body.home .jb-hero .jb-container::after {
    right: 26px !important;
    left: auto !important;
    top: 22px !important;
    width: 56px !important;
    height: 56px !important;
    opacity: 0.025 !important;
}

@media (min-width: 1500px) {
    body.home .jb-hero h1 {
        max-width: 1380px !important;
    }

    body.home .jb-hero p {
        max-width: 1280px !important;
    }
}

@media (max-width: 1099px) {
    body.home .jb-hero .jb-container {
        display: block !important;
    }

    body.home .jb-hero h1,
body.home .jb-hero p {
        max-width: none !important;
        width: auto !important;
    }
}

body.home {
    --jb-home-right-gap: 12px;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 7
   ====================================================================== */

body.home .jb-container,
body.home .jb-hero .jb-container,
body.home .jb-projects-slider .jb-container,
body.home .jb-news .jb-container,
body.home .jb-approach .jb-container,
body.home .jb-contact .jb-container {
    width: calc(100vw - var(--jb-content-left) - var(--jb-home-right-gap)) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: var(--jb-home-right-gap) !important;
    box-sizing: border-box !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 5
   ====================================================================== */

body.home .jb-hero h1,
body.home .jb-hero p,
body.home .jb-news-card__content,
body.home .jb-news-card h3,
body.home .jb-news-card p,
body.home .jb-approach__content h2,
body.home .jb-approach__text,
body.home .jb-approach__text p,
body.home .jb-contact__content,
body.home .jb-contact__content p {
    max-width: none !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 8
   ====================================================================== */

body.home .jb-hero .jb-container {
    grid-template-columns: 150px minmax(0, 1fr) !important;
}

body.home .jb-hero .jb-container::before {
    display: none !important;
    content: none !important;
}

body.home .jb-hero h1,
body.home .jb-hero p {
    padding-right: 44px !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 6
   ====================================================================== */

body.home .jb-news__grid {
    width: 100% !important;
}

body.home .jb-news-card {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 28px !important;
    padding: 20px 24px 20px 0 !important;
}

body.home .jb-news-card__content {
    padding-right: 36px !important;
}

body.home .jb-news-card p {
    width: 100% !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 9
   ====================================================================== */

/* ======================================================================
   06 — ACCUEIL — DÉMARCHE — AJUSTEMENT 4
   ====================================================================== */

body.home .jb-approach__content {
    width: 100% !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
}

body.home .jb-approach__text {
    width: 100% !important;
    padding-right: 44px !important;
}

body.home .jb-approach__text p {
    width: 100% !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 3
   ====================================================================== */

body.home .jb-contact__content {
    width: 100% !important;
    grid-template-columns: 1.2fr 1.4fr 1fr !important;
}

body.home .jb-contact__content > div {
    padding-right: 28px !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 10
   ====================================================================== */

body.home .jb-section-heading {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 4
   ====================================================================== */

body.home .jb-contact::after {
    width: calc(100vw - var(--jb-content-left) - var(--jb-home-right-gap)) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: var(--jb-home-right-gap) !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 3
   ====================================================================== */

@media (max-width: 1099px) {
    body.home .jb-container,
body.home .jb-hero .jb-container,
body.home .jb-projects-slider .jb-container,
body.home .jb-news .jb-container,
body.home .jb-approach .jb-container,
body.home .jb-contact .jb-container,
body.home .jb-contact::after {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-news-card,
body.home .jb-approach__content,
body.home .jb-contact__content{
        display: block !important;
    }

    body.home .jb-news-card {
        padding: 18px !important;
    }

    body.home .jb-news-card__content,
body.home .jb-approach__text,
body.home .jb-contact__content > div{
        padding-right: 20px !important;
    }
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 4
   ====================================================================== */

.main-menu a {
    min-height: 34px !important;
}

.main-menu > ul > li:first-child > a,
.main-menu .menu > li:first-child > a {
    min-height: 42px !important;
    margin-bottom: 8px !important;
    padding: 0 10px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.86), rgba(250, 252, 250, 0.86)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

.main-menu > ul > li:first-child > a::after,
.main-menu .menu > li:first-child > a::after {
    display: none !important;
    content: none !important;
}

.main-menu > ul > li:first-child > a:hover,
.main-menu .menu > li:first-child > a:hover {
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

.main-menu > ul > li:not(:first-child) > a,
.main-menu .menu > li:not(:first-child) > a {
    min-height: 34px !important;
    padding: 0 8px !important;
}

.main-menu #menu-all-projects {
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(227, 52, 42, 0.28) !important;
}

.main-menu .jb-menu-view-all > a {
    margin-bottom: 6px !important;
}

.main-menu .jb-menu-category .sub-menu {
    margin: 4px 0 8px 0 !important;
    padding-left: 8px !important;
    border-left: 1px solid rgba(227, 52, 42, 0.24) !important;
}

.main-menu .jb-menu-category .sub-menu a {
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

.main-menu .jb-menu-category > a:hover,
.main-menu .jb-menu-view-all > a:hover{
    color: var(--jb-red) !important;
    background: rgba(227, 52, 42, 0.045) !important;
}

.main-menu .jb-menu-category > .sub-menu.collapse:not(.in) {
    display: none !important;
}

.main-menu #menu-all-projects.collapse.in,
.main-menu .jb-menu-category > .sub-menu.collapse.in {
    display: block !important;
}

.main-menu #menu-all-projects.collapse:not(.in) {
    display: none !important;
}

.main-menu #menu-all-projects.collapse.in {
    display: block !important;
}

.main-menu #menu-all-projects {
    margin: 8px 0 0 0 !important;
    padding: 0 10px 8px 10px !important;
    border: 0 !important;
    background: transparent !important;
}

.main-menu .jb-menu-category .close,
.main-menu .jb-menu-view-all .close {
    display: none !important;
}

.main-menu #menu-all-projects.collapsing {
    transition: height 0.28s ease !important;
}

.main-menu #menu-all-projects {
    overflow: hidden !important;
}

.main-menu .jb-menu-toggle.is-open .jb-menu-cross {
    transform: rotate(45deg) !important;
    color: var(--jb-red) !important;
}

.main-menu .jb-menu-view-all > a:hover,
.main-menu .jb-menu-category > a:hover{
    color: var(--jb-red) !important;
    background: rgba(227, 52, 42, 0.04) !important;
}

.main-menu .jb-left-main-menu {
    width: 100% !important;
}

.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
    border-bottom: 1px solid rgba(15, 20, 22, 0.32) !important;
}

.main-menu #menu-projects {
    border-bottom: 1px solid rgba(227, 52, 42, 0.22) !important;
}

.main-menu {
    padding: 10px !important;
}

.main-menu .jb-left-main-menu,
.main-menu .jb-left-main-menu li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(227, 52, 42, 0.32) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.76), rgba(250, 252, 250, 0.76)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
}

.main-menu .jb-left-main-menu > li:first-child > a {
    border-color: var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.92), rgba(250, 252, 250, 0.92)),
        var(--jb-hatch-soft) !important;
}

.main-menu .jb-menu-primary > a:hover,
.main-menu .jb-menu-projects > .jb-menu-toggle:hover {
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

.main-menu .jb-menu-category > a {
    letter-spacing: -0.01em !important;
}

.main-menu .jb-menu-view-all > a:hover,
.main-menu .jb-menu-category > a:hover {
    color: var(--jb-red) !important;
    background: transparent !important;
}

.main-menu .jb-menu-primary .close,
.main-menu .jb-menu-category .close,
.main-menu .jb-menu-view-all .close {
    display: none !important;
}

.main-menu .jb-left-main-menu,
.main-menu .jb-left-main-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.main-menu .jb-left-main-menu > li + li {
    margin-top: 8px !important;
}

.main-menu .jb-left-main-menu > li > a,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle,
.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid var(--jb-line) !important;
    border-bottom: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.88), rgba(250, 252, 250, 0.88)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
}

.main-menu .jb-menu-projects > .jb-menu-toggle {
    padding-right: 36px !important;
}

.main-menu .jb-menu-cross {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--jb-black) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    transform: rotate(0deg) !important;
    transition: transform 0.24s ease, color 0.24s ease !important;
}

.main-menu .jb-menu-projects > .jb-menu-toggle[aria-expanded="true"] .jb-menu-cross {
    transform: rotate(45deg) !important;
    color: var(--jb-red) !important;
}

.main-menu .jb-left-main-menu > li > a:hover,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle:hover,
.main-menu .jb-menu-primary > a:hover,
.main-menu .jb-menu-projects > .jb-menu-toggle:hover {
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

.main-menu .jb-menu-projects > .jb-menu-toggle:hover .jb-menu-cross {
    color: #fff !important;
}

.main-menu #menu-projects {
    margin: 8px 0 0 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(227, 52, 42, 0.24) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.62), rgba(250, 252, 250, 0.62)),
        var(--jb-hatch-soft) !important;
}

.main-menu .jb-menu-view-all > a {
    display: block !important;
    min-height: auto !important;
    padding: 7px 0 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 20, 22, 0.2) !important;
    background: transparent !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.main-menu .jb-menu-category > a {
    display: block !important;
    min-height: 30px !important;
    padding: 8px 0 7px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(15, 20, 22, 0.2) !important;
    background: transparent !important;
    color: var(--jb-black) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

.main-menu .jb-menu-category:last-child > a {
    border-bottom: 0 !important;
}

/* ======================================================================
   01 — VARIABLES ET FONDATIONS — AJUSTEMENT 3
   ====================================================================== */

html {
    scroll-behavior: smooth;
}

/* ======================================================================
   06 — ACCUEIL — DÉMARCHE — AJUSTEMENT 5
   ====================================================================== */

#demarche,
#contact {
    scroll-margin-top: 100px;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 5
   ====================================================================== */

.banner,
body.home .banner {
    width: 100% !important;
}

.banner .container,
body.home .banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.banner--wrapper,
body.home .banner--wrapper {
    justify-content: flex-start !important;
    padding-left: var(--jb-menu-left) !important;
    padding-right: 16px !important;
}

.banner--brand,
body.home .banner--brand,
.brand,
body.home .brand {
    margin-left: 0 !important;
}

.banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand {
    width: auto !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

.brand,
body.home .brand,
.single .brand,
.single-post .brand,
body.page .brand {
    z-index: 120 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.94), rgba(250, 252, 250, 0.94)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 1099px) {
    .banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
        position: sticky !important;
        top: 0 !important;
        height: auto !important;
        min-height: 64px !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border-bottom: 1px solid var(--jb-line) !important;
        z-index: 100 !important;
    }

    .banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand {
        height: auto !important;
        min-height: 64px !important;
        padding: 10px 18px !important;
    }

    .brand,
body.home .brand,
.single .brand,
.single-post .brand,
body.page .brand {
        position: static !important;
        width: auto !important;
        height: auto !important;
        min-height: 40px !important;
        font-size: 20px !important;
    }
}

.banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
    top: 0 !important;
    z-index: 100 !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

.banner .container,
body.home .banner .container,
.single .banner .container,
.single-post .banner .container,
body.page .banner .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.banner--wrapper,
body.home .banner--wrapper,
.single .banner--wrapper,
.single-post .banner--wrapper,
body.page .banner--wrapper {
    min-height: 58px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 6px 16px 6px var(--jb-menu-left) !important;
    margin: 0 !important;
    background: transparent !important;
}

.banner--brand,
body.home .banner--brand,
.single .banner--brand,
.single-post .banner--brand,
body.page .banner--brand {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.brand,
body.home .brand,
.single .brand,
.single-post .brand,
body.page .brand {
    position: static !important;
    left: auto !important;
    top: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 11px 8px 11px !important;
    font-size: clamp(20px, 1.45vw, 26px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
    position: static !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand,
.single .banner .container,
.single .banner--wrapper,
.single .banner--brand,
.single-post .banner .container,
.single-post .banner--wrapper,
.single-post .banner--brand,
body.page .banner .container,
body.page .banner--wrapper,
body.page .banner--brand {
    width: auto !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

.brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
    position: fixed !important;
    left: var(--jb-menu-left) !important;
    top: var(--jb-left-ui-top) !important;
    z-index: 130 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: var(--jb-menu-width) !important;
    margin: 0 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.96), rgba(250, 252, 250, 0.96)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 2
   ====================================================================== */

.jb-brand-card__name {
    display: block !important;
    margin: 0 !important;
    font-weight: 900 !important;
    color: var(--jb-black) !important;
}

.jb-brand-card__role {
    display: block !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: var(--jb-red) !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 6
   ====================================================================== */

.main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
    left: var(--jb-menu-left) !important;
    width: var(--jb-menu-width) !important;
    min-width: var(--jb-menu-width) !important;
    max-width: var(--jb-menu-width) !important;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 5
   ====================================================================== */

body.home .jb-home,
.jb-projects-page,
.jb-legal-page,
.single .wrap,
.single-post .wrap,
body:has(.jb-single-project) .wrap {
    padding-top: 0 !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 7
   ====================================================================== */

@media (max-width: 1099px) {
    .banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
        position: sticky !important;
        top: 0 !important;
        height: auto !important;
        min-height: 64px !important;
        z-index: 100 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    .banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand,
.single .banner .container,
.single .banner--wrapper,
.single .banner--brand,
.single-post .banner .container,
.single-post .banner--wrapper,
.single-post .banner--brand,
body.page .banner .container,
body.page .banner--wrapper,
body.page .banner--brand {
        height: auto !important;
        min-height: 64px !important;
        padding: 10px 18px !important;
    }

    .brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
        position: static !important;
        width: auto !important;
        height: auto !important;
        min-height: 44px !important;
        padding: 8px 12px !important;
    }

    .jb-brand-card__name {
        font-size: 21px !important;
    }

    .jb-brand-card__role {
        font-size: 10px !important;
    }
}

.brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
    height: var(--jb-brand-card-height) !important;
    padding: 13px 12px 12px 12px !important;
}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 3
   ====================================================================== */

.jb-brand-card__name {
    font-size: 26px !important;
    line-height: 0.92 !important;
    letter-spacing: -0.055em !important;
}

.jb-brand-card__role {
    margin-top: 9px !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 8
   ====================================================================== */

.main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
    top: calc(
        var(--jb-left-ui-top)
        + var(--jb-brand-card-height)
        + var(--jb-brand-menu-gap)
    ) !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 5
   ====================================================================== */

body.home .jb-end-quote {
    padding: 8px 0 54px 0 !important;
}

body.home .jb-end-quote .jb-container {
    gap: 24px !important;
    border-top: 1px solid rgba(227, 52, 42, 0.26) !important;
}

body.home .jb-end-quote__label {
    color: rgba(227, 52, 42, 0.72) !important;
}

body.home .jb-end-quote blockquote {
    max-width: 880px !important;
    color: rgba(16, 19, 20, 0.66) !important;
}

body.home .jb-end-quote blockquote::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: -23px !important;
    width: 90px !important;
    height: 1px !important;
    background: var(--jb-red) !important;
    opacity: 0.65 !important;
}

body.home .jb-end-quote p {
    max-width: 880px !important;
    font-weight: 800 !important;
    color: rgba(227, 52, 42, 0.68) !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote .jb-container {
        display: block !important;
    }

    body.home .jb-end-quote__label {
        margin-bottom: 12px !important;
    }

    body.home .jb-end-quote p {
        margin-top: 10px !important;
    }
}

body.home .jb-end-quote {
    padding: 28px 0 64px 0 !important;
    border-top: 1px solid var(--jb-line) !important;
}

body.home .jb-end-quote .jb-container {
    position: relative !important;
    grid-template-columns: 118px minmax(0, 1fr) !important;
    width: min(980px, calc(100vw - var(--jb-content-left) - 64px)) !important;
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: 28px !important;
    padding: 22px 28px 24px 24px !important;
    border: 1px solid rgba(227, 52, 42, 0.28) !important;
}

body.home .jb-end-quote__label {
    align-self: start !important;
    padding-top: 4px !important;
    color: rgba(227, 52, 42, 0.76) !important;
}

body.home .jb-end-quote blockquote {
    max-width: 760px !important;
    padding-left: 22px !important;
    border-left: 3px solid rgba(227, 52, 42, 0.22) !important;
    font-size: clamp(15px, 0.95vw, 18px) !important;
    letter-spacing: -0.012em !important;
    color: rgba(16, 19, 20, 0.68) !important;
}

body.home .jb-end-quote blockquote::before {
    display: none !important;
    content: none !important;
}

body.home .jb-end-quote p {
    margin: 14px 0 0 0 !important;
    padding-left: 22px !important;
    max-width: 760px !important;
}

body.home .jb-end-quote .jb-container::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    top: 18px !important;
    width: 54px !important;
    height: 54px !important;
    opacity: 0.05 !important;
    pointer-events: none !important;
    background: repeating-linear-gradient(
        135deg,
        transparent 0,
        transparent 7px,
        var(--jb-red) 7px,
        var(--jb-red) 8px
    ) !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote .jb-container {
        display: block !important;
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 20px !important;
    }

    body.home .jb-end-quote__label {
        margin-bottom: 14px !important;
    }

    body.home .jb-end-quote blockquote,
body.home .jb-end-quote p {
        padding-left: 18px !important;
    }
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 8
   ====================================================================== */

body.home .jb-slider {
    --jb-slider-rail: 286px;
    position: relative !important;
    display: grid !important;
    grid-template-columns: var(--jb-slider-rail) minmax(0, 1fr) !important;
    grid-template-rows: 1fr !important;
    width: 100% !important;
    height: clamp(540px, 66vh, 720px) !important;
    min-height: 540px !important;
    max-height: 720px !important;
    overflow: hidden !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.82), rgba(250, 252, 250, 0.82)),
        var(--jb-hatch-soft) !important;
}

body.home .jb-slider__thumbs {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 12 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    height: 100% !important;
    padding: 16px 14px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-right: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.76), rgba(250, 252, 250, 0.76)),
        var(--jb-hatch-soft) !important;
    scrollbar-width: thin;
    scrollbar-color: var(--jb-red) rgba(255, 255, 255, 0.3);
}

body.home .jb-slider__thumbs::before {
    content: "À suivre";
    display: block !important;
    margin: 0 0 4px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid rgba(227, 52, 42, 0.26) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    color: var(--jb-red) !important;
}

body.home .jb-slider__thumb {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 8px !important;
    border: 1px solid rgba(227, 52, 42, 0.22) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.48) !important;
    color: var(--jb-black) !important;
    text-align: left !important;
    cursor: pointer !important;
    opacity: 0.78 !important;
    transition: opacity 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease !important;
}

body.home .jb-slider__thumb:hover {
    opacity: 1 !important;
    border-color: rgba(227, 52, 42, 0.58) !important;
    background: rgba(255, 255, 255, 0.72) !important;
}

body.home .jb-slider__thumb.is-current {
    opacity: 1 !important;
    border-color: var(--jb-red) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.92), rgba(250, 252, 250, 0.92)),
        var(--jb-hatch-soft) !important;
}

body.home .jb-slider__thumb.is-current::before {
    content: "";
    position: absolute !important;
    left: -1px !important;
    top: -1px !important;
    bottom: -1px !important;
    width: 3px !important;
    background: var(--jb-red) !important;
}

body.home .jb-slider__thumb-image {
    display: block !important;
    width: 82px !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 20, 22, 0.16) !important;
    background: #fff !important;
}

body.home .jb-slider__thumb-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body.home .jb-slider__thumb-text {
    display: block !important;
    min-width: 0 !important;
}

body.home .jb-slider__thumb-title {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: var(--jb-black) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

body.home .jb-slider__thumb-meta {
    display: block !important;
    margin-top: 6px !important;
    font-size: 8px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: rgba(227, 52, 42, 0.72) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

body.home .jb-slider__viewport {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #fff !important;
}

body.home .jb-slider__viewport .jb-slide {
    position: absolute !important;
    inset: 0 !important;
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.home .jb-slider__viewport .jb-slide.is-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

body.home .jb-slide__image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    border: 0 !important;
    background: #fff !important;
}

body.home .jb-slide__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body.home .jb-slide__caption {
    position: absolute !important;
    left: 20px !important;
    bottom: 20px !important;
    right: auto !important;
    z-index: 8 !important;
    width: min(380px, calc(100% - 40px)) !important;
    height: auto !important;
    padding: 14px 16px 13px 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.46) !important;
    background: rgba(255, 255, 255, 0.64) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.12) !important;
}

body.home .jb-slide__caption::before {
    display: none !important;
}

body.home .jb-slide__caption h2 {
    position: static !important;
    margin: 0 !important;
    max-width: none !important;
    font-size: clamp(18px, 1.22vw, 25px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.03em !important;
}

body.home .jb-slide__caption p {
    position: static !important;
    margin: 8px 0 0 0 !important;
    max-width: none !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

body.home .jb-slider__controls {
    z-index: 13 !important;
}

body.home .jb-slider__controls button {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    background: rgba(255, 255, 255, 0.56) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.11) !important;
}

body.home .jb-slider__controls button:first-child {
    left: 18px !important;
}

body.home .jb-slider__controls button:last-child {
    right: 18px !important;
}

body.home .jb-slider__controls button::before {
    font-size: 19px !important;
}

body.home .jb-slider__controls button:hover {
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: rgba(227, 52, 42, 0.55) !important;
}

body.home .jb-slider__controls span {
    right: 20px !important;
    bottom: 20px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, 0.48) !important;
    background: rgba(255, 255, 255, 0.56) !important;
    font-weight: 800 !important;
}

body.home .jb-slider::before,
body.home .jb-slider::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider {
        --jb-slider-rail: 0px;
        display: block !important;
        height: 560px !important;
        min-height: 560px !important;
        max-height: none !important;
    }

    body.home .jb-slider__thumbs {
        display: none !important;
    }

    body.home .jb-slider__viewport {
        height: 100% !important;
        min-height: 100% !important;
    }

    body.home .jb-slider__controls {
        left: 0 !important;
    }

    body.home .jb-slide__caption {
        left: 14px !important;
        bottom: 14px !important;
        width: calc(100% - 28px) !important;
    }

    body.home .jb-slider__controls button:first-child {
        left: 12px !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 12px !important;
    }

    body.home .jb-slider__controls span {
        right: 14px !important;
        bottom: 82px !important;
    }
}

body.home .jb-slider__controls {
    margin: 0 !important;
    padding: 0 !important;
}

body.home .jb-slider__controls button {
    top: 50% !important;
    bottom: auto !important;
    width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    background: rgba(255, 255, 255, 0.64) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-50%) !important;
}

body.home .jb-slider__controls button:first-child {
    left: 22px !important;
    right: auto !important;
}

body.home .jb-slider__controls button:last-child {
    right: 22px !important;
}

body.home .jb-slider__controls button::before {
    color: rgba(16, 19, 20, 0.82) !important;
}

body.home .jb-slider__controls span {
    top: 18px !important;
    right: 22px !important;
    bottom: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.54) !important;
    background: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    font-weight: 900 !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider__controls {
        left: 0 !important;
    }

    body.home .jb-slider__controls button:first-child {
        left: 14px !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 14px !important;
    }

    body.home .jb-slider__controls span {
        top: 14px !important;
        right: 14px !important;
        bottom: auto !important;
    }
}

body.home .jb-slider__controls {
    position: absolute !important;
    left: var(--jb-slider-rail) !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 30 !important;
    pointer-events: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
}

body.home .jb-slider__controls button {
    position: absolute !important;
    top: auto !important;
    bottom: 22px !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12) !important;
    color: transparent !important;
    font-size: 0 !important;
    transform: none !important;
    pointer-events: auto !important;
}

body.home .jb-slider__controls button:first-child {
    right: 76px !important;
    left: auto !important;
}

body.home .jb-slider__controls button:last-child {
    right: 24px !important;
    left: auto !important;
}

body.home .jb-slider__controls button:first-child::before {
    content: "←" !important;
}

body.home .jb-slider__controls button:last-child::before {
    content: "→" !important;
}

body.home .jb-slider__controls button::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: rgba(16, 19, 20, 0.84) !important;
}

body.home .jb-slider__controls button:hover {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(227, 52, 42, 0.58) !important;
}

body.home .jb-slider__controls button:hover::before {
    color: var(--jb-red) !important;
}

body.home .jb-slider__controls span {
    position: absolute !important;
    right: 24px !important;
    bottom: 76px !important;
    top: auto !important;
    left: auto !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}

@media (max-width: 1099px) {
    body.home .jb-slider__controls {
        left: 0 !important;
    }

    body.home .jb-slider__controls button:first-child {
        right: 66px !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 14px !important;
    }

    body.home .jb-slider__controls span {
        right: 14px !important;
        bottom: 72px !important;
    }
}

@media (max-width: 767px) {
    body.home .jb-projects-slider {
        padding-top: 22px !important;
        padding-bottom: 34px !important;
    }

    body.home .jb-projects-slider .jb-container {
        width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.home .jb-projects-slider .jb-section-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 50px !important;
        padding: 10px 12px !important;
    }

    body.home .jb-projects-slider .jb-section-heading a {
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    body.home .jb-slider {
        --jb-slider-rail: 0px;
        display: block !important;
        width: 100% !important;
        height: 480px !important;
        min-height: 480px !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    body.home .jb-slider__thumbs {
        display: none !important;
    }

    body.home .jb-slider__viewport {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
    }

    body.home .jb-slide__image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    body.home .jb-slide__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    body.home .jb-slide__caption {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none !important;
        padding: 13px 14px 12px 14px !important;
        background: rgba(255, 255, 255, 0.72) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    body.home .jb-slide__caption h2 {
        font-size: 19px !important;
        line-height: 1.05 !important;
    }

    body.home .jb-slide__caption p {
        margin-top: 8px !important;
        font-size: 8px !important;
    }

    body.home .jb-slider__controls {
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 30 !important;
        pointer-events: none !important;
    }

    body.home .jb-slider__controls button {
        top: auto !important;
        bottom: 112px !important;
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        pointer-events: auto !important;
    }

    body.home .jb-slider__controls button:first-child {
        right: 58px !important;
        left: auto !important;
    }

    body.home .jb-slider__controls button:last-child {
        right: 12px !important;
        left: auto !important;
    }

    body.home .jb-slider__controls button::before {
        font-size: 18px !important;
    }

    body.home .jb-slider__controls span {
        top: auto !important;
        right: 12px !important;
        bottom: 158px !important;
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 8px !important;
    }
}

/* ======================================================================
   09 — FICHE PROJET — AJUSTEMENT 3
   ====================================================================== */

.jb-single-project .jb-project-hero-slider {
    grid-template-columns: minmax(0, 1fr) 170px !important;
    height: clamp(560px, 74vh, 880px) !important;
}

.jb-single-project .jb-project-hero-slider__stage {
    min-height: 100% !important;
    background: #ffffff !important;
}

.jb-single-project .jb-project-hero-slider__slide img {
    background: #ffffff !important;
}

.jb-single-project .jb-project-hero-slider__slide figcaption {
    position: absolute !important;
    left: 18px !important;
    bottom: 18px !important;
    z-index: 8 !important;
    max-width: min(620px, calc(100% - 36px)) !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.1) !important;
    color: rgba(16, 19, 20, 0.74) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

.jb-single-project .jb-project-hero-slider__thumbs {
    padding: 12px !important;
    background: linear-gradient(rgba(250, 252, 250, 0.82), rgba(250, 252, 250, 0.82)),
        var(--jb-hatch-soft) !important;
}

.jb-single-project .jb-project-hero-slider__thumbs::before {
    content: "Images";
    margin: 0 0 3px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid rgba(227, 52, 42, 0.26) !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
}

.jb-single-project .jb-project-hero-slider__thumb {
    border-radius: 0 !important;
    transition: opacity 0.2s ease,
        border-color 0.2s ease !important;
}

.jb-single-project .jb-project-hero-slider__controls {
    right: 188px !important;
    bottom: 18px !important;
    z-index: 20 !important;
}

.jb-single-project .jb-project-hero-slider__controls button {
    width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background: rgba(255, 255, 255, 0.64) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

.jb-single-project .jb-project-hero-slider__controls button::before {
    font-size: 19px !important;
}

.jb-single-project .jb-project-hero-slider__controls button:hover {
    border-color: rgba(227, 52, 42, 0.58) !important;
}

.jb-single-project .jb-project-hero-slider__controls span {
    height: 30px !important;
    min-height: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    background: rgba(255, 255, 255, 0.62) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

@media (max-width: 1099px) {
    .jb-single-project .jb-project-hero-slider {
        display: block !important;
        height: 520px !important;
        min-height: 520px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs {
        display: flex !important;
        flex-direction: row !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 15 !important;
        height: 82px !important;
        min-height: 82px !important;
        padding: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-left: 0 !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs::before {
        display: none !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex: 0 0 86px !important;
        width: 86px !important;
        height: 62px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        right: 12px !important;
        bottom: 96px !important;
    }

    .jb-single-project .jb-project-hero-slider__slide figcaption {
        left: 12px !important;
        right: 12px !important;
        bottom: 150px !important;
        max-width: none !important;
        font-size: 11px !important;
    }
}

@media (max-width: 520px) {
    .jb-single-project .jb-project-hero-slider {
        height: 430px !important;
        min-height: 430px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        gap: 6px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls button {
        width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls span {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 8px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex-basis: 74px !important;
        width: 74px !important;
        height: 56px !important;
    }
}

.jb-single-project .jb-project-hero-slider {
    grid-template-columns: minmax(0, 1fr) 270px !important;
    gap: 0 !important;
    height: clamp(560px, 74vh, 860px) !important;
    min-height: 560px !important;
}

.jb-single-project .jb-project-hero-slider__side {
    grid-column: 2 !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 14px !important;
    border-left: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.86), rgba(250, 252, 250, 0.86)),
        var(--jb-hatch-soft) !important;
    box-sizing: border-box !important;
}

.jb-single-project .jb-project-hero-slider__legend-panel {
    position: relative !important;
    min-height: 150px !important;
    padding: 14px !important;
    border: 1px solid rgba(227, 52, 42, 0.28) !important;
    background: rgba(255, 255, 255, 0.54) !important;
}

.jb-single-project .jb-project-hero-slider__legend.is-active {
    display: block !important;
}

.jb-single-project .jb-project-hero-slider__legend span {
    display: block !important;
    margin-bottom: 14px !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid rgba(227, 52, 42, 0.24) !important;
    font-size: 9px !important;
}

.jb-single-project .jb-project-hero-slider__legend div {
    color: rgba(16, 19, 20, 0.72) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.jb-single-project .jb-project-hero-slider__legend.is-empty div {
    color: rgba(16, 19, 20, 0.38) !important;
}

.jb-single-project .jb-project-hero-slider__controls {
    display: grid !important;
    grid-template-columns: 44px 1fr 44px !important;
}

.jb-single-project .jb-project-hero-slider__controls button {
    background: rgba(255, 255, 255, 0.62) !important;
}

.jb-single-project .jb-project-hero-slider__controls button:hover {
    background: rgba(255, 255, 255, 0.88) !important;
}

.jb-single-project .jb-project-hero-slider__controls span {
    background: rgba(255, 255, 255, 0.52) !important;
}

.jb-single-project .jb-project-hero-slider__thumbs {
    padding-right: 2px !important;
}

.jb-single-project .jb-project-hero-slider__thumb {
    aspect-ratio: 4 / 3 !important;
    opacity: 0.64 !important;
}

.jb-single-project .jb-project-hero-slider__thumb.is-current::before {
    border: 3px solid var(--jb-red) !important;
}

@media (max-width: 1099px) {
    .jb-single-project .jb-project-hero-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .jb-single-project .jb-project-hero-slider__stage {
        height: 520px !important;
        min-height: 520px !important;
    }

    .jb-single-project .jb-project-hero-slider__side {
        display: block !important;
        height: auto !important;
        padding: 12px !important;
        border-left: 0 !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__legend-panel {
        min-height: 110px !important;
        margin-bottom: 10px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        margin-bottom: 10px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs {
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex: 0 0 86px !important;
        width: 86px !important;
    }
}

@media (max-width: 520px) {
    .jb-single-project .jb-project-hero-slider__stage {
        height: 420px !important;
        min-height: 420px !important;
    }

    .jb-single-project .jb-project-hero-slider__legend div {
        font-size: 12px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        grid-template-columns: 40px 1fr 40px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls button {
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex-basis: 74px !important;
        width: 74px !important;
    }
}

.jb-single-project .jb-project-hero-slider {
    grid-template-columns: minmax(0, 1fr) 88px !important;
    height: clamp(600px, 76vh, 880px) !important;
    min-height: 600px !important;
}

.jb-single-project .jb-project-hero-slider__stage,
.jb-single-project .jb-project-hero-slider__thumbs {
    min-height: 0 !important;
}

.jb-single-project .jb-project-hero-slider__legend-panel {
    height: auto !important;
}

.jb-single-project .jb-project-hero-slider__legend div {
    max-width: 760px !important;
}

.jb-single-project .jb-project-hero-slider__controls {
    right: 108px !important;
    bottom: 92px !important;
    z-index: 30 !important;
}

.jb-single-project .jb-project-hero-slider__controls button,
.jb-single-project .jb-project-hero-slider__controls span {
    pointer-events: auto !important;
}

@media (max-width: 1099px) {
    .jb-single-project .jb-project-hero-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .jb-single-project .jb-project-hero-slider__side {
        display: block !important;
    }

    .jb-single-project .jb-project-hero-slider__stage {
        height: 520px !important;
        min-height: 520px !important;
    }

    .jb-single-project .jb-project-hero-slider__legend-panel {
        padding: 14px !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__legend.is-active {
        display: block !important;
    }

    .jb-single-project .jb-project-hero-slider__legend span {
        display: block !important;
        margin-bottom: 8px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs {
        display: flex !important;
        flex-direction: row !important;
        height: auto !important;
        padding: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-left: 0 !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs::before {
        display: none !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex: 0 0 78px !important;
        width: 78px !important;
        aspect-ratio: 4 / 3 !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        right: 12px !important;
        bottom: auto !important;
        top: 470px !important;
    }
}

@media (max-width: 520px) {
    .jb-single-project .jb-project-hero-slider__stage {
        height: 420px !important;
        min-height: 420px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        top: 370px !important;
    }
}

.single .jb-single-project__intro,
.single-post .jb-single-project__intro {
    width: 100% !important;
    max-width: none !important;
}

.single .jb-single-project .jb-project-hero-slider,
.single-post .jb-single-project .jb-project-hero-slider {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    height: clamp(620px, 78vh, 900px) !important;
    min-height: 620px !important;
    margin: 0 !important;
}

.single .jb-single-project .jb-project-hero-slider__stage,
.single-post .jb-single-project .jb-project-hero-slider__stage {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
}

.single .jb-single-project .jb-project-hero-slider__slide img,
.single-post .jb-single-project .jb-project-hero-slider__slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fff !important;
}

.single .jb-single-project .jb-project-hero-slider__thumbs,
.single-post .jb-single-project .jb-project-hero-slider__thumbs {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    width: 96px !important;
    height: 100% !important;
    padding: 12px 10px !important;
    border-left: 1px solid var(--jb-line) !important;
}

.single .jb-single-project .jb-project-hero-slider__legend-panel,
.single-post .jb-single-project .jb-project-hero-slider__legend-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.88), rgba(250, 252, 250, 0.88)),
        var(--jb-hatch-soft) !important;
}

.single .jb-single-project .jb-project-hero-slider__legend.is-active,
.single-post .jb-single-project .jb-project-hero-slider__legend.is-active {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.single .jb-single-project .jb-project-hero-slider__legend span,
.single-post .jb-single-project .jb-project-hero-slider__legend span {
    margin: 0 !important;
    padding: 3px 0 0 0 !important;
    border: 0 !important;
    font-size: 8px !important;
}

.single .jb-single-project .jb-project-hero-slider__legend div,
.single-post .jb-single-project .jb-project-hero-slider__legend div {
    max-width: 920px !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
}

.single .jb-single-project .jb-project-hero-slider__controls,
.single-post .jb-single-project .jb-project-hero-slider__controls {
    position: absolute !important;
    right: 116px !important;
    bottom: 76px !important;
    z-index: 40 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.single .jb-single-project .jb-project-hero-slider__thumb,
.single-post .jb-single-project .jb-project-hero-slider__thumb {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
}

@media (max-width: 1099px) {
    .single .jb-single-project .jb-container,
.single-post .jb-single-project .jb-container,
.single .jb-single-project__body .jb-container,
.single-post .jb-single-project__body .jb-container,
.single .jb-single-project__videos .jb-container,
.single-post .jb-single-project__videos .jb-container {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .single .jb-single-project .jb-project-hero-slider,
.single-post .jb-single-project .jb-project-hero-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .single .jb-single-project .jb-project-hero-slider__stage,
.single-post .jb-single-project .jb-project-hero-slider__stage {
        height: 520px !important;
        min-height: 520px !important;
    }

    .single .jb-single-project .jb-project-hero-slider__legend.is-active,
.single-post .jb-single-project .jb-project-hero-slider__legend.is-active {
        display: block !important;
    }

    .single .jb-single-project .jb-project-hero-slider__legend span,
.single-post .jb-single-project .jb-project-hero-slider__legend span {
        display: block !important;
        margin-bottom: 8px !important;
    }

    .single .jb-single-project .jb-project-hero-slider__thumbs,
.single-post .jb-single-project .jb-project-hero-slider__thumbs {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-left: 0 !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .single .jb-single-project .jb-project-hero-slider__thumb,
.single-post .jb-single-project .jb-project-hero-slider__thumb {
        flex: 0 0 78px !important;
        width: 78px !important;
        aspect-ratio: 4 / 3 !important;
    }

    .single .jb-single-project .jb-project-hero-slider__controls,
.single-post .jb-single-project .jb-project-hero-slider__controls {
        right: 12px !important;
        bottom: auto !important;
        top: 470px !important;
    }
}

.single .jb-single-project .jb-container,
.single-post .jb-single-project .jb-container {
    width: calc(100vw - var(--jb-content-left) - 12px) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: 12px !important;
    box-sizing: border-box !important;
}

.jb-single-project .jb-single-project__hero .jb-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
}

.jb-single-project .jb-single-project__intro {
    width: 100% !important;
    max-width: none !important;
}

.jb-single-project .jb-project-hero-slider {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(620px, 78vh, 900px) !important;
    min-height: 620px !important;
    overflow: hidden !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.74), rgba(250, 252, 250, 0.74)),
        var(--jb-hatch-soft) !important;
    box-sizing: border-box !important;
}

.jb-single-project .jb-project-hero-slider__stage {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #fff !important;
}

.jb-single-project .jb-project-hero-slider__slide {
    position: absolute !important;
    inset: 0 !important;
    display: none !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.jb-single-project .jb-project-hero-slider__slide.is-active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.jb-single-project .jb-project-hero-slider__slide img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fff !important;
}

.jb-single-project .jb-project-hero-slider__side {
    display: contents !important;
}

.jb-single-project .jb-project-hero-slider__thumbs {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 96px !important;
    height: 100% !important;
    padding: 12px 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-left: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.86), rgba(250, 252, 250, 0.86)),
        var(--jb-hatch-soft) !important;
    scrollbar-width: thin;
    scrollbar-color: var(--jb-red) rgba(255, 255, 255, 0.3);
}

.jb-single-project .jb-project-hero-slider__thumbs::before {
    content: "Images" !important;
    display: block !important;
    margin: 0 0 4px 0 !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid rgba(227, 52, 42, 0.28) !important;
    color: var(--jb-red) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

.jb-single-project .jb-project-hero-slider__thumb {
    flex: 0 0 auto !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(227, 52, 42, 0.22) !important;
    background: #fff !important;
    cursor: pointer !important;
    opacity: 0.62 !important;
}

.jb-single-project .jb-project-hero-slider__thumb:hover {
    opacity: 1 !important;
    border-color: rgba(227, 52, 42, 0.58) !important;
}

.jb-single-project .jb-project-hero-slider__thumb.is-current {
    opacity: 1 !important;
    border-color: var(--jb-red) !important;
}

.jb-single-project .jb-project-hero-slider__thumb.is-current::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    border: 2px solid var(--jb-red) !important;
    pointer-events: none !important;
}

.jb-single-project .jb-project-hero-slider__thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.jb-single-project .jb-project-hero-slider__legend-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.88), rgba(250, 252, 250, 0.88)),
        var(--jb-hatch-soft) !important;
}

.jb-single-project .jb-project-hero-slider__legend {
    display: none !important;
}

.jb-single-project .jb-project-hero-slider__legend.is-active {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

.jb-single-project .jb-project-hero-slider__legend span {
    margin: 0 !important;
    padding: 3px 0 0 0 !important;
    border: 0 !important;
    color: var(--jb-red) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

.jb-single-project .jb-project-hero-slider__legend div {
    max-width: 920px !important;
    color: rgba(16, 19, 20, 0.68) !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
    font-weight: 500 !important;
}

.jb-single-project .jb-project-hero-slider__legend.is-empty div {
    color: rgba(16, 19, 20, 0.34) !important;
    font-style: italic !important;
}

.jb-single-project .jb-project-hero-slider__controls {
    position: absolute !important;
    right: 116px !important;
    bottom: 76px !important;
    z-index: 40 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    pointer-events: none !important;
}

.jb-single-project .jb-project-hero-slider__controls button {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(227, 52, 42, 0.28) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.12) !important;
}

.jb-single-project .jb-project-hero-slider__controls button:first-child::before {
    content: "←" !important;
}

.jb-single-project .jb-project-hero-slider__controls button:last-child::before {
    content: "→" !important;
}

.jb-single-project .jb-project-hero-slider__controls button::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: rgba(16, 19, 20, 0.84) !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.jb-single-project .jb-project-hero-slider__controls button:hover {
    border-color: rgba(227, 52, 42, 0.62) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

.jb-single-project .jb-project-hero-slider__controls button:hover::before {
    color: var(--jb-red) !important;
}

.jb-single-project .jb-project-hero-slider__controls span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(227, 52, 42, 0.24) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    font-weight: 900 !important;
    pointer-events: auto !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.1) !important;
}

.single .jb-single-project__body .jb-container,
.single-post .jb-single-project__body .jb-container,
.single .jb-single-project__videos .jb-container,
.single-post .jb-single-project__videos .jb-container {
    width: calc(100vw - var(--jb-content-left) - 12px) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: 12px !important;
}

@media (max-width: 1099px) {
    .single .jb-single-project .jb-container,
.single-post .jb-single-project .jb-container,
.single .jb-single-project__body .jb-container,
.single-post .jb-single-project__body .jb-container,
.single .jb-single-project__videos .jb-container,
.single-post .jb-single-project__videos .jb-container {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .jb-single-project .jb-project-hero-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .jb-single-project .jb-project-hero-slider__side {
        display: block !important;
    }

    .jb-single-project .jb-project-hero-slider__stage {
        height: 520px !important;
        min-height: 520px !important;
    }

    .jb-single-project .jb-project-hero-slider__legend-panel {
        padding: 14px !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__legend.is-active {
        display: block !important;
    }

    .jb-single-project .jb-project-hero-slider__legend span {
        display: block !important;
        margin-bottom: 8px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        padding: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        border-left: 0 !important;
        border-top: 1px solid var(--jb-line) !important;
    }

    .jb-single-project .jb-project-hero-slider__thumbs::before {
        display: none !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex: 0 0 78px !important;
        width: 78px !important;
        aspect-ratio: 4 / 3 !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        right: 12px !important;
        bottom: auto !important;
        top: 470px !important;
    }
}

@media (max-width: 520px) {
    .jb-single-project .jb-project-hero-slider__stage {
        height: 420px !important;
        min-height: 420px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls {
        top: 370px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls button {
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }

    .jb-single-project .jb-project-hero-slider__controls span {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 10px !important;
        font-size: 8px !important;
    }

    .jb-single-project .jb-project-hero-slider__thumb {
        flex-basis: 74px !important;
        width: 74px !important;
    }
}

.jb-project-bottom-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 34px 0 80px 0 !important;
    background: transparent !important;
}

.jb-project-bottom-nav .jb-container {
    box-sizing: border-box !important;
}

.jb-project-bottom-nav__grid {
    grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--jb-line) !important;
}

.jb-project-bottom-nav__item,
.jb-project-bottom-nav__all {
    display: flex !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 12px !important;
    border: 1px solid rgba(227, 52, 42, 0.32) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.86), rgba(250, 252, 250, 0.86)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    text-decoration: none !important;
}

.jb-project-bottom-nav__item {
    gap: 14px !important;
}

.jb-project-bottom-nav__image {
    flex: 0 0 104px !important;
    width: 104px !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 20, 22, 0.16) !important;
    background: #fff !important;
}

.jb-project-bottom-nav__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.jb-project-bottom-nav__content {
    display: block !important;
    min-width: 0 !important;
}

.jb-project-bottom-nav small {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

.jb-project-bottom-nav strong {
    display: block !important;
    color: var(--jb-black) !important;
    font-size: clamp(17px, 1.2vw, 22px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
}

.jb-project-bottom-nav__all {
    justify-content: center !important;
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.jb-project-bottom-nav__all:hover {
    background: #fff !important;
    color: var(--jb-red) !important;
}

.jb-project-bottom-nav__item--empty {
    opacity: 0.42 !important;
    pointer-events: none !important;
}

@media (max-width: 1099px) {
    .jb-project-bottom-nav .jb-container {
        width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .jb-project-bottom-nav__grid {
        grid-template-columns: 1fr !important;
    }

    .jb-project-bottom-nav__all {
        order: -1 !important;
        min-height: 54px !important;
    }

    .jb-project-bottom-nav__item,
.jb-project-bottom-nav__item--next {
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .jb-project-bottom-nav__item--next .jb-project-bottom-nav__image {
        order: -1 !important;
    }
}

.jb-project-bottom-nav {
    padding: 18px 0 48px 0 !important;
}

.jb-project-bottom-nav .jb-container {
    width: calc(100vw - var(--jb-content-left) - 12px) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: 12px !important;
}

.jb-project-bottom-nav__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(227, 52, 42, 0.28) !important;
}

.jb-project-bottom-nav__item,
.jb-project-bottom-nav__all {
    min-height: 72px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(227, 52, 42, 0.22) !important;
    background: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
    transform: none !important;
}

.jb-project-bottom-nav__item:hover {
    border-color: rgba(227, 52, 42, 0.48) !important;
    background: rgba(255, 255, 255, 0.68) !important;
}

.jb-project-bottom-nav__image {
    flex: 0 0 72px !important;
    width: 72px !important;
    aspect-ratio: 4 / 3 !important;
    border: 1px solid rgba(15, 20, 22, 0.12) !important;
    opacity: 0.86 !important;
}

.jb-project-bottom-nav__item:hover .jb-project-bottom-nav__image {
    opacity: 1 !important;
}

.jb-project-bottom-nav small {
    margin-bottom: 6px !important;
    font-size: 8px !important;
    letter-spacing: 0.15em !important;
    color: rgba(227, 52, 42, 0.76) !important;
}

.jb-project-bottom-nav strong {
    font-size: clamp(14px, 1vw, 18px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
    font-weight: 800 !important;
}

.jb-project-bottom-nav__all {
    width: auto !important;
    min-width: 132px !important;
    min-height: 72px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(227, 52, 42, 0.38) !important;
    background: rgba(255, 255, 255, 0.54) !important;
    color: var(--jb-red) !important;
    font-size: 8px !important;
    letter-spacing: 0.15em !important;
    font-weight: 900 !important;
}

.jb-project-bottom-nav__all:hover {
    background: var(--jb-red) !important;
    color: #fff !important;
}

.jb-project-bottom-nav__item--next {
    justify-content: flex-end !important;
    text-align: right !important;
}

.jb-project-bottom-nav__item--empty {
    opacity: 0.34 !important;
}

.jb-project-bottom-nav + * {
    margin-top: 0 !important;
}

@media (max-width: 1099px) {
    .jb-project-bottom-nav {
        padding: 20px 0 50px 0 !important;
    }

    .jb-project-bottom-nav .jb-container {
        width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .jb-project-bottom-nav__grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .jb-project-bottom-nav__all {
        order: -1 !important;
        width: 100% !important;
        min-height: 44px !important;
    }

    .jb-project-bottom-nav__item,
.jb-project-bottom-nav__item--next {
        min-height: 72px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .jb-project-bottom-nav__item--next .jb-project-bottom-nav__image {
        order: -1 !important;
    }

    .jb-project-bottom-nav__image {
        flex-basis: 72px !important;
        width: 72px !important;
    }
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 6
   ====================================================================== */

body .jb-projects-page {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 12px 70px var(--jb-content-left) !important;
    box-sizing: border-box !important;
}

body .jb-projects-page .container,
body .jb-projects-page .jb-container,
body .jb-projects-page > .container,
body .jb-projects-page > .jb-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body .jb-projects-page .jb-projects-archive__intro {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .jb-projects-page .jb-projects-filter {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body .jb-projects-page .jb-projects-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    box-sizing: border-box !important;
}

body .jb-projects-page .jb-project-card {
    width: 100% !important;
    max-width: none !important;
}

body .jb-projects-page .jb-project-card__image,
body .jb-projects-page .jb-project-card figure {
    width: 100% !important;
}

body .jb-projects-page .jb-project-card__image img,
body .jb-projects-page .jb-project-card figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ======================================================================
   01 — VARIABLES ET FONDATIONS — AJUSTEMENT 4
   ====================================================================== */

body .wrap,
body .content,
body main {
    max-width: none !important;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 7
   ====================================================================== */

@media (max-width: 1500px) {
    body .jb-projects-page .jb-projects-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1099px) {
    body .jb-projects-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-projects-page .jb-projects-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 620px) {
    body .jb-projects-page .jb-projects-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ======================================================================
   01 — VARIABLES ET FONDATIONS — AJUSTEMENT 5
   ====================================================================== */

body.page-template-page-projets .wrap,
body.page-template-page-projets-php .wrap,
body.page-template-page-projets .content,
body.page-template-page-projets-php .content {
    width: 100% !important;
    max-width: none !important;
}

/* ======================================================================
   08 — PAGE PROJETS — AJUSTEMENT 8
   ====================================================================== */

/* ======================================================================
   10 — ACTUALITÉS
   ====================================================================== */

body:has(.jb-actualites-page),
body.post-type-archive-actualite {
    background: var(--jb-bg) !important;
    color: var(--jb-black) !important;
}

body:has(.jb-actualites-page) footer,
body:has(.jb-actualites-page) .content-info,
body:has(.jb-actualites-page) .site-footer,
body:has(.jb-actualites-page) .footer,
body:has(.jb-actualites-page) [role="contentinfo"],
body.post-type-archive-actualite footer,
body.post-type-archive-actualite .content-info,
body.post-type-archive-actualite .site-footer,
body.post-type-archive-actualite .footer,
body.post-type-archive-actualite [role="contentinfo"] {
    display: none !important;
}

body .jb-actualites-archive {
    border-top: 1px solid var(--jb-line) !important;
}

body .jb-actualites-archive__intro {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body .jb-actualites-archive__intro .jb-kicker,
body .jb-actualites-archive__intro h1 {
    font-weight: 700 !important;
}

body .jb-actualites-archive__intro p {
    letter-spacing: 0 !important;
}

body .jb-social-feed::before {
    content: "Publications récentes · format site / LinkedIn / Instagram" !important;
}

body .jb-social-feed {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body .jb-social-post {
    min-width: 0 !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: border-color 0.22s ease,
        transform 0.22s ease,
        background 0.22s ease !important;
}

body .jb-social-post__image {
    order: 1 !important;
    aspect-ratio: 4 / 5 !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

body .jb-social-post__header {
    order: 2 !important;
    display: block !important;
    padding: 14px 14px 0 14px !important;
    border: 0 !important;
    background: transparent !important;
}

body .jb-social-post__author {
    font-weight: 700 !important;
}

body .jb-social-post__title {
    order: 3 !important;
    padding: 12px 14px 0 14px !important;
    color: var(--jb-black) !important;
    font-size: clamp(18px, 1.55vw, 25px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    font-weight: 700 !important;
}

body .jb-social-post__text {
    order: 4 !important;
    flex: 1 !important;
    padding: 13px 14px 16px 14px !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    font-size: 14px !important;
    line-height: 1.52 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    display: inline !important;
    margin: 0 !important;
    line-height: 1.52 !important;
    font-weight: 700 !important;
}

body .jb-social-post::before,
body .jb-social-post::after,
body .jb-actualites-archive__intro::after {
    display: none !important;
    content: none !important;
}

body:has(.jb-actualites-page) .jb-actualites-page::after,
body.post-type-archive-actualite .jb-actualites-page::after {
    margin-top: 34px !important;
    font-weight: 700 !important;
}

@media (max-width: 1550px) {
    body .jb-social-feed {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        width: 100% !important;
        padding: 18px 12px 60px 12px !important;
    }

    body .jb-actualites-archive__inner {
        padding-top: 0 !important;
    }

    body .jb-actualites-archive__intro {
        display: block !important;
    }

    body .jb-actualites-archive__intro .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualites-archive__intro h1 {
        padding: 24px 22px 12px 22px !important;
        font-size: clamp(30px, 10vw, 42px) !important;
        line-height: 1.04 !important;
    }

    body .jb-actualites-archive__intro p {
        padding: 0 22px 24px 22px !important;
    }

    body .jb-social-feed {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

body .jb-social-feed {
    align-items: start !important;
}

body .jb-social-post {
    min-height: 0 !important;
}

body .jb-social-post__image {
    aspect-ratio: 1 / 1.08 !important;
}

body .jb-social-post__header {
    padding: 13px 14px 0 14px !important;
}

body .jb-social-post__title {
    padding: 10px 14px 0 14px !important;
    font-size: clamp(19px, 1.35vw, 24px) !important;
    line-height: 1.04 !important;
}

body .jb-social-post__text {
    padding: 12px 14px 16px 14px !important;
    font-size: 13px !important;
    line-height: 1.48 !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    line-height: 1.48 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    margin-top: 10px !important;
}

@media (max-width: 1200px) {
    body .jb-social-feed {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    body .jb-social-feed {
        grid-template-columns: 1fr !important;
    }

    body .jb-social-post__image {
        aspect-ratio: 4 / 5 !important;
    }
}

body .jb-social-post > .jb-social-post__image {
    order: 1 !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.08 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
    background: #fff !important;
    text-decoration: none !important;
}

body .jb-social-post > .jb-social-post__image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
}

body .jb-actualites-page {
    padding: 34px 40px 90px var(--jb-content-left) !important;
}

body .jb-actualites-archive__intro {
    max-width: 980px !important;
    margin: 0 auto 22px auto !important;
    background: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualites-archive__intro h1 {
    padding: 26px 28px 10px 28px !important;
}

body .jb-actualites-archive__intro p {
    max-width: 610px !important;
    line-height: 1.58 !important;
}

body .jb-social-feed {
    max-width: 760px !important;
    gap: 24px !important;
}

body .jb-social-feed::before {
    min-height: 46px !important;
    background: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)),
        var(--jb-hatch-soft) !important;
}

body .jb-social-post {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)),
        var(--jb-hatch-soft) !important;
    box-shadow: none !important;
    transform: none !important;
}

body .jb-social-post__header {
    order: 1 !important;
    padding: 18px 20px 0 20px !important;
    margin: 0 !important;
}

body .jb-social-post__title {
    order: 2 !important;
    max-width: 620px !important;
    padding: 16px 20px 0 20px !important;
    margin: 0 !important;
    font-size: clamp(24px, 2.4vw, 36px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    font-weight: 800 !important;
}

body .jb-social-post__text {
    order: 3 !important;
    max-width: 640px !important;
    padding: 14px 20px 20px 20px !important;
    margin: 0 !important;
    color: var(--jb-text) !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    letter-spacing: -0.005em !important;
    font-weight: 400 !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    margin: 0 0 14px 0 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    margin: 16px 0 0 0 !important;
}

body .jb-social-post__image {
    order: 4 !important;
    display: block !important;
    width: calc(100% - 40px) !important;
    aspect-ratio: 16 / 10 !important;
    margin: 0 20px 20px 20px !important;
    overflow: hidden !important;
    border: 1px solid var(--jb-line) !important;
}

body .jb-social-post::before,
body .jb-social-post::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualites-archive__intro {
        max-width: none !important;
        margin: 0 0 18px 0 !important;
        display: block !important;
    }

    body .jb-social-feed {
        max-width: none !important;
    }

    body .jb-social-post__title {
        font-size: clamp(24px, 8vw, 34px) !important;
    }

    body .jb-social-post__text,
body .jb-social-post__text p,
body .jb-social-post__text li {
        font-size: 15px !important;
        line-height: 1.58 !important;
    }
}

@media (max-width: 620px) {
    body .jb-social-post__header {
        padding: 16px 16px 0 16px !important;
    }

    body .jb-social-post__title {
        padding: 14px 16px 0 16px !important;
    }

    body .jb-social-post__text {
        padding: 12px 16px 18px 16px !important;
    }

    body .jb-social-post__image {
        width: calc(100% - 32px) !important;
        margin: 0 16px 16px 16px !important;
        aspect-ratio: 4 / 3 !important;
    }
}

body .jb-actualites-page {
    padding: 34px 24px 90px var(--jb-content-left) !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 900px !important;
    font-size: clamp(38px, 4vw, 68px) !important;
    line-height: 1.02 !important;
}

body .jb-actualites-archive__intro p {
    max-width: 720px !important;
}

body .jb-social-feed {
    align-items: stretch !important;
}

body .jb-social-feed::before {
    max-width: none !important;
}

body .jb-social-post {
    display: grid !important;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr !important;
    column-gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 360px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
    overflow: hidden !important;
}

body .jb-social-post__header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 22px 24px 0 24px !important;
}

body .jb-social-post__title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: none !important;
    padding: 16px 24px 0 24px !important;
    font-size: clamp(28px, 2.6vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
}

body .jb-social-post__text {
    grid-column: 1 !important;
    grid-row: 3 !important;
    max-width: none !important;
    padding: 16px 24px 24px 24px !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
}

body .jb-social-post__image {
    grid-column: 2 !important;
    grid-row: 1 / 4 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 360px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid var(--jb-line) !important;
    background: #fff !important;
}

body .jb-social-post:nth-child(even) {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
}

body .jb-social-post:nth-child(even) .jb-social-post__image {
    grid-column: 1 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--jb-line) !important;
}

body .jb-social-post:nth-child(even) .jb-social-post__header,
body .jb-social-post:nth-child(even) .jb-social-post__title,
body .jb-social-post:nth-child(even) .jb-social-post__text {
    grid-column: 2 !important;
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-social-post,
body .jb-social-post:nth-child(even) {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    body .jb-social-post__header,
body .jb-social-post__title,
body .jb-social-post__text {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
        order: 4 !important;
        width: calc(100% - 32px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
        margin: 0 16px 16px 16px !important;
        border: 1px solid var(--jb-line) !important;
    }
}

body .jb-actualites-page {
    padding: 28px 18px 80px var(--jb-content-left) !important;
}

body .jb-actualites-archive__intro {
    grid-template-columns: 170px minmax(0, 1fr) !important;
    background: linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualites-archive__intro .jb-kicker {
    padding: 15px 14px !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 760px !important;
    padding: 24px 28px 8px 28px !important;
    font-size: clamp(34px, 3.1vw, 52px) !important;
}

body .jb-actualites-archive__intro p {
    max-width: 620px !important;
    padding: 0 28px 24px 28px !important;
}

body .jb-social-feed {
    gap: 16px !important;
}

body .jb-social-feed::before {
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
        var(--jb-hatch-soft) !important;
}

body .jb-social-post,
body .jb-social-post:nth-child(even) {
    grid-template-columns: minmax(360px, 42%) minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr !important;
    min-height: 300px !important;
    max-height: 420px !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
}

body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    height: 100% !important;
    min-height: 300px !important;
    max-height: 420px !important;
    aspect-ratio: auto !important;
    border-right: 1px solid var(--jb-line) !important;
    border-left: 0 !important;
}

body .jb-social-post__header,
body .jb-social-post:nth-child(even) .jb-social-post__header {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 22px 24px 0 24px !important;
}

body .jb-social-post__author {
    margin: 0 0 6px 0 !important;
}

body .jb-social-post__title,
body .jb-social-post:nth-child(even) .jb-social-post__title {
    grid-row: 2 !important;
    max-width: 640px !important;
    padding: 14px 24px 0 24px !important;
    font-size: clamp(26px, 2.2vw, 40px) !important;
    line-height: 1.02 !important;
}

body .jb-social-post__title a {
    color: var(--jb-black) !important;
}

body .jb-social-post__text,
body .jb-social-post:nth-child(even) .jb-social-post__text {
    grid-row: 3 !important;
    max-width: 620px !important;
    padding: 14px 24px 24px 24px !important;
    line-height: 1.58 !important;
    overflow: auto !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    line-height: 1.58 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    line-height: 1.4 !important;
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualites-archive__intro {
        display: block !important;
    }

    body .jb-actualites-archive__intro .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualites-archive__intro h1 {
        padding: 22px 20px 8px 20px !important;
        font-size: clamp(30px, 9vw, 44px) !important;
    }

    body .jb-actualites-archive__intro p {
        padding: 0 20px 22px 20px !important;
    }

    body .jb-social-post,
body .jb-social-post:nth-child(even) {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
        order: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 4 / 3 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-social-post__header {
        order: 2 !important;
        padding: 18px 18px 0 18px !important;
    }

    body .jb-social-post__title {
        order: 3 !important;
        padding: 12px 18px 0 18px !important;
        font-size: clamp(25px, 7vw, 34px) !important;
    }

    body .jb-social-post__text {
        order: 4 !important;
        padding: 12px 18px 20px 18px !important;
        overflow: visible !important;
    }
}

body .jb-actualites-page {
    padding: 26px 26px 90px var(--jb-content-left) !important;
}

body .jb-actualites-archive__intro {
    background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualites-archive__intro .jb-kicker {
    padding: 14px 13px !important;
    letter-spacing: 0.17em !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 720px !important;
    font-size: clamp(32px, 3vw, 48px) !important;
}

body .jb-social-feed {
    gap: 0 !important;
}

body .jb-social-feed::before {
    content: "Journal / publications récentes" !important;
    margin: 0 0 0 0 !important;
    border-bottom: 0 !important;
    background: linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
        var(--jb-hatch-soft) !important;
    letter-spacing: 0.17em !important;
}

body .jb-social-post,
body .jb-social-post:nth-child(even) {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) 320px !important;
    grid-template-rows: auto auto !important;
    column-gap: 0 !important;
    border-bottom: 0 !important;
    background: linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.88)),
        var(--jb-hatch-soft) !important;
}

body .jb-social-post:last-child {
    border-bottom: 1px solid var(--jb-line) !important;
}

body .jb-social-post__header,
body .jb-social-post:nth-child(even) .jb-social-post__header {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    padding: 18px 14px !important;
    border-right: 1px solid var(--jb-line) !important;
}

body .jb-social-post__author {
    margin: 0 0 9px 0 !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.16em !important;
}

body .jb-social-post time {
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
}

body .jb-social-post__title,
body .jb-social-post:nth-child(even) .jb-social-post__title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-width: 760px !important;
    padding: 20px 24px 6px 24px !important;
    font-size: clamp(26px, 2.1vw, 38px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
}

body .jb-social-post__text,
body .jb-social-post:nth-child(even) .jb-social-post__text {
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: 680px !important;
    padding: 6px 24px 22px 24px !important;
    line-height: 1.6 !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    margin: 0 0 12px 0 !important;
    line-height: 1.6 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    margin: 14px 0 0 0 !important;
    letter-spacing: 0.02em !important;
}

body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    order: initial !important;
    width: auto !important;
    margin: 18px 18px 18px 0 !important;
    border: 1px solid var(--jb-line) !important;
}

body .jb-social-post:hover {
    background: linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
        var(--jb-hatch-soft) !important;
    transform: none !important;
}

body:has(.jb-actualites-page) .jb-actualites-page::after,
body.post-type-archive-actualite .jb-actualites-page::after {
    margin-top: 28px !important;
}

@media (max-width: 1250px) {
    body .jb-social-post,
body .jb-social-post:nth-child(even) {
        grid-template-columns: 140px minmax(0, 1fr) 260px !important;
    }

    body .jb-social-post__title {
        font-size: clamp(24px, 2.4vw, 34px) !important;
    }
}

@media (max-width: 900px) {
    body .jb-actualites-page {
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualites-archive__intro {
        display: block !important;
    }

    body .jb-actualites-archive__intro .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualites-archive__intro h1 {
        padding: 22px 18px 8px 18px !important;
        font-size: clamp(30px, 9vw, 42px) !important;
    }

    body .jb-actualites-archive__intro p {
        padding: 0 18px 22px 18px !important;
    }

    body .jb-social-post,
body .jb-social-post:nth-child(even) {
        display: flex !important;
        flex-direction: column !important;
    }

    body .jb-social-post__header {
        order: 1 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
        padding: 14px 16px !important;
    }

    body .jb-social-post__title {
        order: 2 !important;
        padding: 18px 16px 6px 16px !important;
        font-size: clamp(25px, 7vw, 34px) !important;
    }

    body .jb-social-post__text {
        order: 3 !important;
        padding: 6px 16px 18px 16px !important;
    }

    body .jb-social-post__image {
        order: 4 !important;
        width: calc(100% - 32px) !important;
        margin: 0 16px 16px 16px !important;
        aspect-ratio: 4 / 3 !important;
    }
}

body .jb-actualites-page {
    padding: 24px 24px 80px var(--jb-content-left) !important;
}

body .jb-actualites-archive__inner {
    padding: 0 !important;
}

body .jb-actualites-archive__intro {
    display: block !important;
    max-width: 720px !important;
    margin: 0 auto 16px auto !important;
    background: linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualites-archive__intro .jb-kicker {
    display: block !important;
    padding: 12px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
    line-height: 1 !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: none !important;
    padding: 18px 18px 6px 18px !important;
    font-size: clamp(28px, 2.6vw, 42px) !important;
}

body .jb-actualites-archive__intro p {
    padding: 0 18px 18px 18px !important;
    line-height: 1.52 !important;
}

body .jb-social-feed {
    display: flex !important;
    flex-direction: column !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    gap: 14px !important;
}

body .jb-social-feed::before {
    content: "Fil d’actualité" !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    background: linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
        var(--jb-hatch-soft) !important;
    letter-spacing: 0.16em !important;
    box-sizing: border-box !important;
}

body .jb-social-post,
body .jb-social-post:nth-child(even) {
    background: rgba(255,255,255,0.97) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.045) !important;
}

body .jb-social-post__header,
body .jb-social-post:nth-child(even) .jb-social-post__header {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 18px 10px 18px !important;
}

body .jb-social-post__header::before {
    content: "JB" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border: 1px solid var(--jb-line) !important;
    border-radius: 999px !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-red) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    font-weight: 900 !important;
}

body .jb-social-post__header > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body .jb-social-post__author {
    margin: 0 0 4px 0 !important;
    color: var(--jb-black) !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.015em !important;
    text-transform: none !important;
}

body .jb-social-post time {
    color: rgba(57,64,65,0.62) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    font-weight: 600 !important;
}

body .jb-social-post__title,
body .jb-social-post:nth-child(even) .jb-social-post__title {
    order: 2 !important;
    padding: 0 18px 8px 18px !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
}

body .jb-social-post__text,
body .jb-social-post:nth-child(even) .jb-social-post__text {
    order: 3 !important;
    padding: 0 18px 14px 18px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    margin: 0 0 11px 0 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    margin: 12px 0 0 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
    order: 4 !important;
    aspect-ratio: 16 / 10 !important;
    border-top: 1px solid rgba(226,51,42,0.45) !important;
    border-bottom: 1px solid rgba(226,51,42,0.45) !important;
}

body .jb-social-post::after {
    content: "Réagir · Commenter · Partager" !important;
    order: 5 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-top: 0 !important;
    background: #fff !important;
    color: rgba(57,64,65,0.72) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
    font-weight: 700 !important;
}

body .jb-social-post:hover {
    transform: translateY(-1px) !important;
}

body .jb-social-post:hover .jb-social-post__title a {
    color: var(--jb-red) !important;
}

body .jb-social-post:hover .jb-social-post__image img {
    transform: none !important;
}

body:has(.jb-actualites-page) .jb-actualites-page::after,
body.post-type-archive-actualite .jb-actualites-page::after {
    max-width: 720px !important;
    margin: 26px auto 0 auto !important;
    padding: 18px 0 36px 0 !important;
    letter-spacing: 0.06em !important;
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualites-archive__intro,
body .jb-social-feed,
body:has(.jb-actualites-page) .jb-actualites-page::after,
body.post-type-archive-actualite .jb-actualites-page::after {
        max-width: none !important;
    }

    body .jb-actualites-archive__intro h1 {
        font-size: clamp(28px, 8vw, 40px) !important;
    }

    body .jb-social-post__image {
        aspect-ratio: 4 / 3 !important;
    }
}

@media (max-width: 620px) {
    body .jb-social-post__header {
        padding: 14px 14px 9px 14px !important;
    }

    body .jb-social-post__title {
        padding: 0 14px 8px 14px !important;
        font-size: 21px !important;
    }

    body .jb-social-post__text {
        padding: 0 14px 13px 14px !important;
    }

    body .jb-social-post::after {
        padding: 0 14px !important;
        font-size: 12px !important;
    }
}

body .jb-actualites-page {
    min-height: 100vh !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 12px 60px var(--jb-content-left) !important;
    background: var(--jb-hatch), var(--jb-bg) !important;
    color: var(--jb-black) !important;
    box-sizing: border-box !important;
}

body .jb-actualites-archive__inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 0 0 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    box-sizing: border-box !important;
}

body .jb-actualites-archive__intro {
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
    box-shadow: none !important;
}

body .jb-actualites-archive__intro .jb-kicker {
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    border-right: 1px solid var(--jb-line) !important;
    border-bottom: 0 !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualites-archive__intro-content {
    grid-column: 2 !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 860px !important;
    margin: 0 !important;
    padding: 26px 30px 12px 30px !important;
    color: var(--jb-black) !important;
    font-size: clamp(34px, 3.2vw, 52px) !important;
    letter-spacing: -0.035em !important;
    font-weight: 800 !important;
}

body .jb-actualites-archive__intro p {
    max-width: 680px !important;
    margin: 0 !important;
    padding: 0 30px 26px 30px !important;
    color: var(--jb-text) !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
}

body .jb-social-feed {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body .jb-social-feed::before {
    content: "Publications récentes" !important;
    display: flex !important;
    align-items: center !important;
    grid-column: 1 / -1 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper-soft), var(--jb-paper-soft)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-social-post,
body .jb-social-post:nth-child(even) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color 0.22s ease,
        transform 0.22s ease,
        background 0.22s ease !important;
}

body .jb-social-post:hover {
    border-color: var(--jb-red) !important;
    transform: translateY(-2px) !important;
}

body .jb-social-post::before,
body .jb-social-post::after,
body .jb-social-post__header::before {
    display: none !important;
    content: none !important;
}

body .jb-social-post__image,
body .jb-social-post:nth-child(even) .jb-social-post__image {
    order: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
    background: #fff !important;
}

body .jb-social-post__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    transition: transform 0.45s ease !important;
}

body .jb-social-post:hover .jb-social-post__image img {
    transform: scale(1.035) !important;
}

body .jb-social-post__header,
body .jb-social-post:nth-child(even) .jb-social-post__header {
    order: 2 !important;
    display: block !important;
    margin: 0 !important;
    padding: 14px 14px 0 14px !important;
    border: 0 !important;
    background: transparent !important;
}

body .jb-social-post__author {
    display: block !important;
    margin: 0 0 7px 0 !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-social-post time {
    display: block !important;
    margin: 0 !important;
    color: rgba(57, 64, 65, 0.72) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

body .jb-social-post__title,
body .jb-social-post:nth-child(even) .jb-social-post__title {
    order: 3 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px 0 14px !important;
    color: var(--jb-black) !important;
    font-size: clamp(20px, 1.5vw, 27px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
    font-weight: 800 !important;
}

body .jb-social-post__title a {
    color: inherit !important;
    text-decoration: none !important;
}

body .jb-social-post__title a:hover {
    color: var(--jb-red) !important;
}

body .jb-social-post__text,
body .jb-social-post:nth-child(even) .jb-social-post__text {
    order: 4 !important;
    flex: 1 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 14px 16px 14px !important;
    color: var(--jb-text) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    overflow: visible !important;
}

body .jb-social-post__text p,
body .jb-social-post__text li {
    margin: 0 0 10px 0 !important;
    color: var(--jb-text) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

body .jb-social-post__text p:last-child {
    margin-bottom: 0 !important;
}

body .jb-social-post__text h1,
body .jb-social-post__text h2,
body .jb-social-post__text h3,
body .jb-social-post__text h4,
body .jb-social-post__text h5,
body .jb-social-post__text h6 {
    display: block !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
    color: var(--jb-red) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    font-weight: 800 !important;
}

body .jb-actualites-empty {
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

body:has(.jb-actualites-page) .jb-actualites-page::after,
body.post-type-archive-actualite .jb-actualites-page::after {
    content: "Julien Beller — Architecte · 2026" !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 34px 0 0 0 !important;
    padding: 18px 0 42px 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    color: var(--jb-black) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
}

@media (min-width: 1600px) {
    body .jb-social-feed {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1250px) {
    body .jb-social-feed {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1099px) {
    body .jb-actualites-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualites-archive__inner {
        padding-top: 0 !important;
    }

    body .jb-actualites-archive__intro {
        display: block !important;
    }

    body .jb-actualites-archive__intro .jb-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualites-archive__intro h1 {
        padding: 24px 22px 12px 22px !important;
        font-size: clamp(30px, 9vw, 42px) !important;
    }

    body .jb-actualites-archive__intro p {
        padding: 0 22px 24px 22px !important;
    }
}

@media (max-width: 620px) {
    body .jb-social-feed {
        grid-template-columns: 1fr !important;
    }

    body .jb-social-post__image {
        aspect-ratio: 4 / 3 !important;
    }
}

body:has(.jb-actualite-single-page),
body.single-actualite {
    background: var(--jb-bg) !important;
    color: var(--jb-black) !important;
}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 4
   ====================================================================== */

body .jb-actualite-single-page {
    padding: 34px 12px 70px var(--jb-content-left) !important;
}

body .jb-actualite-single {
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 0 0 0 !important;
}

body .jb-actualite-single__header {
    grid-template-columns: 210px minmax(0, 1fr) !important;
    margin: 0 0 18px 0 !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualite-single__kicker {
    padding: 16px 14px !important;
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
}

body .jb-actualite-single__title-block {
    padding: 24px 30px 28px 30px !important;
}

body .jb-actualite-single__back {
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
}

body .jb-actualite-single__title-block h1 {
    max-width: 980px !important;
    font-size: clamp(42px, 5vw, 86px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
}

body .jb-actualite-single__meta {
    gap: 10px 18px !important;
    margin: 22px 0 0 0 !important;
    color: rgba(57, 64, 65, 0.72) !important;
    font-size: 11px !important;
}

body .jb-actualite-single__content {
    grid-template-columns: 210px minmax(0, 760px) minmax(0, 1fr) !important;
    background: linear-gradient(var(--jb-paper), var(--jb-paper)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualite-single__content-kicker {
    padding: 18px 14px !important;
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
}

body .jb-actualite-single__text {
    padding: 34px 38px 42px 38px !important;
    font-size: 19px !important;
}

body .jb-actualite-single__text p {
    margin: 0 0 22px 0 !important;
}

body .jb-actualite-single__text h1,
body .jb-actualite-single__text h2,
body .jb-actualite-single__text h3 {
    margin: 34px 0 14px 0 !important;
    font-size: clamp(26px, 2.4vw, 40px) !important;
}

body .jb-actualite-single__text h4,
body .jb-actualite-single__text h5,
body .jb-actualite-single__text h6 {
    margin: 24px 0 10px 0 !important;
    font-size: 14px !important;
}

body .jb-actualite-single__text a {
    color: var(--jb-red) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

body .jb-actualite-single__text img {
    margin: 28px 0 !important;
}

/* ======================================================================
   10 — ACTUALITÉS — AJUSTEMENT 2
   ====================================================================== */

body:has(.jb-actualite-single-page) footer,
body.single-actualite footer {
    display: none !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 4
   ====================================================================== */

@media (max-width: 1099px) {
    body .jb-actualite-single-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualite-single {
        padding-top: 0 !important;
    }

    body .jb-actualite-single__header,
body .jb-actualite-single__content {
        display: block !important;
    }

    body .jb-actualite-single__kicker,
body .jb-actualite-single__content-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualite-single__title-block {
        padding: 22px 20px 26px 20px !important;
    }

    body .jb-actualite-single__title-block h1 {
        font-size: clamp(34px, 10vw, 54px) !important;
    }

    body .jb-actualite-single__text {
        padding: 26px 20px 32px 20px !important;
        font-size: 17px !important;
        line-height: 1.62 !important;
    }

}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 5
   ====================================================================== */

body .jb-actualite-single-page {
    min-height: 100vh !important;
    padding: 28px 18px 70px var(--jb-content-left) !important;
}

body .jb-actualite-single {
    max-width: 1180px !important;
    padding: 28px 0 0 0 !important;
}

body .jb-actualite-single__header {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    margin: 0 0 16px 0 !important;
}

body .jb-actualite-single__kicker {
    grid-column: 1 !important;
    padding: 14px 13px !important;
    border-right: 1px solid var(--jb-line) !important;
    line-height: 1.2 !important;
}

body .jb-actualite-single__title-block {
    grid-column: 2 !important;
    padding: 20px 24px 22px 24px !important;
}

body .jb-actualite-single__back {
    margin: 0 0 16px 0 !important;
}

body .jb-actualite-single__title-block h1 {
    max-width: 760px !important;
    font-size: clamp(34px, 3.4vw, 58px) !important;
}

body .jb-actualite-single__meta {
    color: rgba(57, 64, 65, 0.68) !important;
}

body .jb-actualite-single__content {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 720px) minmax(0, 1fr) !important;
}

body .jb-actualite-single__content-kicker {
    grid-column: 1 !important;
    padding: 16px 13px !important;
    border-right: 1px solid var(--jb-line) !important;
    line-height: 1.2 !important;
}

body .jb-actualite-single__text {
    grid-column: 2 !important;
    padding: 30px 34px 36px 34px !important;
    line-height: 1.7 !important;
}

body .jb-actualite-single__text h1,
body .jb-actualite-single__text h2,
body .jb-actualite-single__text h3 {
    font-size: clamp(24px, 2.1vw, 34px) !important;
}

body .jb-actualite-single__text img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 24px 0 !important;
    border: 1px solid var(--jb-line) !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 5
   ====================================================================== */

@media (max-width: 1099px) {
    body .jb-actualite-single-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualite-single {
        padding-top: 0 !important;
    }

    body .jb-actualite-single__header,
body .jb-actualite-single__content {
        display: block !important;
    }

    body .jb-actualite-single__kicker,
body .jb-actualite-single__content-kicker {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body .jb-actualite-single__title-block {
        padding: 20px 18px 22px 18px !important;
    }

    body .jb-actualite-single__title-block h1 {
        font-size: clamp(32px, 9vw, 48px) !important;
    }

    body .jb-actualite-single__text {
        padding: 26px 20px 32px 20px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 6
   ====================================================================== */

body .jb-actualite-single-page {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 22px 80px var(--jb-content-left) !important;
    background: var(--jb-hatch), var(--jb-bg) !important;
    box-sizing: border-box !important;
}

body .jb-actualite-single {
    width: 100% !important;
    max-width: 1040px !important;
    margin: 0 auto !important;
    padding: 24px 0 0 0 !important;
    border-top: 1px solid var(--jb-line) !important;
}

body .jb-actualite-single__header {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
    overflow: hidden !important;
}

body .jb-actualite-single__kicker {
    display: block !important;
    padding: 12px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualite-single__title-block {
    padding: 22px 26px 24px 26px !important;
}

body .jb-actualite-single__back {
    display: inline-flex !important;
    margin: 0 0 18px 0 !important;
    color: var(--jb-red) !important;
    text-decoration: none !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualite-single__back:hover {
    color: var(--jb-black) !important;
}

body .jb-actualite-single__title-block h1 {
    max-width: 720px !important;
    margin: 0 !important;
    color: var(--jb-black) !important;
    font-size: clamp(34px, 3.2vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.05em !important;
    font-weight: 900 !important;
}

body .jb-actualite-single__meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    margin: 18px 0 0 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualite-single__meta span {
    color: var(--jb-red) !important;
}

body .jb-actualite-single__meta time {
    color: rgba(57,64,65,0.68) !important;
}

body .jb-actualite-single__content {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
    overflow: hidden !important;
}

body .jb-actualite-single__content-kicker {
    display: block !important;
    padding: 12px 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--jb-line) !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualite-single__text {
    max-width: 720px !important;
    margin: 0 !important;
    padding: 30px 32px 36px 32px !important;
    color: var(--jb-text) !important;
    font-size: 17px !important;
    line-height: 1.68 !important;
    font-weight: 400 !important;
}

body .jb-actualite-single__text p {
    margin: 0 0 20px 0 !important;
}

body .jb-actualite-single__text p:last-child {
    margin-bottom: 0 !important;
}

body .jb-actualite-single__text h1,
body .jb-actualite-single__text h2,
body .jb-actualite-single__text h3 {
    margin: 30px 0 12px 0 !important;
    color: var(--jb-black) !important;
    font-size: clamp(24px, 2.2vw, 34px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    font-weight: 900 !important;
}

body .jb-actualite-single__text h4,
body .jb-actualite-single__text h5,
body .jb-actualite-single__text h6 {
    margin: 22px 0 10px 0 !important;
    color: var(--jb-red) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 6
   ====================================================================== */

@media (max-width: 1099px) {
    body .jb-actualite-single-page {
        width: 100% !important;
        padding: 18px 12px 70px 12px !important;
    }

    body .jb-actualite-single {
        max-width: none !important;
        padding-top: 0 !important;
    }

    body .jb-actualite-single__title-block {
        padding: 20px 18px 22px 18px !important;
    }

    body .jb-actualite-single__title-block h1 {
        font-size: clamp(32px, 9vw, 48px) !important;
    }

    body .jb-actualite-single__text {
        max-width: none !important;
        padding: 26px 20px 32px 20px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 7
   ====================================================================== */

/* ======================================================================
   10 — ACTUALITÉS — AJUSTEMENT 3
   ====================================================================== */

body .jb-actualites-archive__intro {
    grid-template-columns: 160px minmax(0, 1fr) !important;
    min-height: 0 !important;
    margin-bottom: 14px !important;
}

body .jb-actualites-archive__intro .jb-kicker {
    padding: 13px 14px !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 620px !important;
    padding: 22px 26px 8px 26px !important;
    font-size: clamp(30px, 2.7vw, 44px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
}

body .jb-actualites-archive__intro p {
    max-width: 560px !important;
    padding: 0 26px 22px 26px !important;
    font-size: 14px !important;
}

body .jb-social-feed::before {
    min-height: 44px !important;
    font-size: 9px !important;
}

body .jb-actualites-archive__inner {
    padding-top: 22px !important;
}

body .jb-actualites-archive__intro {
    grid-template-columns: 150px minmax(0, 1fr) !important;
}

body .jb-actualites-archive__intro-content {
    width: 100% !important;
}

body .jb-actualites-archive__intro h1 {
    max-width: 1050px !important;
    padding: 22px 28px 8px 28px !important;
    font-size: clamp(34px, 3vw, 50px) !important;
    line-height: 1.03 !important;
    letter-spacing: -0.045em !important;
}

body .jb-actualites-archive__intro p {
    max-width: 780px !important;
    padding: 0 28px 22px 28px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 11
   ====================================================================== */

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 6
   ====================================================================== */

body .jb-contact__socials {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 14px !important;
}

body .jb-contact__socials-label {
    display: block !important;
    margin: 0 !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-contact__socials-list {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

/* ======================================================================
   10 — ACTUALITÉS — AJUSTEMENT 4
   ====================================================================== */

body .jb-social-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 38px !important;
    padding: 0 12px 0 10px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.88), rgba(255,255,255,0.88)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: border-color 0.22s ease,
        color 0.22s ease,
        background 0.22s ease,
        transform 0.22s ease !important;
}

body .jb-social-link svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    stroke: currentColor !important;
    fill: none !important;
    stroke-width: 1.8 !important;
}

body .jb-social-link svg text {
    fill: currentColor !important;
    stroke: none !important;
}

body .jb-social-link:hover {
    color: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    transform: translateY(-1px) !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 7
   ====================================================================== */

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 12
   ====================================================================== */

body .jb-home-legal-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 28px 0 0 0 !important;
    padding: 18px 0 0 0 !important;
    border-top: 1px solid var(--jb-line) !important;
    color: var(--jb-black) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
}

body .jb-home-legal-line span {
    color: var(--jb-black) !important;
}

body .jb-home-legal-line a {
    color: var(--jb-black) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--jb-red) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    transition: color 0.2s ease,
        border-color 0.2s ease !important;
}

body .jb-home-legal-line a:hover {
    color: var(--jb-red) !important;
    border-color: var(--jb-black) !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 8
   ====================================================================== */

body .jb-home::after,
body .jb-contact::after {
    display: none !important;
    content: none !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 13
   ====================================================================== */

@media (max-width: 700px) {
    body .jb-home-legal-line {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
}

/* ======================================================================
   13 — UTILITAIRES ET COMPATIBILITÉ — AJUSTEMENT 8
   ====================================================================== */

body .jb-actualite-slideshow {
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
        var(--jb-hatch-soft) !important;
    overflow: hidden !important;
}

body .jb-actualite-slideshow__viewport {
    position: relative !important;
    width: 100% !important;
    height: clamp(360px, 58vh, 640px) !important;
    overflow: hidden !important;
}

body .jb-actualite-slideshow__slide {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.35s ease !important;
    box-sizing: border-box !important;
}

body .jb-actualite-slideshow__slide.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

body .jb-actualite-slideshow__slide img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
}

body .jb-actualite-slideshow__slide figcaption {
    position: absolute !important;
    left: 22px !important;
    bottom: 18px !important;
    max-width: 520px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--jb-line) !important;
    background: rgba(255,255,255,0.92) !important;
    color: var(--jb-text) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

body .jb-actualite-slideshow__controls {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    min-height: 48px !important;
    border-top: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(255,255,255,0.94), rgba(255,255,255,0.94)),
        var(--jb-hatch-soft) !important;
}

body .jb-actualite-slideshow__controls button {
    height: 48px !important;
    padding: 0 16px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

body .jb-actualite-slideshow__controls button:first-child {
    text-align: left !important;
}

body .jb-actualite-slideshow__controls button:last-child {
    text-align: right !important;
}

body .jb-actualite-slideshow__controls button:hover {
    color: var(--jb-black) !important;
}

body .jb-actualite-slideshow__controls span {
    color: var(--jb-black) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body .jb-actualite-slideshow__thumbs {
    display: flex !important;
    gap: 8px !important;
    padding: 10px !important;
    border-top: 1px solid var(--jb-line) !important;
    background: rgba(255,255,255,0.72) !important;
    overflow-x: auto !important;
}

body .jb-actualite-slideshow__thumb {
    width: 72px !important;
    height: 52px !important;
    flex: 0 0 72px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(226,51,42,0.35) !important;
    background: #fff !important;
    opacity: 0.55 !important;
    cursor: pointer !important;
    transition: opacity 0.2s ease,
        border-color 0.2s ease !important;
}

body .jb-actualite-slideshow__thumb.is-active,
body .jb-actualite-slideshow__thumb:hover {
    opacity: 1 !important;
    border-color: var(--jb-red) !important;
}

body .jb-actualite-slideshow__thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 7
   ====================================================================== */

@media (max-width: 1099px) {
    body .jb-actualite-slideshow__viewport {
        height: auto !important;
        min-height: 0 !important;
    }

    body .jb-actualite-slideshow__slide {
        position: relative !important;
        display: none !important;
        min-height: 0 !important;
        padding: 12px !important;
    }

    body .jb-actualite-slideshow__slide.is-active {
        display: flex !important;
    }

    body .jb-actualite-slideshow__slide img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    body .jb-actualite-slideshow__slide figcaption {
        position: static !important;
        margin-top: 10px !important;
        max-width: none !important;
    }

    body .jb-actualite-slideshow__controls {
        grid-template-columns: 1fr auto 1fr !important;
    }

    body .jb-actualite-slideshow__thumb {
        width: 62px !important;
        height: 46px !important;
        flex-basis: 62px !important;
    }

    body {
        padding-bottom: 0 !important;
    }

    body.home .jb-home,
.jb-projects-page,
.jb-actualites-page,
.jb-actualite-single-page,
.jb-single-project,
.jb-legal-page {
        padding-top: 0 !important;
    }

    .banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
        position: sticky !important;
        top: 0 !important;
        z-index: 900 !important;
        height: auto !important;
        min-height: 68px !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(227, 52, 42, 0.28) !important;
        background: linear-gradient(rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97)),
            var(--jb-hatch-soft) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand,
.single .banner .container,
.single .banner--wrapper,
.single .banner--brand,
.single-post .banner .container,
.single-post .banner--wrapper,
.single-post .banner--brand,
body.page .banner .container,
body.page .banner--wrapper,
body.page .banner--brand {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
        position: static !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 92px) !important;
        height: auto !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 9px 12px 8px 12px !important;
        border: 1px solid var(--jb-line) !important;
        background: linear-gradient(rgba(250, 252, 250, 0.96), rgba(250, 252, 250, 0.96)),
            var(--jb-hatch-soft) !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .jb-brand-card__name {
        font-size: 22px !important;
        line-height: 0.95 !important;
        letter-spacing: -0.055em !important;
    }

    .jb-brand-card__role {
        margin-top: 7px !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: 0.18em !important;
    }

    .navbar-header {
        display: block !important;
        position: fixed !important;
        top: 16px !important;
        right: 12px !important;
        z-index: 1100 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--jb-line) !important;
        border-radius: 999px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.98), rgba(250, 252, 250, 0.98)),
            var(--jb-hatch-soft) !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    .navbar-toggle > div {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        width: 20px !important;
    }

    .navbar-toggle .icon-bar {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        margin: 0 !important;
        border-radius: 99px !important;
        background: var(--jb-black) !important;
        transition: transform 0.22s ease,
            opacity 0.22s ease,
            background 0.22s ease !important;
    }

    .navbar-toggle:hover {
        border-color: var(--jb-red) !important;
    }

    .navbar-toggle:hover .icon-bar {
        background: var(--jb-red) !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(1),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(2),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
        opacity: 0 !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(3),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    #mydropdown,
#mydropdown.collapse,
#mydropdown.navbar-collapse,
.navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #mydropdown.in,
#mydropdown.is-open,
#mydropdown.collapse.in,
#mydropdown.navbar-collapse.in,
.navbar-collapse.collapse.in {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 1000 !important;
        padding: 88px 14px 18px 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: linear-gradient(rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97)),
            var(--jb-hatch-soft) !important;
        box-sizing: border-box !important;
    }

    body.jb-mobile-menu-open {
        overflow: hidden !important;
    }

    .close-menu {
        display: none !important;
    }

    .main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .main-menu .jb-left-main-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .main-menu .jb-left-main-menu > li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
    }

    .main-menu .jb-left-main-menu > li + li {
        margin-top: 0 !important;
        border-left: 0 !important;
    }

    .main-menu .jb-left-main-menu > li > a,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle,
.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 1px solid var(--jb-line) !important;
        border-radius: 14px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.94), rgba(250, 252, 250, 0.94)),
            var(--jb-hatch-soft) !important;
        color: var(--jb-black) !important;
        font-size: 17px !important;
        line-height: 1 !important;
        letter-spacing: -0.025em !important;
        font-weight: 900 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .main-menu .jb-left-main-menu > li > a:hover,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle:hover,
.main-menu .jb-menu-primary > a:hover,
.main-menu .jb-menu-projects > .jb-menu-toggle:hover {
        background: var(--jb-red) !important;
        border-color: var(--jb-red) !important;
        color: #fff !important;
    }

    .main-menu .jb-menu-projects > .jb-menu-toggle {
        padding-right: 52px !important;
    }

    .main-menu .jb-menu-cross {
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        width: 18px !important;
        height: 18px !important;
        margin-top: -9px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 20px !important;
        line-height: 1 !important;
        color: var(--jb-black) !important;
        transition: transform 0.22s ease, color 0.22s ease !important;
    }

    .main-menu .jb-menu-projects > .jb-menu-toggle:hover .jb-menu-cross {
        color: #fff !important;
    }

    .main-menu #menu-projects {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 10px 0 0 0 !important;
        padding: 10px 14px !important;
        border: 1px solid rgba(227, 52, 42, 0.26) !important;
        border-radius: 14px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.72), rgba(250, 252, 250, 0.72)),
            var(--jb-hatch-soft) !important;
        box-shadow: none !important;
    }

    .main-menu #menu-projects.collapse:not(.in) {
        display: none !important;
    }

    .main-menu #menu-projects.collapse.in {
        display: block !important;
    }

    .main-menu .jb-menu-view-all > a,
.main-menu .jb-menu-category > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 38px !important;
        padding: 9px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(227, 52, 42, 0.18) !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--jb-black) !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        text-align: left !important;
    }

    .main-menu .jb-menu-view-all > a {
        color: var(--jb-red) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        font-size: 10px !important;
        font-weight: 900 !important;
    }

    .main-menu .jb-menu-category:last-child > a {
        border-bottom: 0 !important;
    }

    .contact-pill__wrapper,
.contact-pill,
[class*="contact-pill"] {
        bottom: 22px !important;
    }
}

@media (max-width: 767px) {
    .banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
        position: sticky !important;
        display: block !important;
        height: auto !important;
        min-height: 68px !important;
        padding: 8px 12px !important;
        background: linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)),
            var(--jb-hatch-soft) !important;
    }

    .banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand,
.single .banner .container,
.single .banner--wrapper,
.single .banner--brand,
.single-post .banner .container,
.single-post .banner--wrapper,
.single-post .banner--brand,
body.page .banner .container,
body.page .banner--wrapper,
body.page .banner--brand {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    .brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
        position: static !important;
        display: inline-flex !important;
        max-width: calc(100vw - 86px) !important;
        min-height: 50px !important;
        height: auto !important;
        background: linear-gradient(rgba(250,252,250,0.96), rgba(250,252,250,0.96)),
            var(--jb-hatch-soft) !important;
    }

    .jb-brand-card__name {
        font-size: 21px !important;
        line-height: 0.95 !important;
    }

    .navbar-header {
        top: 16px !important;
    }

    .navbar-toggle {
        background: linear-gradient(rgba(250,252,250,0.98), rgba(250,252,250,0.98)),
            var(--jb-hatch-soft) !important;
    }

    #mydropdown.in,
#mydropdown.is-open,
#mydropdown.collapse.in,
#mydropdown.navbar-collapse.in,
.navbar-collapse.collapse.in {
        padding: 88px 14px 18px 14px !important;
        border: 0 !important;
        background: linear-gradient(rgba(255,255,255,0.98), rgba(255,255,255,0.98)),
            var(--jb-hatch-soft) !important;
    }

    .main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
        border-radius: 0 !important;
    }

    .main-menu .jb-left-main-menu > li + li {
        margin-top: 0 !important;
        border-left: 0 !important;
    }

    .main-menu .jb-left-main-menu > li > a,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle,
.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
        background: linear-gradient(rgba(250,252,250,0.94), rgba(250,252,250,0.94)),
            var(--jb-hatch-soft) !important;
    }

    .main-menu #menu-projects {
        border: 1px solid rgba(227,52,42,0.26) !important;
        background: linear-gradient(rgba(250,252,250,0.72), rgba(250,252,250,0.72)),
            var(--jb-hatch-soft) !important;
    }

    .main-menu .jb-menu-view-all > a,
.main-menu .jb-menu-category > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border-bottom: 1px solid rgba(227,52,42,0.18) !important;
        text-align: left !important;
    }

    .main-menu .jb-menu-category:last-child > a {
        border-bottom: 0 !important;
    }

    body.home .jb-home,
.jb-projects-page,
.jb-actualites-page,
.jb-actualite-single-page,
.jb-single-project,
.jb-legal-page {
        padding-top: 0 !important;
    }

    .contact-pill__wrapper,
.contact-pill,
[class*="contact-pill"] {
        bottom: 22px !important;
    }

    html,
body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-bottom: 0 !important;
    }

    .banner,
body.home .banner,
.single .banner,
.single-post .banner,
body.page .banner {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 900 !important;
        width: 100% !important;
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
        background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
            var(--jb-hatch-soft) !important;
        box-shadow: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .banner *,
body.home .banner *,
.single .banner *,
.single-post .banner *,
body.page .banner * {
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .banner .container,
.banner--wrapper,
.banner--brand,
body.home .banner .container,
body.home .banner--wrapper,
body.home .banner--brand,
.single .banner .container,
.single .banner--wrapper,
.single .banner--brand,
.single-post .banner .container,
.single-post .banner--wrapper,
.single-post .banner--brand,
body.page .banner .container,
body.page .banner--wrapper,
body.page .banner--brand {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .brand.jb-brand-card,
body.home .brand.jb-brand-card,
.single .brand.jb-brand-card,
.single-post .brand.jb-brand-card,
body.page .brand.jb-brand-card {
        position: fixed !important;
        top: 10px !important;
        left: 12px !important;
        z-index: 1100 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: auto !important;
        max-width: calc(100vw - 88px) !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 9px 12px 8px 12px !important;
        border: 1px solid var(--jb-line) !important;
        background: linear-gradient(rgba(250, 252, 250, 0.98), rgba(250, 252, 250, 0.98)),
            var(--jb-hatch-soft) !important;
        color: var(--jb-black) !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .jb-brand-card__name {
        display: block !important;
        font-size: 22px !important;
        line-height: 0.94 !important;
        letter-spacing: -0.055em !important;
        font-weight: 900 !important;
        color: var(--jb-black) !important;
    }

    .jb-brand-card__role {
        display: block !important;
        margin-top: 7px !important;
        font-size: 8px !important;
        line-height: 1 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
        font-weight: 900 !important;
        color: var(--jb-red) !important;
    }

    .navbar-header {
        position: fixed !important;
        top: 13px !important;
        right: 12px !important;
        z-index: 1200 !important;
        display: block !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .navbar-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid var(--jb-line) !important;
        border-radius: 999px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.98), rgba(250, 252, 250, 0.98)),
            var(--jb-hatch-soft) !important;
    }

    .navbar-toggle > div {
        display: flex !important;
        flex-direction: column !important;
        width: 20px !important;
    }

    .navbar-toggle .icon-bar {
        display: block !important;
        width: 20px !important;
        margin: 0 !important;
        border-radius: 999px !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(1),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(2),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
        opacity: 0 !important;
    }

    .navbar-toggle.is-open .icon-bar:nth-child(3),
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }

    body.home .jb-home,
.jb-projects-page,
.jb-actualites-page,
.jb-actualite-single-page,
.jb-single-project,
.jb-legal-page {
        padding-top: 86px !important;
    }

    #mydropdown,
#mydropdown.collapse,
#mydropdown.navbar-collapse,
.navbar-collapse.collapse {
        display: none !important;
    }

    #mydropdown.in,
#mydropdown.is-open,
#mydropdown.collapse.in,
#mydropdown.navbar-collapse.in,
.navbar-collapse.collapse.in {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 1000 !important;
        width: 100vw !important;
        height: 100vh !important;
        padding: 92px 14px 18px 14px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)),
            var(--jb-hatch-soft) !important;
        box-sizing: border-box !important;
    }

    body.jb-mobile-menu-open {
        overflow: hidden !important;
    }

    .close-menu {
        display: none !important;
    }

    .main-menu,
body.home .main-menu,
.single .main-menu,
.single-post .main-menu,
.page-template-page-projets .main-menu,
.page-template-page-projets-php .main-menu,
body.page .main-menu {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .main-menu .jb-left-main-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .main-menu .jb-left-main-menu > li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
    }

    .main-menu .jb-left-main-menu > li > a,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle,
.main-menu .jb-menu-primary > a,
.main-menu .jb-menu-projects > .jb-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 17px !important;
        border: 1px solid var(--jb-line) !important;
        border-radius: 14px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.94), rgba(250, 252, 250, 0.94)),
            var(--jb-hatch-soft) !important;
        color: var(--jb-black) !important;
        font-size: 16px !important;
        line-height: 1 !important;
        letter-spacing: -0.025em !important;
        font-weight: 900 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .main-menu .jb-left-main-menu > li > a:hover,
.main-menu .jb-left-main-menu > li > .jb-menu-toggle:hover,
.main-menu .jb-menu-primary > a:hover,
.main-menu .jb-menu-projects > .jb-menu-toggle:hover {
        background: var(--jb-red) !important;
        border-color: var(--jb-red) !important;
        color: #fff !important;
    }

    .main-menu .jb-menu-projects > .jb-menu-toggle {
        padding-right: 48px !important;
    }

    .main-menu .jb-menu-cross {
        right: 18px !important;
        top: 50% !important;
        width: 18px !important;
        height: 18px !important;
        margin-top: -9px !important;
        font-size: 19px !important;
        line-height: 1 !important;
    }

    .main-menu #menu-projects {
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 10px 0 0 0 !important;
        padding: 10px 14px !important;
        border: 1px solid rgba(227, 52, 42, 0.26) !important;
        border-radius: 14px !important;
        background: linear-gradient(rgba(250, 252, 250, 0.72), rgba(250, 252, 250, 0.72)),
            var(--jb-hatch-soft) !important;
        box-shadow: none !important;
    }

    .main-menu #menu-projects.collapse:not(.in) {
        display: none !important;
    }

    .main-menu #menu-projects.collapse.in {
        display: block !important;
    }

    .main-menu .jb-menu-view-all > a,
.main-menu .jb-menu-category > a {
        min-height: 38px !important;
        padding: 9px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(227, 52, 42, 0.18) !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--jb-black) !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
    }

    .main-menu .jb-menu-view-all > a {
        color: var(--jb-red) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.12em !important;
        font-size: 10px !important;
        font-weight: 900 !important;
    }

    .navbar-toggle {
        width: 42px !important;
        height: 42px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .navbar-toggle > div {
        width: 22px !important;
        gap: 5px !important;
    }

    .navbar-toggle .icon-bar {
        width: 22px !important;
        height: 2px !important;
        background: var(--jb-black) !important;
    }

    .navbar-toggle:hover {
        border: 0 !important;
        background: transparent !important;
    }

    .navbar-toggle:hover .icon-bar {
        background: var(--jb-red) !important;
    }

    body:not(.jb-mobile-menu-open) .navbar-toggle .icon-bar:nth-child(1),
body:not(.jb-mobile-menu-open) .navbar-toggle .icon-bar:nth-child(2),
body:not(.jb-mobile-menu-open) .navbar-toggle .icon-bar:nth-child(3),
.navbar-toggle:not(.is-open) .icon-bar:nth-child(1),
.navbar-toggle:not(.is-open) .icon-bar:nth-child(2),
.navbar-toggle:not(.is-open) .icon-bar:nth-child(3) {
        transform: none !important;
        opacity: 1 !important;
    }

    body.jb-mobile-menu-open .navbar-toggle .icon-bar:nth-child(1),
.navbar-toggle.is-open .icon-bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg) !important;
    }

    body.jb-mobile-menu-open .navbar-toggle .icon-bar:nth-child(2),
.navbar-toggle.is-open .icon-bar:nth-child(2) {
        opacity: 0 !important;
    }

    body.jb-mobile-menu-open .navbar-toggle .icon-bar:nth-child(3),
.navbar-toggle.is-open .icon-bar:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg) !important;
    }
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 14
   ====================================================================== */

body.home .jb-hero h1 {
    padding: 28px 34px 12px 34px !important;
    font-size: clamp(28px, 2.15vw, 39px) !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body.home .jb-hero p {
    padding: 0 34px 28px 34px !important;
}

@media (max-width: 1099px) {
    body.home .jb-hero h1 {
        white-space: normal !important;
        padding: 24px 22px 12px 22px !important;
        font-size: clamp(28px, 7vw, 40px) !important;
        line-height: 1.06 !important;
    }

    body.home .jb-hero p {
        padding: 0 22px 24px 22px !important;
    }
}

body.home .jb-hero h1 {
    grid-column: auto !important;
    max-width: 1320px !important;
    padding: 30px 34px 12px 34px !important;
    font-size: clamp(34px, 3vw, 56px) !important;
}

body.home .jb-hero p {
    grid-column: auto !important;
    max-width: 1180px !important;
    padding: 0 34px 30px 34px !important;
}

@media (max-width: 1099px) {
    body.home .jb-hero h1 {
        max-width: none !important;
        padding: 24px 22px 12px 22px !important;
        font-size: clamp(28px, 7vw, 40px) !important;
        line-height: 1.06 !important;
    }

    body.home .jb-hero p {
        max-width: none !important;
        padding: 0 22px 24px 22px !important;
    }
}

body.home .jb-hero .jb-kicker {
    display: none !important;
}

body.home .jb-hero .jb-container {
    display: block !important;
    grid-template-columns: 1fr !important;
}

body.home .jb-hero h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 30px 8px 30px !important;
    white-space: normal !important;
    font-size: clamp(34px, 2.55vw, 48px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    font-weight: 680 !important;
}

body.home .jb-hero p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 30px 24px 30px !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
}

body.home .jb-hero {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
}

@media (max-width: 1099px) {
    body.home .jb-hero h1 {
        padding: 22px 20px 10px 20px !important;
        font-size: clamp(28px, 7vw, 40px) !important;
        line-height: 1.06 !important;
    }

    body.home .jb-hero p {
        padding: 0 20px 22px 20px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

body.home .jb-hero h1 {
    font-size: clamp(30px, 2.25vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    font-weight: 600 !important;
    padding-top: 22px !important;
    padding-bottom: 8px !important;
}

body.home .jb-hero p {
    font-size: 13px !important;
    line-height: 1.45 !important;
    padding-bottom: 22px !important;
}

@media (max-width: 1099px) {
    body.home .jb-hero h1 {
        font-size: clamp(26px, 6.8vw, 36px) !important;
        line-height: 1.07 !important;
        font-weight: 620 !important;
    }

    body.home .jb-hero p {
        font-size: 13px !important;
        line-height: 1.48 !important;
    }
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 9
   ====================================================================== */

body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact,
body.home .jb-end-quote {
    border-top: 0 !important;
}

body.home .jb-hero::before,
body.home .jb-projects-slider::before,
body.home .jb-news::before,
body.home .jb-approach::before,
body.home .jb-contact::before,
body.home .jb-end-quote::before {
    display: none !important;
    content: none !important;
}

body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact {
    padding-top: 24px !important;
    padding-bottom: 36px !important;
}

@media (max-width: 767px) {
    body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact {
        padding-top: 18px !important;
        padding-bottom: 28px !important;
    }
}

body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact {
    padding-top: 14px !important;
    padding-bottom: 22px !important;
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 15
   ====================================================================== */

body.home .jb-hero {
    padding-top: 12px !important;
    padding-bottom: 18px !important;
}

body.home .jb-section-heading {
    margin-bottom: 0 !important;
}

/* ======================================================================
   05 — ACCUEIL — ACTUALITÉS — AJUSTEMENT 7
   ====================================================================== */

body.home .jb-news__grid,
body.home .jb-approach__content,
body.home .jb-contact__content{
    margin-top: 0 !important;
}

/* ======================================================================
   04 — ACCUEIL — SLIDER PROJETS — AJUSTEMENT 10
   ====================================================================== */

body.home .jb-projects-slider,
body.home .jb-news {
    padding-top: 10px !important;
    padding-bottom: 22px !important;
}

/* ======================================================================
   12 — RESPONSIVE PARTAGÉ — AJUSTEMENT 8
   ====================================================================== */

@media (max-width: 767px) {
    body.home .jb-hero,
body.home .jb-projects-slider,
body.home .jb-news,
body.home .jb-approach,
body.home .jb-contact {
        padding-top: 10px !important;
        padding-bottom: 18px !important;
    }

    body.home .jb-hero {
        padding-top: 10px !important;
        padding-bottom: 16px !important;
    }
}

/* ======================================================================
   03 — ACCUEIL — HERO ET STRUCTURE — AJUSTEMENT 16
   ====================================================================== */

body.home .jb-section-heading--project-cats {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

body.home .jb-home-project-cats {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.home .jb-home-project-cats a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.9), rgba(250, 252, 250, 0.9)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}

body.home .jb-home-project-cats a:hover {
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

@media (max-width: 767px) {
    body.home .jb-section-heading--project-cats {
        display: block !important;
    }

    body.home .jb-home-project-cats {
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }

    body.home .jb-home-project-cats a {
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: 9px !important;
    }
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 9
   ====================================================================== */

body.home .jb-end-quote {
    padding-top: 14px !important;
    padding-bottom: 42px !important;
}

body.home .jb-end-quote .jb-container {
    column-gap: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.78), rgba(250, 252, 250, 0.78)),
        var(--jb-hatch-soft) !important;
}

body.home .jb-end-quote__label {
    padding: 18px 16px !important;
    border-right: 1px solid var(--jb-line) !important;
    letter-spacing: 0.16em !important;
    color: var(--jb-red) !important;
}

body.home .jb-end-quote blockquote {
    max-width: 980px !important;
    border-left: 0 !important;
    line-height: 1.46 !important;
    color: rgba(16, 19, 20, 0.72) !important;
}

body.home .jb-end-quote p {
    margin: 0 !important;
    letter-spacing: 0.14em !important;
    color: rgba(227, 52, 42, 0.72) !important;
}

body.home .jb-end-quote .jb-container::after,
body.home .jb-end-quote blockquote::before {
    display: none !important;
    content: none !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote .jb-container {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }

    body.home .jb-end-quote__label {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-end-quote blockquote {
        padding: 20px 22px 10px 22px !important;
        max-width: none !important;
    }

    body.home .jb-end-quote p {
        padding: 0 22px 22px 22px !important;
    }
}

body.home .jb-end-quote .jb-container {
    grid-template-columns: 150px minmax(0, 1fr) !important;
}

body.home .jb-end-quote blockquote {
    padding: 24px 34px 12px 34px !important;
}

body.home .jb-end-quote p {
    padding: 0 34px 24px 34px !important;
}

@media (min-width: 1100px) {
    body.home .jb-end-quote blockquote {
        font-size: clamp(16px, 1.18vw, 22px) !important;
        line-height: 1.42 !important;
    }
}

body.home .jb-end-quote .jb-container {
    grid-template-columns: 88px minmax(0, 1fr) !important;
}

body.home .jb-end-quote__label {
    padding: 18px 10px !important;
    border-right: 1px solid rgba(227, 52, 42, 0.18) !important;
    letter-spacing: 0.12em !important;
    font-weight: 800 !important;
    color: rgba(227, 52, 42, 0.55) !important;
}

body.home .jb-end-quote blockquote {
    padding: 22px 28px 10px 26px !important;
    font-size: clamp(15px, 1vw, 19px) !important;
    line-height: 1.42 !important;
}

body.home .jb-end-quote p {
    padding: 0 28px 22px 26px !important;
    letter-spacing: 0.12em !important;
    color: rgba(227, 52, 42, 0.58) !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote__label {
        padding: 12px 18px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(227, 52, 42, 0.18) !important;
    }

    body.home .jb-end-quote blockquote {
        padding: 18px 20px 10px 20px !important;
    }

    body.home .jb-end-quote p {
        padding: 0 20px 20px 20px !important;
    }
}

body.home .jb-end-quote {
    padding-top: 10px !important;
    padding-bottom: 46px !important;
    border-top: 0 !important;
    background: transparent !important;
}

body.home .jb-end-quote .jb-container {
    width: calc(100vw - var(--jb-content-left) - var(--jb-home-right-gap)) !important;
    max-width: none !important;
    margin-left: var(--jb-content-left) !important;
    margin-right: var(--jb-home-right-gap) !important;
    display: grid !important;
    grid-template-columns: 90px minmax(0, 1fr) !important;
    column-gap: 26px !important;
    padding: 22px 0 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(227, 52, 42, 0.22) !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.home .jb-end-quote__label {
    grid-column: 1 !important;
    margin: 0 !important;
    padding: 3px 0 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(227, 52, 42, 0.58) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

body.home .jb-end-quote blockquote {
    grid-column: 2 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 22px !important;
    max-width: 1180px !important;
    border: 0 !important;
    border-left: 2px solid rgba(227, 52, 42, 0.22) !important;
    background: transparent !important;
    color: rgba(16, 19, 20, 0.58) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(14px, 0.92vw, 17px) !important;
    line-height: 1.48 !important;
    letter-spacing: -0.01em !important;
    font-weight: 400 !important;
}

body.home .jb-end-quote p {
    grid-column: 2 !important;
    margin: 10px 0 0 0 !important;
    padding: 0 0 0 22px !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(227, 52, 42, 0.54) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

body.home .jb-end-quote .jb-container::before,
body.home .jb-end-quote .jb-container::after,
body.home .jb-end-quote blockquote::before,
body.home .jb-end-quote blockquote::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote .jb-container {
        width: calc(100% - 36px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
        padding-top: 18px !important;
    }

    body.home .jb-end-quote__label {
        margin-bottom: 12px !important;
    }

    body.home .jb-end-quote blockquote {
        padding-left: 16px !important;
        font-size: 14px !important;
        line-height: 1.48 !important;
    }

    body.home .jb-end-quote p {
        padding-left: 16px !important;
        line-height: 1.25 !important;
    }
}

body.home .jb-end-quote blockquote {
    font-size: clamp(15px, 1.05vw, 19px) !important;
    line-height: 1.5 !important;
    color: rgba(16, 19, 20, 0.64) !important;
}

body.home .jb-end-quote p {
    font-size: 9px !important;
    color: rgba(227, 52, 42, 0.6) !important;
}

body.home .jb-end-quote__label {
    font-size: 9px !important;
    color: rgba(227, 52, 42, 0.62) !important;
}

@media (max-width: 1099px) {
    body.home .jb-end-quote blockquote {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}

body.home .jb-end-quote .jb-container {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    column-gap: 18px !important;
}

body.home .jb-end-quote blockquote,
body.home .jb-end-quote p {
    width: 100% !important;
    max-width: none !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
}

@media (min-width: 1300px) {
    body.home .jb-end-quote blockquote {
        font-size: clamp(16px, 1vw, 20px) !important;
        line-height: 1.42 !important;
    }
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 9
   ====================================================================== */

.main-menu .jb-menu-view-all > a {
    color: var(--jb-black) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    font-weight: 800 !important;
}

.main-menu .jb-menu-view-all > a:hover {
    color: var(--jb-red) !important;
    background: transparent !important;
}

/* ======================================================================
   07 — ACCUEIL — CONTACT ET CITATION — AJUSTEMENT 10
   ====================================================================== */

body.home .jb-contact__content {
    grid-template-columns: 1.15fr 1fr 1fr 1fr !important;
}

body.home .jb-contact__identity {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

body.home .jb-contact__mail-main {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin-top: 22px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--jb-line) !important;
    background: linear-gradient(rgba(250, 252, 250, 0.84), rgba(250, 252, 250, 0.84)),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
}

body.home .jb-contact__mail-main::before {
    content: "✉" !important;
    margin-right: 8px !important;
    color: var(--jb-red) !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

body.home .jb-contact__mail-main:hover {
    background: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
    color: #fff !important;
}

body.home .jb-contact__mail-main:hover::before {
    color: #fff !important;
}

body.home .jb-contact__address span {
    display: block !important;
    margin-bottom: 24px !important;
    color: var(--jb-red) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

body.home .jb-contact__address p {
    margin: 0 !important;
    color: var(--jb-text) !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
}

@media (max-width: 767px) {
    body.home .jb-contact__content {
        display: block !important;
    }

    body.home .jb-contact__mail-main {
        margin-top: 18px !important;
    }

    body.home .jb-contact__address span {
        margin-bottom: 12px !important;
    }
}

/* ======================================================================
   02 — HEADER, LOGO ET NAVIGATION — AJUSTEMENT 10
   ====================================================================== */

.main-menu .jb-menu-home {
    display: none !important;
}

@media (max-width: 767px) {
    .main-menu .jb-menu-home {
        display: block !important;
    }
}

/* ==========================================================================
   ACCUEIL — CONTACT
   ========================================================================== */

body.home .jb-contact__content--refined {
    display: block !important;
    overflow: hidden !important;
    padding: 0 !important;
}

body.home .jb-contact__content--refined > * {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.home .jb-contact__top {
    display: grid !important;
    grid-template-columns:
        minmax(260px, 1.05fr)
        minmax(430px, 1.45fr)
        minmax(250px, 0.9fr) !important;
    align-items: stretch !important;
    border-bottom: 1px solid var(--jb-line) !important;
}

body.home .jb-contact__top > div {
    min-height: 156px !important;
    padding: 22px 24px !important;
    border-right: 1px solid var(--jb-line) !important;
    box-sizing: border-box !important;
}

body.home .jb-contact__top > div:last-child {
    border-right: 0 !important;
}

body.home .jb-contact__identity {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.home .jb-contact__identity h2 {
    margin: 0 !important;
    font-size: clamp(28px, 2.6vw, 42px) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.045em !important;
}

body.home .jb-contact__identity p {
    margin: 12px 0 0 0 !important;
}

body.home .jb-contact__group-title,
body.home .jb-contact__socials-label {
    display: block !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body.home .jb-contact__direct-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.home .jb-contact__direct-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 58px !important;
    padding: 10px 13px !important;
    border: 1px solid var(--jb-line) !important;
    background:
        linear-gradient(
            rgba(250, 252, 250, 0.78),
            rgba(250, 252, 250, 0.78)
        ),
        var(--jb-hatch-soft) !important;
    color: var(--jb-black) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}

body.home .jb-contact__direct-link:hover {
    border-color: var(--jb-red) !important;
    background: var(--jb-red) !important;
    color: #fff !important;
}

body.home .jb-contact__direct-label {
    display: block !important;
    margin-bottom: 7px !important;
    color: var(--jb-red) !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
}

body.home .jb-contact__direct-link:hover .jb-contact__direct-label {
    color: #fff !important;
}

body.home .jb-contact__direct-value {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.home .jb-contact__socials {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

body.home .jb-contact__socials-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.home .jb-contact__addresses-panel {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    align-items: stretch !important;
}

body.home .jb-contact__addresses-title {
    display: flex !important;
    align-items: flex-start !important;
    padding: 22px 20px !important;
    border-right: 1px solid var(--jb-line) !important;
    box-sizing: border-box !important;
}

body.home .jb-contact__addresses-title .jb-contact__group-title {
    margin: 0 !important;
}

body.home .jb-contact__address-list {
    display: grid !important;
    grid-template-columns:
        repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
}

body.home .jb-contact__address {
    min-height: 132px !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.home .jb-contact__address + .jb-contact__address {
    border-left: 0 !important;
}

body.home .jb-contact__address span {
    display: block !important;
    margin: 0 0 13px 0 !important;
    color: var(--jb-red) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
}

body.home .jb-contact__address p {
    margin: 0 !important;
    color: var(--jb-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width: 1099px) {
    body.home .jb-contact__top {
        grid-template-columns: 1fr 1fr !important;
    }

    body.home .jb-contact__top > div {
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-contact__top > div:nth-child(2) {
        border-right: 0 !important;
    }

    body.home .jb-contact__socials {
        grid-column: 1 / -1 !important;
        min-height: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    body.home .jb-contact__addresses-panel {
        grid-template-columns: 1fr !important;
    }

    body.home .jb-contact__addresses-title {
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }
}

@media (max-width: 767px) {
    body.home .jb-contact__top {
        display: block !important;
    }

    body.home .jb-contact__top > div {
        min-height: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--jb-line) !important;
    }

    body.home .jb-contact__top > div:last-child {
        border-bottom: 0 !important;
    }

    body.home .jb-contact__direct-links {
        grid-template-columns: 1fr !important;
    }

    body.home .jb-contact__address-list {
        grid-template-columns: 1fr !important;
    }

    body.home .jb-contact__address {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
}