/* KadiCréations — Notre histoire page */
.about-hero{position:relative;padding:80px 40px;max-width:1300px;margin:0 auto;text-align:center;overflow:hidden}
.about-hero::before{content:'';position:absolute;top:-50px;left:-50px;width:300px;height:300px;background:var(--rose);border-radius:50%;opacity:0.4;filter:blur(60px);z-index:0}
.about-hero::after{content:'';position:absolute;bottom:-50px;right:-50px;width:350px;height:350px;background:var(--gold-light);border-radius:50%;opacity:0.4;filter:blur(80px);z-index:0}
.about-hero > *{position:relative;z-index:1}
.about-hero .tag{font-family:'Caveat',cursive;color:var(--rose-dust);font-size:1.6rem;display:block;margin-bottom:15px}
.about-hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-style:italic;font-weight:400;line-height:1.05;max-width:900px;margin:0 auto 25px}
.about-hero h1 em{font-style:normal;background:var(--gold-shimmer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-hero p{color:var(--ink-soft);max-width:600px;margin:0 auto;font-size:1.1rem}

.about-story{padding:60px 40px 80px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.about-story-img{aspect-ratio:4/5;border-radius:24px;background-image:url('https://images.unsplash.com/photo-1558963690-6ed8aae4d527?w=800&q=80');background-size:cover;background-position:center;box-shadow:0 24px 50px rgba(74,57,56,0.12)}
.about-story h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-style:italic;font-weight:400;margin-bottom:18px;line-height:1.1}
.about-story h2 em{font-style:normal;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-story p{color:var(--ink-soft);margin-bottom:18px;font-size:1.02rem;line-height:1.7}
.about-story .quote{font-family:'Fraunces',serif;font-style:italic;font-size:1.15rem;color:var(--ink);padding-left:20px;border-left:3px solid var(--gold);margin:25px 0}
.about-story .sig{font-family:'Caveat',cursive;font-size:2rem;color:var(--ink);margin-top:25px}

.values{background:var(--cream-dark);padding:90px 40px}
.values-inner{max-width:1300px;margin:0 auto}
.values-head{text-align:center;margin-bottom:60px}
.values-head .tag{font-family:'Caveat',cursive;color:var(--rose-dust);font-size:1.4rem;display:block;margin-bottom:8px}
.values-head h2{font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400}
.values-head h2 em{font-style:normal;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.value-card{background:#fff;border-radius:20px;padding:35px 28px;text-align:center;box-shadow:0 6px 18px rgba(74,57,56,0.04);transition:transform 0.4s}
.value-card:hover{transform:translateY(-6px)}
.value-card .ico{font-size:2.5rem;margin-bottom:18px}
.value-card h3{font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;margin-bottom:10px}
.value-card p{color:var(--ink-soft);font-size:0.92rem;line-height:1.6}

.timeline{padding:90px 40px;max-width:1000px;margin:0 auto}
.timeline-head{text-align:center;margin-bottom:60px}
.timeline-head .tag{font-family:'Caveat',cursive;color:var(--rose-dust);font-size:1.4rem;display:block;margin-bottom:8px}
.timeline-head h2{font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400}
.timeline-head h2 em{font-style:normal;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tl-list{position:relative;padding-left:40px}
.tl-list::before{content:'';position:absolute;left:14px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--gold) 0%,var(--rose) 100%)}
.tl-item{position:relative;padding-bottom:35px}
.tl-item::before{content:'';position:absolute;left:-32px;top:5px;width:14px;height:14px;border-radius:50%;background:var(--gold-gradient);border:3px solid var(--cream)}
.tl-year{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--gold-deep);margin-bottom:4px;font-weight:600}
.tl-item h3{font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;margin-bottom:8px}
.tl-item p{color:var(--ink-soft);font-size:0.95rem}

.atelier{padding:90px 40px;max-width:1300px;margin:0 auto}
.atelier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ag-img{aspect-ratio:1/1;border-radius:18px;background-size:cover;background-position:center;transition:transform 0.5s cubic-bezier(.2,.8,.2,1)}
.ag-img:hover{transform:scale(1.02)}
.ag-img.tall{grid-row:span 2;aspect-ratio:1/2.05}

.cta-block{background:var(--rose);padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.cta-block .sparkle{z-index:1}
.cta-block > *{position:relative;z-index:2}
.cta-block h2{font-size:clamp(2rem,4vw,2.8rem);font-style:italic;font-weight:400;margin-bottom:18px}
.cta-block h2 em{font-style:normal;background:var(--gold-shimmer);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cta-block p{color:var(--ink-soft);max-width:540px;margin:0 auto 30px;font-size:1.05rem}
.cta-block .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:1024px){
  .about-story{grid-template-columns:1fr;gap:40px;padding:30px 20px 60px}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .atelier-grid{grid-template-columns:1fr 1fr}
  .ag-img.tall{grid-row:auto;aspect-ratio:1/1}
}
@media(max-width:600px){
  .values-grid{grid-template-columns:1fr}
  .atelier-grid{grid-template-columns:1fr}
  .timeline{padding:60px 20px}
  .about-hero,.cta-block{padding:60px 20px}
}