/* ============================================================
   LES3 — page-sciage.css
   Sections redesignées (LIVE) de la page « Sciage »
   1) Nos équipements de sciage  → liste 2 colonnes + carte image en profondeur
   2) Profondeurs réalisables     → grandes cartes-chiffres + règle graduée
   Palette orange #ec5b40 / #ec5b40 · gris #67696b · encre #1d1e20
   General Sans + Inter · angles vifs (border-radius:0) · pictos line fins
   Mobile-first + desktop soigné
   ============================================================ */

:root{
  --sc-orange:#ec5b40; --sc-orange-700:#ec5b40; --sc-orange-tint:#fdf0ec;
  --sc-gray:#67696b; --sc-muted:#85878b;
  --sc-ink:#1d1e20; --sc-ink-soft:#3c3e41;
  --sc-paper:#fff; --sc-paper-alt:#f5f6f7; --sc-paper-warm:#eef0f2;
  --sc-line:#e8e4de; --sc-line-2:#ddd8d1;
  --sc-ease:cubic-bezier(.16,1,.3,1);
}

/* Pictos line ultra-fins, visibles */
.sc-ic{display:block;width:100%;height:100%;}
.sc-ic *{stroke:currentColor;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.sc-ic .dot{fill:currentColor;stroke:none;}

/* ============================================================
   1) ÉQUIPEMENTS — liste deux colonnes + carte image en calques
   ============================================================ */
.sc-eq__grid{
  display:grid;grid-template-columns:1fr;
  gap:clamp(34px,5vw,52px);align-items:start;
  margin-top:clamp(8px,2vw,14px);
}

/* Liste des équipements */
.sc-eq__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;}
.sc-eq__item{
  display:grid;grid-template-columns:46px 1fr;gap:1rem;align-items:start;
  padding:1.1rem 0;border-bottom:.5px solid var(--sc-line);
  transition:transform .4s var(--sc-ease);
}
.sc-eq__item:first-child{border-top:.5px solid var(--sc-line);}
.sc-eq__item:hover{transform:translateX(5px);}
.sc-eq__ic{
  width:46px;height:46px;color:var(--sc-orange-700);
  border:.5px solid var(--sc-line-2);background:var(--sc-orange-tint);
  display:grid;place-items:center;padding:9px;
  box-shadow:0 2px 10px rgba(29,30,32,.05);
}
.sc-eq__tx b{
  display:block;font-family:"General Sans",sans-serif;font-weight:600;color:var(--sc-ink);
  font-size:1.04rem;line-height:1.3;margin-bottom:.15rem;
}
.sc-eq__tx span{color:var(--sc-gray);font-size:.95rem;line-height:1.5;}

/* Colonne média (image en profondeur + matériaux + CTA) */
.sc-eq__media{position:relative;}
/* calque décalé derrière la photo (profondeur) */
.sc-eq__media::before{
  content:"";position:absolute;top:18px;left:18px;right:-18px;bottom:-18px;z-index:-1;
  border:.5px solid var(--sc-line-2);
  background-color:var(--sc-paper-alt);
  background-image:linear-gradient(var(--sc-line) 1px,transparent 1px),linear-gradient(90deg,var(--sc-line) 1px,transparent 1px);
  background-size:22px 22px;
}
.sc-eq__fig{
  position:relative;margin:0;border:.5px solid var(--sc-line);
  background:var(--sc-paper-warm);box-shadow:0 34px 80px -28px rgba(29,30,32,.30);
}
.sc-eq__fig img{width:100%;height:clamp(240px,42vw,420px);object-fit:cover;display:block;}
/* calque de profondeur derrière l'image (autorisé) */
.sc-eq__fig::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(29,30,32,.34));pointer-events:none;}
.sc-eq__badge{
  position:absolute;left:0;bottom:0;z-index:2;
  background:var(--sc-orange);color:#fff;font-family:"General Sans",sans-serif;font-weight:700;
  font-size:.86rem;letter-spacing:.02em;padding:.7rem 1.1rem;
}

/* Bloc matériaux travaillés */
.sc-eq__mat{
  margin-top:clamp(18px,3vw,26px);border:.5px solid var(--sc-line);background:var(--sc-paper);
  padding:1.2rem 1.3rem;box-shadow:0 2px 10px rgba(29,30,32,.05);
}
.sc-eq__mat h3{font-family:"General Sans",sans-serif;font-weight:700;color:var(--sc-ink);font-size:1.02rem;margin:0 0 .9rem;}
.sc-eq__chips{display:flex;flex-wrap:wrap;gap:.6rem;}
.sc-eq__chip{
  display:inline-flex;align-items:center;gap:.5rem;border:.5px solid var(--sc-line-2);
  background:var(--sc-paper-alt);padding:.5rem .8rem;font-size:.9rem;color:var(--sc-ink-soft);font-weight:500;
}
.sc-eq__chip i{width:20px;height:20px;color:var(--sc-orange-700);display:block;}

/* Note IPN / plaques carbone */
.sc-eq__note{
  margin-top:clamp(14px,2.4vw,20px);
  border-left:3px solid var(--sc-orange);background:var(--sc-orange-tint);
  padding:1rem 1.15rem;font-size:.95rem;line-height:1.6;color:var(--sc-ink-soft);
}
.sc-eq__note strong{color:var(--sc-orange-700);}

