/* fonts */
@font-face {
    font-family: 'Agrandir Grand';
    src: url('/fonts/Agrandir-GrandHeavy.eot');
    src: url('/fonts/Agrandir-GrandHeavy.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-GrandHeavy.woff2') format('woff2'),
        url('/fonts/Agrandir-GrandHeavy.woff') format('woff'),
        url('/fonts/Agrandir-GrandHeavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Grand';
    src: url('/fonts/Agrandir-GrandLight.eot');
    src: url('/fonts/Agrandir-GrandLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-GrandLight.woff2') format('woff2'),
        url('/fonts/Agrandir-GrandLight.woff') format('woff'),
        url('/fonts/Agrandir-GrandLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Narrow';
    src: url('/fonts/Agrandir-Narrow.eot');
    src: url('/fonts/Agrandir-Narrow.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-Narrow.woff2') format('woff2'),
        url('/fonts/Agrandir-Narrow.woff') format('woff'),
        url('/fonts/Agrandir-Narrow.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('/fonts/Agrandir-Regular.eot');
    src: url('/fonts/Agrandir-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-Regular.woff2') format('woff2'),
        url('/fonts/Agrandir-Regular.woff') format('woff'),
        url('/fonts/Agrandir-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('/fonts/Agrandir-TextBold.eot');
    src: url('/fonts/Agrandir-TextBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-TextBold.woff2') format('woff2'),
        url('/fonts/Agrandir-TextBold.woff') format('woff'),
        url('/fonts/Agrandir-TextBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir';
    src: url('/fonts/Agrandir-ThinItalic.eot');
    src: url('/fonts/Agrandir-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-ThinItalic.woff2') format('woff2'),
        url('/fonts/Agrandir-ThinItalic.woff') format('woff'),
        url('/fonts/Agrandir-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Tight';
    src: url('/fonts/Agrandir-Tight.eot');
    src: url('/fonts/Agrandir-Tight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-Tight.woff2') format('woff2'),
        url('/fonts/Agrandir-Tight.woff') format('woff'),
        url('/fonts/Agrandir-Tight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('/fonts/Agrandir-WideBlackItalic.eot');
    src: url('/fonts/Agrandir-WideBlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-WideBlackItalic.woff2') format('woff2'),
        url('/fonts/Agrandir-WideBlackItalic.woff') format('woff'),
        url('/fonts/Agrandir-WideBlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('/fonts/Agrandir-WideLight.eot');
    src: url('/fonts/Agrandir-WideLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Agrandir-WideLight.woff2') format('woff2'),
        url('/fonts/Agrandir-WideLight.woff') format('woff'),
        url('/fonts/Agrandir-WideLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* ── Reset & Tokens ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --brown: #7b6c5e;
  --beige: #f7f5ef;
  --beige-light: #eae8d9;
  --dark: #191919;
  --white: #ffffff;
  --ff: 'Agrandir Grand';
}
html { scroll-behavior: smooth; }
body { background: var(--beige); font-family: var(--ff); color: var(--dark); overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
p { margin: 0; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

.gh { font-weight: 800; }
.gl { font-weight: 300; }
.gr { font-weight: 400; }

.container { width: 100%; max-width: 1880px; margin: 0 auto; padding: 0 24px; }
@media (min-width: 768px) { .container { padding: 0 48px; } }
@media (min-width: 1200px) { .container { padding: 0 64px; } }

/* ══════════════════════════════════
   NAV
   ══════════════════════════════════ */
.nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 100;/* background: var(--beige); */}
.nav-inner {
  display: flex; justify-content: space-between;
  padding: 16px 24px; max-width: 1920px; margin: 0 auto; 
}
@media (min-width: 768px) { .nav-inner { padding: 20px 48px; } }
@media (min-width: 1200px) { .nav-inner { padding: 0 0 25px 64px; } }

.nav-logo img { height: 60px; width: auto; }
@media (min-width: 768px) { .nav-logo img { height: 80px; } }
@media (min-width: 1200px) { .nav-logo img { height: 115px; } }

.nav-links { display: none; }
@media (min-width: 1024px) {
  .nav-links { display: flex; align-items: center; gap: 60px; }
  .nav-links a { font-size: 18px; font-weight: 400; white-space: nowrap; transition: color .2s; }
  .nav-links a:hover { color: var(--brown); }
}
@media (min-width: 1400px) { .nav-links { gap: 100px; } .nav-links a { transition: ease all 0.5s; font-size: 20px; } }
.nav-links a:hover {
    font-weight: 800;
}
.nav-mob-cta {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--brown); color: var(--beige); font-weight: 400;
  font-size: 14px; padding: 8px 16px; border-radius: 300px; white-space: nowrap;
}
@media (min-width: 1024px) { .nav-mob-cta { display: none; } }

.nav-cta { display: none; }
@media (min-width: 1024px) {
  .nav-cta { display: block; position: relative; flex-shrink: 0; z-index: 101; }
  .nav-cta img {  pointer-events: none; }
  .nav-cta span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -100%);
        font-weight: 900;
        font-size: 20px;
        color: var(--beige);
        white-space: nowrap;
  }
}

.hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px;
    z-index: 10;
    position: relative;
 }
.hamburger span { display: block; width: 24px; height: 3px; background: var(--brown); transition: .3s; border-radius: 2px; }
@media (min-width: 1024px) { .hamburger { display: none; } }

.mobile-menu { display: none; background: var(--beige); border-top: 1px solid var(--brown); padding: 24px; }
.mobile-menu.open { display: flex; flex-direction: column; gap: 20px; }
.mobile-menu a { font-size: 18px; font-weight: 400; }
.mobile-menu .mob-cta { display: inline-block; background: var(--dark); color: var(--beige); font-weight: 900; font-size: 18px; padding: 12px 24px; }

/* ══════════════════════════════════
   HERO
   ══════════════════════════════════ */
.hero,
.talent-createur {
  position: relative; background: var(--beige); overflow: hidden;
  padding-top: 100px; padding-bottom: 48px;
}
@media (min-width: 768px) { .hero, .talent-createur { padding-top: 140px; } }
@media (min-width: 1200px) { .hero, .talent-createur { padding-top: 180px; padding-bottom: 60px; } }

.hero .container { /*position: relative;*/ z-index: 1; display: flex; flex-direction: column; gap: 32px; }
@media (min-width: 1200px) {
  .hero .container, .talent-createur .container { flex-direction: row; align-items: flex-start; gap: 40px; }
}

/* ── Hero left text ── */
.hero-text { flex: 0 0 auto; max-width: 100%; display: flex; flex-direction: column; gap: 20px; }
@media (min-width: 768px) { .hero-text { gap: 28px; } }
@media (min-width: 1200px) { .hero-text { max-width: 50%; padding-top: 60px; gap: 32px; } }

.hero-title-wrap { display: flex; align-items: flex-start; gap: 16px; }
@media (min-width: 768px) { .hero-title-wrap { display: block; } }

.hero-title { font-size: 18px; line-height: 1.3; flex: 1; min-width: 0; z-index: 2;position: relative; }
@media (min-width: 768px) { .hero-title { font-size: 36px; line-height: 1.15; } }
@media (min-width: 1200px) { .hero-title { font-size: 40px; line-height: 1.1; } }
.hero-title .highlight { color: var(--brown); font-weight: 800; }

/* Mini gallery – mobile only */
.hero-mini-gallery {
    display: block;
}
.hero-mini-gallery .mini-img { border-radius: 10px; overflow: hidden; aspect-ratio: 1; }
.hero-mini-gallery .mini-img img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 768px) { .hero-mini-gallery { display: none; } }

.hero-desc { font-size: 14px; line-height: 1.6; max-width: 662px; z-index: 1;}
@media (min-width: 768px) { .hero-desc { font-size: 18px; } }
@media (min-width: 1200px) { .hero-desc { font-size: 20px; line-height: 1.5; } }

.hero-btns { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
@media (min-width: 768px) { .hero-btns { gap: 24px; } }

.btn-primary {
  background: var(--brown); color: var(--beige); font-weight: 400;
  font-size: 14px; padding: 8px 14px; white-space: nowrap;
  transition: opacity .2s; display: inline-flex; align-items: center; justify-content: center;
}
.btn-primary:hover { opacity: .9; }
@media (min-width: 768px) { .btn-primary { font-size: 18px; padding: 10px 20px; } }

.btn-outline {
  border: 1px solid var(--brown); color: var(--dark); font-weight: 400;
  font-size: 14px; padding: 8px 14px; white-space: nowrap;
  transition: .2s; display: inline-flex; align-items: center; justify-content: center;
}
.btn-outline:hover { background: var(--brown); color: var(--beige); }
@media (min-width: 768px) { .btn-outline { font-size: 18px; padding: 10px 20px; } }

/* ── Hero right column ── */
.hero-right { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
/* Hide on mobile, show on tablet+ */
.hero-right { display: none; }
@media (min-width: 768px) { .hero-right { display: flex; } }

/* ── Diagonal mosaic ── */
.hero-mosaic-wrap { display: none; }
@media (min-width: 1680px) {
  .hero-mosaic-wrap {
    display: block;
    /* position: relative;
    height: 480px; overflow: hidden;
    margin-top: -240px;  extend above into nav area */
   /* margin-right: -64px;  extend to page edge */
  }
}
.hero-mosaic {
    display: block;
    /* grid-template-columns: repeat(5, 1fr); */
    /* gap: 20px; */
    /* transform: rotate(-40deg); */
    /* transform-origin: center center; */
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.hero-mosaic.hero_bg img {
    transform: scale(1.75);
}
.mosaic-img { aspect-ratio: 4/3; border-radius: 12px; overflow: hidden; }
.mosaic-img img { width: 100%; height: 100%; object-fit: cover; }

/* ── Gallery rows ── */
.hero-gallery { display: flex; flex-direction: column; gap: 24px; }
@media (min-width: 1200px) { .hero-gallery { gap: 32px; } }

.gallery-row-header {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px;
}
.gallery-row-header h3 { font-weight: 900; color: var(--brown); font-size: 18px; line-height: 40px; white-space: nowrap; }
@media (min-width: 768px) { .gallery-row-header h3 { font-size: 24px; } }
@media (min-width: 1200px) { .gallery-row-header h3 { font-size: 36px; } }

.gallery-row-header .btn-sm {
  border: 1px solid var(--brown); color: var(--dark); font-weight: 400;
  font-size: 12px; padding: 6px 8px; white-space: nowrap; transition: .2s;
}
@media (min-width: 768px) { .gallery-row-header .btn-sm { font-size: 14px; padding: 8px 10px; } }
@media (min-width: 1200px) { .gallery-row-header .btn-sm { font-size: 16px; padding: 10px 14px; } }
.gallery-row-header .btn-sm:hover { background: var(--brown); color: var(--beige); }

.gallery-images { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.gallery-images .img-card { min-width: 0; aspect-ratio: 4/3; border-radius: 10px; overflow: hidden; }
.gallery-images .img-card img { width: 100%; height: 100%; object-fit: cover; }

/* ══════════════════════════════════
   STATS
   ══════════════════════════════════ */
.stats { background: var(--white); }
.stats-inner {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
  padding: 40px 24px; text-align: center;
}
@media (min-width: 768px) {
  .stats-inner { grid-template-columns: repeat(4, 1fr); gap: 40px; padding: 48px; }
}
@media (min-width: 1200px) {
  .stats-inner {
    display: flex; justify-content: center; align-items: center;
    gap: 200px; height: 209px; padding: 0 64px;
    max-width: 1920px; margin: 0 auto;
  }
}
.stat { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.stat-val { font-weight: 900; font-size: 20px; }
@media (min-width: 768px) { .stat-val { font-size: 28px; } }
@media (min-width: 1200px) { .stat-val { font-size: 36px; } }
.stat-label { font-weight: 400; font-size: 14px; }
@media (min-width: 768px) { .stat-label { font-size: 16px; } }
@media (min-width: 1200px) { .stat-label { font-size: 18px; } }

/* ══════════════════════════════════
   MISSION
   ══════════════════════════════════ */
.mission { background: var(--brown); padding: 48px 0;position: relative;overflow: hidden; }
@media (min-width: 1200px) { .mission { padding: 90px 0 80px; } }
#mission >.container {
    position: relative;
}
#mission >.container:before{
    content: "";
    position: absolute;
    display: block;
    width: 90%;
    height: 70px;
    background: transparent;
    left: 22px;
    top: 115%;
    border-radius: 0 0 10px 10px;
    border: solid 1px #7b6c5e;
}

#mission >.container:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: -35%;
    background: #7b6c5e;
    border-radius: 48px;
    left: 10rem;
}

.hero-mosaic.hero_bg:after {
    bottom: 0;
    content: "";
    position: absolute;
    background: transparent;
    width: 115%;
    height: 95%;
    /* transform: rotate(40deg); */
    right: 0;
    border-left-color: transparent !important;
    box-shadow: inset 0px 0px 40px 80px #f7f5ef;
    z-index: 0;
}

.mission-text {
  font-weight: 300; font-size: 18px; line-height: 1.3;
  color: var(--beige); max-width: 750px; margin-bottom: 32px;
}
@media (min-width: 768px) { .mission-text { font-size: 28px; line-height: 1.4; margin-bottom: 56px; } }
@media (min-width: 1200px) { .mission-text { font-size: 32px; line-height: 1.3; } }
.mission-text strong { font-weight: 900; color: var(--beige-light); }

.mission-cards {
  display: flex; gap: 20px; overflow-x: auto; padding-bottom: 8px;
  -ms-overflow-style: none; scrollbar-width: none;
}
.mission-cards::-webkit-scrollbar { display: none; }
.mission-card-item { flex-shrink: 0; width: 276px; }
@media (min-width: 600px) {
  .mission-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; overflow-x: visible; }
  .mission-card-item { width: auto; }
}
@media (min-width: 1780px) { .mission-cards { width: 80% !important;} }
@media (min-width: 1200px) { .mission-cards { grid-template-columns: repeat(4, 1fr); gap: 50px;width: 100%;margin: 0 0 0 auto;} }
.mission-card-item {
  background: var(--beige); border-radius: 10px; padding: 32px;
  display: flex; flex-direction: column; gap: 24px;
  align-items: center; text-align: center;
}
.mission-card-item:first-child { background: var(--beige-light); }
.mission-card-item h3 { font-weight: 900; font-size: 24px; }
.mission-card-item p { font-weight: 400; font-size: 16px; line-height: 1.5; }

/* ══════════════════════════════════
   SERVICES
   ══════════════════════════════════ */
.services { padding: 48px 0; background: var(--beige); overflow: hidden; }
@media (min-width: 1200px) { .services { padding: 80px 0; } }

.services .container { display: flex; flex-direction: column; gap: 40px; }
@media (min-width: 1024px) { .services .container { flex-direction: row; align-items: center; gap: 48px; } }

.services-tags { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; flex: 1; padding-top: 4rem;}
@media (min-width: 1024px) { .services-tags { max-width: 50%; } }

.tag {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 6px 16px; border-radius: 200px; font-weight: 900;
  font-size: 14px; color: var(--beige); white-space: nowrap;
}
@media (min-width: 768px) { .tag { font-size: 18px; padding: 10px 24px; } }
.in_stq {
    width: 100%;
    display: flex;
    justify-content: center;
}
.tag-dark { background: var(--dark); }
.tag-brown { background: var(--brown); }
.tag-r1 {
    transform: rotate(-5.59deg);
    position: relative;
    left: -5rem;
}
.tag-r2 {
    transform: rotate(3.92deg);
    position: relative;
    left: 5rem;
}
.tag-r3 {
    transform: rotate(0deg);
    position: relative;
    right: 7rem;
    top: 0;
}
.tag-r4 {
    transform: rotate(-2.64deg);
    position: relative;
    right: 0rem;
    top: 0;
}
.tag-r5 {
    transform: rotate(6.69deg);
    position: relative;
    right: 5rem;
    top: 30px;
}
.tag-r6 {
    transform: rotate(-6.87deg);
    position: relative;
    left: 16rem;
    bottom: 6rem;
}
.tag-r7 {
    transform: rotate(-5.59deg);
    position: relative;
    left: 15rem;
    margin-top: -45px;
}

.tag-r8 {
    transform: rotate(5.59deg);
    position: relative;
    left: -16rem;
    margin-top: -30px;
    margin-bottom: -10px;
}

.tag-r9 {
    transform: rotate(-9.87deg);
    position: relative;
    left: 10rem;
    bottom: 5rem;
    margin-bottom: -40px;
}

.tag-r10 {
    transform: rotate(-5.59deg);
    position: relative;
    left: -15rem;
    margin-top: -40px;
}

.tag-r11 {
    transform: rotate(9.87deg);
    position: relative;
    left: 2rem;
    bottom: 0;
    margin-bottom: 0;
    margin-top: -15px;
}

.tag-r5.gh:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: -4rem;
    bottom: -10px;
    background: #191919;
    border-radius: 100%;
}
section#mission:before {
    content: "";
    width: 105%;
    height: 100%;
    display: block;
    position: absolute;
    background: transparent;
    border: solid 1px #f7f5ef;
    border-radius: 10px 0 0 0;
    left: 35px;
    border-right: none;
    top: 60px;
}
@media(max-width:1024px){
    .in_stq span.gh {
        position: relative;
        transform: rotate(0);
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        bottom: 0 !important;
        top: 0 !important;
    }
    .in_stq span.gh:after{
        display: none;
    }
}
section#mission:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 65px;
    border-right: solid 1px #f7f5ef;
    display: block;
    border-bottom: solid 1px #f7f5ef;
    left: 0;
    top: 0;
    border-radius: 0 0 10px 0;
}

.tag-r2::after {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    right: 0;
    bottom: -3rem;
    background: #7B6C5E;
    border-radius: 100%;
}

.tag-r4:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: 60px;
    bottom: -30px;
    background: #191919;
    border-radius: 100%;
}

.tag-r3:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #191919;
    top: -30px;
    border-radius: 100%;
    right: 4rem;
}
.services-right {
  flex: 1; display: flex; flex-direction: column; gap: 27px;
  align-items: flex-start; text-align: left;
}
@media (min-width: 1024px) { .services-right { align-items: flex-end; text-align: right; } }

.services-right-text { font-weight: 300; font-size: 18px; line-height: 1.3; }
@media (min-width: 768px) { .services-right-text { font-size: 28px; line-height: 1.4; } }
@media (min-width: 1200px) { .services-right-text { font-size: 32px; line-height: 1.3; } }
.services-right-text strong.brown { font-weight: 900; color: var(--brown); }
.services-right-text strong.dark { font-weight: 900; color: var(--dark); }

.cta-row { display: flex; gap: 20px; align-items: center; }
.cta-arrow { width: 43px; height: 43px; flex-shrink: 0; }
.cta-btn {
  width: 217px; display: flex; align-items: center; justify-content: center;
  padding: 10px; font-weight: 400; font-size: 18px; white-space: nowrap; transition: opacity .2s;
}

/* ══════════════════════════════════
   TALENTS
   ══════════════════════════════════ */
.talents { padding: 48px 0; background: var(--beige); }
@media (min-width: 1200px) { .talents { padding: 64px 0; } }

.talents-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 32px; gap: 16px; }
.talents-header-left h2 { font-weight: 900; font-size: 18px; line-height: 1.2; }
@media (min-width: 768px) { .talents-header-left h2 { font-size: 32px; line-height: 40px; } }
.talents-header-left p { font-weight: 300; font-size: 14px; line-height: 1.3; }
@media (min-width: 768px) { .talents-header-left p { font-size: 16px; line-height: 40px; } }

