/* Rachat Auto Volcans — direction « La Coupe du volcan » (Geological Bold). Jetons générés par construire.py à partir de directions.json ; le reste de la feuille vient de sites/rachat-auto-volcans/skin.css. */
:root{
  --bg:#F4F3F1;--bg-2:#E8E6E2;--ink:#232322;--ink-2:#55534F;--ink-3:color-mix(in srgb,#55534F 70%,#F4F3F1);
  --line:color-mix(in srgb,#232322 12%,#F4F3F1);--line-2:color-mix(in srgb,#232322 22%,#F4F3F1);
  --accent:#F26B1D;--accent-ink:#FFFFFF;--accent-2:#2F5D50;--accent-soft:color-mix(in srgb,#F26B1D 14%,#F4F3F1);
  --f-head:'Anton',system-ui,sans-serif;--f-body:'Karla',system-ui,sans-serif;
  --r:0px;--r-lg:0px;--r-btn:0px;
}
/* ===== La Coupe du volcan : basalte, strates, lave orange, condensé géant, aucun arrondi ===== */
h1,h2,h3{font-weight:400;letter-spacing:.01em;text-transform:uppercase}
h1{font-size:clamp(2.6rem,6.2vw,5.2rem);line-height:.94}
h2{font-size:clamp(1.9rem,4vw,3.2rem)}
h3{font-family:var(--f-body);font-weight:700;text-transform:none;letter-spacing:0}
.kicker{color:var(--accent);letter-spacing:.24em;font-family:var(--f-body);font-weight:700}
em{color:var(--accent)}
.topbar{background:var(--bg);border-bottom:6px solid var(--ink)}
.brand__name{font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.btn{text-transform:uppercase;letter-spacing:.1em;font-family:var(--f-head);font-weight:400;font-size:1rem}
.btn--primary{box-shadow:none}
.btn--primary:hover{background:var(--ink)}

/* héros */
.hero--volcan{padding:clamp(2rem,5vw,4rem) 0 0;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:end}
.hero__photo-img{width:100%;aspect-ratio:5/4;object-fit:cover;outline:6px solid var(--ink)}
@media (max-width:900px){.hero__grid{grid-template-columns:1fr}}

/* strates pleine largeur */
.strates{border-top:6px solid var(--ink)}
.strate-band{padding:clamp(2rem,4vw,3.2rem) 0}
.strate-band--1{background:#e0dcd4}
.strate-band--2{background:#c4bfb7}
.strate-band--3{background:#a7a29b}
.strate-band--lave{background:var(--accent);color:#fff}
.strate-band__in{display:grid;grid-template-columns:auto 1fr 320px;gap:clamp(1rem,3vw,2.6rem);align-items:center}
.strate-band__num{font-family:var(--f-head);font-size:clamp(4rem,10vw,8rem);line-height:.8;color:var(--ink);opacity:.9}
.strate-band h2{margin-bottom:.4rem}
.strate-band p{margin:0;color:var(--ink);max-width:52ch}
.strate-band figure{margin:0;aspect-ratio:16/10;overflow:hidden;outline:6px solid var(--ink)}
.strate-band figure img{width:100%;height:100%;object-fit:cover}
.strate-band__in--lave{grid-template-columns:1fr auto}
.strate-band__in--lave p{color:#fff;font-size:1.3rem}
.strate-band--lave .btn--cream{color:var(--accent)}
@media (max-width:820px){.strate-band__in{grid-template-columns:auto 1fr}.strate-band figure{grid-column:1/3}.strate-band__in--lave{grid-template-columns:1fr}}

/* composants : nets, épais */
.etats__item,.etape,.preuve__item,.post,.faq details,.formlead__card,.aside__card,.wizard-card,.contact-card,.modele,.villes-table,.offer,.chip{border-radius:0;border:2px solid var(--ink);box-shadow:none;background:#fff}
.etats__item:hover,.post:hover,.chip:hover{box-shadow:6px 6px 0 var(--accent);border-color:var(--ink)}
.etats__num{color:var(--accent);font-family:var(--f-head);font-size:1.4rem;font-weight:400}
.etats__item strong{font-family:var(--f-head);font-weight:400;font-size:1.5rem;letter-spacing:.02em}
.etape__num{border-radius:0;background:var(--ink)}
.preuve{margin-top:1.6rem}
.preuve__item b{font-weight:400;color:var(--accent)}
.sect--alt{background:var(--bg-2);border-block:6px solid var(--ink)}
.galerie__item{border-radius:0;outline:2px solid var(--ink)}
.galerie__item figcaption{background:var(--accent);border-radius:0;text-transform:uppercase}
.page-hero{background:var(--bg-2);border-bottom:6px solid var(--ink)}
.faq summary{font-family:var(--f-body);font-weight:700;text-transform:none}
.faq details[open]{border-color:var(--accent)}
.cta-final{background:var(--ink);color:#fff}
.cta-final__title{font-weight:400}
.cta-final__title em{color:var(--accent)}
.cta-final .btn--cream{color:var(--ink)}
.cta-mi{background:var(--ink);border-radius:0}
.cta-mi .btn--cream{color:var(--ink)}
.footer{background:var(--ink);color:rgba(255,255,255,.75);border-top:0;position:relative;padding-top:3.4rem}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(180deg,#55534F,#3a3936 33%,#232322 66%,var(--ink))}
.footer__logo,.footer__head,.footer__contact a{color:#fff}
.footer__col a{color:rgba(255,255,255,.75)}
.footer__col a:hover,.footer__logo em{color:var(--accent)}
.footer__bottom{border-top-color:rgba(255,255,255,.15);color:rgba(255,255,255,.5)}
.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
.shead h2 em{color:var(--accent)}