/* TOUBA KHITMA — améliorations page d'accueil */

.tk-hero{position:relative;isolation:isolate;overflow:hidden;color:var(--primary-foreground)}
.tk-hero__media{position:absolute;inset:0;z-index:-2}
.tk-hero__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1.4s ease,transform 8s linear}
.tk-hero__slide.is-active{opacity:1;transform:scale(1)}
.tk-hero__veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,oklch(30% .09 155/.62) 0%,oklch(42% .12 152/.42) 55%,oklch(20% .05 155/.55) 100%)}
.tk-hero__inner{position:relative;max-width:80rem;margin:0 auto;padding:7rem 1.5rem 6rem}
.tk-hero__kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;
  background:oklch(100% 0 0/.14);border:1px solid oklch(100% 0 0/.28);backdrop-filter:blur(6px);padding:.45rem 1rem;border-radius:999px;margin-bottom:1.6rem}
.tk-hero__title{font-family:var(--font-display);font-size:clamp(2.8rem,7vw,5.5rem);line-height:.95;margin:0 0 1.2rem;
  text-shadow:0 6px 30px oklch(15% .04 150/.45)}
.tk-hero__text{font-size:1.1rem;max-width:38rem;color:oklch(100% 0 0/.92);margin:0 0 2rem;line-height:1.6;
  text-shadow:0 2px 14px oklch(15% .04 150/.5)}
.tk-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.6rem;padding:.85rem 1.5rem;font-weight:600;
  text-decoration:none;transition:transform .2s ease,opacity .2s ease,background .2s ease}
.tk-btn:hover{transform:translateY(-2px)}
.tk-btn--accent{background:var(--accent);color:var(--accent-foreground);box-shadow:0 14px 30px -14px oklch(20% .05 150/.8)}
.tk-btn--ghost{border:1px solid oklch(100% 0 0/.5);color:var(--primary-foreground);background:oklch(100% 0 0/.08)}
.tk-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:3.5rem;
  background:oklch(100% 0 0/.2);border:1px solid oklch(100% 0 0/.2);border-radius:1rem;overflow:hidden}
.tk-hero__stat{background:oklch(25% .06 152/.45);backdrop-filter:blur(8px);padding:1.2rem 1.4rem}
.tk-hero__stat b{display:block;font-family:var(--font-display);font-size:2rem;line-height:1}
.tk-hero__stat span{font-size:.8rem;color:oklch(100% 0 0/.8)}
@media(min-width:768px){.tk-hero__stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tk-hero__inner{padding:9rem 1.5rem 7rem}}

/* Sections */
.tk-section{max-width:80rem;margin:0 auto;padding:5rem 1.5rem}
.tk-eyebrow{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin:0 0 .6rem;font-weight:600}
.tk-h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;margin:0 0 .8rem;color:var(--foreground)}
.tk-lead{color:var(--muted-foreground);max-width:42rem;line-height:1.7;margin:0}
.tk-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}
.tk-link{color:var(--primary);font-weight:600;text-decoration:none}
.tk-link:hover{text-decoration:underline}

/* Slider réalisations */
.tk-slider{position:relative;border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow-elegant);background:#000}
.tk-slider__track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1)}
.tk-slide{position:relative;min-width:100%;height:clamp(320px,58vh,560px)}
.tk-slide img{width:100%;height:100%;object-fit:cover;display:block}
.tk-slide__cap{position:absolute;inset:auto 0 0 0;padding:2.5rem 1.75rem 1.75rem;color:#fff;
  background:linear-gradient(to top,oklch(15% .03 150/.9),transparent)}
.tk-slide__cap span{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.tk-slide__cap h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);margin:.35rem 0 .3rem}
.tk-slide__cap p{margin:0;font-size:.95rem;color:oklch(100% 0 0/.85);max-width:40rem}
.tk-slider__nav{position:absolute;top:50%;transform:translateY(-50%);height:2.9rem;width:2.9rem;border-radius:999px;border:0;
  background:oklch(100% 0 0/.85);color:oklch(25% .06 152);font-size:1.3rem;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.tk-slider__nav:hover{background:#fff}
.tk-slider__nav--prev{left:1rem}.tk-slider__nav--next{right:1rem}
.tk-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.25rem}
.tk-dot{height:.5rem;width:1.6rem;border-radius:999px;border:0;background:var(--border);cursor:pointer;transition:background .3s}
.tk-dot.is-active{background:var(--primary)}

/* Articles / actualités */
.tk-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.tk-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:1.1rem;overflow:hidden;
  text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}
.tk-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-elegant)}
.tk-card__img{position:relative;aspect-ratio:16/10;overflow:hidden}
.tk-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tk-card:hover .tk-card__img img{transform:scale(1.06)}
.tk-tag{position:absolute;top:.9rem;left:.9rem;background:var(--accent);color:var(--accent-foreground);
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem;border-radius:999px}
.tk-card__body{padding:1.4rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.tk-card__date{font-size:.75rem;color:var(--muted-foreground);letter-spacing:.06em}
.tk-card__body h3{font-family:var(--font-display);font-size:1.5rem;margin:0;line-height:1.15;color:var(--foreground)}
.tk-card__body p{margin:0;color:var(--muted-foreground);font-size:.92rem;line-height:1.6}
.tk-card__more{margin-top:auto;color:var(--primary);font-weight:600;font-size:.9rem}

.tk-band{background:var(--secondary);}
.tk-cta{background:var(--gradient-hero);color:var(--primary-foreground);border-radius:1.25rem;padding:3rem 2rem;text-align:center}
.tk-cta h2{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3rem);margin:0 0 .8rem}
.tk-cta p{margin:0 auto 1.8rem;max-width:36rem;color:oklch(100% 0 0/.85)}

.tk-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.tk-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tk-reveal{opacity:1;transform:none}.tk-hero__slide{transition:opacity .3s}}