/* =========================================================
   ABOUT PAGE — MYD GROUP CONSULTING
   Fichier : assets/css/about.css
   Scope strict : body[data-page="about"]
========================================================= */

/* =========================================================
   BASE PAGE ABOUT
========================================================= */

body[data-page="about"]{
  --about-bg:#f7f1ea;
  --about-bg-soft:#fbf7f2;
  --about-card:#ffffff;
  --about-text:#302821;
  --about-muted:rgba(55,44,36,.76);
  --about-brown:#3b2a20;
  --about-brown-soft:#6f5745;
  --about-gold:#c79a72;
  --about-gold-dark:#a57955;
  --about-border:rgba(96,70,50,.13);
  --about-shadow:0 22px 60px rgba(49,31,18,.08);
  --about-shadow-soft:0 14px 34px rgba(49,31,18,.055);

  background:var(--about-bg);
  color:var(--about-text);
  overflow-x:hidden;
}

body[data-page="about"] *,
body[data-page="about"] *::before,
body[data-page="about"] *::after{
  box-sizing:border-box;
}

body[data-page="about"] .breadcrumbs{
  display:none;
}

body[data-page="about"] .section{
  position:relative;
  overflow:hidden;
}

body[data-page="about"] .section--tint{
  background:linear-gradient(180deg, #fbf7f2 0%, #f8f1ea 100%);
}

body[data-page="about"] .eyebrow,
body[data-page="about"] .about-intro__eyebrow,
body[data-page="about"] .about-method-premium__eyebrow{
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
}

/* =========================================================
   BUTTONS — ABOUT ONLY
========================================================= */

body[data-page="about"] .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 24px;
  border-radius:999px;
  border:1px solid transparent;
  background:linear-gradient(180deg, #d2a77f 0%, #bc865f 100%);
  color:#fff;
  font-size:.96rem;
  line-height:1;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 16px 32px rgba(151,98,61,.20);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

body[data-page="about"] .btn:hover{
  transform:translateY(-1px);
  filter:brightness(.97);
  box-shadow:0 18px 36px rgba(151,98,61,.24);
}

body[data-page="about"] .btn:active{
  transform:translateY(0);
}

body[data-page="about"] .btn:focus-visible{
  outline:2px solid rgba(151,98,61,.42);
  outline-offset:4px;
}

body[data-page="about"] .btn--ghost{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.58);
  color:#fff;
  box-shadow:none;
}

body[data-page="about"] .btn--ghost:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.82);
}

/* =========================================================
   HERO ABOUT — PREMIUM ÉDITORIAL ALIGNÉ TARIFS
========================================================= */

body[data-page="about"] .hero--about{
  --about-header-h:82px;

  position:relative;
  isolation:isolate;
  min-height:calc(100svh - var(--about-header-h));
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#231812;
  background:#efe6dc;
}

body[data-page="about"] .hero--about::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url("../images/about-hero.jpg") center 52% / cover no-repeat;
  transform:scale(1.012);
  filter:saturate(.92) contrast(1.02) sepia(.08);
}

body[data-page="about"] .hero--about::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(247,241,233,.52) 0%, rgba(247,241,233,.18) 48%, rgba(47,32,23,.21) 100%),
    linear-gradient(180deg, rgba(255,250,244,.10) 0%, rgba(39,28,20,.18) 100%);
}

body[data-page="about"] .hero--about .overlay{
  display:none;
}

body[data-page="about"] .hero--about__container{
  position:relative;
  z-index:2;
  width:min(calc(100% - 40px), 1240px);
  min-height:calc(100svh - var(--about-header-h));
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:clamp(34px, 5vw, 62px) 0;
}

body[data-page="about"] .hero-content--about{
  position:relative;
  isolation:isolate;
  width:min(100%, 650px);
  max-width:650px;
  margin:0;
  padding:clamp(32px, 3.45vw, 46px);
  border-radius:31px;
  overflow:hidden;
  text-align:left;
  color:#231812;
  background:linear-gradient(135deg, rgba(255,250,244,.965), rgba(246,236,224,.92));
  border:1px solid rgba(100,70,48,.15);
  box-shadow:
    0 32px 84px rgba(38,24,14,.18),
    inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translateY(-4px);
}

body[data-page="about"] .hero-content--about::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(199,154,114,.20), transparent 42%),
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.78), transparent 36%);
  opacity:.72;
}

body[data-page="about"] .hero-content--about::after{
  content:"";
  position:absolute;
  left:clamp(32px, 3.45vw, 46px);
  bottom:0;
  width:min(290px, 52%);
  height:1px;
  background:linear-gradient(90deg, rgba(167,123,87,.48), transparent);
  pointer-events:none;
}

body[data-page="about"] .hero-content--about > *{
  position:relative;
  z-index:1;
}

body[data-page="about"] .hero-content--about .eyebrow{
  margin:0 0 16px;
  color:#a77b57;
  font-size:.72rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.28em;
  text-transform:uppercase;
}

body[data-page="about"] .hero-content--about h1{
  max-width:590px;
  margin:0;
  color:#1f1510;
  font-size:clamp(2.55rem, 3.5vw, 3.72rem);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:850;
  text-wrap:balance;
}

body[data-page="about"] .hero-content--about h1 span{
  display:block;
  white-space:normal;
}

body[data-page="about"] .hero-content--about .subtitle{
  max-width:570px;
  margin:17px 0 0;
  color:rgba(39,28,21,.84);
  font-size:clamp(.94rem, .96vw, 1.04rem);
  line-height:1.5;
  font-weight:650;
  text-wrap:balance;
}

body[data-page="about"] .hero-about__proofs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0;
  margin:18px 0 0;
  padding:13px 0 0;
  border-top:1px solid rgba(90,62,43,.14);
  list-style:none;
}

body[data-page="about"] .hero-about__proofs li{
  position:relative;
  padding:0;
  color:rgba(57,40,30,.74);
  font-size:.8rem;
  line-height:1.45;
  font-weight:850;
}

body[data-page="about"] .hero-about__proofs li:not(:last-child)::after{
  content:"·";
  margin:0 9px;
  color:rgba(167,123,87,.74);
  font-weight:900;
}

body[data-page="about"] .hero-content--about .hero-ctas{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
  margin-top:19px;
}