.talents-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; overflow-x: auto; padding-bottom: 8px;
  -ms-overflow-style: none; scrollbar-width: none;
}
.talents-grid::-webkit-scrollbar { display: none; }
@media (min-width: 1200px) { .talents-grid { gap: 29px; justify-content: center; overflow-x: visible; } }

.talent-card { flex-shrink: 0; position: relative; border-radius: 10px; overflow: hidden;cursor: pointer; }
@media (min-width: 768px) { .talent-card {  } }
@media (min-width: 1200px) { .talent-card {  } }

.talent-card-img { aspect-ratio: 444/452; width: 100%; position: relative; }
.talent-card-img img { inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.talent-card-img .gradient {
  position: absolute; inset: 0; border-radius: 10px;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(0,0,0,.4) 100%);
}

.talent-info { position: absolute; bottom: 20px; left: 20px; }
.talent-name-row { display: flex; align-items: center; gap: 12px; }
.talent-dot { width: 10px; height: 10px; flex-shrink: 0; }
.talent-name { font-weight: 900; font-size: 18px; color: var(--beige); line-height: 40px; white-space: nowrap; }
@media (min-width: 1200px) { .talent-name { font-size: 20px; } }
.talent-subs { font-weight: 400; font-size: 14px; color: var(--beige); line-height: normal; margin-top: 0; padding-left: 22px; white-space: nowrap; }
@media (min-width: 1200px) { .talent-subs { font-size: 16px; } }