/* Pied CTA de la colonne média */
.sc-eq__cta{margin-top:clamp(18px,3vw,24px);}

@media(min-width:920px){
  .sc-eq__grid{grid-template-columns:1.05fr .95fr;gap:clamp(40px,4.5vw,70px);}
  .sc-eq__list{grid-template-columns:1fr 1fr;column-gap:2.2rem;}
  .sc-eq__item{padding:1.05rem 0;}
  .sc-eq__item:nth-child(2){border-top:.5px solid var(--sc-line);}
}

/* ============================================================
   2) PROFONDEURS — grandes cartes-chiffres avec règle graduée
   ============================================================ */
.sc-pf__cards{
  margin-top:clamp(8px,2vw,14px);
  display:grid;grid-template-columns:1fr;gap:18px;
}
@media(min-width:720px){.sc-pf__cards{grid-template-columns:repeat(3,1fr);}}

.sc-nc{
  position:relative;border:.5px solid var(--sc-line-2);background:var(--sc-paper);
  padding:24px 22px 22px;overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease;
}
.sc-nc:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(29,30,32,.12);}

/* Règle graduée à gauche */
.sc-nc__ruler{position:absolute;top:0;left:0;width:30px;height:100%;border-right:.5px solid var(--sc-line);background:var(--sc-paper-alt);}
.sc-nc__ruler i{position:absolute;left:0;height:1px;background:var(--sc-line-2);}
.sc-nc__ruler i.maj{width:16px;background:var(--sc-gray);}
.sc-nc__ruler i.min{width:9px;}

.sc-nc__body{padding-left:30px;}
.sc-nc__ico{width:40px;height:40px;border:.5px solid var(--sc-line-2);display:grid;place-items:center;background:var(--sc-paper);color:var(--sc-orange-700);padding:8px;}
.sc-nc__ico--soft{color:var(--sc-gray);}
.sc-nc__big{
  font-family:"General Sans",sans-serif;font-weight:700;font-size:clamp(2.6rem,7vw,3.5rem);line-height:.95;
  color:var(--sc-ink);letter-spacing:-.03em;margin-top:18px;
}
.sc-nc__big .u{font-size:1.1rem;color:var(--sc-orange-700);margin-left:6px;letter-spacing:0;}
.sc-nc__big.is-study{font-size:clamp(1.5rem,4.4vw,1.9rem);color:var(--sc-orange-700);}
.sc-nc__pre{font-size:.78rem;color:var(--sc-muted);letter-spacing:.04em;margin-top:14px;}
.sc-nc__name{font-family:"General Sans",sans-serif;font-weight:700;font-size:1.02rem;color:var(--sc-ink);margin-top:6px;}
.sc-nc__tech{font-size:.82rem;color:var(--sc-gray);margin-top:3px;}

/* Note étude technique préalable */
.sc-pf__note{
  margin-top:clamp(22px,3vw,28px);display:flex;gap:16px;align-items:flex-start;
  background:var(--sc-paper-warm);border:.5px solid var(--sc-line);border-left:3px solid var(--sc-orange);
  padding:18px 20px;
}
.sc-pf__note .sc-pf__noteic{flex:none;width:24px;height:24px;color:var(--sc-orange-700);margin-top:2px;}
.sc-pf__note p{font-size:.93rem;color:var(--sc-ink-soft);line-height:1.6;max-width:70ch;margin:0;}

/* Pied CTA de la section profondeurs */
.sc-pf__cta{margin-top:clamp(22px,3vw,28px);}

@media (prefers-reduced-motion:reduce){
  .sc-eq__item,.sc-nc{transition:none;}
}

/* ============================================================
   3) PICTOS UNIFIÉS (.ico) DANS LES WRAPPERS DE SECTION
   Le jeu line unifié remplace les anciens SVG inline ;
   on règle ici la taille via font-size (.ico = 1em).
   ============================================================ */
.sc-eq__ic .ico{font-size:1.55rem;color:var(--sc-orange-700);}
.sc-eq__chip .ico{font-size:1.15rem;color:var(--sc-orange-700);margin-right:.1rem;}
.sc-nc__ico .ico{font-size:1.45rem;color:inherit;}
.sc-nc__ico--soft .ico{color:var(--sc-gray);}
.sc-pf__noteic .ico{font-size:1.4rem;color:var(--sc-orange-700);}

/* ============================================================
   4) PREUVE SOCIALE — picto par statistique + CTA citation
   ============================================================ */
.sc-stat__ic{display:block;margin-bottom:.55rem;color:var(--sc-orange);}
.proof__grid .stats__item{display:flex;flex-direction:column;align-items:flex-start;}
.quote__cta{margin-top:clamp(18px,3vw,24px);}

/* ============================================================
   5) APPROCHE — picto de section au-dessus du titre
   ============================================================ */
.sc-sec__ic{display:block;margin-bottom:.7rem;color:var(--sc-orange);}

/* ============================================================
   6) CARTES PRESTATIONS — picto + numéro alignés
   ============================================================ */
.card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.card__head .card__num{margin-bottom:0;}
.card__ic{font-size:1.9rem;color:var(--sc-orange);}

/* ============================================================
   7) ACCORDÉONS — picto entre le numéro et la question
   ============================================================ */
.acc__ic{font-size:1.3rem;color:var(--sc-orange);flex:none;}

@media (max-width:560px){
  .acc__ic{display:none;}
}