@charset "UTF-8";
@import url(main.css);
.video-background-holder { display: none; }

.fs-6.animated-border-button.obftrucs { color: white; }

.fs-2.fw-700.titles.text-color-sixth { color: #0f2437 !important; }

h2.display-6.fw-bold.p-3.pt-lg-3.titles { color: #0f2437; }

span.display-4.fw-bold.lh-1.text-body-emphasis.mb-3.titles { color: #0f2437; }

.fs-6.lead { font-size: 1.05rem; font-weight: 400; line-height: 1.8; color: var(--color-stone); }

a.grow.button_header.text-color-fourth.mx-3.mx-lg-2.p-2.rounded-pill.text-decoration-none.button-header-telephone { border-radius: 10px !important; border: 2px solid #EF9D4C; background: none; color: #EF9D4C !important; }

.full-banner { width: 100%; height: 350px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhEdYUGXoD8V3rrV4gWPlYJECLyw1%2Fimages%2FImages_accueil_7_duga.webp"); background-size: cover; background-position: center; background-repeat: no-repeat; }

@media (max-width: 768px) { .full-banner { height: 250px; } }

.fs-6.lead.mt-4.mb-4 { font-size: 1.05rem; font-weight: 400; line-height: 1.8; color: var(--color-stone); }

.b-bloc-divider { height: 40px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

.animated-border-button:after { background-color: #EF9D4C; }

.navbar-brand { height: 7vh !important; width: 7vw !important; }

/* tablette */
@media (max-width: 1024px) { .navbar-brand { width: 90px !important; height: auto !important; } }

/* mobile */
@media (max-width: 768px) { .navbar-brand { width: 110px !important; height: auto !important; } }

.logo_nav { height: 6vh !important; }

.navbar { box-shadow: 0px 1px 8px #0f243787; }

.background-image-div-opacity { background-attachment: scroll; }

button.w-100.btn.btn-outline-dark { border: 2px solid #EF9D4C; color: #EF9D4C; font-weight: 600; }

button.w-100.btn.btn-outline-dark:hover { border: 1px solid #EF9D4C; color: #0F2437; font-weight: 600; background-color: #EF9D4C; }

.note-patrimoine { margin-top: 40px; padding-top: 20px; }

.note-patrimoine p { margin-bottom: 10px; margin-left: 10px; font-size: 14px; line-height: 1.6; color: #6b6b6b; font-style: italic; }

/* ============================== ICONS PAGES SERVICES ============================== */
/* ── Section ──────────────────────────────────────────── */
.intemporis-valeurs2 { position: relative; overflow: hidden; background: #ffffff; padding: 100px 80px; }

/* ── Logo filigrane ───────────────────────────────────── */
.intemporis-valeurs2__watermark { position: absolute; right: -80px; top: 50%; transform: translateY(-50%); width: 560px; height: auto; opacity: 0.04; pointer-events: none; user-select: none; filter: grayscale(1); }

/* ── Inner ────────────────────────────────────────────── */
.intemporis-valeurs2__inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; }

/* ── Titre ────────────────────────────────────────────── */
.intemporis-valeurs2__title { font-family: var(--font-title); font-weight: 700; font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.08; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-navy); margin-bottom: 60px; }

.intemporis-valeurs2__title em { font-style: normal; color: var(--color-gold); }

/* ── Liste horizontale ────────────────────────────────── */
.intemporis-valeurs2__right { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }

/* ── Item ─────────────────────────────────────────────── */
.intemporis-valeurs2__item { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; padding: 32px 28px; border-bottom: 2px solid rgba(15, 36, 55, 0.08); position: relative; transition: padding-top 0.35s ease; }

/* trait orange au hover */
.intemporis-valeurs2__item::before { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: var(--color-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.35s ease; }

.intemporis-valeurs2__item:hover::before { transform: scaleX(1); }

.intemporis-valeurs2__item:hover { padding-top: 36px; }

/* ── Icône ────────────────────────────────────────────── */
.intemporis-valeurs2__item-icon { flex-shrink: 0; width: 70px; height: 70px; background: var(--color-cream); display: flex; align-items: center; justify-content: center; transition: background 0.35s ease; }

.intemporis-valeurs2__item:hover .intemporis-valeurs2__item-icon { background: rgba(239, 157, 76, 0.15); }

.intemporis-valeurs2__item-icon svg { width: 35px; height: 35px; }

/* ── Titre item ───────────────────────────────────────── */
.intemporis-valeurs2__item-title { font-family: var(--font-title); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-navy); line-height: 1.25; transition: color 0.35s ease; }

.intemporis-valeurs2__item:hover .intemporis-valeurs2__item-title { color: var(--color-gold); }

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 900px) { .intemporis-valeurs2 { padding: 60px 24px; } .intemporis-valeurs2__right { grid-template-columns: repeat(2, 1fr); } .intemporis-valeurs2__watermark { width: 300px; right: -30px; } }

@media (max-width: 480px) { .intemporis-valeurs2__right { grid-template-columns: 1fr; } }

@media (max-width: 480px) { div[style*="justify-content:space-between"] { flex-direction: column; align-items: flex-start; gap: 20px; } .intemporis-rayonnement__cta { width: fit-content; margin-bottom: 20px; } .intemporis-valeurs2__title { margin-bottom: 0px; } }

/* ============================== GALERIE PAGES SERVICES ============================== */
.galerie-photos { width: 100%; }

.galerie-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }

.galerie-grid img { width: 100%; height: 320px; display: block; object-fit: cover; }

@media (max-width: 768px) { .galerie-grid { grid-template-columns: repeat(2, 1fr); } .galerie-grid img { height: 220px; } }

/* ============================== LISTE PAGES SERVICES ============================== */
.intemporis-rehab { background: #ffffff; padding: 100px 80px; position: relative; overflow: hidden; }

.intemporis-rehab::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(-55deg, rgba(15, 36, 55, 0.025) 0px, rgba(15, 36, 55, 0.025) 1px, transparent 1px, transparent 60px); pointer-events: none; }

.intemporis-rehab__inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }

.intemporis-rehab__left { position: sticky; top: 40px; }

.intemporis-rehab__title { font-family: var(--font-title); font-weight: 700; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.08; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-navy); margin-bottom: 28px; }

.intemporis-rehab__title em { font-style: normal; color: var(--color-gold); }

.intemporis-rehab__intro { font-family: var(--font-body); font-size: 1.05rem; font-weight: 400; line-height: 1.8; color: var(--color-stone); margin-bottom: 18px; }

.intemporis-rehab__right { padding-top: 8px; }

.intemporis-rehab__item { border-bottom: 1px solid rgba(15, 36, 55, 0.1); cursor: pointer; }

.intemporis-rehab__item:first-child { border-top: 1px solid rgba(15, 36, 55, 0.1); }

.intemporis-rehab__trigger { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0; user-select: none; }

.intemporis-rehab__trigger-left { display: flex; align-items: center; gap: 20px; }

.intemporis-rehab__item-num { font-family: var(--font-title); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.25em; color: rgba(15, 36, 55, 0.25); flex-shrink: 0; transition: color 0.3s; min-width: 22px; }

.intemporis-rehab__item.is-open .intemporis-rehab__item-num, .intemporis-rehab__item:hover .intemporis-rehab__item-num { color: var(--color-gold); }

.intemporis-rehab__item-title { font-family: var(--font-title); font-weight: 700; font-size: 1.2rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-navy); transition: color 0.3s; }

.intemporis-rehab__item.is-open .intemporis-rehab__item-title, .intemporis-rehab__item:hover .intemporis-rehab__item-title { color: var(--color-gold); }

.intemporis-rehab__icon { flex-shrink: 0; width: 36px; height: 36px; border: 1px solid rgba(15, 36, 55, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background 0.3s, border-color 0.3s, transform 0.4s; }

.intemporis-rehab__item.is-open .intemporis-rehab__icon { background: var(--color-gold); border-color: var(--color-gold); transform: rotate(45deg); }

.intemporis-rehab__icon svg { width: 14px; height: 14px; transition: stroke 0.3s; }

.intemporis-rehab__item.is-open .intemporis-rehab__icon svg path { stroke: var(--color-navy); }

.intemporis-rehab__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.45s ease; }

.intemporis-rehab__item.is-open .intemporis-rehab__panel { grid-template-rows: 1fr; }

.intemporis-rehab__panel-inner { overflow: hidden; }

.intemporis-rehab__panel-content { padding: 0 0 28px 42px; display: flex; align-items: flex-start; gap: 16px; }

.intemporis-rehab__panel-text { font-family: var(--font-body); font-size: 1rem; font-weight: 400; line-height: 1.85; color: var(--color-stone); }

@media (max-width: 900px) { .intemporis-rehab { padding: 60px 24px; } .intemporis-rehab__inner { grid-template-columns: 1fr; gap: 48px; } .intemporis-rehab__left { position: static; } .intemporis-rehab__counter { display: none; } }

/* ============================== HEADER IMAGE – PAGES SERVICES ============================== */
.header-image-sols { position: relative; width: 100%; height: 55vh; min-height: 380px; overflow: hidden; background-color: #242020; }

.header-image-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }

.header-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(105deg, rgba(15, 36, 55, 0.88) 0%, rgba(15, 36, 55, 0.72) 60%, rgba(15, 36, 55, 0.15) 100%); z-index: 2; pointer-events: none; }

.header-image-container { position: relative; z-index: 2; max-width: 1200px; height: 100%; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 60px; }

.header-image-logo { display: flex; align-items: center; justify-content: right; }

.header-image-logo img { max-width: 280px; width: 100%; height: auto; }

.header-image-text-lined { display: flex; align-items: center; gap: 50px; }

.header-image-line { width: 4px; background-color: #EF9D4C; margin-top: 6px; margin-bottom: 6px; height: 200px; }

.header-image-text-content h1 { font-size: 3.5rem; letter-spacing: 0.02rem; color: #ffffff; line-height: 1.1; text-transform: uppercase; }

@media (max-width: 900px) { .header-image-container { grid-template-columns: 1fr; gap: 30px; padding: 30px 20px; justify-items: center; text-align: center; } .header-image-logo { justify-content: center; } .header-image-logo img { max-width: 200px; } .header-image-text-lined { justify-content: center; gap: 20px; } .header-image-text-content { display: flex; flex-direction: column; align-items: center; } .header-image-text-content p { max-width: 100%; } }

@media (max-width: 600px) { .header-image-sols { height: auto; min-height: 500px; padding: 40px 0; } .header-image-container { padding: 20px 15px; gap: 25px; } .header-image-logo img { max-width: 200px; } .header-image-text-lined { flex-direction: column; align-items: center; gap: 15px; } .header-image-line { width: 60px; height: 4px; margin: 0; } .header-image-text-content h1 { margin-bottom: 1rem; letter-spacing: 1px; font-size: 45px; } }

@media (max-width: 400px) { .header-image-sols { min-height: 450px; } .header-image-logo img { max-width: 200px; } .header-image-container { padding: 15px 10px; } }

/* ============================== BLOC SEO ============================== */
.first-activity-div.shadow-lg, .second-activity-div.shadow-lg, .third-activity-div.shadow-lg { box-shadow: none !important; }

.card.card-cover.h-100.overflow-hidden.rounded-4.shadow-lg { border-radius: 0px !important; }

.display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5.first-activity-title, .display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5.second-activity-title, .display-6.titles.fw-bold.text-body-emphasis.lh-1.mb-5.third-activity-title { margin-bottom: 1rem !important; margin-top: 2rem; }

/* ============================== BLOC SAVOIR FAIRE ============================== */
.intemporis-rayonnement { position: relative; overflow: hidden; background-color: var(--color-navy); padding: 110px 80px; }

.intemporis-rayonnement__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; opacity: 0.45; }

.intemporis-rayonnement__watermark { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 550px; height: auto; opacity: 0.04; pointer-events: none; user-select: none; filter: grayscale(1) brightness(10); }

.intemporis-rayonnement__inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; }

.intemporis-rayonnement__header { margin-bottom: 72px; max-width: 100%; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }

.intemporis-rayonnement__title { font-family: var(--font-title); font-weight: 700; font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.08; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-cream); }

.intemporis-rayonnement__title em { font-style: normal; color: var(--color-gold); }

.intemporis-rayonnement__cta { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-body); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-gold) !important; cursor: pointer; padding: 15px 34px; text-decoration: none; transition: background 0.3s ease, transform 0.3s ease; border: solid 2px #ef9d4c; border-radius: 10px; }

.intemporis-rayonnement__cta:hover { transform: translateY(-2px); }

.intemporis-rayonnement__cta:hover svg { transform: translateX(4px); }

.intemporis-rayonnement__cta svg { transition: transform 0.3s; }

.intemporis-rayonnement__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

.intemporis-rayonnement__pilier { position: relative; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(249, 239, 238, 0.07); padding: 48px 40px 44px; display: flex; flex-direction: column; gap: 0; overflow: hidden; transition: background 0.4s ease, border-color 0.4s ease; }

.intemporis-rayonnement__pilier:hover { background: rgba(239, 157, 76, 0.05); border-color: rgba(239, 157, 76, 0.2); }

.intemporis-rayonnement__pilier-icon { width: 48px; height: 48px; margin-bottom: 28px; flex-shrink: 0; }

.intemporis-rayonnement__pilier-title { font-family: var(--font-title); font-weight: 700; font-size: 1.6rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-cream); margin-bottom: 20px; }

.intemporis-rayonnement__pilier-text { font-family: var(--font-body); font-size: 1rem; font-weight: 400; line-height: 1.8; color: #ddddddb0; flex: 1; margin-bottom: 35px; }

.intemporis-rayonnement__tags { display: flex; flex-wrap: wrap; gap: 8px; }

.intemporis-rayonnement__tag { font-family: var(--font-body); font-size: 0.62rem; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-gold); border: 1px solid rgba(239, 157, 76, 0.3); padding: 5px 12px; transition: background 0.3s, border-color 0.3s; }

.intemporis-rayonnement__pilier:hover .intemporis-rayonnement__tag { background: rgba(239, 157, 76, 0.08); border-color: rgba(239, 157, 76, 0.55); }

@media (max-width: 1024px) { .intemporis-rayonnement { padding: 80px 40px; } .intemporis-rayonnement__grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 768px) { .intemporis-rayonnement { padding: 60px 24px; } .intemporis-rayonnement__header { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 48px; } .intemporis-rayonnement__grid { grid-template-columns: 1fr; gap: 12px; } .intemporis-rayonnement__watermark { width: 320px; right: -40px; opacity: 0.03; } }

@media (max-width: 480px) { .intemporis-rayonnement { padding: 48px 20px; } .intemporis-rayonnement__pilier { padding: 32px 24px; } .intemporis-rayonnement__cta { width: fit-content; align-self: flex-start; } }

/* ============================== BLOC ENGAGEMENTS ============================== */
.intemporis-engagements { position: relative; overflow: hidden; background-color: #ffffff; padding: 100px 80px; }

.intemporis-engagements::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(-55deg, rgba(15, 36, 55, 0.03) 0px, rgba(15, 36, 55, 0.03) 1px, transparent 1px, transparent 60px); pointer-events: none; }

.intemporis-engagements__inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }

