@charset "UTF-8";
@import url(main.css);
div.shadow-lg { box-shadow: none !important; }

/*---------------------------------------------------------navbar------------------------------*/
.navbar-brand { height: 8vh !important; width: 8vw !important; }

.logo_nav { height: 7vh !important; }

/******************************EASY HERO************************************/
.easy-hero-section { padding: 80px 50px; gap: 40px; position: relative; isolation: isolate; box-shadow: inset 0 120px 60px -20px rgba(0, 0, 0, 0.25); }

/************************************************************* MOTIF DE GRILLE */
.easy-hero-section::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 70%; pointer-events: none; z-index: -1; background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.09) 0, rgba(255, 255, 255, 0.09) 1px, transparent 1px, transparent 45px), repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0, rgba(255, 255, 255, 0.09) 1px, transparent 1px, transparent 45px); -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0.25) 70%, transparent 100%); mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.75) 35%, rgba(0, 0, 0, 0.25) 70%, transparent 100%); }

/************************************************************* CONTENU */
.easy-hero-content { flex: 1; min-width: 300px; max-width: 50%; flex-direction: column; }

/************************************************************* LOGO */
.easy-hero-logo { max-width: 150px; margin-bottom: 30px; }

/************************************************************* TITRE */
.easy-hero-title { margin: 0 0 20px 0; }

/************************************************************* DESCRIPTION */
.easy-hero-desc { margin: 0 0 25px 0; max-width: 600px; }

/************************************************************* BOUTONS */
.easy-hero-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }

.easy-hero-button { display: inline-block; padding: 10px 20px; border-radius: 25px; text-decoration: none; transition: all 0.3s ease; }

.easy-hero-button:hover { transform: scale(1.05); }

/* SÉCURITÉ : MASQUER LES BOUTONS VIDES */
.easy-hero-section .easy-hero-button:empty { display: none !important; }

.easy-hero-section .easy-hero-buttons:empty { display: none !important; }

.easy-hero-section .easy-hero-buttons:not(:has(.easy-hero-button)) { display: none !important; }

/************************************************************* IMAGE DROITE */
.easy-hero-image { flex: 1; min-width: 300px; max-width: 50%; }

.easy-hero-image img { object-fit: cover; border-radius: 10px; }

/************************************************************* RESPONSIVE TABLETTE ET MOBILE */
@media (max-width: 900px) { .easy-hero-section { flex-direction: column; padding: 12vh 20px 40px; height: fit-content; } .easy-hero-content, .easy-hero-image { width: 100%; max-width: none; } .easy-hero-image img { max-height: 400px; } }

@media (max-width: 600px) { .easy-hero-section { padding: 110px 20px 40px; gap: 30px; } .easy-hero-content { min-width: 0; } .easy-hero-logo { max-width: 130px; margin-bottom: 25px; } .easy-hero-image { min-width: 0; } .easy-hero-buttons { flex-direction: column; align-items: center; width: 100%; } .easy-hero-image img { max-height: 320px; } }

/*************************************************************ART & CARRELAGE BERTHELOT — PRÉSENTATION*************************************************************/
.acb-about { position: relative; width: 100%; padding: 90px 50px; color: #FFFFFF; overflow: hidden; isolation: isolate; }

/* LÉGÈRE LUMIÈRE DÉCORATIVE */
.acb-about::before { content: ""; position: absolute; right: -180px; top: 5%; width: 550px; height: 550px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 151, 22, 0.065) 0%, transparent 70%); pointer-events: none; z-index: -1; }

/************************************************************* CONTAINER */
.acb-about-container { max-width: 1350px; margin: 0 auto; display: grid; grid-template-columns: 0.95fr 1.05fr; align-items: center; gap: 90px; }

/************************************************************* IMAGE */
.acb-about-visual { position: relative; width: 100%; padding: 0 25px 25px 0; }

.acb-about-image-wrapper { position: relative; width: 100%; height: 560px; overflow: hidden; border-radius: 12px; z-index: 2; }

.acb-about-image-wrapper::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 65%, rgba(0, 0, 0, 0.15) 100%); pointer-events: none; }

.acb-about-image-wrapper img { display: block; width: 100%; height: 100%; object-fit: cover; }