.talents-footer { display: flex; justify-content: flex-end; gap: 20px; align-items: center; margin-top: 32px; }

/* ══════════════════════════════════
   PROJECTS
   ══════════════════════════════════ */
.projects { padding: 48px 0; background: var(--beige); overflow-x: hidden;}
@media (min-width: 1200px) { .projects { padding: 64px 0; } }

.projects-header { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 32px; }
@media (min-width: 768px) { .projects-header { align-items: flex-end; } }
.projects-header h2 { font-weight: 900; font-size: 18px; line-height: 1.2; }
@media (min-width: 768px) { .projects-header h2 { font-size: 32px; line-height: 40px; white-space: nowrap; } }
.projects-header p { font-weight: 300; font-size: 14px; line-height: 1.4; text-align: left; max-width: 678px; margin-top: 10px; }
@media (min-width: 768px) { .projects-header p { font-size: 16px; text-align: right; margin-top: 4px; } }

.projects-grid {
  display: flex; gap: 12px;  padding-bottom: 8px;
  -ms-overflow-style: none; scrollbar-width: none;
}
@media (min-width: 768px) { .projects-grid { gap: 16px; } }
.projects-grid::-webkit-scrollbar { display: none; }

.project-tile {
  flex-shrink: 0; width: 202px; height: 358px; position: relative;cursor: pointer;
  border-radius: 10px; overflow: hidden; background: var(--dark);
}
@media (min-width: 768px) { .project-tile { width: 300px; height: 500px; } }
@media (max-width: 768px) {
    .contact-info {
        font-size: 14px !important;
        /* line-height: 1.2 !important; */
        width: 100% !important;
    }

    .container {
        padding: 0 15px;
    }

    .contact-photos .photo {
        aspect-ratio: unset !important;
        overflow: visible !important; 
    }

    .contact-photos {
        margin-top: -4rem !important;
        gap: 10px !important;
        max-height: 350px;
    }

    .contact-photos .photo-tall {
        grid-row: span 20 !important;
        aspect-ratio: 4/4 !important;
        overflow: visible !important;
    }

    .contact-info li {
        align-items: center !important;
    }
    .contact-photos .photo img, .contact-photos .photo-tall img {
        border-radius: 10px !important;
    }
    .contact-photos .photo-tall .photo-label {
        bottom: auto !important;
        top: -40px !important;
        right: -35px !important;
        left: auto !important;
    }

    .contact-photos .photo-tall .photo-label img {
        transform: rotate(-12.02deg) !important;
        width: 95px !important;
    }

    .contact-photos .photo-tall .photo-label p.photo-label-text {
        transform: translate(-50%, -50%) rotate(-24.98deg) !important;
        top: 35px !important;
        font-size: 12px !important;
    }
    .contact-photos .photo:nth-child(2) .photo-label {
        bottom: auto !important;
        top: -20px !important;
        right: auto !important;
        left: -20px !important;
    }

    .contact-photos .photo:nth-child(2) .photo-label img {
        transform: rotate(-12.02deg) !important;
        width: 95px !important;
    }

    .contact-photos .photo:nth-child(2) .photo-label p.photo-label-text {
        transform: translate(-50%,-50%) rotate(-2.02deg) !important;
        top: 35px !important;
    }

    .contact-photos .photo:nth-child(3) .photo-label {
        bottom: -20px !important;
        right: auto !important;
        left: -60px !important;
    }

    .contact-photos .photo:nth-child(3) .photo-label img {
        transform: rotate(-12.02deg) !important;
        width: 95px !important;
    }

    .contact-photos .photo:nth-child(3) .photo-label p.photo-label-text {
        transform: translate(-50%,-50%) rotate(-2.02deg) !important;
        top: 35px !important;
    }

    .photo-label-text {
        font-size: 14px !important;
    }
    .cta-banner-text {
        max-width: 100% !important;
        font-size: 24px !important; 
    }
    .hero>.container {
        padding: 0 15px;
    }
    .hero-btns {
        flex-wrap: nowrap;
        gap: 0;
        place-content: space-between;
    }

    .hero-btns> a {
        font-size: 10px;
        width: 48%;
    }
     .project-tile { overflow-x: auto; }
     #talents .talent-name {
        font-size: 14px;
        white-space: normal;
    }

    #talents .talent-info {
        left: 10px;
        width: 100%;
        bottom: 0;
    }
 }