.intemporis-engagements__title { font-family: var(--font-title); font-weight: 700; font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.08; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-navy); margin-bottom: 10px; }

.intemporis-engagements__title em { font-style: normal; color: var(--color-gold); }

.intemporis-engagements__divider { width: 48px; height: 2px; background: var(--color-gold); margin: 24px 0 28px; }

.intemporis-engagements__intro { font-family: var(--font-body); font-size: 1.05rem; font-weight: 400; line-height: 1.8; color: var(--color-stone); margin-bottom: 20px; }

.intemporis-engagements__right { display: flex; flex-direction: column; gap: 2px; }

.intemporis-engagements__item { display: flex; align-items: flex-start; gap: 0; background: #f9f9f9; overflow: hidden; transition: box-shadow 0.3s ease; }

.intemporis-engagements__item-content { display: flex; align-items: center; gap: 20px; padding: 20px 28px; }

.intemporis-engagements__item-icon { flex-shrink: 0; width: 54px; height: 54px; background: var(--color-cream); display: flex; align-items: center; justify-content: center; transition: background 0.3s; border-radius: 10px; }

.intemporis-engagements__item:hover .intemporis-engagements__item-icon { background: rgba(239, 157, 76, 0.12); }

.intemporis-engagements__item-icon svg { width: 32px; height: 32px; }

.intemporis-engagements__item-text { display: flex; align-items: center; }

.intemporis-engagements__item-title { font-family: var(--font-title); font-weight: 700; font-size: 1.1rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-navy); margin-bottom: 0px; }