body[data-page="about"] .hero-content--about .btn{
  min-width:200px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 24px;
  border-radius:999px;
  text-decoration:none;
  font-size:.96rem;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  border:1px solid transparent;
  background:linear-gradient(180deg, #c79c72 0%, #a97855 100%);
  border-color:rgba(113,74,45,.18);
  color:#fff;
  box-shadow:0 14px 28px rgba(103,68,43,.18);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    border-color .25s ease,
    color .25s ease,
    filter .25s ease;
}

body[data-page="about"] .hero-content--about .btn--ghost{
  background:rgba(255,255,255,.74);
  color:#31231b;
  border-color:rgba(72,48,34,.16);
  box-shadow:0 10px 24px rgba(43,28,16,.06);
}

body[data-page="about"] .hero-content--about .btn:hover,
body[data-page="about"] .hero-content--about .btn:focus-visible{
  transform:translateY(-1px);
  outline:none;
}

body[data-page="about"] .hero-content--about .btn:not(.btn--ghost):hover,
body[data-page="about"] .hero-content--about .btn:not(.btn--ghost):focus-visible{
  filter:brightness(1.03);
  box-shadow:0 18px 34px rgba(103,68,43,.24);
}

body[data-page="about"] .hero-content--about .btn--ghost:hover,
body[data-page="about"] .hero-content--about .btn--ghost:focus-visible{
  background:#fff;
  color:#241912;
  border-color:rgba(92,68,45,.22);
}

body[data-page="about"] .hero-about__note{
  margin:12px 0 0;
  color:rgba(49,35,27,.64);
  font-size:.76rem;
  line-height:1.35;
  font-weight:750;
}

/* TABLETTE */

@media (max-width:900px){
  body[data-page="about"] .hero--about{
    --about-header-h:74px;
  }

  body[data-page="about"] .hero--about::before{
    background-position:58% center;
  }

  body[data-page="about"] .hero--about__container{
    width:min(calc(100% - 36px), 760px);
    justify-content:center;
    padding:42px 0;
  }

  body[data-page="about"] .hero-content--about{
    width:min(100%, 680px);
    max-width:680px;
    border-radius:30px;
  }
}

/* MOBILE PREMIUM */

@media (max-width:640px){
  body[data-page="about"] .hero--about{
    --about-header-h:62px;
    min-height:calc(100svh - var(--about-header-h));
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .hero--about{
      min-height:calc(100dvh - var(--about-header-h));
    }
  }

  body[data-page="about"] .hero--about::before{
    background-position:60% center;
    filter:saturate(.9) contrast(1.02) sepia(.08);
  }

  body[data-page="about"] .hero--about::after{
    background:
      linear-gradient(180deg, rgba(247,241,233,.18) 0%, rgba(39,28,20,.24) 100%),
      linear-gradient(90deg, rgba(247,241,233,.10) 0%, rgba(47,32,23,.22) 100%);
  }

  body[data-page="about"] .hero--about__container{
    width:100%;
    min-height:calc(100svh - var(--about-header-h));
    justify-content:center;
    padding:18px 14px 22px;
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .hero--about__container{
      min-height:calc(100dvh - var(--about-header-h));
    }
  }

  body[data-page="about"] .hero-content--about{
    width:min(100%, 386px);
    max-width:386px;
    padding:24px 21px 22px;
    border-radius:27px;
    text-align:left;
    transform:none;
    background:linear-gradient(180deg, rgba(255,250,244,.975), rgba(246,237,226,.94));
    box-shadow:
      0 24px 58px rgba(38,24,14,.17),
      inset 0 1px 0 rgba(255,255,255,.80);
  }

  body[data-page="about"] .hero-content--about::after{
    left:21px;
    width:54%;
  }

  body[data-page="about"] .hero-content--about .eyebrow{
    margin:0 0 10px;
    font-size:.57rem;
    line-height:1;
    font-weight:900;
    letter-spacing:.23em;
  }

  body[data-page="about"] .hero-content--about h1{
    max-width:11.2ch;
    font-size:clamp(1.96rem, 8.35vw, 2.28rem);
    line-height:.98;
    letter-spacing:-.028em;
    font-weight:850;
  }

  body[data-page="about"] .hero-content--about h1 span{
    display:block;
  }

  body[data-page="about"] .hero-content--about .subtitle{
    max-width:33ch;
    margin:13px 0 0;
    font-size:.82rem;
    line-height:1.34;
    font-weight:650;
    color:rgba(39,28,21,.82);
  }

  body[data-page="about"] .hero-about__proofs{
    margin-top:13px;
    padding-top:10px;
  }

  body[data-page="about"] .hero-about__proofs li{
    font-size:.62rem;
    line-height:1.4;
    font-weight:850;
  }

  body[data-page="about"] .hero-about__proofs li:not(:last-child)::after{
    margin:0 5px;
  }

  body[data-page="about"] .hero-content--about .hero-ctas{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:15px;
  }

  body[data-page="about"] .hero-content--about .btn{
    width:100%;
    min-width:0;
    min-height:43px;
    padding:0 18px;
    font-size:.82rem;
  }

  body[data-page="about"] .hero-about__note{
    margin-top:9px;
    font-size:.62rem;
    line-height:1.24;
    font-weight:750;
  }
}

/* PETITS MOBILES */

@media (max-width:390px){
  body[data-page="about"] .hero--about__container{
    padding:15px 12px 18px;
  }

  body[data-page="about"] .hero-content--about{
    width:100%;
    padding:21px 18px 19px;
    border-radius:25px;
  }

  body[data-page="about"] .hero-content--about h1{
    max-width:11.5ch;
    font-size:1.78rem;
    line-height:.99;
    letter-spacing:-.022em;
  }

  body[data-page="about"] .hero-content--about .subtitle{
    font-size:.77rem;
    line-height:1.29;
  }

  body[data-page="about"] .hero-about__proofs li{
    font-size:.58rem;
  }

  body[data-page="about"] .hero-content--about .btn{
    min-height:40px;
    font-size:.77rem;
  }

  body[data-page="about"] .hero-about__note{
    font-size:.57rem;
  }
}

/* MOBILE BAS EN HAUTEUR */

@media (max-width:640px) and (max-height:740px){
  body[data-page="about"] .hero--about__container{
    padding:12px 12px 14px;
  }

  body[data-page="about"] .hero-content--about{
    padding:18px 17px 16px;
    border-radius:24px;
  }

  body[data-page="about"] .hero-content--about .eyebrow{
    margin-bottom:7px;
    font-size:.5rem;
  }

  body[data-page="about"] .hero-content--about h1{
    max-width:11.8ch;
    font-size:clamp(1.62rem, 6.9vw, 1.88rem);
    line-height:1;
    letter-spacing:-.018em;
  }

  body[data-page="about"] .hero-content--about .subtitle{
    margin-top:9px;
    font-size:.7rem;
    line-height:1.22;
  }

  body[data-page="about"] .hero-about__proofs{
    margin-top:9px;
    padding-top:8px;
  }

  body[data-page="about"] .hero-about__proofs li{
    font-size:.52rem;
  }

  body[data-page="about"] .hero-content--about .hero-ctas{
    margin-top:11px;
    gap:7px;
  }

  body[data-page="about"] .hero-content--about .btn{
    min-height:37px;
    font-size:.71rem;
  }

  body[data-page="about"] .hero-about__note{
    margin-top:7px;
    font-size:.52rem;
  }
}

/* =========================================================
   ABOUT INTRO — PREMIUM EDITORIAL
========================================================= */

body[data-page="about"] .about-intro,
body[data-page="about"] .about-intro *{
  box-sizing:border-box;
}

body[data-page="about"] .about-intro{
  --intro-header-h:82px;
  --intro-text:#211813;
  --intro-muted:rgba(57,44,35,.74);
  --intro-soft:rgba(57,44,35,.58);
  --intro-gold:#b68455;
  --intro-gold-dark:#966640;
  --intro-border:rgba(96,70,50,.12);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100svh - var(--intro-header-h));
  display:flex;
  align-items:center;
  padding:clamp(30px, 4.6vh, 52px) 0;
  color:var(--intro-text);
  background:
    radial-gradient(circle at 82% 12%, rgba(201,154,114,.16), transparent 31%),
    radial-gradient(circle at 12% 88%, rgba(182,132,85,.10), transparent 35%),
    linear-gradient(180deg, #f8f1ea 0%, #f3eadf 100%);
}

body[data-page="about"] .about-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.50) 0%, transparent 35%, transparent 68%, rgba(255,255,255,.24) 100%);
}

body[data-page="about"] .about-intro::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-190px;
  z-index:-1;
  width:min(860px, 70vw);
  height:360px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.34);
  filter:blur(42px);
  pointer-events:none;
}

body[data-page="about"] .about-intro__wrap{
  width:min(calc(100% - 48px), 1260px);
  margin-inline:auto;
}

body[data-page="about"] .about-intro__frame{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(640px, calc(100svh - 150px), 790px);
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(330px, 370px);
  grid-template-rows:auto minmax(118px, auto) auto;
  grid-template-areas:
    "content proof"
    "scope   proof"
    "action  proof";
  align-items:stretch;
  gap:24px clamp(40px, 4.8vw, 70px);
  padding:clamp(46px, 5vw, 70px);
  border-radius:38px;
  border:1px solid rgba(96,70,50,.10);
  background:
    linear-gradient(135deg, rgba(255,255,255,.66) 0%, rgba(255,255,255,.32) 48%, rgba(255,255,255,.48) 100%);
  box-shadow:
    0 34px 96px rgba(50,31,20,.075),
    inset 0 1px 0 rgba(255,255,255,.76);
}

body[data-page="about"] .about-intro__frame::before{
  content:"";
  position:absolute;
  inset:26px;
  z-index:-1;
  border-radius:28px;
  border:1px solid rgba(182,132,85,.10);
  pointer-events:none;
}

body[data-page="about"] .about-intro__frame::after{
  content:"";
  position:absolute;
  left:28px;
  top:28px;
  width:122px;
  height:122px;
  border-left:1px solid rgba(154,107,69,.24);
  border-top:1px solid rgba(154,107,69,.24);
  border-radius:30px 0 0 0;
  pointer-events:none;
}

body[data-page="about"] .about-intro__content,
body[data-page="about"] .about-intro__proof,
body[data-page="about"] .about-intro__scope,
body[data-page="about"] .about-intro__action{
  position:relative;
  z-index:1;
  min-width:0;
}

body[data-page="about"] .about-intro__content{
  grid-area:content;
  align-self:end;
  max-width:790px;
}

body[data-page="about"] .about-intro__deck{
  display:contents;
}

body[data-page="about"] .about-intro__mobile-board{
  display:none;
}

body[data-page="about"] .about-intro__eyebrow{
  margin:0 0 14px;
  font-size:.74rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--intro-gold-dark);
}

body[data-page="about"] .about-intro h2{
  max-width:14ch;
  margin:0 0 22px;
  font-size:clamp(2.7rem, 4.15vw, 4.18rem);
  line-height:.92;
  font-weight:800;
  letter-spacing:-.065em;
  color:var(--intro-text);
  text-wrap:balance;
}

body[data-page="about"] .about-intro__lead{
  max-width:70ch;
  margin:0 0 16px;
  font-size:clamp(1rem, 1.05vw, 1.12rem);
  line-height:1.62;
  font-weight:500;
  color:rgba(49,38,31,.90);
}

body[data-page="about"] .about-intro__text{
  display:grid;
  gap:10px;
  max-width:72ch;
}

body[data-page="about"] .about-intro__text p{
  margin:0;
  font-size:.97rem;
  line-height:1.62;
  font-weight:400;
  color:var(--intro-muted);
}

body[data-page="about"] .about-intro strong{
  font-weight:800;
  color:#2d211b;
}