@media (min-width: 1200px) { .project-tile { width: 342px; height: 608px; } }
.project-tile.highlight > img{
    position: absolute;
}
.project-tile video, .project-tile > img { position: relative; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.project-tile .overlay { position: absolute; inset: 0; background: rgba(0,0,0,.2); border-radius: 10px; }
.project-tile .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; z-index: 1; }

/* ══════════════════════════════════
   CTA BANNER
   ══════════════════════════════════ */
.cta-banner {
  background: var(--brown); border-top: 1px solid var(--beige);
  border-bottom: 1px solid var(--beige); padding: 40px 0; overflow: hidden;
}
@media (min-width: 1200px) { .cta-banner { padding: 0; height: 245px; } }

.cta-banner .container { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
@media (min-width: 1024px) {
  .cta-banner .container { flex-direction: row; align-items: center; justify-content: space-between; height: 100%; }
}

.cta-banner-text { font-weight: 300; font-size: 22px; line-height: 1.2; color: var(--beige); max-width: 70%; }
@media (min-width: 768px) { .cta-banner-text { font-size: 40px; } }
@media (min-width: 1200px) { .cta-banner-text { font-size: 64px; line-height: 1; } }
.cta-banner-text strong { font-weight: 900; color: var(--beige-light); }

/* ══════════════════════════════════
   CONTACT
   ══════════════════════════════════ */
.contact { padding: 48px 0; background: var(--beige); }
@media (min-width: 1200px) { .contact { padding: 80px 0; } }

.contact .container { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 1024px) { .contact .container { grid-template-columns: 1fr 1fr; gap: 64px;} }
@media (min-width: 1600px) { .contact .container {width: 75%;} }

.contact-left { order: 2; }
.contact-right { order: 1; }
.contact-info li {
    display: flex;
    margin-bottom: 5px;
}

.contact-info li img {
    margin-right: 10px;
}
@media (min-width: 1024px) { .contact-left { order: 1; } .contact-right { order: 2; } }

.contact-left h2 { font-weight: 900; font-size: 24px; line-height: 48px; }
@media (min-width: 768px) {
    .contact-photos .photo-tall {
        max-height: 261px;
        width: 391px;
    }

    .contact-photos .photo {
        max-width: 240px;
        height: 320px; 
    }

    .contact-photos .photo:last-child {
        height: 320px;
        max-width: 316px !important;
        width: 240px;
    }
    .contact-left h2 { font-size: 32px; line-height: 64px; } 
}
.contact-info { font-weight: 300; font-size: 16px; line-height: 1.6; margin-bottom: 24px; }

.contact-photos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px;align-items: center;margin-top: -10rem; }
.contact-photos .photo-tall { grid-row: span 25; border-radius: 10px; overflow: visible; position: relative; }
.contact-photos .photo-tall img { width: 100%; height: 100%; object-fit: cover;border-radius: 10px; }
.contact-photos .photo { border-radius: 10px; overflow: visible; aspect-ratio: 4/3; position: relative; }
.contact-photos .photo img { width: 100%; height: 100%; object-fit: cover;border-radius: 10px;}