@media (max-width: 900px) { .intemporis-engagements { padding: 60px 24px; } .intemporis-engagements__inner { grid-template-columns: 1fr; gap: 48px; } }

/* ============================== BLOC SERVICES ============================== */
.intemporis-services { position: relative; overflow: hidden; background-color: var(--color-navy); padding: 100px 80px; }

.intemporis-services__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; opacity: 0.5; }

.intemporis-services__header { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto 64px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }

.intemporis-services__title { font-family: var(--font-title); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.08; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-cream); }

.intemporis-services__title em { font-style: normal; color: var(--color-gold); }

.intemporis-services__header-intro { font-family: var(--font-body); font-size: 1.05rem; font-weight: 400; line-height: 1.75; color: #dddddd; max-width: 400px; text-align: right; }

.intemporis-services__grid { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }

.intemporis-services__card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 480px; overflow: hidden; text-decoration: none; cursor: pointer; }

.intemporis-services__card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transform: scale(1.04); transition: transform 0.7s ease; }

.intemporis-services__card:hover .intemporis-services__card-bg { transform: scale(1.1); filter: brightness(0.35); }

.intemporis-services__card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 36, 55, 0.95) 0%, rgba(15, 36, 55, 0.3) 55%, transparent 100%); transition: opacity 0.4s ease; }