body[data-page="about"] .about-intro__proof{
  grid-area:proof;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:32px 28px;
  border-radius:32px;
  border:1px solid rgba(96,70,50,.11);
  background:
    linear-gradient(180deg, rgba(255,250,245,.88), rgba(239,228,216,.70));
  box-shadow:
    0 28px 68px rgba(50,31,20,.075),
    inset 0 1px 0 rgba(255,255,255,.74);
}

body[data-page="about"] .about-intro__proof::before{
  content:"";
  position:absolute;
  inset:13px;
  border-radius:24px;
  border:1px solid rgba(182,132,85,.15);
  pointer-events:none;
}

body[data-page="about"] .about-intro__proof::after{
  content:"";
  position:absolute;
  left:0;
  top:32px;
  bottom:32px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(182,132,85,.82), rgba(182,132,85,.18));
  pointer-events:none;
}

body[data-page="about"] .about-intro__proof-head{
  display:grid;
  gap:14px;
  margin-bottom:26px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(96,70,50,.11);
}

body[data-page="about"] .about-intro__proof-head span{
  width:max-content;
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(182,132,85,.10);
  border:1px solid rgba(182,132,85,.16);
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--intro-gold-dark);
}

body[data-page="about"] .about-intro__proof-head strong{
  display:block;
  max-width:17ch;
  font-size:1.48rem;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.045em;
  color:#2a1d16;
}

body[data-page="about"] .about-intro__facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:17px;
}

body[data-page="about"] .about-intro__facts li{
  display:grid;
  grid-template-columns:31px minmax(0, 1fr);
  gap:12px;
  align-items:start;
}

body[data-page="about"] .about-intro__facts li > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  border-radius:999px;
  background:rgba(182,132,85,.12);
  border:1px solid rgba(182,132,85,.16);
  color:var(--intro-gold-dark);
  font-size:.68rem;
  line-height:1;
  font-weight:800;
}

body[data-page="about"] .about-intro__facts strong{
  display:block;
  margin:0 0 4px;
  font-size:.95rem;
  line-height:1.25;
  font-weight:800;
  color:#30231c;
}

body[data-page="about"] .about-intro__facts p{
  margin:0;
  font-size:.88rem;
  line-height:1.45;
  font-weight:400;
  color:rgba(57,44,35,.72);
}

body[data-page="about"] .about-intro__link{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:28px;
  font-size:.94rem;
  line-height:1.2;
  font-weight:800;
  text-decoration:none;
  color:var(--intro-gold-dark);
  transition:opacity .18s ease, transform .18s ease;
}

body[data-page="about"] .about-intro__link:hover{
  opacity:.82;
  transform:translateX(2px);
}

body[data-page="about"] .about-intro__link:focus-visible{
  outline:2px solid rgba(154,107,69,.32);
  outline-offset:5px;
  border-radius:999px;
}

body[data-page="about"] .about-intro__scope{
  grid-area:scope;
  align-self:end;
  display:grid;
  grid-template-columns:minmax(190px, .38fr) minmax(0, 1fr);
  gap:18px;
  max-width:790px;
  padding:18px 20px;
  border-radius:25px;
  border:1px solid var(--intro-border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.40));
  box-shadow:0 16px 34px rgba(50,31,20,.04);
}

body[data-page="about"] .about-intro__scope-head span{
  display:block;
  margin-bottom:7px;
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--intro-gold-dark);
}

body[data-page="about"] .about-intro__scope-head p{
  margin:0;
  font-size:.87rem;
  line-height:1.42;
  font-weight:500;
  color:var(--intro-soft);
}

body[data-page="about"] .about-intro__scope-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

body[data-page="about"] .about-intro__scope-list li{
  min-width:0;
  padding:11px 12px;
  border-radius:15px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(96,70,50,.09);
  font-size:.9rem;
  line-height:1.28;
  font-weight:700;
  color:rgba(46,34,27,.88);
}

body[data-page="about"] .about-intro__action{
  grid-area:action;
  align-self:start;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
  max-width:790px;
  padding:16px 17px 16px 22px;
  border-radius:23px;
  border:1px solid rgba(96,70,50,.13);
  background:
    linear-gradient(180deg, rgba(255,250,246,.96), rgba(255,248,241,.88));
  box-shadow:
    0 18px 38px rgba(50,31,20,.05),
    inset 0 1px 0 rgba(255,255,255,.70);
}

body[data-page="about"] .about-intro__action p{
  margin:0 0 3px;
  font-size:.96rem;
  line-height:1.34;
  font-weight:800;
  color:rgba(50,38,31,.84);
}

body[data-page="about"] .about-intro__action span{
  display:block;
  font-size:.83rem;
  line-height:1.35;
  font-weight:500;
  color:var(--intro-soft);
}

body[data-page="about"] .about-intro__action .btn{
  flex:0 0 auto;
  min-width:214px;
  min-height:48px;
  padding:13px 22px;
  white-space:nowrap;
}

@media (max-width:1180px){
  body[data-page="about"] .about-intro__frame{
    grid-template-columns:minmax(0, 1fr) minmax(295px, 335px);
    gap:22px 34px;
    padding:40px 34px;
  }

  body[data-page="about"] .about-intro h2{
    font-size:clamp(2.25rem, 3.7vw, 3.2rem);
  }

  body[data-page="about"] .about-intro__proof{
    padding:28px 24px;
  }

  body[data-page="about"] .about-intro__proof-head strong{
    font-size:1.3rem;
  }

  body[data-page="about"] .about-intro__scope{
    grid-template-columns:1fr;
  }
}