.photo-label { position: absolute; z-index: 2; }
.photo-label-text { position: relative; font-weight: 900; font-size: 16px; color: var(--beige); white-space: nowrap; }
@media (min-width: 768px) { .photo-label-text { font-size: 16px; } }

.contact-right h2 { font-weight: 900; font-size: 24px; line-height: 48px; margin-bottom: 16px; }
@media (min-width: 768px) { .contact-right h2 { font-size: 32px; line-height: 64px; margin-bottom: 24px;text-align: center; } }

.form-row { display: grid; grid-template-columns: 1fr; gap: 16px; margin-bottom: 16px; }
@media (min-width: 1024px) { .form-row { grid-template-columns: 1fr 1fr; gap: 24px; } }

.form-group label { display: block; font-weight: 900; font-size: 16px; line-height: 24px; margin-bottom: 4px; }
.form-group input, .form-group textarea {
  width: 100%; background: var(--white); border: none; border-bottom: 1px solid #000;
  padding: 8px 0; font-family: var(--ff); font-size: 14px; outline: none; transition: border-color .2s;
}
.form-group input:focus, .form-group textarea:focus { border-bottom-color: var(--brown); }
.form-group textarea { resize: none; height: 88px; }
.form-submit { margin-top: 24px; }

/* ══════════════════════════════════
   TRUST
   ══════════════════════════════════ */
.trust { background: var(--white); padding: 48px 0; overflow-x: hidden;}
@media (min-width: 1200px) { .trust { padding: 64px 0; } }
.trust h2 { font-weight: 900; font-size: 18px; line-height: 40px; margin-bottom: 24px; }
@media (min-width: 768px) { .trust h2 { font-size: 32px; margin-bottom: 40px; } }
.trust-logos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: center; }
@media (min-width: 600px) { .trust-logos { grid-template-columns: repeat(11, 1fr); gap: 40px; } } 
.trust-logos .logo-item { display: flex; align-items: center; justify-content: center;  }
.trust-logos .logo-item img { max-height: 130px; width: auto; object-fit: contain; }

/* ══════════════════════════════════
   FOOTER
   ══════════════════════════════════ */
.footer { background: var(--beige); border-top: 1px solid var(--dark); }

.footer-main { display: flex; flex-wrap: wrap;     justify-content: space-between;}
/*@media (min-width: 768px) { .footer-main { grid-template-columns: 1fr 1fr; gap: 32px; } }
@media (min-width: 1200px) { .footer-main { grid-template-columns: auto 1fr 1fr 1fr; gap: 48px; } }*/