.intemporis-services__card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(--color-gold); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }

.intemporis-services__card:hover::after { transform: scaleX(1); }

.intemporis-services__card-body { position: relative; z-index: 1; padding: 32px 28px; display: flex; flex-direction: column; gap: 0; }

.intemporis-services__card-icon { width: 36px; height: 36px; margin-bottom: 16px; opacity: 0.9; transition: transform 0.4s ease; }

.intemporis-services__card:hover .intemporis-services__card-icon { transform: translateY(-4px); }

.intemporis-services__card-title { font-family: var(--font-title); font-size: 1.6rem; line-height: 1.2; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-cream); margin-bottom: 14px; }

.intemporis-services__card-rule { width: 28px; height: 1px; background: var(--color-gold); margin-bottom: 14px; transition: width 0.4s ease; }

.intemporis-services__card:hover .intemporis-services__card-rule { width: 48px; }

.intemporis-services__card-desc { font-family: var(--font-body); font-size: 1rem; line-height: 1.7; color: #dddddd; max-height: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.4s ease, margin 0.4s ease; margin-bottom: 0; }

.intemporis-services__card:hover .intemporis-services__card-desc { max-height: 120px; opacity: 1; margin-bottom: 20px; }

.intemporis-services__card-link { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-body); font-size: 0.68rem; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; color: var(--color-gold); opacity: 0; transform: translateY(6px); transition: opacity 0.4s ease, transform 0.4s ease; }

