/* Page À propos BYOU — charte v1 : prune #5B1F3A, sable #E8DFD0, encre #2A0E1B, or #C9A24A (sur prune), olive #5A6B4A */
.bya{--prune:#5B1F3A;--sable:#E8DFD0;--encre:#2A0E1B;--or:#C9A24A;--olive:#5A6B4A;--creme:#F6F1E9;
  font-family:'Raleway',sans-serif;color:var(--encre);font-variant-numeric:lining-nums;line-height:1.75;font-size:17px;overflow:hidden}
.bya *{box-sizing:border-box}
.bya h1,.bya h2,.bya h3{font-family:'Marcellus',serif;font-weight:400;letter-spacing:0;text-transform:none;margin:0 0 20px}
.bya h1{font-size:clamp(36px,5vw,68px);line-height:1.06;color:var(--prune)}
.bya h2{font-size:clamp(30px,3.4vw,48px);line-height:1.12;color:var(--prune)}
.bya h3{font-size:26px;line-height:1.2;color:var(--prune)}
.bya p{margin:0 0 16px}
.bya a{color:var(--prune);text-decoration:underline;text-underline-offset:3px}
.bya img{display:block;max-width:100%;height:auto}
.bya-kicker,.bya-chap{font-weight:600;font-size:15px;color:var(--olive);margin:0 0 12px}
.bya-chap--gold{color:var(--or)}

/* Apparition au défilement */
.bya .reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.bya .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bya .reveal{opacity:1;transform:none;transition:none}.bya-hero__bg img{animation:none!important}}