.footer-logo {text-align: center; padding-top: 32px; }
@media (min-width: 1680px) { 
    .footer-logo {width: 30% !important; }
    .footer_right {
        width: 70% !important;     
    }

}
@media (min-width: 1000px) { 
    .footer-logo {width: 40%;order: 0; text-align: left; padding-top: 0; }
    .footer_right {
        width: 60%;
        padding: 48px 0;        
    }
}
.footer-logo img { width: auto; height: 100%; }
@media (max-width: 1199px) { .footer-logo img { width: 200px; margin: 0 auto; } }
@media (min-width: 1200px) { .footer-logo img { width: auto;        max-width: 100%; } }

@media (min-width: 1200px) { .footer-col { border-bottom: none; } }

.footer-col h4 {
  font-weight: 900; font-size: 16px; text-transform: uppercase;
  line-height: 40px; margin-bottom: 0; padding: 12px 0;
  display: flex; align-items: center; justify-content: space-between; cursor: pointer;
}
@media (min-width: 768px) { .footer-col h4 { font-size: 20px; } }
@media (min-width: 1200px) { .footer-col h4 { font-size: 24px; margin-bottom: 8px; padding: 0; cursor: default; } }

.footer-col h4 .chevron { font-size: 20px; font-weight: 400; transition: transform .3s; line-height: 1; }
@media (min-width: 1200px) { .footer-col h4 .chevron { display: none; } }
@media (min-width: 991px) { .hidden_desktop { display: none !important; } }
.footer-logo {
    display: block;
}
@media (max-width: 992px) { .hidden_mobile img{ display: none; } }

.footer-col ul { /*max-height: 0; overflow: hidden; transition: max-height .3s ease;*/ }
.footer-col.open ul { max-height: 300px; }
.footer-col.open { padding-bottom: 12px; }
.footer-col img {margin-right: 0;}
.content_nav_footer {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 6rem;
}

.footer-social.footer-col {
    display: block;
}

.footer-social.footer-col ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
}

.content_nav_footer .footer-col {
    padding-right: 3rem;
}
.footer-col li {
    display: flex;
    align-items: center;
    line-height: 40px;
}
@media (min-width: 1200px) { .footer-col ul { max-height: none; overflow: visible; } .footer-col.open { padding-bottom: 0; } }

.footer-col ul li a { font-weight: 300; font-size: 14px; line-height: 32px; transition: color .2s; }
@media (min-width: 768px) { .footer-col ul li a { font-size: 16px; line-height: 40px; } }
.footer-col ul li a:hover { color: var(--brown); }

.footer-bottom {
    padding: 2rem 0 0 6rem;
    display: flex;
}
@media (min-width: 768px) { .footer-bottom { flex-direction: row; align-items: center; justify-content: space-between; } }

.footer-links { display: flex; flex-wrap: wrap; gap: 24px; font-size: 14px; font-weight: 400; }
@media (min-width: 768px) { .footer-links { font-size: 16px;width: 90%;justify-content: center; } }
.footer-links a { text-decoration: underline; transition: color .2s; }
.footer-links a:hover { color: var(--brown); }

.footer-social { display: flex; gap: 34px; align-items: center; }
.social-icon {
  width: 41px; height: 41px; /*border: 1px solid var(--dark); */border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 400; font-size: 16px; transition: .2s;
}
.social-icon:hover { background: var(--dark); color: var(--beige); }

/* ══════════════════════════════════
   TALENTS
   ══════════════════════════════════ */

.talent-createur > div > span {
    line-height: 40px;
}

.h-createur-left > h1,
.talents-a-la-une-title > h2 {
    font-size: 64px;
    line-height: 74px;
}

.h-createur {
    display: flex;
}

.h-createur > div {
    flex: 0 0 50%;
}

.h-createur div.h-createur-left {
    padding-right: 100px;
}

.h-createur div.h-createur-right {
    padding: 0 100px;
}

.h-createur-statistique {
    display: flex;
}

.h-createur-statistique > div {
    flex: 0 0 33.333%;
    text-align: center;
}

.h-createur-right p {
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 45px;
}

.h-createur-statistique > div > span {
    display: block;
    font-size: 20px;
    color: var(--brown);
    margin-bottom: 17px;
}

.h-createur-statistique > div > p {
    text-transform: uppercase;
}

.talent-filter ul {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}

.talent-filter ul li {
    padding: 10px 30px;
    border-radius: 16px;
    background: var(--beige-light);
    border: 1px solid var(--brown);
    font-size: 18px;
    color: var(--brown);
    cursor: pointer;
    transition: ease all 0.3s;
}

.talent-filter ul li.active,
.talent-filter ul li:hover {
    color: var(--white);
    background: var(--brown);
}

.talents-a-la-une {
    background: var(--brown);
    color: var(--white);
}

.talents-a-la-une-title {
    padding: 54px 0;
}

.talents-a-la-une-title > p {
    font-weight: 300;
    line-height: 40px;
}

.top-talent-list {
    display: flex;
    gap: 22px;
    padding-bottom: 54px;
}

.top-talent {
    position: relative;
    border-radius: 16px;
}

.top-talent > div,
.top-talent > span,
.top-talent > p {
    position: absolute;
}

.top-talent > p,
.top-talent > span {
    top: 38px;
}

.top-talent > p {
    right: 50px;
    color: var(--brown);
    text-align: right;
}

.top-talent > span,
.top-talent > div {    
    left: 40px;
}

.top-talent > div {    
    bottom: 37px;
}

.top-talent > div h3 {
    font-size: 32px;
    line-height: 40px;
}

.top-talent > div p {
    margin: 10px 0 30px;
}

.top-talent > div ul {
    display: flex;
    gap: 20px;
}

.top-talent > div ul li {
    padding: 5px 15px;
    border-radius: 16px;
    background: var(--beige-light);
    color: var(--brown);
}

.top-talent > span {
    padding: 10px 18px;
    background: var(--brown);
    border-radius: 16px;
    font-size: 18px;
}

.top-talent > p span {
    display: block;
    font-size: 32px;
    line-height: 40px;
}

section.notre-reseau {
    padding: 92px 0;
}

.notre-reseau-r {
    display: flex;
    align-items: center;
}

.notre-reseau-r > div,
.talent-support-accompagnement-collaboration > div {
    flex: 0 0 50%;
}