.intemporis-services__card:hover .intemporis-services__card-link { opacity: 1; transform: translateY(0); }

.intemporis-services__card-link svg { transition: transform 0.3s ease; }

.intemporis-services__card:hover .intemporis-services__card-link svg { transform: translateX(4px); }

@media (max-width: 1024px) { .intemporis-services__grid { grid-template-columns: repeat(2, 1fr); } .intemporis-services__card { min-height: 380px; } }

@media (max-width: 640px) { .intemporis-services { padding: 60px 24px; } .intemporis-services__header { flex-direction: column; align-items: flex-start; } .intemporis-services__header-intro { text-align: left; } .intemporis-services__grid { grid-template-columns: 1fr; gap: 2px; } .intemporis-services__card { min-height: 300px; } }

/* ============================== BLOC PRESENTATION ============================== */
.intemporis-about { position: relative; overflow: hidden; background-color: #ffffff; padding: 100px 80px; }

.intemporis-about__watermark { position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 600px; height: auto; opacity: 0.04; pointer-events: none; user-select: none; filter: grayscale(1); }

.intemporis-about__inner { position: relative; z-index: 1; display: flex; align-items: center; gap: 80px; max-width: 1200px; margin: 0 auto; }

.intemporis-about__img-wrap { flex: 0 0 480px; position: relative; }

.intemporis-about__img-wrap::before { content: ''; position: absolute; top: -18px; left: -18px; width: 100%; height: 100%; border: 2px solid var(--color-gold); opacity: 0.60; pointer-events: none; border-radius: 10px; }

.intemporis-about__img { display: block; width: 100%; height: 520px; object-fit: cover; object-position: center; }

.intemporis-about__badge { position: absolute; bottom: 28px; left: -24px; background: var(--color-navy); color: var(--color-cream); padding: 14px 22px; display: flex; flex-direction: column; gap: 2px; }

.intemporis-about__badge-number { font-family: var(--font-title); font-size: 2rem; font-weight: 700; color: var(--color-gold); line-height: 1; }

.intemporis-about__badge-label { font-family: var(--font-body); font-size: 0.65rem; font-weight: 300; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(249, 239, 238, 0.7); }

.intemporis-about__content { flex: 1; display: flex; flex-direction: column; gap: 0; }

.intemporis-about__title { font-family: var(--font-title); font-weight: 700; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.1; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-navy); margin-bottom: 28px; }