@media (max-width:900px){
  body[data-page="about"] .about-intro{
    min-height:auto;
    display:block;
    padding:48px 0 54px;
  }

  body[data-page="about"] .about-intro__wrap{
    width:min(calc(100% - 40px), 720px);
  }

  body[data-page="about"] .about-intro__frame{
    min-height:0;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-template-areas:
      "content"
      "proof"
      "scope"
      "action";
    gap:18px;
    padding:32px 28px 28px;
    border-radius:31px;
  }

  body[data-page="about"] .about-intro__frame::before{
    inset:18px;
    border-radius:24px;
  }

  body[data-page="about"] .about-intro__frame::after{
    left:20px;
    top:20px;
    width:82px;
    height:82px;
    border-radius:24px 0 0 0;
  }

  body[data-page="about"] .about-intro__content,
  body[data-page="about"] .about-intro__scope,
  body[data-page="about"] .about-intro__action{
    max-width:none;
  }

  body[data-page="about"] .about-intro__proof{
    align-self:start;
  }

  body[data-page="about"] .about-intro__proof-head strong{
    max-width:none;
  }

  body[data-page="about"] .about-intro__scope{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   ABOUT INTRO — MOBILE
========================================================= */

@media (max-width:640px){
  body[data-page="about"] .about-intro{
    min-height:100svh;
    display:flex;
    align-items:stretch;
    padding:0;
    overflow:hidden;
  }

  body[data-page="about"] .about-intro__wrap{
    width:min(calc(100% - 20px), 430px);
    min-height:100svh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-inline:auto;
    padding:14px 0 18px;
  }

  body[data-page="about"] .about-intro__frame{
    width:100%;
    min-height:calc(100svh - 32px);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0, 1fr) auto;
    grid-template-areas:
      "content"
      "mobile"
      "action";
    align-content:stretch;
    align-items:stretch;
    gap:14px;
    padding:23px 16px 15px;
    border-radius:32px;
    overflow:hidden;
    background:
      radial-gradient(circle at 88% 8%, rgba(255,255,255,.82), transparent 30%),
      linear-gradient(145deg, rgba(255,255,255,.78) 0%, rgba(255,250,245,.47) 54%, rgba(255,255,255,.58) 100%);
    box-shadow:
      0 30px 78px rgba(50,31,20,.11),
      inset 0 1px 0 rgba(255,255,255,.84);
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .about-intro,
    body[data-page="about"] .about-intro__wrap{
      min-height:100dvh;
    }

    body[data-page="about"] .about-intro__frame{
      min-height:calc(100dvh - 32px);
    }
  }

  body[data-page="about"] .about-intro__frame::before{
    inset:10px;
    border-radius:25px;
    border-color:rgba(182,132,85,.12);
  }

  body[data-page="about"] .about-intro__frame::after{
    left:16px;
    top:16px;
    width:60px;
    height:60px;
    border-radius:22px 0 0 0;
    opacity:.48;
  }

  body[data-page="about"] .about-intro__content{
    grid-area:content;
    align-self:end;
    max-width:none;
    min-width:0;
  }

  body[data-page="about"] .about-intro__eyebrow{
    margin:0 0 8px;
    font-size:.6rem;
    line-height:1;
    font-weight:800;
    letter-spacing:.17em;
    color:var(--intro-gold-dark);
  }

  body[data-page="about"] .about-intro h2{
    max-width:12.4ch;
    margin:0 0 11px;
    font-size:clamp(2.16rem, 9.3vw, 2.58rem);
    line-height:.9;
    font-weight:800;
    letter-spacing:-.066em;
  }

  body[data-page="about"] .about-intro__lead{
    max-width:none;
    margin:0;
    font-size:.9rem;
    line-height:1.45;
    font-weight:500;
    color:rgba(49,38,31,.88);
  }

  body[data-page="about"] .about-intro__text,
  body[data-page="about"] .about-intro__deck,
  body[data-page="about"] .about-intro__proof,
  body[data-page="about"] .about-intro__scope{
    display:none;
  }

  body[data-page="about"] .about-intro__mobile-board{
    grid-area:mobile;
    position:relative;
    z-index:1;
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:20px;
    padding:28px 20px 24px;
    border-radius:30px;
    border:1px solid rgba(96,70,50,.11);
    background:
      radial-gradient(circle at 86% 0%, rgba(255,255,255,.90), transparent 38%),
      linear-gradient(180deg, rgba(255,253,250,.98), rgba(242,231,219,.78));
    box-shadow:
      0 24px 58px rgba(50,31,20,.078),
      inset 0 1px 0 rgba(255,255,255,.88);
    overflow:hidden;
  }

  body[data-page="about"] .about-intro__mobile-board::before{
    content:"";
    position:absolute;
    inset:11px;
    border-radius:23px;
    border:1px solid rgba(182,132,85,.12);
    pointer-events:none;
  }

  body[data-page="about"] .about-intro__mobile-board::after{
    content:"";
    position:absolute;
    left:0;
    top:42px;
    bottom:42px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(182,132,85,.82), rgba(182,132,85,.12));
    pointer-events:none;
  }

  body[data-page="about"] .about-intro__mobile-statement{
    position:relative;
    z-index:1;
    display:grid;
    gap:12px;
  }

  body[data-page="about"] .about-intro__mobile-statement span{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(182,132,85,.10);
    border:1px solid rgba(182,132,85,.16);
    font-size:.58rem;
    line-height:1;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--intro-gold-dark);
  }

  body[data-page="about"] .about-intro__mobile-statement strong{
    display:block;
    max-width:19ch;
    font-size:1.28rem;
    line-height:1.04;
    font-weight:800;
    letter-spacing:-.052em;
    color:#241913;
  }

  body[data-page="about"] .about-intro__mobile-statement p{
    max-width:31ch;
    margin:0;
    font-size:.82rem;
    line-height:1.48;
    font-weight:500;
    color:rgba(57,44,35,.72);
  }

  body[data-page="about"] .about-intro__mobile-signature{
    position:relative;
    z-index:1;
    display:grid;
    gap:8px;
    padding:17px 0 0;
    border-top:1px solid rgba(96,70,50,.11);
  }

  body[data-page="about"] .about-intro__mobile-signature p{
    max-width:28ch;
    margin:0;
    font-size:.88rem;
    line-height:1.34;
    font-weight:800;
    letter-spacing:-.025em;
    color:rgba(40,29,22,.90);
  }

  body[data-page="about"] .about-intro__mobile-signature span{
    display:block;
    font-size:.66rem;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(150,102,64,.86);
  }

  body[data-page="about"] .about-intro__mobile-link{
    position:relative;
    z-index:1;
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:.76rem;
    line-height:1.1;
    font-weight:800;
    text-decoration:none;
    color:var(--intro-gold-dark);
  }

  body[data-page="about"] .about-intro__mobile-link:focus-visible{
    outline:2px solid rgba(154,107,69,.32);
    outline-offset:5px;
    border-radius:999px;
  }

  body[data-page="about"] .about-intro__action{
    grid-area:action;
    align-self:end;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    max-width:none;
    min-width:0;
    padding:15px 14px 14px;
    border-radius:25px;
    text-align:center;
    background:
      linear-gradient(180deg, rgba(255,250,246,.98), rgba(255,248,241,.91));
    box-shadow:
      0 18px 40px rgba(50,31,20,.055),
      inset 0 1px 0 rgba(255,255,255,.78);
  }

  body[data-page="about"] .about-intro__action p{
    margin:0;
    font-size:.85rem;
    line-height:1.22;
    font-weight:800;
  }

  body[data-page="about"] .about-intro__action span{
    max-width:28ch;
    margin-inline:auto;
    font-size:.71rem;
    line-height:1.25;
    font-weight:500;
  }

  body[data-page="about"] .about-intro__action .btn{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:12px 18px;
    font-size:.83rem;
    line-height:1.1;
    white-space:normal;
  }
}

@media (max-width:380px){
  body[data-page="about"] .about-intro__wrap{
    width:min(calc(100% - 18px), 430px);
    padding:10px 0 14px;
  }

  body[data-page="about"] .about-intro__frame{
    min-height:calc(100svh - 24px);
    gap:10px;
    padding:19px 13px 13px;
    border-radius:28px;
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .about-intro__frame{
      min-height:calc(100dvh - 24px);
    }
  }

  body[data-page="about"] .about-intro h2{
    font-size:1.9rem;
    margin-bottom:9px;
  }

  body[data-page="about"] .about-intro__lead{
    font-size:.82rem;
    line-height:1.36;
  }

  body[data-page="about"] .about-intro__mobile-board{
    gap:14px;
    padding:20px 15px 18px;
    border-radius:25px;
  }

  body[data-page="about"] .about-intro__mobile-statement{
    gap:9px;
  }

  body[data-page="about"] .about-intro__mobile-statement strong{
    font-size:1.08rem;
    line-height:1.06;
  }

  body[data-page="about"] .about-intro__mobile-statement p{
    font-size:.72rem;
    line-height:1.36;
  }

  body[data-page="about"] .about-intro__mobile-signature{
    gap:6px;
    padding-top:13px;
  }

  body[data-page="about"] .about-intro__mobile-signature p{
    font-size:.76rem;
    line-height:1.28;
  }

  body[data-page="about"] .about-intro__mobile-signature span{
    font-size:.58rem;
  }

  body[data-page="about"] .about-intro__action{
    padding:12px;
    border-radius:22px;
  }

  body[data-page="about"] .about-intro__action p{
    font-size:.78rem;
  }

  body[data-page="about"] .about-intro__action span{
    font-size:.67rem;
  }

  body[data-page="about"] .about-intro__action .btn{
    min-height:40px;
    font-size:.79rem;
  }
}

@media (max-width:640px) and (max-height:760px){
  body[data-page="about"] .about-intro{
    overflow:visible;
  }

  body[data-page="about"] .about-intro__wrap{
    padding:9px 0 12px;
  }

  body[data-page="about"] .about-intro__frame{
    min-height:calc(100svh - 21px);
    gap:9px;
    padding:17px 13px 12px;
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .about-intro__frame{
      min-height:calc(100dvh - 21px);
    }
  }

  body[data-page="about"] .about-intro h2{
    font-size:clamp(1.78rem, 7.6vw, 2.05rem);
    margin-bottom:8px;
  }

  body[data-page="about"] .about-intro__lead{
    font-size:.79rem;
    line-height:1.32;
  }

  body[data-page="about"] .about-intro__mobile-board{
    gap:12px;
    padding:18px 14px 16px;
  }

  body[data-page="about"] .about-intro__mobile-statement strong{
    font-size:1.02rem;
  }

  body[data-page="about"] .about-intro__mobile-statement p{
    font-size:.69rem;
    line-height:1.3;
  }

  body[data-page="about"] .about-intro__mobile-signature{
    padding-top:11px;
  }

  body[data-page="about"] .about-intro__mobile-signature p{
    font-size:.72rem;
    line-height:1.25;
  }

  body[data-page="about"] .about-intro__mobile-signature span{
    font-size:.56rem;
  }

  body[data-page="about"] .about-intro__action{
    gap:6px;
    padding:11px;
  }
}

/* =========================================================
   METHOD — MA MANIÈRE DE TRAVAILLER
========================================================= */

body[data-page="about"] .about-method-premium,
body[data-page="about"] .about-method-premium *{
  box-sizing:border-box;
}

body[data-page="about"] .about-method-premium{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(34px, 5vh, 54px) 0 clamp(30px, 4.5vh, 46px);
  background:
    radial-gradient(circle at 13% 0%, rgba(199,154,114,.17), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(83,55,35,.07), transparent 31%),
    linear-gradient(180deg, #fbf7f2 0%, #f7efe7 100%);
  color:var(--about-text, #302821);
}

body[data-page="about"] .about-method-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.56), transparent 38%, rgba(255,255,255,.26)),
    linear-gradient(180deg, rgba(255,255,255,.32), transparent 62%);
}

body[data-page="about"] .about-method-premium__container{
  position:relative;
  z-index:1;
  width:min(calc(100% - 44px), 1180px);
  max-width:1180px;
  margin-inline:auto;
}

body[data-page="about"] .about-method-premium__head{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(260px, 340px);
  gap:24px;
  align-items:end;
  margin:0 0 20px;
}

body[data-page="about"] .about-method-premium__intro{
  max-width:790px;
}

body[data-page="about"] .about-method-premium__eyebrow{
  margin:0 0 10px;
  font-size:.78rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--about-gold-dark, #a57955);
}