/************************************************************* ENCADREMENT DORÉ */
.acb-about-image-line { position: absolute; top: 25px; right: 0; bottom: 0; left: 25px; border: 1px solid rgba(201, 151, 22, 0.55); border-radius: 12px; z-index: 1; pointer-events: none; }

/************************************************************* MOTIF CARRELAGE */
.acb-about-decoration { position: absolute; right: -12px; bottom: 50px; width: 54px; height: 54px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; transform: rotate(45deg); z-index: 3; }

.acb-about-decoration span { background: #C99716; }

.acb-about-decoration span:nth-child(2), .acb-about-decoration span:nth-child(3) { background: #EDB421; }

/************************************************************* CONTENU */
.acb-about-content { max-width: 650px; display: flex; flex-direction: column; align-items: flex-start; }

/************************************************************* SURTITRE */
.acb-about-eyebrow { display: flex; align-items: center; gap: 14px; color: #C99716; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 23px; }

.acb-about-eyebrow p { margin-bottom: 0; }

.acb-about-eyebrow-line { width: 35px; height: 2px; background: #C99716; flex-shrink: 0; }

/************************************************************* TITRE */
.acb-about-title { margin-bottom: 22px; }

.acb-about-title h2 { margin: 0; line-height: 1.15; color: #FFFFFF; }

.acb-about-title h2 strong, .acb-about-title h2 span { color: inherit; }

/************************************************************* SÉPARATEUR */
.acb-about-divider { width: 100%; display: flex; align-items: center; margin-bottom: 30px; }

.acb-about-divider span { width: 65px; height: 3px; background: #C99716; border-radius: 3px; }

/************************************************************* DESCRIPTION */
.acb-about-description { color: #C9C9C9; line-height: 1.9; }

.acb-about-description p { margin: 0 0 20px; }

.acb-about-description p:last-child { margin-bottom: 0; }

.acb-about-description strong { color: #FFFFFF; font-weight: 600; }

/************************************************************* RESPONSIVE — TABLETTE */
@media (max-width: 1100px) { .acb-about { padding: 85px 35px; } .acb-about-container { gap: 50px; } .acb-about-image-wrapper { height: 480px; } }

@media (max-width: 900px) { .acb-about { padding: 75px 25px; } .acb-about-container { grid-template-columns: 1fr; gap: 55px; } .acb-about-visual { max-width: 650px; margin: 0 auto; } .acb-about-image-wrapper { height: 450px; } .acb-about-content { max-width: 650px; margin: 0 auto; } }

/************************************************************* RESPONSIVE — MOBILE */
@media (max-width: 600px) { .acb-about { padding: 65px 20px; } .acb-about-container { gap: 45px; } .acb-about-visual { padding: 0 15px 15px 0; } .acb-about-image-wrapper { height: 340px; border-radius: 9px; } .acb-about-image-line { top: 15px; left: 15px; border-radius: 9px; } .acb-about-decoration { width: 36px; height: 36px; right: -5px; bottom: 32px; gap: 4px; } .acb-about-eyebrow { font-size: 10px; letter-spacing: 1.8px; gap: 10px; margin-bottom: 18px; } .acb-about-eyebrow-line { width: 25px; } .acb-about-title { margin-bottom: 20px; } .acb-about-divider { margin-bottom: 25px; } .acb-about-description { line-height: 1.8; } .acb-about-description p { margin-bottom: 16px; } }

/*************************************************************ART & CARRELAGE BERTHELOT — SERVICES*************************************************************/
.acb-services { padding: 100px 50px 100px; background: #111; color: #fff; overflow: hidden; }

.acb-services-container { max-width: 1350px; margin: auto; }

.acb-services-heading { max-width: 850px; margin: 0 auto 55px; text-align: center; }

.acb-services-eyebrow, .acb-services-hint { display: flex; align-items: center; justify-content: center; gap: 15px; }

.acb-services-eyebrow { margin-bottom: 22px; color: #C99716; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; }

.acb-services-eyebrow span { width: 35px; height: 1px; background: #C99716; }

.acb-services-title h2 { margin: 0 0 20px; color: #fff; line-height: 1.15; }

.acb-services-intro { color: #C9C9C9; line-height: 1.8; }

.acb-services-hint { gap: 10px; margin-top: 25px; color: #999; font-size: 13px; }

.acb-services-hint i { color: #C99716; font-size: 17px; }

.acb-services :is( .acb-services-intro, .acb-service-name, .acb-service-details-title, .acb-service-details-text ) p { margin: 0; }

/* GRILLE */
.acb-services-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 220px 220px 270px; gap: 16px; }

.acb-service-card--1 { grid-area: 1 / 1 / 3 / 8; }

.acb-service-card--2 { grid-area: 1 / 8 / 2 / 13; }

.acb-service-card--3 { grid-area: 2 / 8 / 3 / 13; }

.acb-service-card--4 { grid-area: 3 / 1 / 4 / 7; }

.acb-service-card--5 { grid-area: 3 / 7 / 4 / 13; }

/* CARTES */
.acb-service-card { position: relative; display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; padding: 0; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; background: #222; color: #fff; overflow: hidden; cursor: pointer; text-align: left; appearance: none; isolation: isolate; transition: border-color .35s; }

.acb-service-card:is(:hover,.is-active) { border-color: rgba(201, 151, 22, 0.65); }

.acb-service-card:focus-visible { outline: 3px solid #C99716; outline-offset: 3px; }

.acb-service-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s, filter .5s; }

.acb-service-card:is(:hover,.is-active) > img { transform: scale(1.05); }

.acb-service-card.is-active > img { filter: brightness(0.35); }

.acb-service-card::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), transparent 35%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0.85)); }

/* TITRES SUR LES PHOTOS */
.acb-service-number { position: absolute; top: 24px; left: 25px; z-index: 2; color: rgba(255, 255, 255, 0.85); font-size: 12px; font-weight: 500; letter-spacing: 1px; transition: opacity .3s; }

.acb-service-bottom { position: absolute; inset: auto 0 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 25px; transition: opacity .35s; }

.acb-service-name { flex: 1; min-width: 0; font-size: 23px; font-weight: 600; line-height: 1.25; }

.acb-service-card--1 .acb-service-name { font-size: 30px; }

.acb-service-plus { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 40px; height: 40px; border: 1px solid rgba(201, 151, 22, 0.8); border-radius: 50%; background: #C99716; color: #111; font-size: 20px; transition: transform .3s, background .3s; }

.acb-service-card:hover .acb-service-plus { transform: rotate(90deg); background: #EDB421; }

/* DESCRIPTIONS AU CLIC */
.acb-service-details { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 35px; background: rgba(9, 9, 9, 0.93); opacity: 0; visibility: hidden; transform: translateY(20px); overflow-y: auto; scrollbar-width: thin; transition: opacity .4s, transform .4s, visibility .4s; }

.acb-service-card.is-active .acb-service-details { opacity: 1; visibility: visible; transform: translateY(0); }

.acb-service-card.is-active :is(.acb-service-bottom,.acb-service-number) { opacity: 0; pointer-events: none; }

.acb-service-details-title { margin-bottom: 16px; }

.acb-service-details-title h3 { color: #fff; font-size: 21px; font-weight: 600; line-height: 1.3; }

.acb-service-details-title::after { content: ""; display: block; width: 45px; height: 2px; margin-top: 16px; background: #C99716; }

.acb-service-details-text { color: #D3D3D3; font-size: 14px; line-height: 1.75; }

.acb-service-close { display: flex; align-items: center; gap: 8px; margin-top: 24px; color: #C99716; font-size: 12px; font-weight: 600; }

.acb-service-close i { font-size: 16px; }

/* PETITES CARTES */
.acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details { padding: 25px 30px; }

.acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-title h3 { margin-bottom: 10px; }

.acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-title::after { margin-top: 10px; }

.acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-text { line-height: 1.55; }

.acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-close { margin-top: 12px; }

/* TABLETTE */
@media (max-width: 1100px) { .acb-services { padding: 85px 35px; } .acb-services-grid { grid-template-rows: 210px 210px 250px; gap: 12px; } .acb-service-bottom { padding: 20px; } .acb-service-name { font-size: 20px; } .acb-service-card--1 .acb-service-name { font-size: 26px; } .acb-service-details { padding: 25px; } }

/* MOBILE */
@media (max-width: 767px) { .acb-services { padding: 70px 20px; } .acb-services-heading { margin-bottom: 35px; } .acb-services-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: none; gap: 12px; } .acb-service-card { grid-area: auto; } .acb-service-card:is(.acb-service-card--1,.acb-service-card--4,.acb-service-card--5) { grid-column: 1 / -1; } .acb-service-card--1 { height: 360px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) { height: 240px; } .acb-service-card:is(.acb-service-card--4,.acb-service-card--5) { height: 265px; } .acb-service-bottom { padding: 17px; gap: 8px; } .acb-service-name { font-size: 17px; } .acb-service-card--1 .acb-service-name { font-size: 25px; } .acb-service-number { top: 15px; left: 17px; } .acb-service-plus { width: 32px; height: 32px; font-size: 16px; } .acb-service-details { padding: 22px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details { padding: 15px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-label { margin-bottom: 7px; font-size: 9px; letter-spacing: 1px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-text { font-size: 11px; line-height: 1.45; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-close { margin-top: 10px; font-size: 10px; } }

/* PETITS ÉCRANS */
@media (max-width: 430px) { .acb-services-grid { grid-template-columns: 1fr; } .acb-service-card { grid-column: 1 / -1; height: 270px; } .acb-service-card--1 { height: 340px; } .acb-service-name, .acb-service-card--1 .acb-service-name { font-size: 22px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details { padding: 22px; } .acb-service-card:is(.acb-service-card--2,.acb-service-card--3) .acb-service-details-text { font-size: 14px; line-height: 1.6; } }

@media (prefers-reduced-motion: reduce) { .acb-service-card, .acb-service-card > img, .acb-service-plus, .acb-service-details, .acb-service-bottom, .acb-service-number { transition: none; } }

/*************************************************************ART & CARRELAGE BERTHELOT — ENGAGEMENTS*************************************************************/
.acb-trust { padding: 90px 50px; color: #fff; }

.acb-trust-container { max-width: 1350px; margin: auto; }

.acb-trust-heading { text-align: center; margin-bottom: 55px; }

.acb-trust-eyebrow { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 22px; color: #C99716; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; }

.acb-trust-eyebrow span { width: 35px; height: 1px; background: #C99716; }

.acb-trust-title h2 { margin: 0; color: #fff; line-height: 1.15; }

/* ENGAGEMENTS */
.acb-trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); }

.acb-trust-item { padding: 10px 40px; text-align: center; }

.acb-trust-item + .acb-trust-item { border-left: 1px solid rgba(201, 151, 22, 0.25); }

.acb-trust-icon { margin-bottom: 28px; color: #C99716; font-size: 45px; line-height: 1; }

.acb-trust-item-title h3 { margin: 0 0 18px; color: #fff; line-height: 1.3; }

.acb-trust-description { color: #C9C9C9; line-height: 1.8; }

.acb-trust-description p { margin: 0; }

/* TABLETTE */
@media (max-width: 1050px) { .acb-trust { padding: 85px 30px; } .acb-trust-item { padding: 10px 22px; } }

/* MOBILE */
@media (max-width: 767px) { .acb-trust { padding: 70px 20px; } .acb-trust-heading { margin-bottom: 45px; } .acb-trust-grid { grid-template-columns: 1fr; gap: 35px; } .acb-trust-item { padding: 0 10px 35px; } .acb-trust-item + .acb-trust-item { border-left: 0; } .acb-trust-item:not(:last-child) { border-bottom: 1px solid rgba(201, 151, 22, 0.25); } .acb-trust-icon { font-size: 38px; margin-bottom: 20px; } .acb-trust-item-title h3 { margin-bottom: 12px; } }

/*************************************************************BLOC REALISATIONS*************************************************************/
/* BLOC RÉALISATIONS — TITRES */
.photoTitleText:has(+ .container) .titles { text-align: center; margin-bottom: 35px; }

/* SURTITRE DORÉ */
.photoTitleText:has(+ .container) .titles > p:first-child { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 0 0 22px; color: #C99716 !important; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; }

/* TRAITS DÉCORATIFS */
.photoTitleText:has(+ .container) .titles > p:first-child::before, .photoTitleText:has(+ .container) .titles > p:first-child::after { content: ""; display: block; width: 35px; height: 1px; background: #C99716; flex-shrink: 0; }

/* H2 BLANC */
.photoTitleText:has(+ .container) .titles h2, .photoTitleText:has(+ .container) .titles h2 * { color: #FFFFFF !important; }

.photoTitleText:has(+ .container) .titles h2 { margin: 0; line-height: 1.15; }

.photoTitleText:has(+ .container) + .container { margin-bottom: 80px; }

@media (max-width: 767px) { .photoTitleText:has(+ .container) + .container { margin-bottom: 50px; } }

/*************************************************************BLOC AVIS GOOGLE*************************************************************/
.photoTitleText:has(+ .googleReviews-div) .titles > p:first-child { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 0 0 22px; color: #C99716 !important; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; }

.photoTitleText:has(+ .googleReviews-div) .titles > p:first-child::before, .photoTitleText:has(+ .googleReviews-div) .titles > p:first-child::after { content: ""; width: 35px; height: 1px; background: #C99716; flex-shrink: 0; }

/*---------------------------------------------------------BLOC MAPS----------------------------------------------------------------*/
.acb-map { padding: 100px 50px; background: #111; color: #fff; overflow: hidden; }

.acb-map-container { max-width: 1350px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }

/* CONTENU */
.acb-map-eyebrow { display: flex; align-items: center; gap: 15px; margin-bottom: 22px; color: #C99716; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; text-transform: uppercase; }

.acb-map-eyebrow span { width: 35px; height: 1px; background: #C99716; }

.acb-map-title h2 { margin: 0; color: #fff; line-height: 1.15; }

.acb-map-divider { width: 55px; height: 2px; margin: 25px 0; background: #C99716; }

.acb-map-description { color: #C9C9C9; line-height: 1.85; }

.acb-map-description p { margin: 0 0 18px; }

.acb-map-description p:last-child { margin-bottom: 0; }

/* DÉPARTEMENTS */
.acb-map-areas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

.acb-map-areas span { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(201, 151, 22, 0.3); border-radius: 30px; color: #E0E0E0; font-size: 13px; }

.acb-map-areas i { color: #C99716; }

/* CARTE */
.acb-map-visual { position: relative; min-width: 0; }

.acb-map-visual::after { content: ""; position: absolute; inset: 20px -18px -18px 20px; border: 1px solid rgba(201, 151, 22, 0.55); border-radius: 12px; pointer-events: none; }

.acb-map-frame { position: relative; z-index: 1; height: 460px; overflow: hidden; border-radius: 12px; background: #222; }

.acb-map-frame iframe { display: block; width: 100%; height: 100%; border: 0; }

/* TABLETTE */
@media (max-width: 1050px) { .acb-map { padding: 85px 35px; } .acb-map-container { gap: 45px; } .acb-map-frame { height: 400px; } }

/* MOBILE */
@media (max-width: 767px) { .acb-map { padding: 70px 20px; } .acb-map-container { grid-template-columns: 1fr; gap: 45px; } .acb-map-frame { height: 350px; } .acb-map-visual { margin-right: 12px; } .acb-map-areas { gap: 10px; } .acb-map-areas span { font-size: 12px; } }

/* =========================================================BLOCS SEO ACTIVITÉS========================================================= */
/* SURTITRES */
:is(.first-activity-title, .second-activity-title, .third-activity-title) > p:first-child { display: flex; align-items: center; gap: 15px; margin-bottom: 22px; color: #C99716 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 2.5px !important; text-transform: uppercase; }

:is(.first-activity-title, .second-activity-title, .third-activity-title) > p:first-child::before { content: ""; width: 35px; height: 1px; flex-shrink: 0; background: #C99716; }

/* TITRES H2 */
.mb-5[class*="activity-title"] { margin-bottom: 26px !important; }

:is(.first-activity-title, .second-activity-title, .third-activity-title) h2 { color: #FFFFFF !important; line-height: 1.15 !important; text-transform: none; }

/* DESCRIPTIONS */
:is(.first-activity-div, .second-activity-div, .third-activity-div) .lead, :is(.first-activity-div, .second-activity-div, .third-activity-div) .lead * { color: #C9C9C9 !important; line-height: 1.8; }

/* MOBILE */
@media (max-width: 767px) { :is(.first-activity-title, .second-activity-title, .third-activity-title) > p:first-child { gap: 10px; font-size: 11px !important; letter-spacing: 1.5px !important; } :is(.first-activity-title, .second-activity-title, .third-activity-title) > p:first-child::before { width: 25px; } }

/* RÉDUIRE LA LARGEUR DU TEXTE DU CTA */
.cta_banner .content { max-width: 850px; margin-left: auto; margin-right: auto; }

/*******************************SPLIT BANNER***************************************/
.split-banner { min-height: 42vh; padding: 110px 5% 60px; position: relative; isolation: isolate; box-shadow: inset 0 120px 60px -20px rgba(0, 0, 0, 0.25); }

.split-banner::before { content: ""; position: absolute; inset: 0; height: 50%; pointer-events: none; z-index: -1; background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.09) 0, rgba(255, 255, 255, 0.09) 1px, transparent 1px, transparent 45px), repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.09) 0, rgba(255, 255, 255, 0.09) 1px, transparent 1px, transparent 45px); -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.7) 55%, transparent 100%); mask-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.7) 55%, transparent 100%); }

.split-banner-logo { width: 160px; max-height: 110px; object-fit: contain; }

.split-banner-line { width: 4px; height: 120px; flex-shrink: 0; border-radius: 10px; }

.split-banner-content { max-width: 720px; }

.split-banner-title { margin: 0 0 15px; line-height: 1.1; }

.split-banner-desc { margin: 0; max-width: 650px; }

@media (max-width: 900px) { .split-banner { min-height: auto; padding: 120px 20px 50px; } .split-banner-container { flex-direction: column; text-align: center; gap: 25px; } .split-banner-line { width: 70px; height: 4px; } .split-banner-content p { margin: auto; } }

/*******************************ART & CARRELAGE BERTHELOT — GALERIE RÉALISATIONS***************************************/
.am-realisations { padding: 70px 20px 70px; color: #FFFFFF; }

.am-realisations__container { max-width: 1350px; margin: auto; padding: 30px 20px; }

/* TITRE */
.am-realisations__title { text-align: center; margin-bottom: 40px; }

.am-realisations__title > * { margin: 0; }

.am-realisations__title h2 { color: #FFFFFF; }

/* FILTRES */
.filter-tabs { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 45px; }

.filter-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 25px; border: 1px solid rgba(201, 151, 22, 0.65); border-radius: 30px; background: transparent; color: #FFFFFF; font-size: 15px; font-weight: 600; cursor: pointer; transition: background .3s, color .3s, border-color .3s; }

.filter-btn p { margin: 0; }

.filter-btn:hover, .filter-btn.active { background: #C99716; border-color: #C99716; color: #0B0B0B; }

/* GALERIE */
.realisations-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

.realisation-card { overflow: hidden; border-radius: 10px; background: #171717; }

.realisation-card img { display: block; width: 100%; height: 360px; object-fit: cover; cursor: pointer; transition: transform .5s ease; }

.realisation-card:hover img { transform: scale(1.04); }

.realisation-card.hidden { display: none; }

/* MODALE IMAGE */
.image-modal { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; padding: 40px; background: rgba(0, 0, 0, 0.92); }

.image-modal__content { width: auto; max-width: 85vw; max-height: 85vh; object-fit: contain; border-radius: 8px; }

.modal-close { position: absolute; top: 25px; right: 35px; color: #FFFFFF; font-size: 40px; font-weight: 400; line-height: 1; cursor: pointer; transition: color .3s; }

.modal-close:hover { color: #C99716; }

/* TABLETTE */
@media (max-width: 991px) { .realisations-grid { grid-template-columns: repeat(2, 1fr); } .realisation-card img { height: 300px; } }

/* MOBILE */
@media (max-width: 768px) { .am-realisations { padding: 50px 15px 70px; } .am-realisations__container { padding: 20px 10px; } .am-realisations__title { margin-bottom: 30px; } .filter-tabs { gap: 10px; margin-bottom: 30px; } .filter-btn { padding: 11px 20px; min-height: 46px; font-size: 14px; } .realisations-grid { grid-template-columns: 1fr; gap: 15px; } .realisation-card img { height: 280px; } .image-modal { padding: 20px; } .image-modal__content { max-width: 95vw; max-height: 80vh; } .modal-close { top: 15px; right: 20px; } }

/* ACCESSIBILITÉ */
@media (prefers-reduced-motion: reduce) { .filter-btn, .realisation-card img, .modal-close { transition: none; } }

/* ART & CARRELAGE BERTHELOT — GALERIE VIDÉO */
.acb-videos { padding: 80px 0; color: #fff; overflow: hidden; }

.acb-videos-container { max-width: 1350px; margin: auto; padding: 0 50px; }

/* EN-TÊTE */
.acb-videos-heading { max-width: 850px; margin: 0 auto 50px; text-align: center; }

.acb-videos-eyebrow { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 22px; color: #C99716; font-size: 12px; font-weight: 600; letter-spacing: 2.5px; }

.acb-videos-eyebrow span { width: 35px; height: 1px; background: #C99716; }

.acb-videos-title h2 { margin: 0 0 20px; color: #fff; line-height: 1.15; }

.acb-videos-description { color: #C9C9C9; line-height: 1.8; }

.acb-videos-description p { margin: 0; }

/* GALERIE INFINIE */
.acb-videos-gallery { width: 100%; overflow: hidden; mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent); }

.acb-videos-track { display: flex; width: max-content; animation: acb-videos-scroll 50s linear infinite; }

.acb-videos-group { display: flex; gap: 14px; padding-right: 14px; flex-shrink: 0; }

.acb-videos-track.is-paused, .acb-videos-track.is-hovered { animation-play-state: paused; }

@keyframes acb-videos-scroll { to { transform: translateX(-50%); } }

/* CARTES VIDÉO */
.acb-video-card { position: relative; width: 285px; height: 410px; flex-shrink: 0; overflow: hidden; border-radius: 12px; background: #191919; isolation: isolate; }

.acb-video-player { display: block; width: 100%; height: 100%; object-fit: cover; }

/* DÉGRADÉ */
.acb-video-card::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); pointer-events: none; }

/* BOUTON LECTURE */
.acb-video-play { position: absolute; top: 50%; left: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; padding: 0; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: #C99716; color: #0B0B0B; font-size: 34px; cursor: pointer; transition: background .3s, transform .3s; }

.acb-video-play:hover { background: #EDB421; transform: translate(-50%, -50%) scale(1.08); }

.acb-video-play:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

.acb-video-card.is-playing .acb-video-play { display: none; }

/* LABEL */
.acb-video-label { position: absolute; bottom: 18px; left: 20px; z-index: 1; display: flex; align-items: center; gap: 8px; color: #fff; font-size: 12px; font-weight: 500; pointer-events: none; }

.acb-video-label i { color: #C99716; }

.acb-video-card.is-playing .acb-video-label { display: none; }

/* FINITION */
.acb-videos-bottom { max-width: 1350px; height: 1px; margin: 50px auto 0; background: linear-gradient(to right, transparent, rgba(201, 151, 22, 0.5), transparent); }

/* LÉGENDES DES VIDÉOS */
.acb-video-caption { position: absolute; bottom: 18px; left: 20px; right: 20px; z-index: 1; display: flex; align-items: center; gap: 8px; color: #fff; font-size: 13px; font-weight: 500; pointer-events: none; }

.acb-video-caption i { color: #C99716; flex-shrink: 0; }

.acb-video-caption p { margin: 0; }

.acb-video-card.is-playing .acb-video-caption { display: none; }

.acb-videos-track.is-focused { animation-play-state: paused; }

/* RESPONSIVE */
@media (max-width: 991px) { .acb-videos { padding: 80px 0; } .acb-videos-container { padding: 0 35px; } .acb-video-card { width: 250px; height: 360px; } }

@media (max-width: 767px) { .acb-videos { padding: 65px 0; } .acb-videos-container { padding: 0 20px; } .acb-videos-heading { margin-bottom: 35px; } .acb-video-card { width: 220px; height: 320px; } .acb-video-play { width: 55px; height: 55px; font-size: 28px; } .acb-videos-bottom { margin-top: 35px; } }

/* ACCESSIBILITÉ */
@media (prefers-reduced-motion: reduce) { .acb-videos-track { animation: none; } .acb-videos-gallery { overflow-x: auto; } .acb-video-play { transition: none; } }

#services { scroll-margin-top: -60px; }

/*# sourceMappingURL=custom.css.map */