.intemporis-about__title em { font-style: normal; color: var(--color-gold); }

.intemporis-about__text { font-family: var(--font-body); font-size: 1.05rem; font-weight: 400; line-height: 1.8; color: var(--color-stone); margin-bottom: 18px; }

@media (max-width: 900px) { .intemporis-about { padding: 60px 24px; } .intemporis-about__inner { flex-direction: column; gap: 48px; } .intemporis-about__img-wrap { flex: unset; width: 100%; } .intemporis-about__img { height: 300px; } .intemporis-about__watermark { width: 320px; right: -40px; } }

/* ============================== BLOC HERO ============================== */
:root { --color-navy:  #0F2437; --color-stone: #50555B; --color-gold:  #EF9D4C; --color-cream: #F9EFEE; --font-title:  'Arsenal', serif; --font-body:   'Roboto', sans-serif; }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.intemporis-hero { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; overflow: hidden; background-color: var(--color-navy); }

.intemporis-hero__bg { position: absolute; inset: 0; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FhEdYUGXoD8V3rrV4gWPlYJECLyw1%2Fimages%2FDesign_sans_titre_-_2026-03-09T105727640_og4j.webp"); background-size: cover; background-position: center 30%; transform: scale(1.04); animation: intemporis-zoom 18s ease-out forwards; }

@keyframes intemporis-zoom { from { transform: scale(1.04); }
  to { transform: scale(1); } }

.intemporis-hero__overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(15, 36, 55, 0.94) 0%, rgba(15, 36, 55, 0.72) 60%, rgba(15, 36, 55, 0.18) 100%); }