body[data-page="about"] .about-method-premium__intro h2{
  margin:0 0 10px;
  max-width:780px;
  font-size:clamp(2.05rem, 3.2vw, 3rem);
  line-height:.96;
  font-weight:800;
  letter-spacing:-.058em;
  color:var(--about-text, #302821);
}

body[data-page="about"] .about-method-premium__lead{
  margin:0;
  max-width:70ch;
  font-size:clamp(.98rem, 1vw, 1.08rem);
  line-height:1.58;
  font-weight:500;
  color:rgba(58,45,36,.72);
}

body[data-page="about"] .about-method-premium__signature{
  position:relative;
  margin:0;
  padding:18px 20px;
  border-radius:24px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(96,70,50,.12);
  box-shadow:0 18px 42px rgba(43,26,15,.055);
  backdrop-filter:blur(10px);
}

body[data-page="about"] .about-method-premium__signature::before{
  content:"";
  position:absolute;
  left:20px;
  top:19px;
  width:34px;
  height:2px;
  border-radius:999px;
  background:var(--about-gold, #c79a72);
}

body[data-page="about"] .about-method-premium__signature span{
  display:block;
  margin:14px 0 7px;
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(58,45,36,.62);
}

body[data-page="about"] .about-method-premium__signature p{
  margin:0;
  font-size:.94rem;
  line-height:1.48;
  font-weight:600;
  color:rgba(48,40,33,.78);
}

body[data-page="about"] .about-method-premium__board{
  display:grid;
  grid-template-columns:minmax(350px, .88fr) minmax(0, 1.12fr);
  gap:16px;
  align-items:stretch;
}

body[data-page="about"] .about-method-premium__focus{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:374px;
  border-radius:30px;
  background:#2d2118;
  box-shadow:0 24px 60px rgba(43,26,15,.13);
}

body[data-page="about"] .about-method-premium__focus img{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025);
}

body[data-page="about"] .about-method-premium__focus::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(17,11,7,.04) 0%, rgba(17,11,7,.34) 38%, rgba(17,11,7,.86) 100%),
    linear-gradient(90deg, rgba(17,11,7,.68), rgba(17,11,7,.08));
}

body[data-page="about"] .about-method-premium__focus-content{
  min-height:374px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:26px;
  color:#fff;
}

body[data-page="about"] .about-method-premium__focus-kicker{
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
  backdrop-filter:blur(8px);
}

body[data-page="about"] .about-method-premium__focus h3{
  margin:0 0 10px;
  max-width:14ch;
  font-size:clamp(1.65rem, 2.3vw, 2.25rem);
  line-height:.98;
  font-weight:800;
  letter-spacing:-.055em;
  color:#fff;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}

body[data-page="about"] .about-method-premium__focus p:not(.about-method-premium__focus-kicker){
  margin:0 0 17px;
  max-width:42ch;
  font-size:.96rem;
  line-height:1.5;
  font-weight:500;
  color:rgba(255,255,255,.84);
  text-shadow:0 2px 12px rgba(0,0,0,.22);
}

body[data-page="about"] .about-method-premium__focus ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
}

body[data-page="about"] .about-method-premium__focus li{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:.74rem;
  line-height:1;
  font-weight:800;
  color:rgba(255,255,255,.9);
  backdrop-filter:blur(8px);
}

body[data-page="about"] .about-method-premium__steps{
  list-style:none;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:0;
  padding:0;
  min-width:0;
}

body[data-page="about"] .about-method-premium .method-step{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:46px 86px minmax(0, 1fr);
  gap:14px;
  align-items:center;
  min-width:0;
  min-height:116px;
  padding:14px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,251,246,.70));
  border:1px solid rgba(96,70,50,.10);
  box-shadow:0 16px 42px rgba(43,26,15,.07);
}

body[data-page="about"] .about-method-premium .method-step::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 0% 0%, rgba(199,154,114,.16), transparent 38%),
    linear-gradient(90deg, rgba(255,255,255,.28), transparent);
}

body[data-page="about"] .about-method-premium .method-step__number{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(96,70,50,.10);
  box-shadow:0 10px 24px rgba(43,26,15,.08);
  font-size:.82rem;
  line-height:1;
  font-weight:900;
  color:#7a563e;
}

body[data-page="about"] .about-method-premium .method-step__media{
  position:relative;
  z-index:1;
  overflow:hidden;
  width:86px;
  aspect-ratio:1 / 1;
  border-radius:20px;
  background:#e8ddd2;
}

body[data-page="about"] .about-method-premium .method-step__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(28,18,12,.02), rgba(28,18,12,.22));
}

body[data-page="about"] .about-method-premium .method-step__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.02);
}

body[data-page="about"] .about-method-premium .method-step__body{
  position:relative;
  z-index:1;
  min-width:0;
}

body[data-page="about"] .about-method-premium .method-step__label{
  margin:0 0 4px;
  font-size:.68rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--about-gold-dark, #a57955);
}

body[data-page="about"] .about-method-premium .method-step h3{
  margin:0 0 5px;
  font-size:1.02rem;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.025em;
  color:var(--about-text, #302821);
}

body[data-page="about"] .about-method-premium .method-step__body > p:not(.method-step__label){
  margin:0 0 10px;
  max-width:50ch;
  font-size:.86rem;
  line-height:1.42;
  font-weight:500;
  color:rgba(58,45,36,.72);
}

body[data-page="about"] .about-method-premium .method-step__tags{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
  padding:0;
}

body[data-page="about"] .about-method-premium .method-step__tags a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-height:27px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(82,57,40,.07);
  border:1px solid rgba(96,70,50,.10);
  color:rgba(58,45,36,.78);
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}

body[data-page="about"] .about-method-premium .method-step__tags a:hover{
  background:rgba(199,154,114,.16);
  border-color:rgba(199,154,114,.26);
  color:#4b3425;
}

body[data-page="about"] .about-method-premium__outcomes{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr)) minmax(230px, .82fr);
  gap:12px;
  margin:14px 0 0;
}

body[data-page="about"] .about-method-premium .method-outcome,
body[data-page="about"] .about-method-premium__action{
  min-width:0;
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(96,70,50,.10);
  box-shadow:0 16px 38px rgba(43,26,15,.055);
}

body[data-page="about"] .about-method-premium .method-outcome{
  padding:17px 17px 16px;
}

body[data-page="about"] .about-method-premium .method-outcome__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin:0 0 9px;
  border-radius:50%;
  background:rgba(199,154,114,.12);
  border:1px solid rgba(199,154,114,.22);
  color:var(--about-gold, #c79a72);
  font-size:.62rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

body[data-page="about"] .about-method-premium .method-outcome h3{
  margin:0 0 7px;
  font-size:.96rem;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--about-text, #302821);
}

body[data-page="about"] .about-method-premium .method-outcome p{
  margin:0;
  font-size:.84rem;
  line-height:1.45;
  font-weight:500;
  color:rgba(58,45,36,.70);
}

body[data-page="about"] .about-method-premium__action{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:11px;
  padding:15px;
  background:
    linear-gradient(135deg, rgba(64,43,31,.96), rgba(110,78,55,.86));
  border-color:rgba(255,255,255,.12);
  box-shadow:0 20px 46px rgba(43,26,15,.13);
}

body[data-page="about"] .about-method-premium__proofs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body[data-page="about"] .about-method-premium__proofs .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.17);
  color:rgba(255,255,255,.88);
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

body[data-page="about"] .about-method-premium__action .btn{
  width:100%;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:999px;
  box-shadow:0 14px 28px rgba(28,18,12,.16);
}

@media (hover:hover){
  body[data-page="about"] .about-method-premium .method-step,
  body[data-page="about"] .about-method-premium .method-outcome,
  body[data-page="about"] .about-method-premium__focus{
    transition:
      transform .28s ease,
      box-shadow .28s ease,
      border-color .28s ease;
  }

  body[data-page="about"] .about-method-premium .method-step:hover,
  body[data-page="about"] .about-method-premium .method-outcome:hover{
    transform:translateY(-2px);
    border-color:rgba(199,154,114,.22);
    box-shadow:0 20px 48px rgba(43,26,15,.09);
  }

  body[data-page="about"] .about-method-premium__focus:hover{
    transform:translateY(-2px);
    box-shadow:0 28px 68px rgba(43,26,15,.16);
  }
}

@media (min-width:1101px){
  body[data-page="about"] .about-method-premium{
    min-height:calc(100svh - 82px);
    display:flex;
    align-items:center;
  }
}