/* Ouverture : panneau prune + photo */
.bya-hero{position:relative;display:grid;grid-template-columns:42% 58%;min-height:min(90vh,840px);background:var(--prune);overflow:hidden}
.bya-hero__bg{position:relative;order:2;overflow:hidden}
.bya-hero__bg img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:62% 50%;animation:byaZoom 22s ease-out both}
@keyframes byaZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.bya-hero__text{align-self:center;padding:clamp(48px,6vw,96px) clamp(28px,5vw,80px) clamp(48px,6vw,96px) clamp(24px,6vw,110px);animation:byaFade 1.6s .3s ease both}
@keyframes byaFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.bya-hero__logo{width:96px;margin-bottom:30px}
.bya-hero h1{color:#fff;font-size:clamp(34px,3.7vw,56px)}
.bya-hero .bya-kicker{color:var(--or)}
.bya-lead{font-size:21px;line-height:1.55;max-width:480px;color:rgba(255,255,255,.88)}

/* Manifeste */
.bya-manifesto{background:var(--creme);color:var(--encre);text-align:center;padding:clamp(72px,10vw,140px) 24px}
.bya-manifesto p{font-family:'Marcellus',serif;font-size:clamp(24px,2.7vw,36px);line-height:1.45;max-width:900px;margin:0 auto 26px;color:var(--prune)}
.bya-manifesto__end{color:var(--olive)!important;margin-bottom:0!important}

/* Bloc image + texte */
.bya-split{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#fff}
.bya-split--reverse .bya-split__media{order:2}
.bya-split--sand{background:var(--creme)}
.bya-split__media img{width:100%;height:100%!important;min-height:520px;object-fit:cover}
.bya-split__text{padding:clamp(40px,6vw,100px)}
.bya-split__text p{max-width:560px}

/* Le nom */
.bya-name{background:var(--prune);color:#fff;text-align:center;padding:clamp(64px,8vw,110px) 24px}
.bya-name h2{color:#fff}
.bya-name p{max-width:660px;margin:0 auto;color:rgba(255,255,255,.85);font-size:19px}

/* La source */
.bya-source{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--creme)}
.bya-source__media img{width:100%;height:100%!important;min-height:620px;object-fit:cover;object-position:75% 50%}
.bya-source__text{padding:clamp(40px,6vw,100px);align-self:center}
.bya-ingr{margin:26px 0 0}
.bya-ingr div{padding:16px 0;border-top:1px solid rgba(91,31,58,.18)}
.bya-ingr dt{font-family:'Marcellus',serif;font-size:23px;color:var(--prune)}
.bya-ingr dd{margin:4px 0 0}

/* Savoir-faire */
.bya-craft{background:#fff;padding:clamp(64px,8vw,120px) clamp(20px,6vw,96px)}
.bya-craft__head{max-width:760px;margin:0 auto 46px;text-align:center}
.bya-craft__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bya-craft figure{margin:0}
.bya-craft figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bya-craft figcaption{padding:20px 4px 0;font-size:16px}
.bya-craft figcaption b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:24px;color:var(--prune);margin-bottom:6px}

/* Quatre univers */
.bya-worlds{background:var(--sable);padding:clamp(64px,8vw,120px) clamp(20px,6vw,96px)}
.bya-worlds__head{text-align:center;margin-bottom:46px}
.bya-worlds__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bya-world{position:relative;display:block;overflow:hidden;text-decoration:none!important;color:#fff!important;background:var(--prune)}
.bya-world img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s ease}
.bya-world:hover img{transform:scale(1.05)}
.bya-world > div{padding:26px 30px 30px;background:var(--prune)}
.bya-world h3{color:#fff;margin-bottom:8px}
.bya-world p{font-size:16px;color:rgba(255,255,255,.88);margin-bottom:10px;max-width:520px}
.bya-world span{font-weight:600;color:var(--or)}
.bya-world span::after{content:" →"}

/* Chiffres */
.bya-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--prune);color:#fff;text-align:center}
.bya-facts div{padding:46px 22px;border-left:1px solid rgba(201,162,74,.35)}
.bya-facts div:first-child{border-left:none}
.bya-facts strong{display:block;font-family:'Raleway',sans-serif;font-weight:600;font-size:clamp(24px,2.4vw,34px);color:var(--or);line-height:1.2;margin-bottom:8px}
.bya-facts span{font-size:15px;color:rgba(255,255,255,.85)}

/* Liste promesse */
.bya-list{list-style:none;padding:0;margin:0 0 10px}
.bya-list li{position:relative;padding:12px 0 12px 22px;border-top:1px solid rgba(91,31,58,.15)}
.bya-list li:first-child{border-top:none}
.bya-list li::before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;background:var(--prune);border-radius:50%}
.bya-list b{font-weight:600;color:var(--prune)}

/* Citation */
.bya-quote{background:#fff;text-align:center;padding:clamp(72px,9vw,130px) 24px}
.bya-quote p{font-family:'Marcellus',serif;font-size:clamp(26px,3vw,40px);line-height:1.35;color:var(--prune);max-width:900px;margin:0 auto 18px}
.bya-quote span{font-weight:600;color:var(--olive)}

/* FAQ */
.bya-faq{background:var(--creme);padding:clamp(64px,7vw,100px) 20px}
.bya-faq h2{text-align:center;margin-bottom:34px}
.bya-faq details{max-width:820px;margin:0 auto;border-top:1px solid rgba(91,31,58,.18);padding:6px 0}
.bya-faq details:last-of-type{border-bottom:1px solid rgba(91,31,58,.18)}
.bya-faq summary{cursor:pointer;list-style:none;font-weight:600;font-size:18px;padding:16px 36px 16px 0;position:relative;color:var(--encre)}
.bya-faq summary::-webkit-details-marker{display:none}
.bya-faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-family:'Marcellus',serif;font-size:28px;color:var(--prune)}
.bya-faq details[open] summary::after{content:"–"}
.bya-faq details p{padding:0 0 12px}

/* Fin */
.bya-cta{background:var(--prune);color:#fff;text-align:center;padding:clamp(72px,9vw,120px) 24px}
.bya-cta img{width:84px;margin:0 auto 26px}
.bya-cta h2{color:#fff}
.bya-cta p{color:rgba(255,255,255,.85)}
.bya-cta__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.bya-btn{display:inline-block;padding:15px 34px;background:var(--or);color:var(--encre)!important;text-decoration:none!important;font-weight:600;border:1px solid var(--or)}
.bya-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}

/* Tablette / mobile */
@media (max-width:1000px){
  .bya-split,.bya-source{grid-template-columns:1fr}
  .bya-split--reverse .bya-split__media{order:0}
  .bya-split__media img,.bya-source__media img{min-height:300px;max-height:460px}
  .bya-facts{grid-template-columns:1fr 1fr}
  .bya-facts div:nth-child(3){border-left:none}
}
@media (max-width:760px){
  .bya{font-size:16px}
  .bya-hero{grid-template-columns:1fr;min-height:auto}
  .bya-hero__bg{order:0;height:340px}
  .bya-hero__text{padding:36px 20px 44px}
  .bya-hero__logo{width:72px}
  .bya-craft__grid,.bya-worlds__grid{grid-template-columns:1fr}
  .bya-facts{grid-template-columns:1fr}
  .bya-facts div{border-left:none;border-top:1px solid rgba(201,162,74,.35);padding:30px 20px}
}