:root {
      --atelier-bg-card:  #1E3328;
      --atelier-muted:    rgba(252,250,247,0.55);
    }

    body {
      background-color: var(--color-dark);
    }

    .atelier-hero {
      position: relative;
      min-height: 80vh;
      background-color: var(--color-dark);
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .atelier-hero-bg {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }

    .atelier-hero-bg svg {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .atelier-hero::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 40%;
      background: linear-gradient(to bottom, transparent, var(--color-dark));
      z-index: 1;
      pointer-events: none;
    }

    .atelier-hero-inner {
      position: relative;
      z-index: 2;
      max-width: 1460px;
      margin: 0 auto;
      width: 100%;
      padding: 0 80px;
      padding-top: calc(var(--nav-height) + 40px);
      order: 1;
    }

    .atelier-slider-outer {
      order: 2;
    }

    .atelier-hero-nav {
      position: absolute;
      top: calc(var(--nav-height) + 40px + 28px + 0.5 * (clamp(3rem, 6vw, 6rem) * 2.1));
      right: 80px;
      display: flex;
      align-items: center;
      gap: 10px;
      z-index: 3;
      transform: translateY(-50%);
    }

    .atelier-hero-nav-btn {
      width: 52px;
      height: 52px;
      border-radius: 50%;
      background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.22);
      color: var(--color-bg);
      font-size: 1.25rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, border-color 0.2s, transform 0.15s;
      flex-shrink: 0;
    }

    .atelier-hero-nav-btn:hover {
      background: rgba(255,255,255,0.22);
      border-color: rgba(255,255,255,0.45);
      transform: scale(1.08);
    }

    @media (max-width: 1024px) {
      .atelier-hero-nav { right: 40px; }
      .atelier-hero {min-height: 0;}
    }

    @media (max-width: 768px) {
      .atelier-hero-nav {
        position: static;
        transform: none;
        justify-content: center;
        margin-top: -10px;
        padding: 0 20px;
        order: 3;
      }
      .atelier-hero {
        flex-direction: column;
      }
      .atelier-hero-nav-btn { width: 48px; height: 48px; font-size: 1.1rem; }
    }

    .atelier-slider-outer {
      position: relative;
      z-index: 2;
      margin-top: 48px;
      width: 100%;
    }

    .atelier-slider-wrap {
      overflow-x: auto;
      overflow-y: visible;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 0 0 40px var(--slider-offset, 80px);
      -webkit-overflow-scrolling: touch;
      cursor: grab;
      user-select: none;
    }

    .atelier-slider-wrap::-webkit-scrollbar { display: none; }
    .atelier-slider-wrap.grabbing { cursor: grabbing; }

    .atelier-slider {
      display: flex;
      gap: 20px;
      width: max-content;
      padding-right: 40px;
    }

    .atelier-card {
      flex: 0 0 360px;
      width: 360px;
      height: 540px;
      background: var(--atelier-bg-card);
      border-radius: 20px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer;
    }

    .atelier-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.35);
    }

    .atelier-card.active {
      background: #0AA05F;
      transition: background-color 0.4s ease
    }

    .atelier-card-header {
      padding: 20px 20px 14px;
      flex-shrink: 0;
    }

    .atelier-card-tags {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      margin-bottom: 14px;
    }

    .atelier-card-tag {
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-weight: 500;
      padding: 5px 12px;
      border-radius: 50px;
    }

    .atelier-card.active .atelier-card-tag {
      background: var(--color-green-btn);
      color: #10754a;
    }

    .atelier-card:not(.active) .atelier-card-tag {
      background: rgba(255,255,255,0.08);
      color: rgba(255,255,255,0.6);
    }

    .atelier-card-title {
      font-family: var(--font-body);
      font-weight: 500;
      font-size: 1.3rem;
      line-height: 1.2;
      color: #ffffff;
      margin: 0 0 8px;
    }

    .atelier-card:not(.active) .atelier-card-title {
      color: var(--color-bg);
    }

    .atelier-card-desc {
      font-family: var(--font-body);
      font-size: 0.85rem;
      line-height: 1.5;
      color: rgba(255, 255, 255, 0.6);
      margin: 0;
    }

    .atelier-card:not(.active) .atelier-card-desc {
      color: #6f857b;
    }

    .atelier-card-img {
      margin: 0 14px 14px;
      border-radius: 12px;
      overflow: hidden;
      flex: 1;
      min-height: 0;
      background: rgba(0,0,0,0.2);
      position: relative;
    }

    .atelier-card-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease,opacity 0.4s ease,filter 0.4s ease ;
      opacity: 0.50;
      filter: grayscale(50%);
    }

    .atelier-card.active img{
      opacity: 1;
      filter: grayscale(0%);
    }

    .atelier-card:hover .atelier-card-img img {
      transform: scale(1.04);
      opacity: 1;
      filter: grayscale(0%);
    }

    .atelier-card-img-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .atelier-card-img-placeholder svg {
      opacity: 0.2;
    }

    .atelier-section-content {
      position: relative;
      z-index: 2;
      max-width: 1440px;
      margin: 80px auto 0;
      padding: 0 80px 80px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }

    .atelier-illus {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      min-height: 400px;
    }

    .atelier-illus-bg {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .atelier-illus-bg svg {
      width: 90%;
      height: auto;
    }

    .atelier-illus-char {
      position: relative;
      z-index: 2;
      width: 180px;
      height: auto;
      margin-bottom: 40px;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-12px); }
    }

    .atelier-section-text {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .atelier-section-desc {
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.4;
      color: #6f857b;
      max-width: 460px;
    }



    .lang-btn{
      background-color: rgba(255,255,255,0.12);
      color: white;
      border: 1px solid rgba(255,255,255,0.2);
    }
    .btn-account {
      background-color: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.2);
    }
    .btn-account svg {
      stroke: white;
    }
    .nav-hero-burger{
      background-color: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.2);
    }
    .nav-hero-burger span{
      background: white;
    }




    .atelier-section-btns {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .atelier-mosaic-section {
      margin-top: 80px;
      position: relative;
      z-index: 2;
      background-color: var(--color-dark);
      padding: 60px 0 80px;
    }

    .atelier-mosaic-header {
      text-align: center;
      margin-bottom: 48px;
      padding: 0 80px;
    }

    .atelier-mosaic-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      padding: 0 80px;
      max-width: 1440px;
      margin: 0 auto;
      box-sizing: border-box;
    }

    .atelier-mosaic-item {
      aspect-ratio: 4 / 3;
      background: var(--color-green-btn);
      border-radius: 14px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .atelier-mosaic-item:hover {
      transform: scale(1.02);
      z-index: 2;
    }

    .atelier-mosaic-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .atelier-mosaic-footer {
      display: flex;
      justify-content: center;
      padding-top: 32px;
    }

    .btn-voir-plus {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: var(--font-body);
      font-size: 0.88rem;
      font-weight: 500;
      padding: 10px 24px;
      border-radius: 50px;
      background: rgba(255,255,255,0.08);
      border: 1px solid rgba(255,255,255,0.18);
      color: var(--color-bg);
      text-decoration: none;
      cursor: pointer;
      transition: background 0.2s, border-color 0.2s;
    }

    .btn-voir-plus:hover {
      background: rgba(255,255,255,0.14);
      border-color: rgba(255,255,255,0.32);
    }

    @keyframes mosaicIn {
      from { opacity: 0; transform: translateY(20px) scale(0.97); }
      to   { opacity: 1; transform: none; }
    }

    .mosaic-new {
      animation: mosaicIn 0.45s ease forwards;
    }

    @media (max-width: 1024px) {
      .atelier-hero-inner,
      .atelier-section-content,
      .atelier-mosaic-header {
        padding-left: 40px;
        padding-right: 40px;
      }
      .atelier-hero-nav { right: 40px; }
      .atelier-section-content { gap: 48px; }
    }

    @media (max-width: 768px) {
      .atelier-hero-inner,
      .atelier-section-content,
      .atelier-mosaic-header {
        padding-left: 20px;
        padding-right: 20px;
      }
      .atelier-card.reveal {
        opacity: 1 !important;
        transform: none !important;
      }
      .atelier-hero-inner{text-align: center;}
      .atelier-section-desc{max-width: 100%; padding: 0 5vw;}
      .atelier-slider-wrap { padding-left: 50px; }
      .atelier-hero-nav { right: 20px; }

      .atelier-card { flex: 0 0 78vw; width: 78vw; height: 480px; }

      .atelier-section-content {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-bottom: 60px;
        text-align: center;
        margin-top: 0;
      }
      .atelier-section-btns { justify-content: center; }
      .atelier-illus { min-height: 65vw; }
      .atelier-illus-char { width: 130px; }

      .atelier-mosaic-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 40px; }
      .atelier-mosaic-item { border-radius: 8px; }
    }

    @media (max-width: 480px) {
      .atelier-mosaic-grid { grid-template-columns: repeat(2, 1fr); padding: 0 20px; gap: 8px; }
    }

    .atelier-section-divider {
      width: 100%;
      height: 1px;
      background: rgba(252,250,247,0.08);
      margin: 0;
    }

    .atelier-processus-section {
      background-color: #203528;
      padding: 32px 0 110px;
      position: relative;
      z-index: 2;
    }

    .atelier-processus-section .atelier-section-divider {
      margin-bottom: 68px;
    }

    .atelier-processus-inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
    }

    .atelier-processus-header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: end;
      margin-bottom: 64px;
    }

    .atelier-processus-desc {
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.4;
      color: #6f857b;
      max-width: 440px;
      align-self: end;
      justify-self: end;
      text-align: right;
    }

    .atelier-processus-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }

    .atelier-processus-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 18px;
      padding: 28px 28px 32px;
      display: flex;
      flex-direction: column;
      gap: 18px;
      transition: background 0.25s, border-color 0.25s, transform 0.25s;
    }

    .atelier-processus-card:hover {
      background: rgba(255,255,255,0.07);
      border-color: rgba(255,255,255,0.14);
      transform: translateY(-3px);
    }

    .atelier-processus-num {
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-weight: 500;
      letter-spacing: 0.1em;
      color: rgba(252,250,247,0.35);
    }

    .atelier-processus-num span {
      color: #ffffff6e;
    }

    .atelier-processus-icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      background: #0AA05F;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-display);
      font-size: 1.3rem;
      color: var(--color-green-btn);
      font-style: italic;
      flex-shrink: 0;
    }

    .atelier-processus-card-title {
      font-family: var(--font-body);
      font-weight: 500;
      font-size: 1.15rem;
      color: var(--color-bg);
      margin: 0;
    }

    .atelier-cta-left .page-title-serif-white{
      color: rgba(255,255,255,0.55);
      margin-top: -25px;
    }

    .atelier-processus-card-text {
      font-family: var(--font-body);
      font-size: 0.92rem;
      line-height: 1.4;
      color: #6f857b;
      margin: 0;
      flex: 1;
    }

    @media (max-width: 1024px) {
      .atelier-processus-inner { padding: 0 40px; }
      .atelier-processus-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .atelier-processus-header { grid-template-columns: 1fr; gap: 24px; text-align: center;}
      .atelier-processus-desc { max-width: 100%; text-align: center; padding: 0 8%;}
    }

    @media (max-width: 768px) {
      .atelier-processus-inner { padding: 0 20px; }
      .atelier-processus-section { padding: 70px 0 80px; }
      .atelier-processus-grid { grid-template-columns: 1fr; }
      .atelier-processus-desc {
        text-align: center;
      }
    }

    .atelier-mosaic-section{
      margin-top: 0;
      padding-top: 15px;
    }

    .atelier-essences-section {
      background-color: #203528;
      padding: 90px 0 100px;
      position: relative;
      z-index: 2;
    }

    .atelier-essences-inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
    }

    .atelier-essences-header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: end;
      margin-bottom: 56px;
    }

    .atelier-essences-desc {
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.4;
      color: #6f857b;
      max-width: 440px;
      align-self: end;
      justify-self: end;
      text-align: right;
    }

    .atelier-essences-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

    .atelier-essence-card {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 10px;
    }

    .atelier-essence-img {
      width: 100%;
      aspect-ratio: 1 / 1.05;
      border-radius: 18px;
      overflow: hidden;
      background: #8B6914;
      position: relative;
    }

    .atelier-essence-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 18px;
    }

    .atelier-essence-card:nth-child(1) .atelier-essence-img { background: linear-gradient(145deg, #C8902A 0%, #A0711A 60%, #7A5510 100%); }
    .atelier-essence-card:nth-child(2) .atelier-essence-img { background: linear-gradient(145deg, #5C3318 0%, #3D2010 60%, #2A1208 100%); }
    .atelier-essence-card:nth-child(3) .atelier-essence-img { background: linear-gradient(145deg, #D4B483 0%, #B8956A 60%, #9A7A52 100%); }
    .atelier-essence-card:nth-child(4) .atelier-essence-img { background: linear-gradient(145deg, #E8D4A0 0%, #CEB87A 60%, #B09A5C 100%); }

    .atelier-essence-img::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(
        90deg,
        transparent,
        transparent 2px,
        rgba(255,255,255,0.04) 2px,
        rgba(255,255,255,0.04) 3px
      );
      border-radius: 18px;
      pointer-events: none;
    }

    .atelier-essence-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .atelier-essence-name {
      font-family: var(--font-body);
      font-weight: 500;
      font-size: 1.1rem;
      color: var(--color-bg);
      margin: 0;
    }

    .atelier-essence-latin {
      font-family: var(--font-display);
      font-size: 0.88rem;
      color: rgba(252,250,247,0.4);
      font-style: italic;
      margin: 0 0 8px;
    }

    .atelier-essence-stats {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0;
      border-top: 1px solid rgba(255,255,255,0.1);
    }

    .atelier-essence-stat {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .atelier-essence-stat-label {
      font-family: var(--font-body);
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(252,250,247,0.3);
    }

    .atelier-essence-stat-value {
      font-family: var(--font-body);
      font-size: 0.68rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      color: var(--color-green-btn);
    }

    .atelier-essence-stat-sep {
      display: none;
    }

    @media (max-width: 1024px) {
      .atelier-essences-inner { padding: 0 40px; }
      .atelier-essences-header { grid-template-columns: 1fr; gap: 20px; }
      .atelier-essences-desc { max-width: 100%; padding-right: 16%; text-align: start;}
      .atelier-essences-section { padding: 0; }
    }

    @media (max-width: 768px) {
      .atelier-essences-inner { padding: 0 20px; }
      .atelier-essences-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
      .atelier-essences-desc{text-align: center; padding: 0;}
      .atelier-essences-header{text-align: center;}
    }

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

    .atelier-temoignages-section {
      background-color: #203528;
      padding: 90px 0 100px;
      position: relative;
      z-index: 2;
    }

    .atelier-temoignages-inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
    }

    .atelier-temoignages-header {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: end;
      margin-bottom: 52px;
    }

    .atelier-temoignages-desc {
      font-family: var(--font-body);
      font-size: 1rem;
      line-height: 1.4;
      color: #6f857b;
      max-width: 440px;
      align-self: end;
      justify-self: end;
      text-align: right;
    }

    .atelier-temoignages-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr;
      gap: 14px;
    }

    .atelier-temoignages-col-right {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .atelier-temoignage-card {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 20px;
      padding: 24px 26px 22px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 12px;
      transition: background 0.25s, border-color 0.25s;
    }

    .atelier-temoignage-card:hover {
      background: rgba(255,255,255,0.08);
      border-color: rgba(255,255,255,0.13);
    }

    .atelier-temoignage-card.featured {
      background: #0AA05F;
      border-color: transparent;
    }

    .atelier-temoignage-card.featured:hover {
      background: color-mix(in srgb, #0AA05F 92%, #000);
    }

    .atelier-temoignage-quote-mark {
      font-family: var(--font-display);
      font-size: 2.8rem;
      line-height: 0.8;
      color: rgba(0,0,0,0.18);
      display: block;
      margin-bottom: 0;
      letter-spacing: -0.05em;
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-quote-mark {
      color: rgba(252,250,247,0.15);
    }

    .atelier-temoignage-text {
      font-family: var(--font-body);
      font-size: 1.05rem;
      line-height: 1.65;
      color: rgba(255, 255, 255, 0.85);
      margin: 0;
      flex: 1;
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-text {
      font-size: 0.95rem;
      color: rgba(252,250,247,0.82);
    }

    .atelier-temoignage-divider {
      width: 100%;
      height: 1px;
      background: rgba(255, 255, 255, 0.25);
      flex-shrink: 0;
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-divider {
      background: rgba(255,255,255,0.1);
    }

    .atelier-temoignage-author {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .atelier-temoignage-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-display);
      font-style: italic;
      font-size: 1.2rem;
      flex-shrink: 0;
    }

    .atelier-temoignage-card.featured .atelier-temoignage-avatar {
      background: var(--color-dark);
      color: var(--color-green-btn);
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-avatar {
      background: #0AA05F;
      color: var(--color-green-btn);
    }

    .atelier-temoignage-author-name {
      font-family: var(--font-body);
      font-weight: 500;
      font-size: 0.98rem;
      color: rgba(255, 255, 255, 0.85);
      margin: 0;
      line-height: 1.3;
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-author-name {
      color: var(--color-bg);
    }

    .atelier-temoignage-author-role {
      font-family: var(--font-body);
      font-size: 0.9rem;
      color: rgba(255, 255, 255, 0.45);
      margin: 0;
    }

    .atelier-temoignage-card:not(.featured) .atelier-temoignage-author-role {
      color: rgba(252,250,247,0.4);
    }

    @media (max-width: 1024px) {
      .atelier-temoignages-inner { padding: 0 40px; }
      .atelier-temoignages-header { grid-template-columns: 1fr; gap: 20px; }
      .atelier-temoignages-desc { justify-self: start; text-align: left; max-width: 100%; }
    }

    @media (max-width: 768px) {
      .atelier-temoignages-inner { padding: 0 20px; }
      .atelier-temoignages-section { padding: 60px 0 70px; }
      .atelier-temoignages-grid { grid-template-columns: 1fr; }
      .atelier-temoignages-header{text-align: center;}
      .atelier-temoignages-desc{text-align: center;}
    }

    .atelier-logos-band {
      background-color: #203528;
      padding: 28px 0 0;
      position: relative;
      z-index: 2;
    }

    .atelier-logos-caption {
      text-align: center;
      font-family: var(--font-body);
      font-size: 0.65rem;
      font-weight: 500;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: rgba(252,250,247,0.3);
      margin-bottom: 22px;
    }

    .atelier-logos-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      padding: 0 80px 28px;
      flex-wrap: wrap;
      row-gap: 12px;
    }

    .atelier-logo-item {
      padding: 0 32px;
      white-space: nowrap;
    }

    .atelier-logo-item.sans {
      font-family: var(--font-body);
      font-weight: 700;
      font-size: 0.9rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #6f857b;
    }

    .atelier-logo-item.serif {
      font-family: var(--font-display);
      font-style: italic;
      font-size: 1.15rem;
      color: #6f857b;
    }

    .atelier-logos-line {
      width: 100%;
      height: 1px;
      background: rgba(252,250,247,0.08);
    }

    .atelier-cta-section {
      background-color: #203528;
      padding: 80px 0 100px;
      position: relative;
      z-index: 2;
    }

    .atelier-cta-inner {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 80px;
    }

    .atelier-cta-card {
      background: #0AA05F;
      border-radius: 28px;
      padding: 56px 60px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
    }

    .atelier-cta-left {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .atelier-cta-desc {
      font-family: var(--font-body);
      font-size: 0.9rem;
      color: rgba(255,255,255,0.55);
      max-width: 360px;
      margin: 0;
    }

    .atelier-cta-btns {
      margin-top: 25px;
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .atelier-cta-right {
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .atelier-cta-stat {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 18px 0;
      border-bottom: 1px solid #75ca8d57;
    }

    .atelier-cta-stat:first-child {
      border-top: 1px solid #75ca8d57;
    }

    .atelier-cta-stat-label {
      font-family: var(--font-body);
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.55);
    }

    .atelier-cta-stat-value {
      font-family: var(--font-body);
      font-weight: 400;
      font-size: 0.95rem;
      color: #ffffff;
      letter-spacing: -0.01em;
    }

    @media (max-width: 1024px) {
      .atelier-cta-inner { padding: 0 40px; }
      .atelier-logos-row { padding: 0 40px 28px; }
      .atelier-cta-card { padding: 40px 40px; gap: 48px; }
    }

    @media (max-width: 768px) {
      .atelier-cta-inner { padding: 0 20px; }
      .atelier-logos-row { padding: 0 20px 28px; gap: 0; }
      .atelier-logo-item { padding: 0 16px; }
      .atelier-cta-section { padding: 50px 0 70px; }
      .atelier-cta-card {
        grid-template-columns: 1fr;
        gap: 36px;
        padding: 36px 28px;
        border-radius: 20px;
      }
      .atelier-cta-left{align-items: center;}
      .atelier-cta-btns{justify-content: center;}
      .atelier-cta-desc{text-align: center;}
    }

.cls-footer-bg   { fill: var(--color-dark); background-color: var(--color-dark); }
.cls-footer-hello { fill: var(--color-green-dark); }
.footer-bottom   { background-color: var(--color-green-dark); }

    .atelier-lightbox {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(10, 20, 13, 0.92);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }

    .atelier-lightbox.open {
      opacity: 1;
      pointer-events: all;
    }

    .atelier-lightbox-img {
      max-width: min(92vw, 1200px);
      max-height: 88vh;
      width: auto;
      height: auto;
      object-fit: contain;
      border-radius: 14px;
      box-shadow: 0 32px 80px rgba(0,0,0,0.6);
      transform: scale(0.93);
      transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
      display: block;
      user-select: none;
    }

    .atelier-lightbox.open .atelier-lightbox-img {
      transform: scale(1);
    }

    .atelier-lightbox-close {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.2);
      color: #fff;
      font-size: 1.2rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, transform 0.2s;
      line-height: 1;
    }

    .atelier-lightbox-close:hover {
      background: rgba(255,255,255,0.22);
      transform: scale(1.08);
    }

    .atelier-lightbox-prev,
    .atelier-lightbox-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(255,255,255,0.1);
      border: 1px solid rgba(255,255,255,0.18);
      color: #fff;
      font-size: 1.4rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, transform 0.2s;
    }

    .atelier-lightbox-prev { left: 20px; }
    .atelier-lightbox-next { right: 20px; }

    .atelier-lightbox-prev:hover,
    .atelier-lightbox-next:hover {
      background: rgba(255,255,255,0.2);
      transform: translateY(-50%) scale(1.08);
    }

    .atelier-lightbox-caption {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      font-family: var(--font-body);
      font-size: 0.82rem;
      color: rgba(255,255,255,0.5);
      letter-spacing: 0.06em;
      white-space: nowrap;
      pointer-events: none;
    }

    .atelier-lightbox-counter {
      position: absolute;
      top: 24px;
      left: 50%;
      transform: translateX(-50%);
      font-family: var(--font-body);
      font-size: 0.78rem;
      color: rgba(255,255,255,0.4);
      letter-spacing: 0.1em;
      pointer-events: none;
    }

    @media (max-width: 768px) {
      .atelier-lightbox-prev { left: 8px; }
      .atelier-lightbox-next { right: 8px; }
      .atelier-lightbox-prev,
      .atelier-lightbox-next { width: 40px; height: 40px; font-size: 1.1rem; }
    }
@media (prefers-reduced-motion: reduce) {
  .atelier-lightbox {
    opacity: 1;
    transition: none;
  }

  .atelier-card-img img {
    transition: none;
  }

  .atelier-card {
    transition: none;
  }
}