@media (min-width:1101px) and (max-height:760px){
  body[data-page="about"] .about-method-premium{
    padding:30px 0 28px;
  }

  body[data-page="about"] .about-method-premium__head{
    margin-bottom:16px;
  }

  body[data-page="about"] .about-method-premium__intro h2{
    font-size:clamp(1.9rem, 2.7vw, 2.55rem);
  }

  body[data-page="about"] .about-method-premium__lead{
    font-size:.96rem;
    line-height:1.5;
  }

  body[data-page="about"] .about-method-premium__focus,
  body[data-page="about"] .about-method-premium__focus-content{
    min-height:342px;
  }

  body[data-page="about"] .about-method-premium .method-step{
    min-height:106px;
    padding:12px;
  }

  body[data-page="about"] .about-method-premium .method-step__media{
    width:76px;
    border-radius:18px;
  }

  body[data-page="about"] .about-method-premium .method-step__body > p:not(.method-step__label){
    font-size:.82rem;
    line-height:1.35;
    margin-bottom:8px;
  }

  body[data-page="about"] .about-method-premium .method-outcome{
    padding:14px 15px;
  }

  body[data-page="about"] .about-method-premium .method-outcome p{
    font-size:.8rem;
    line-height:1.38;
  }
}

@media (max-width:1050px){
  body[data-page="about"] .about-method-premium__head{
    grid-template-columns:1fr;
    gap:14px;
  }

  body[data-page="about"] .about-method-premium__signature{
    max-width:520px;
  }

  body[data-page="about"] .about-method-premium__board{
    grid-template-columns:1fr;
  }

  body[data-page="about"] .about-method-premium__focus,
  body[data-page="about"] .about-method-premium__focus-content{
    min-height:300px;
  }

  body[data-page="about"] .about-method-premium__steps{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
  }

  body[data-page="about"] .about-method-premium .method-step{
    grid-template-columns:40px minmax(0, 1fr);
    align-items:start;
    gap:11px;
  }

  body[data-page="about"] .about-method-premium .method-step__media{
    display:none;
  }

  body[data-page="about"] .about-method-premium__outcomes{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body[data-page="about"] .about-method-premium__action{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  body[data-page="about"] .about-method-premium{
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:28px 0 24px;
  }

  body[data-page="about"] .about-method-premium__container{
    width:min(calc(100% - 28px), 430px);
  }

  body[data-page="about"] .about-method-premium__head{
    display:block;
    margin:0 0 16px;
  }

  body[data-page="about"] .about-method-premium__eyebrow{
    margin:0 0 9px;
    font-size:.68rem;
    line-height:1;
    letter-spacing:.16em;
  }

  body[data-page="about"] .about-method-premium__intro h2{
    max-width:10ch;
    margin:0 0 10px;
    font-size:clamp(2.08rem, 10.6vw, 2.62rem);
    line-height:.93;
    letter-spacing:-.06em;
  }

  body[data-page="about"] .about-method-premium__lead{
    max-width:34ch;
    font-size:.95rem;
    line-height:1.48;
  }

  body[data-page="about"] .about-method-premium__signature{
    display:none;
  }

  body[data-page="about"] .about-method-premium__board{
    display:block;
  }

  body[data-page="about"] .about-method-premium__focus{
    display:none;
  }

  body[data-page="about"] .about-method-premium__steps{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:0;
    padding:0;
  }

  body[data-page="about"] .about-method-premium .method-step{
    grid-template-columns:36px 66px minmax(0, 1fr);
    gap:11px;
    align-items:center;
    min-height:108px;
    padding:12px;
    border-radius:22px;
  }

  body[data-page="about"] .about-method-premium .method-step__number{
    width:34px;
    height:34px;
    font-size:.74rem;
  }

  body[data-page="about"] .about-method-premium .method-step__media{
    display:block;
    width:66px;
    border-radius:17px;
  }

  body[data-page="about"] .about-method-premium .method-step__label{
    margin:0 0 4px;
    font-size:.61rem;
    line-height:1;
    letter-spacing:.13em;
  }

  body[data-page="about"] .about-method-premium .method-step h3{
    margin:0 0 4px;
    font-size:.98rem;
    line-height:1.08;
  }

  body[data-page="about"] .about-method-premium .method-step__body > p:not(.method-step__label){
    margin:0 0 8px;
    font-size:.78rem;
    line-height:1.34;
  }

  body[data-page="about"] .about-method-premium .method-step__tags{
    gap:6px;
  }

  body[data-page="about"] .about-method-premium .method-step__tags a{
    min-height:24px;
    padding:5px 8px;
    font-size:.61rem;
    line-height:1;
  }

  body[data-page="about"] .about-method-premium__outcomes{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    margin-top:10px;
  }

  body[data-page="about"] .about-method-premium .method-outcome{
    min-height:74px;
    padding:10px 7px;
    border-radius:18px;
    text-align:center;
  }

  body[data-page="about"] .about-method-premium .method-outcome__icon{
    justify-content:center;
    margin:0 0 6px;
    font-size:.84rem;
  }

  body[data-page="about"] .about-method-premium .method-outcome h3{
    margin:0;
    font-size:.68rem;
    line-height:1.14;
    letter-spacing:-.015em;
  }

  body[data-page="about"] .about-method-premium .method-outcome p{
    display:none;
  }

  body[data-page="about"] .about-method-premium__action{
    grid-column:1 / -1;
    gap:10px;
    padding:12px;
    border-radius:21px;
  }

  body[data-page="about"] .about-method-premium__proofs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  body[data-page="about"] .about-method-premium__proofs .badge{
    min-height:30px;
    padding:6px 8px;
    font-size:.67rem;
  }

  body[data-page="about"] .about-method-premium__action .btn{
    width:100%;
    min-height:48px;
    padding-inline:16px;
    font-size:.88rem;
  }
}

@media (max-width:370px){
  body[data-page="about"] .about-method-premium{
    align-items:flex-start;
    padding:24px 0 22px;
  }

  body[data-page="about"] .about-method-premium__container{
    width:min(calc(100% - 22px), 430px);
  }

  body[data-page="about"] .about-method-premium__intro h2{
    font-size:2rem;
  }

  body[data-page="about"] .about-method-premium .method-step{
    grid-template-columns:34px minmax(0, 1fr);
    padding:11px;
  }

  body[data-page="about"] .about-method-premium .method-step__media{
    display:none;
  }

  body[data-page="about"] .about-method-premium .method-step__tags a{
    font-size:.6rem;
    padding-inline:7px;
  }

  body[data-page="about"] .about-method-premium__proofs{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   FAQ ABOUT — PREMIUM FINAL CLEAN
   Scope strict : body[data-page="about"] .about-faq
========================================================= */

body[data-page="about"] .about-faq,
body[data-page="about"] .about-faq *{
  box-sizing:border-box;
}

body[data-page="about"] .about-faq{
  --faq-brown:#35251d;
  --faq-brown-2:#584033;
  --faq-brown-3:#21140f;
  --faq-gold:#b68455;
  --faq-gold-soft:#ddbd98;
  --faq-ivory:#fffaf4;
  --faq-text:#241a14;
  --faq-muted:rgba(55,44,36,.72);
  --faq-border:rgba(96,70,50,.14);
  --faq-shadow:0 26px 66px rgba(49,31,18,.095);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100svh - 82px);
  display:flex;
  align-items:center;
  padding:clamp(24px, 3.6vh, 42px) 0;
  color:var(--faq-text);
  background:
    radial-gradient(circle at 8% 18%, rgba(199,154,114,.14), transparent 34%),
    radial-gradient(circle at 92% 78%, rgba(47,32,23,.06), transparent 35%),
    linear-gradient(180deg, #f7efe6 0%, #fbf7f2 100%);
}

body[data-page="about"] .about-faq::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.42), transparent 42%, rgba(255,255,255,.28)),
    repeating-linear-gradient(
      90deg,
      rgba(96,70,50,.025) 0,
      rgba(96,70,50,.025) 1px,
      transparent 1px,
      transparent 126px
    );
  opacity:.58;
}

body[data-page="about"] .about-faq__container{
  width:min(1120px, calc(100% - 42px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(330px, .8fr) minmax(0, 1.2fr);
  gap:clamp(30px, 3.8vw, 54px);
  align-items:stretch;
}

/* =========================
   LEFT PANEL — EDITORIAL
========================= */

body[data-page="about"] .about-faq__editorial{
  position:relative;
  overflow:hidden;
  min-height:clamp(500px, calc(100svh - 150px), 585px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(34px, 3.2vw, 48px);
  border-radius:34px;
  color:var(--faq-ivory);
  background:
    radial-gradient(circle at 18% 12%, rgba(232,198,164,.16), transparent 34%),
    radial-gradient(circle at 86% 88%, rgba(183,133,92,.11), transparent 26%),
    linear-gradient(145deg, rgba(255,255,255,.07), transparent 36%),
    linear-gradient(150deg, #584033 0%, #35251d 48%, #21140f 100%);
  box-shadow:var(--faq-shadow);
}

body[data-page="about"] .about-faq__editorial::before{
  content:"";
  position:absolute;
  inset:17px;
  border-radius:26px;
  border:1px solid rgba(255,250,244,.15);
  pointer-events:none;
}

body[data-page="about"] .about-faq__editorial::after{
  content:"";
  position:absolute;
  right:28px;
  bottom:28px;
  width:70px;
  height:70px;
  border-radius:50%;
  border:1px solid rgba(221,189,152,.34);
  background:radial-gradient(circle, rgba(221,189,152,.16), transparent 68%);
  pointer-events:none;
}

body[data-page="about"] .about-faq__eyebrow{
  position:relative;
  z-index:1;
  margin:0 0 13px;
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--faq-gold-soft);
}

body[data-page="about"] .about-faq h2{
  position:relative;
  z-index:1;
  max-width:10.4ch;
  margin:0;
  font-size:clamp(2.5rem, 3.75vw, 3.75rem);
  line-height:.9;
  font-weight:800;
  letter-spacing:-.075em;
  color:var(--faq-ivory);
}

body[data-page="about"] .about-faq__lead{
  position:relative;
  z-index:1;
  max-width:38ch;
  margin:22px 0 0;
  font-size:clamp(.93rem, .95vw, 1rem);
  line-height:1.62;
  font-weight:500;
  color:rgba(255,250,244,.78);
}

body[data-page="about"] .about-faq__proofs{
  position:relative;
  z-index:1;
  list-style:none;
  display:grid;
  gap:0;
  margin:27px 0 0;
  padding:0;
  border-top:1px solid rgba(255,250,244,.12);
  border-bottom:1px solid rgba(255,250,244,.12);
}

body[data-page="about"] .about-faq__proofs li{
  display:grid;
  grid-template-columns:30px minmax(92px, auto) minmax(0, 1fr);
  gap:12px;
  align-items:center;
  min-height:50px;
  padding:11px 0;
  border-top:1px solid rgba(255,250,244,.10);
}

body[data-page="about"] .about-faq__proofs li:first-child{
  border-top:0;
}

body[data-page="about"] .about-faq__proofs span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border-radius:50%;
  border:1px solid rgba(221,189,152,.26);
  color:rgba(221,189,152,.9);
  font-size:.56rem;
  line-height:1;
  font-weight:900;
}

body[data-page="about"] .about-faq__proofs strong{
  font-size:.8rem;
  line-height:1.15;
  font-weight:800;
  color:#fffaf4;
}

body[data-page="about"] .about-faq__proofs small{
  display:block;
  font-size:.7rem;
  line-height:1.32;
  font-weight:500;
  color:rgba(255,250,244,.58);
}

body[data-page="about"] .about-faq__cta{
  position:relative;
  z-index:1;
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:27px;
  min-height:46px;
  padding:13px 20px;
  border-radius:999px;
  border:1px solid rgba(255,250,244,.18);
  background:#fff7ef;
  color:#24140e;
  text-decoration:none;
  font-size:.86rem;
  line-height:1;
  font-weight:800;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

body[data-page="about"] .about-faq__cta:hover{
  transform:translateY(-2px);
  background:#fff;
  box-shadow:0 22px 50px rgba(0,0,0,.24);
}

/* =========================
   RIGHT CASE
========================= */

body[data-page="about"] .about-faq__case{
  position:relative;
  overflow:hidden;
  min-height:clamp(500px, calc(100svh - 150px), 585px);
  display:flex;
  flex-direction:column;
  padding:clamp(22px, 2vw, 27px);
  border-radius:34px;
  border:1px solid rgba(96,70,50,.14);
  background:
    radial-gradient(circle at 86% 10%, rgba(182,132,85,.075), transparent 30%),
    linear-gradient(145deg, rgba(255,252,248,.98), rgba(245,235,224,.90));
  box-shadow:var(--faq-shadow);
}

body[data-page="about"] .about-faq__case::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.22), transparent 45%, rgba(255,255,255,.16));
}

body[data-page="about"] .about-faq__case > *{
  position:relative;
  z-index:1;
}

body[data-page="about"] .about-faq__case-head{
  flex:0 0 auto;
  padding-bottom:15px;
  border-bottom:1px solid rgba(96,70,50,.13);
}

body[data-page="about"] .about-faq__case-copy p{
  margin:0 0 8px;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--faq-gold);
}