.notre-reseau-r > div h3 {
    font-size: 32px;
    line-height: 74px;
    color: var(--brown);
}

.notre-reseau-r > div p {
    margin-right: 100px;
}

.notre-reseau-r > div ul {
    margin-top: 38px;
    padding-left: 20px;
}

.notre-reseau-r > div ul li {
    list-style: disc;
    line-height: 20px;
}

.talent-support .talent-support-communaute,
.talent-support-accompagnement-collaboration > div {
    padding: 18px 15px;
}

.talent-support .talent-support-communaute {
    background: var(--brown);
    border-radius: 16px;
    color: var(--white);
    margin-bottom: 22px;
}

.talent-support span {
    text-transform: uppercase;
} 

.talent-support span {
    font-weight: 300;
}

.talent-support-accompagnement-collaboration {
    display: flex;
    gap: 20px;
}

.talent-support-accompagnement-collaboration > div {
    border-radius: 16px;
}

.talent-support-accompagnement-collaboration > div.talent-support-accompagnement {
    background: #191919;
    color: var(--white);
}

.talent-support-accompagnement-collaboration > div.talent-support-collaboration {
    background: var(--beige-light);
}

.talent-support h4 {
    font-size: 24px;
    line-height: 40px;
}

.notre-reseau-collaboration {
    display: flex;
    background: var(--brown);
    padding: 90px 180px;
    justify-content: space-between;
    border-radius: 16px;
    margin-top: 113px;
}

.notre-reseau-collaboration p {
    font-size: 24px;
    line-height: 40px;
    color: var(--white);
}

.notre-reseau-collaboration a {
    background: var(--beige-light);
    color: #7b6c5e !important;
    transition: ease all 0.3s;
    cursor: pointer;
}

.notre-reseau-collaboration a:hover {
    background: var(--dark);
}
#talents .talent-name {
    line-height: 1.3;
}
#talents .talent-info {
    bottom: 20px;
    left: 30px;
    height: 50px;
}
@media (max-width: 767px){
    .notre-reseau-collaboration a {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .home_talents img.talent-dot {
        display: none;
    }
    .services {
        padding-top: 0;
    }
    .talents-grid > div:first-child p.talent-name.gh {
        font-size: 16px !important;
    }

    .home_talents .talents-grid  p.talent-subs.gr {
        padding: 0;
        font-size: 9px;
        width: 80% !important;
        white-space: normal;
    }

    .home_talents p.talent-name.gh {
        font-size: 11px !important;
    }

    .home_talents .talent-info {
        left: 15px !important;
        bottom: 0 !important;
        width: 80% !important;
        height: 60px !important;
    }
    .projects-grid {
        overflow-x: auto;
    }

    .footer-bottom {
        padding: 0;
    }

    .footer-main {
        justify-content: normal;
        padding: 0 15px;
    }

    .footer-social.footer-col ul {
        justify-content: space-evenly;
    }

    .footer-social.footer-col h4 {
        display: none;
    }

    .footer-social.footer-col {
        padding-top: 30px !important;
    }

    .footer-col h4 {
        padding-top: 0;
        padding-bottom: 5px;
        font-size: 32px;
    }

    .footer-links {
        justify-content: center;
        padding-top: 30px;
        line-height: 1;
        text-align: center;
    }
    .footer-social.footer-col h4 {
        display: none;
    }

    .footer-social.footer-col {
        padding-top: 30px !important;
    }
    .footer-bottom {
        padding: 0;
    }
    .content_nav_footer {
        padding: 0 !important;
        flex-wrap: wrap;
    }

    .content_nav_footer>div {
        width: 100%;
        padding: 0 !important;
    }
    section#mission:before {
        top: 30px;
        left: 15px;
    }

    section#mission:after {
        width: 20px;
        height: 35px;
    }

    #mission >.container:before {
        top: 115%;
        left: 15px;
        height: 45px;
    }

    #mission >.container:after {
        width: 30px;
        height: 30px;
        bottom: -35%;
        left: 5rem;
    }
    .hero-title-wrap {display: block;text-align: center;}

    .hero-title-wrap h1.hero-title {
        margin-bottom: 20px;
    }
    .nav-inner {
        align-items: center;
        justify-content: space-between;
        display: block;
        padding: 15px !important;
    }
    .nav-inner .hamburger {
        order: 1;
    }
    .nav-inner .nav-logo {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 65px;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
    }
    .nav-inner .nav-mob-cta {
        order: 3;
        padding: 5px 10px;  
    }
    .nav-logo img {
        margin: 0 auto;
    }
    .h-createur {
        flex-wrap: wrap;
    }
    .h-createur > div {
        flex: 0 0 100%;
    }
    .h-createur div.h-createur-left {
        padding: 0;
        margin-bottom: 20px;
    }
    .h-createur-left > h1 {
        font-size: 24px;
        line-height: 24px;
    }
    .h-createur div.h-createur-right {
        padding: 0;
    }
    .h-createur-statistique > div > p {
        margin: 0;
        font-size: 10px;
        line-height: 20px;
    }
    .h-createur-statistique > div > span {
        margin-bottom: 10px;
    }
    .talent-card.block_st .talent-card-img {
        aspect-ratio: unset;
        padding: 30px 0;
    }
    .h-createur-right p {
        margin-bottom: 30px;
    }
    .talent-filter ul {
        overflow-x: auto;
        padding-bottom: 15px;
        margin-bottom: -15px;
        gap: 15px;
        justify-content: center;
    }
    .talent-filter ul li {
        padding: 5px 15px;
        font-size: 14px;
    }
    .talents {
        padding: 32px 0;
    }
    .talents-grid {
        display: flex;
        flex-wrap: wrap; /* pour le premier div 100% et le reste en ligne */
    }

    .talents-grid > div:first-child {
        flex: 0 0 100%;
    }

    .talents-grid > div {
        flex: 0 0 calc(50% - 10px);
    }

    .top-talent-list {
        flex-wrap: wrap;
    }

    .talents-a-la-une-title {
        padding: 30px 0;
    }

    .talents-a-la-une-title > h2 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .talents-a-la-une-title > p {
        line-height: 16px;
    }

    .top-talent > span {
        padding: 2px 10px;
    }

    .top-talent > p, .top-talent > span {
        top: 10px;
    }

    .top-talent > span {
        left: 10px;
    }

    .top-talent > p span {
        font-size: 24px;
        line-height: 40px;
    }

    .top-talent > p {
        right: 14px;
        font-size: 14px;
        line-height: 18px;
    }

    .top-talent > div h3 {
        font-size: 20px;
    }

    .top-talent > div p {
        margin: 5px 0 10px;
        font-size: 14px;
        line-height: 14px;
    }

    .top-talent > div {
        left: 0;
        width: 100%;
        padding: 0 9px;
        bottom: 13px;
    }

    .top-talent > div ul li {
        padding: 2px 11px;
        font-size: 10px;
    }

    section.notre-reseau {
        padding: 31px 0;
    }

    .notre-reseau-r > div h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    .notre-reseau-r,
    .talent-support-accompagnement-collaboration {
        flex-wrap: wrap;
    }

    .notre-reseau-r > div p {
        margin: 0;
    }

    .notre-reseau-r > div, .talent-support-accompagnement-collaboration > div {
        flex: 0 0 100%;
        width: 100%;
    }

    .talent-support span {
        font-size: 14px;
        line-height: 18px;
    }

    .talent-support h4 {
        font-size: 14px;
    }

    .talent-support {
        margin-top: 30px;
    }

    .notre-reseau .form-submit button,
    .notre-reseau-collaboration a {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .notre-reseau-collaboration {
        margin-top: 45px;
        flex-wrap: wrap;
        padding: 25px 35px;
    }

    .notre-reseau-collaboration p {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 14px;
        text-align: center;
    }
     /* .mission-cards {
        overflow: hidden;
        display: block;
        text-align: center;
        place-items: center;
    }

  .mission-card-item {
        display: none !important;
        min-height: 250px;
    }

    .mission-card-item.visible {
        display: block !important;
    }*/
    .mission-cards {
        padding-left: 15px;
    }
    p.mission-text {
        padding-left: 30px;
        font-size: 16px;
    }

    p.stat-val.gh {
        font-size: 20px;
    }

    p.stat-label.gr {
        font-size: 10px;
    }
}