.intemporis-hero__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; opacity: 0.5; }

.intemporis-hero__rule { position: absolute; left: 50px; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, transparent 0%, var(--color-gold) 25%, var(--color-gold) 75%, transparent 100%); opacity: 0.35; }

.intemporis-hero__inner { position: relative; z-index: 2; width: 100%; max-width: 1300px; margin: 0 auto; padding: 0 80px 0 50px; display: flex; flex-direction: column; gap: 0; }

.intemporis-hero__logo-wrap { display: flex; align-items: center; margin-bottom: 20px; animation: intemporis-fade-up 0.9s 0.2s ease forwards; }

.intemporis-hero__logo-img { width: 250px; height: auto; filter: brightness(0) invert(1); margin-bottom: 20px; }

.intemporis-hero__logo-text { display: flex; flex-direction: column; gap: 1px; }

.intemporis-hero__logo-name { font-family: var(--font-title); font-size: 1.45rem; font-weight: 700; letter-spacing: 0.22em; color: var(--color-cream); text-transform: uppercase; line-height: 1; }

.intemporis-hero__logo-sub { font-family: var(--font-body); font-size: 0.65rem; font-weight: 300; letter-spacing: 0.28em; color: var(--color-gold); text-transform: uppercase; }

.intemporis-hero__h1 { font-family: var(--font-title); font-weight: 400; font-size: 4rem; line-height: 1.1; letter-spacing: 0.02em; text-transform: uppercase; color: var(--color-cream); margin-bottom: 28px; opacity: 0; animation: intemporis-fade-up 1s 0.75s ease forwards; }

.intemporis-hero__h1 em { font-style: normal; color: var(--color-gold); }

.intemporis-hero__tagline { font-family: var(--font-body); font-size: clamp(0.95rem, 1.4vw, 1.15rem); font-weight: 300; letter-spacing: 0.04em; color: #fff; max-width: 580px; line-height: 1.65; border-left: 2px solid var(--color-gold); padding-left: 18px; margin-bottom: 52px; opacity: 0; animation: intemporis-fade-up 1s 1s ease forwards; }

.intemporis-hero__cta-group { display: flex; align-items: center; gap: 28px; opacity: 0; animation: intemporis-fade-up 1s 1.25s ease forwards; }

.intemporis-hero__cta-primary { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-body); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-gold) !important; cursor: pointer; padding: 15px 34px; text-decoration: none; transition: background 0.3s ease, transform 0.3s ease; border: solid 2px #ef9d4c; border-radius: 10px; }

.intemporis-hero__cta-primary:hover { transform: translateY(-2px); }

.intemporis-hero__cta-primary svg { transition: transform 0.3s ease; }

.intemporis-hero__cta-primary:hover svg { transform: translateX(4px); }

@keyframes intemporis-fade-up { from { opacity: 0;
    transform: translateY(22px); }
  to { opacity: 1;
    transform: translateY(0); } }

@media (max-width: 768px) { .intemporis-hero__rule { display: none; } .intemporis-hero__inner { padding: 0 30px; } .intemporis-hero__logo-img { width: 200px; } .intemporis-hero__h1 { font-size: 2.3rem; line-height: 1.2; margin-bottom: 20px; } .intemporis-hero__tagline { font-size: 0.95rem; margin-bottom: 50px; max-width: 100%; } .intemporis-hero__cta-group { flex-direction: column; align-items: flex-start; gap: 15px; } .intemporis-hero__cta-primary { padding: 14px 26px; font-size: 0.75rem; } }

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