body[data-page="about"] .about-faq__case-copy h3{
  max-width:34ch;
  margin:0;
  font-size:1.14rem;
  line-height:1.22;
  font-weight:800;
  letter-spacing:-.035em;
  color:rgba(36,26,20,.92);
}

/* =========================
   INPUTS / TABS
========================= */

body[data-page="about"] .about-faq__chapter-input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  clip-path:inset(50%);
  white-space:nowrap;
}

body[data-page="about"] .about-faq__chapter-tabs{
  display:none;
}

body[data-page="about"] .about-faq #about-faq-chapter-start:focus-visible ~ .about-faq__chapter-tabs label[for="about-faq-chapter-start"],
body[data-page="about"] .about-faq #about-faq-chapter-frame:focus-visible ~ .about-faq__chapter-tabs label[for="about-faq-chapter-frame"],
body[data-page="about"] .about-faq__cta:focus-visible,
body[data-page="about"] .about-faq__case-cta:focus-visible,
body[data-page="about"] .about-faq summary:focus-visible{
  outline:2px solid rgba(182,132,85,.48);
  outline-offset:4px;
}

/* =========================
   CHAPTERS DESKTOP
========================= */

body[data-page="about"] .about-faq__chapters{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:15px;
  margin-top:17px;
}

body[data-page="about"] .about-faq__chapter{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(96,70,50,.12);
  background:rgba(255,250,244,.66);
  box-shadow:0 12px 30px rgba(49,31,18,.045);
}

body[data-page="about"] .about-faq__chapter-title{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(96,70,50,.12);
}

body[data-page="about"] .about-faq__chapter-title span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(182,132,85,.26);
  background:rgba(255,253,250,.74);
  color:var(--faq-gold);
  font-size:.56rem;
  line-height:1;
  font-weight:900;
}

body[data-page="about"] .about-faq__chapter-title h4{
  margin:0;
  font-size:.84rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(36,26,20,.82);
}

body[data-page="about"] .about-faq__item{
  overflow:hidden;
  margin-top:9px;
  border-radius:18px;
  border:1px solid rgba(96,70,50,.12);
  background:rgba(255,253,250,.96);
  box-shadow:0 10px 22px rgba(49,31,18,.045);
}

body[data-page="about"] .about-faq__item:first-of-type{
  margin-top:0;
}

body[data-page="about"] .about-faq__item[open]{
  background:
    radial-gradient(circle at 96% 6%, rgba(182,132,85,.10), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,244,.88));
  border-color:rgba(182,132,85,.22);
}

body[data-page="about"] .about-faq summary{
  cursor:pointer;
  list-style:none;
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0, 1fr);
  gap:10px;
  align-items:center;
  min-height:57px;
  padding:12px 39px 12px 13px;
}

body[data-page="about"] .about-faq summary::-webkit-details-marker{
  display:none;
}

body[data-page="about"] .about-faq summary::after{
  content:"+";
  position:absolute;
  right:12px;
  top:50%;
  width:24px;
  height:24px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(182,132,85,.14);
  color:#9a6745;
  font-size:.9rem;
  line-height:1;
  font-weight:900;
}

body[data-page="about"] .about-faq__item[open] summary::after{
  content:"–";
  background:rgba(47,32,23,.08);
  color:var(--faq-brown);
}

body[data-page="about"] .about-faq summary span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border-radius:50%;
  border:1px solid rgba(182,132,85,.24);
  background:rgba(255,250,244,.82);
  color:#9a6745;
  font-size:.55rem;
  line-height:1;
  font-weight:900;
}

body[data-page="about"] .about-faq summary strong{
  min-width:0;
  font-size:.84rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.018em;
  color:rgba(36,26,20,.92);
}

body[data-page="about"] .about-faq__answer{
  margin:0 13px 0 53px;
  padding:0 10px 15px 0;
}

body[data-page="about"] .about-faq__answer p{
  margin:0;
  font-size:.79rem;
  line-height:1.5;
  font-weight:500;
  color:rgba(55,44,36,.74);
}

/* =========================
   FOOTER CTA
========================= */

body[data-page="about"] .about-faq__case-foot{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:20px;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(96,70,50,.12);
}

body[data-page="about"] .about-faq__case-foot-copy strong{
  display:block;
  margin:0 0 5px;
  font-size:.82rem;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.02em;
  color:rgba(36,26,20,.90);
}

body[data-page="about"] .about-faq__case-foot-copy span{
  display:block;
  font-size:.73rem;
  line-height:1.35;
  font-weight:500;
  color:rgba(55,44,36,.66);
}

body[data-page="about"] .about-faq__case-cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  padding:12px 20px;
  border-radius:999px;
  border:1px solid rgba(96,70,50,.12);
  background:linear-gradient(135deg, var(--faq-brown) 0%, var(--faq-brown-3) 100%);
  color:#fffaf4;
  text-decoration:none;
  font-size:.77rem;
  line-height:1;
  font-weight:800;
  box-shadow:0 14px 30px rgba(49,31,18,.14);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

body[data-page="about"] .about-faq__case-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(49,31,18,.20);
  background:linear-gradient(135deg, #3a261b 0%, var(--faq-brown-3) 100%);
}