.logo-slider {
  overflow: hidden;
  width: 100%;
}

.turn_left {
  animation: scrollleft 100s linear infinite;
}
.turn_right {
  animation: scrollright 100s linear infinite;
}
.trust-logos{
  display: flex;
  width: max-content;
}

.logo-item {
  flex: 0 0 auto;
  padding: 0 20px;
}

.logo-item img {
  object-fit: contain;
}

/* Animation */
@keyframes scrollleft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scrollright {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/*animation nbr*/
/* Permet d’animer un nombre */
/* @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

.stat-val {
  --num: 0;
  counter-reset: num var(--num);
  font-weight: bold;
  font-size: 2rem;
}*/

/* Affichage du nombre */
/* .stat-val::after {
  content: counter(num) "+";
}
span.stat-val.stat-vals.gh.count-74:after {
    display: none;
}
*/

/* Animations spécifiques */
/*.count-15 {
  animation: count15 3s ease-out forwards;
}

.count-106 {
  animation: count106 3s ease-out forwards;
}

.count-500 {
  animation: count500 3s ease-out forwards;
}

.count-200 {
  animation: count200 3s ease-out forwards;
}*/

/*.count-74 {
  animation: count74 3s ease-out forwards;
}*/
/*.count-500::after {
  content: counter(num) "M+";
}*/
/* Keyframes */
/*@keyframes count74 {
  from { --num: 0; }
  to { --num: 75; }
}*/

/*@keyframes count15 {
  from { --num: 0; }
  to { --num: 15; }
}

@keyframes count106 {
  from { --num: 0; }
  to { --num: 106; }
}

@keyframes count500 {
  from { --num: 0; }
  to { --num: 500; }
}

@keyframes count200 {
  from { --num: 0; }
  to { --num: 200; }
}
*/



/*animation nbr*/
.talent-card-img img {
    transition: ease all 0.8s;
}

#talents .talent-card-img:hover img {
    transform: scale(1.1);
}
.nav-inner.visible {
    top: 10px;
    animation: stickyheader 1s ease forwards;
    background: #fff;
    padding-bottom: 5px;
}

.nav-inner.hidden {
    transform: translateY(-100%);
    animation: hideheader 1s ease forwards;
}
@keyframes hideheader {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes stickyheader {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*cms*/
div#cms {
    padding-top: 10rem;
    padding-bottom: 4rem;
    line-height: 1.8;
}

div#cms .legal_headings {
    text-align: center;
    margin-bottom: 3rem;
}

div#cms h1 {
    font-size: 64px;
}

div#cms p {
    margin-bottom: 2rem;
}

div#cms h4 {
    font-size: 24px;
}

@media (max-width: 1024px){
    div#cms h1 {
        font-size: 32px;
    }

    div#cms h4 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 1.2;
    }

    div#cms p {
        font-size: 14px;
    }

    div#cms {
        line-height: 1.4;
        padding-top: 6rem;
        padding-bottom: 1rem;
    }
}
/*cms*/

/*#typewriter::after {
  content: "|";
  animation: blink 1s infinite;
}*/

@keyframes blink {
  50% { opacity: 0; }
}
.mission-card-item {
  opacity: 0;
  transform: translateY(40px) scale(0.95);
  transition: all 0.8s ease;
}

/* état visible */
.mission-card-item.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.in_stq {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%   { transform: translateY(0px) translateX(0px); }
  25%  { transform: translateY(-8px) translateX(3px); }
  50%  { transform: translateY(-12px) translateX(-3px); }
  75%  { transform: translateY(-6px) translateX(2px); }
  100% { transform: translateY(0px) translateX(0px); }
}

.talent-card.block_st {
    background: var(--brown);
}

.talent-card.block_st .talent-card-img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    color: #fff;
}

.talent-card.block_st p {
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    margin-bottom: 3rem;
}

.talent-card.block_st span {
    font-size: 18px;
    background: var(--beige-light);
    padding: 10px 15px;
    color: var(--dark);
    transition: ease all 0.5s;
}
.talent-card.block_st a:hover span{
    
    box-shadow: 0 2px 5px var(--dark);
}


@media (min-width: 1024px) and (max-width: 1399px){
    .contact .container, .contact-photos {
        display: flex;
    }
    .contact-left, .contact-right {
        width: 50%;
    }
}