body[data-page="about"] .about-faq__case-cta span{
  font-size:.9rem;
  line-height:1;
}

/* =========================
   TABLET
========================= */

@media (max-width:1060px){
  body[data-page="about"] .about-faq{
    min-height:auto;
    padding:54px 0 68px;
  }

  body[data-page="about"] .about-faq__container{
    grid-template-columns:1fr;
    width:min(760px, calc(100% - 40px));
    gap:22px;
  }

  body[data-page="about"] .about-faq__editorial,
  body[data-page="about"] .about-faq__case{
    min-height:0;
  }

  body[data-page="about"] .about-faq__editorial{
    padding:34px;
  }

  body[data-page="about"] .about-faq h2{
    max-width:13ch;
    font-size:clamp(2.35rem, 6vw, 3.35rem);
  }

  body[data-page="about"] .about-faq__lead{
    max-width:58ch;
  }
}

/* =========================
   MOBILE — PREMIUM READABLE SCREEN
========================= */

@media (max-width:767px){
  body[data-page="about"] .about-faq{
    min-height:100svh;
    display:flex;
    align-items:center;
    padding:8px 0;
    overflow:hidden;
  }

  @supports (min-height:100dvh){
    body[data-page="about"] .about-faq{
      min-height:100dvh;
    }
  }

  body[data-page="about"] .about-faq__container{
    width:min(calc(100% - 18px), 430px);
    height:calc(100svh - 16px);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0, 1fr);
    gap:8px;
    align-items:stretch;
  }

  @supports (height:100dvh){
    body[data-page="about"] .about-faq__container{
      height:calc(100dvh - 16px);
    }
  }

  body[data-page="about"] .about-faq__editorial{
    min-height:0;
    justify-content:center;
    padding:12px 14px 11px;
    border-radius:22px;
  }

  body[data-page="about"] .about-faq__editorial::before{
    inset:8px;
    border-radius:17px;
  }

  body[data-page="about"] .about-faq__editorial::after{
    display:none;
  }

  body[data-page="about"] .about-faq__eyebrow{
    margin-bottom:5px;
    font-size:.54rem;
    letter-spacing:.16em;
  }

  body[data-page="about"] .about-faq h2{
    max-width:11.4ch;
    font-size:clamp(1.46rem, 6vw, 1.7rem);
    line-height:.92;
    letter-spacing:-.07em;
  }

  body[data-page="about"] .about-faq__lead,
  body[data-page="about"] .about-faq__proofs{
    display:none;
  }

  body[data-page="about"] .about-faq__cta{
    width:100%;
    min-height:32px;
    margin-top:9px;
    padding:9px 13px;
    font-size:.66rem;
  }

  body[data-page="about"] .about-faq__case{
    min-height:0;
    height:100%;
    display:flex;
    flex-direction:column;
    padding:10px;
    border-radius:22px;
  }

  body[data-page="about"] .about-faq__case-head{
    flex:0 0 auto;
    padding-bottom:7px;
  }

  body[data-page="about"] .about-faq__case-copy p{
    margin-bottom:4px;
    font-size:.55rem;
    letter-spacing:.15em;
  }

  body[data-page="about"] .about-faq__case-copy h3{
    max-width:none;
    font-size:.72rem;
    line-height:1.18;
    color:rgba(36,26,20,.94);
  }

  body[data-page="about"] .about-faq__chapter-tabs{
    flex:0 0 auto;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    margin-top:7px;
    padding:4px;
    border-radius:999px;
    border:1px solid rgba(96,70,50,.12);
    background:rgba(47,32,23,.045);
  }

  body[data-page="about"] .about-faq__chapter-tabs label{
    cursor:pointer;
    min-height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px;
    border-radius:999px;
    font-size:.6rem;
    line-height:1;
    font-weight:800;
    color:rgba(55,44,36,.68);
    transition:background .22s ease, color .22s ease, box-shadow .22s ease;
  }

  body[data-page="about"] .about-faq__chapter-tabs label span{
    font-size:.48rem;
    font-weight:900;
    letter-spacing:.12em;
    color:rgba(154,103,69,.82);
  }

  body[data-page="about"] .about-faq #about-faq-chapter-start:checked ~ .about-faq__chapter-tabs label[for="about-faq-chapter-start"],
  body[data-page="about"] .about-faq #about-faq-chapter-frame:checked ~ .about-faq__chapter-tabs label[for="about-faq-chapter-frame"]{
    background:#fffaf4;
    color:var(--faq-brown-3);
    box-shadow:0 8px 20px rgba(49,31,18,.08);
  }

  body[data-page="about"] .about-faq__chapters{
    flex:1 1 auto;
    min-height:0;
    display:block;
    margin-top:7px;
  }

  body[data-page="about"] .about-faq__chapter{
    display:none;
    height:100%;
    padding:8px;
    border-radius:18px;
  }

  body[data-page="about"] .about-faq #about-faq-chapter-start:checked ~ .about-faq__chapters .about-faq__chapter--start,
  body[data-page="about"] .about-faq #about-faq-chapter-frame:checked ~ .about-faq__chapters .about-faq__chapter--frame{
    display:flex;
    flex-direction:column;
  }

  body[data-page="about"] .about-faq__chapter-title{
    flex:0 0 auto;
    margin-bottom:7px;
    padding-bottom:7px;
  }

  body[data-page="about"] .about-faq__chapter-title span{
    width:23px;
    height:23px;
    font-size:.48rem;
  }

  body[data-page="about"] .about-faq__chapter-title h4{
    font-size:.66rem;
    letter-spacing:.1em;
    color:rgba(36,26,20,.84);
  }

  body[data-page="about"] .about-faq__item{
    flex:1 1 0;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin-top:6px;
    border-radius:16px;
  }

  body[data-page="about"] .about-faq__item:first-of-type{
    margin-top:0;
  }

  body[data-page="about"] .about-faq summary{
    grid-template-columns:24px minmax(0, 1fr);
    gap:8px;
    min-height:0;
    height:100%;
    padding:8px 32px 8px 11px;
  }

  body[data-page="about"] .about-faq summary::after{
    right:9px;
    width:21px;
    height:21px;
    font-size:.78rem;
  }

  body[data-page="about"] .about-faq summary span{
    width:23px;
    height:23px;
    font-size:.48rem;
  }

  body[data-page="about"] .about-faq summary strong{
    font-size:.82rem;
    line-height:1.18;
    font-weight:800;
    color:rgba(36,26,20,.96);
  }

  body[data-page="about"] .about-faq__answer{
    margin-left:42px;
    padding:0 8px 10px 0;
  }

  body[data-page="about"] .about-faq__answer p{
    font-size:.69rem;
    line-height:1.38;
  }

  body[data-page="about"] .about-faq__case-foot{
    flex:0 0 auto;
    display:block;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid rgba(96,70,50,.12);
  }

  body[data-page="about"] .about-faq__case-foot-copy{
    display:none;
  }

  body[data-page="about"] .about-faq__case-cta{
    width:100%;
    min-height:33px;
    padding:9px 13px;
    font-size:.66rem;
  }
}

/* =========================
   PETIT MOBILE
========================= */

@media (max-width:420px){
  body[data-page="about"] .about-faq__container{
    width:calc(100% - 18px);
    height:calc(100svh - 16px);
  }

  @supports (height:100dvh){
    body[data-page="about"] .about-faq__container{
      height:calc(100dvh - 16px);
    }
  }

  body[data-page="about"] .about-faq h2{
    font-size:clamp(1.38rem, 5.7vw, 1.62rem);
  }

  body[data-page="about"] .about-faq__case-copy h3{
    font-size:.68rem;
  }

  body[data-page="about"] .about-faq summary strong{
    font-size:.8rem;
  }
}

/* =========================
   MOBILE BAS EN HAUTEUR
========================= */

@media (max-width:767px) and (max-height:760px){
  body[data-page="about"] .about-faq__editorial{
    padding:10px 13px 9px;
  }

  body[data-page="about"] .about-faq h2{
    font-size:clamp(1.28rem, 5.4vw, 1.48rem);
  }

  body[data-page="about"] .about-faq__cta{
    min-height:30px;
    margin-top:7px;
    font-size:.62rem;
  }

  body[data-page="about"] .about-faq__case{
    padding:9px;
  }

  body[data-page="about"] .about-faq__case-copy h3{
    font-size:.64rem;
  }

  body[data-page="about"] .about-faq__chapter-tabs{
    margin-top:6px;
  }

  body[data-page="about"] .about-faq__chapters{
    margin-top:6px;
  }

  body[data-page="about"] .about-faq__chapter-title{
    margin-bottom:5px;
    padding-bottom:5px;
  }

  body[data-page="about"] .about-faq__item{
    margin-top:5px;
  }

  body[data-page="about"] .about-faq summary strong{
    font-size:.72rem;
  }

  body[data-page="about"] .about-faq__case-foot{
    margin-top:6px;
    padding-top:6px;
  }

  body[data-page="about"] .about-faq__case-cta{
    min-height:29px;
    font-size:.6rem;
  }
}