/* ============================================================
   Centre Auto Floralies — feuille de style
   Identité : atelier / industriel — graphite acier + jaune signal
   Display : Anton (poster condensé) · Body : Inter · Data : Space Mono
   ============================================================ */

:root{
  --ink:#14181b;
  --steel:#1e2429;
  --steel-2:#262d33;
  --paper:#f6f4ef;
  --paper-2:#ece8df;
  --line:#dcd7cc;
  --amber:#f5a623;
  --amber-deep:#e08e08;
  --white:#ffffff;
  --txt:#1b2024;
  --txt-soft:#5c6168;
  --txt-inv:#eef1f3;
  --txt-inv-soft:#9aa3aa;
  --radius:14px;
  --maxw:1140px;
  --shadow:0 18px 40px -22px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  color:var(--txt);
  background:var(--paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,iframe{max-width:100%;display:block}
a{color:inherit}

.readout{
  font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);margin:0 0 1rem;
}
.readout--dark{color:var(--amber-deep)}

/* ───────────── Boutons ───────────── */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;
  text-decoration:none;padding:.7rem 1.15rem;border-radius:999px;border:2px solid transparent;
  transition:transform .14s ease,background .2s ease,color .2s ease,border-color .2s ease;
  white-space:nowrap;cursor:pointer;
}
.btn--lg{padding:.95rem 1.6rem;font-size:1rem}
.btn--call{background:var(--amber);color:#1c1402;border-color:var(--amber)}
.btn--call:hover{background:var(--amber-deep);border-color:var(--amber-deep);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.btn--ghost:hover{background:rgba(245,166,35,.14);border-color:var(--amber);color:var(--amber-deep);transform:translateY(-2px)}
.section--dark .btn--ghost:hover,.phero .btn--ghost:hover,.ctaband .btn--ghost:hover{color:var(--amber)}

/* ───────────── Header ───────────── */
.hdr{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.5rem;
  padding:.7rem clamp(1rem,4vw,2rem);background:rgba(20,24,27,.92);
  backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.08);color:var(--txt-inv);
}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--white);font-weight:600}
.brand__mark{color:var(--amber);display:flex}
.brand__txt{font-size:1.05rem;letter-spacing:.01em}
.brand__txt strong{color:var(--amber);font-weight:800}
.nav{display:flex;gap:1.4rem;margin-left:auto;font-size:.92rem;font-weight:500}
.nav a{color:var(--txt-inv-soft);text-decoration:none;padding:.3rem 0;position:relative;transition:color .18s}
.nav a:hover,.nav a.active{color:var(--white)}
.nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--amber);transition:width .2s}
.nav a:hover::after,.nav a.active::after{width:100%}
.hdr__call{margin-left:.5rem}
.burger{display:none;background:none;border:0;flex-direction:column;gap:5px;padding:6px;margin-left:auto;cursor:pointer}
.burger span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav[hidden]{display:none}
.mobile-nav{
  position:sticky;top:57px;z-index:49;display:flex;flex-direction:column;gap:.2rem;
  background:var(--steel);padding:1rem clamp(1rem,4vw,2rem) 1.4rem;border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-nav a{color:var(--txt-inv);text-decoration:none;padding:.7rem .2rem;border-bottom:1px solid rgba(255,255,255,.06);font-weight:500}
.mobile-nav .btn{justify-content:center;margin-top:.8rem;border-bottom:0}

/* ───────────── Hero accueil (photo) ───────────── */
.hero{
  position:relative;color:var(--txt-inv);
  padding:clamp(4rem,11vw,8rem) clamp(1rem,4vw,2rem) clamp(3.5rem,8vw,6rem);
  background:linear-gradient(180deg,rgba(13,16,18,.78) 0%,rgba(13,16,18,.62) 45%,rgba(13,16,18,.92) 100%),
             #14181b center/cover no-repeat;
  overflow:hidden;
}
.hero[data-bg]{background-image:linear-gradient(180deg,rgba(13,16,18,.80) 0%,rgba(13,16,18,.55) 45%,rgba(13,16,18,.94) 100%),var(--bg)}
.hero__inner{position:relative;max-width:var(--maxw);margin:0 auto}
.hero__title{
  font-family:"Anton",sans-serif;font-weight:400;font-size:clamp(2.6rem,8vw,5.4rem);
  line-height:.98;letter-spacing:.005em;text-transform:uppercase;margin:.2rem 0 1.3rem;
}
.hero__title .hl{color:var(--amber)}
.hero__lede{font-size:clamp(1.05rem,2.4vw,1.3rem);max-width:48ch;color:var(--txt-inv);opacity:.94}
.hero__lede strong{color:var(--amber);font-weight:700}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin:2rem 0 0}
.hero__stats{
  list-style:none;margin:3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);overflow:hidden;
}
.hero__stats li{background:rgba(16,20,23,.72);padding:1.2rem 1.1rem;display:flex;flex-direction:column;gap:.25rem}
.stat__n{font-family:"Anton",sans-serif;font-size:2rem;line-height:1;color:var(--white)}
.stat__u{font-size:1rem;color:var(--amber);margin-left:2px}
.stat__l{font-size:.8rem;color:var(--txt-inv-soft)}

/* ───────────── Hero compact pages internes ───────────── */
.phero{
  position:relative;color:var(--txt-inv);padding:clamp(2.6rem,6vw,4.2rem) clamp(1rem,4vw,2rem);
  background:linear-gradient(180deg,rgba(13,16,18,.82),rgba(13,16,18,.9)),#14181b center/cover no-repeat;
}
.phero[data-bg]{background-image:linear-gradient(90deg,rgba(13,16,18,.92) 0%,rgba(13,16,18,.66) 100%),var(--bg)}
.phero__inner{max-width:var(--maxw);margin:0 auto}
.phero h1{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(2rem,5.5vw,3.4rem);line-height:1.02;margin:.3rem 0 .6rem}
.phero p{max-width:60ch;color:var(--txt-inv);opacity:.92;margin:0;font-size:1.08rem}
.phero .hero__cta{margin-top:1.6rem}

/* Badge (ex. habilité ANTS) */
.pbadge{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .2rem;padding:.4rem .85rem;border-radius:999px;
  background:var(--amber);color:#1c1402;font-weight:700;font-size:.82rem;letter-spacing:.02em}
.pbadge svg{width:15px;height:15px}
.card__badge{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--amber);color:#1c1402;
  font-family:"Space Mono",monospace;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.3rem .6rem;border-radius:7px;box-shadow:0 4px 12px -4px rgba(0,0,0,.5)}
.card{position:relative}

/* Fil d'ariane */
.crumb{font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.08em;color:var(--txt-inv-soft)}
.crumb a{color:var(--txt-inv-soft);text-decoration:none}
.crumb a:hover{color:var(--amber)}
.crumb span{color:var(--amber);margin:0 .35rem}

/* ───────────── Sections ───────────── */
.section{padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,2rem);max-width:var(--maxw);margin:0 auto}
.section--dark{max-width:none;background:var(--steel);color:var(--txt-inv)}
.section--dark .section__head,.section--dark .pledges,.section--dark .infos,
.section--dark .checks,.section--dark .steps,.section--dark .faq,.section--dark .posts{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.section__head{margin-bottom:2.6rem;max-width:64ch}
.section__head--center{margin-left:auto;margin-right:auto;text-align:center}
.section__title{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.02;letter-spacing:.01em;margin:.2rem 0 .7rem}
.section--dark .section__title{color:var(--white)}
.section__sub{font-size:1.08rem;color:var(--txt-soft);margin:0}
.section--dark .section__sub{color:var(--txt-inv-soft)}

/* ── Cartes prestations (avec image) ── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.card{
  display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s;text-decoration:none;color:inherit;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--amber)}
.card__img{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--paper-2)}
.card__body{padding:1.3rem 1.4rem 1.5rem}
.card h3{font-size:1.18rem;margin:0 0 .4rem;letter-spacing:.005em}
.card p{margin:0;color:var(--txt-soft);font-size:.96rem}
.card__more{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;font-weight:700;font-size:.9rem;color:var(--amber-deep)}
.card:hover .card__more{gap:.6rem}
.services__note{text-align:center;margin:2.4rem 0 0;color:var(--txt-soft)}
.services__note a{color:var(--amber-deep);font-weight:700;text-decoration:none;border-bottom:2px solid var(--amber)}

/* ── Bande image + texte ── */
.band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.2rem);align-items:center;max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,2rem)}
.band--reverse .band__media{order:2}
.band__media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.band__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.band__body h2{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.04;margin:.3rem 0 .8rem}
.band__body p{color:var(--txt-soft);margin:0 0 1rem}
.band--dark{background:var(--ink);color:var(--txt-inv);max-width:none}
.band--dark .band__body p{color:var(--txt-inv-soft)}
.band--dark .band__body h2{color:var(--white)}

/* ── Listes à puces (checks) ── */
.checks{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}
.checks li{position:relative;padding-left:2rem;color:var(--txt-soft)}
.band--dark .checks li,.section--dark .checks li{color:var(--txt-inv-soft)}
.checks li::before{content:"";position:absolute;left:0;top:.32em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--amber);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 16.2-3.5-3.5L4 14.2 9 19.2 20 8.2 18.6 6.8z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9 16.2-3.5-3.5L4 14.2 9 19.2 20 8.2 18.6 6.8z'/%3E%3C/svg%3E") center/contain no-repeat;}

/* ── Engagements ── */
.pledges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 2rem}
.pledges li{padding-top:1.1rem;border-top:2px solid rgba(245,166,35,.45)}
.pledge__k{font-family:"Space Mono",monospace;font-size:.85rem;color:var(--amber);letter-spacing:.1em}
.pledges h3{font-size:1.12rem;margin:.5rem 0 .35rem;color:var(--white)}
.pledges p{margin:0;color:var(--txt-inv-soft);font-size:.95rem}

/* ── Étapes (process) ── */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-top:3.4rem}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;top:0;left:0;font-family:"Anton",sans-serif;font-size:2.4rem;color:var(--amber);line-height:1}
.steps h3{font-size:1.08rem;margin:0 0 .3rem}
.steps p{margin:0;color:var(--txt-soft);font-size:.95rem}
.section--dark .steps p{color:var(--txt-inv-soft)}
.section--dark .steps h3{color:var(--white)}

/* ── FAQ ── */
.faq{display:grid;gap:.7rem;max-width:820px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.section--dark .faq details{background:var(--steel-2);border-color:rgba(255,255,255,.1)}
.faq summary{cursor:pointer;list-style:none;padding:1.05rem 1.3rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.section--dark .faq summary{color:var(--white)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:"Anton",sans-serif;color:var(--amber);font-size:1.5rem;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0;padding:0 1.3rem 1.2rem;color:var(--txt-soft)}
.section--dark .faq p{color:var(--txt-inv-soft)}

/* ── Bande CTA ── */
.ctaband{background:var(--amber);color:#1c1402;text-align:center;padding:clamp(2.6rem,6vw,4rem) clamp(1rem,4vw,2rem)}
.ctaband h2{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(1.8rem,4.5vw,2.8rem);margin:0 0 .5rem;line-height:1.04}
.ctaband p{margin:0 auto 1.6rem;max-width:52ch;font-weight:500}
.ctaband .btn--call{background:var(--ink);color:var(--white);border-color:var(--ink)}
.ctaband .btn--call:hover{background:#000;border-color:#000}
.ctaband .btn--ghost{border-color:#1c1402;color:#1c1402}
.ctaband .btn--ghost:hover{background:rgba(0,0,0,.08);color:#000;border-color:#000}

/* ── Avis / jauge ── */
.reviews{display:grid;grid-template-columns:300px 1fr;gap:2.6rem;align-items:start}
.reviews__gauge{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem;text-align:center;position:sticky;top:80px}
.gauge{position:relative;margin:.4rem 0 .2rem}
.gauge__val{position:absolute;left:0;right:0;bottom:6px;display:flex;align-items:baseline;justify-content:center;gap:.15rem}
.gauge__val span{font-family:"Anton",sans-serif;font-size:2.7rem;color:var(--ink);line-height:1}
.gauge__val small{color:var(--txt-soft);font-weight:700}
.reviews__stars{color:var(--amber);letter-spacing:.18em;font-size:1.15rem;margin:.2rem 0 .3rem}
.reviews__meta{margin:0;color:var(--txt-soft);font-size:.9rem}
.reviews__list{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.quote{margin:0;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:10px;padding:1.3rem 1.5rem}
.quote__stars{color:var(--amber);letter-spacing:.12em;font-size:.85rem;margin:0 0 .5rem}
.quote p{margin:0 0 .6rem;font-size:1.02rem}
.quote cite{font-style:normal;font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-soft)}

/* ── Infos / contact ── */
.infos{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:stretch}
.infos__h{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:0 0 .8rem;font-family:"Space Mono",monospace}
.infos__h+.infos__h{margin-top:2rem}
.hours{width:100%;border-collapse:collapse;font-size:.96rem}
.hours th{text-align:left;font-weight:600;color:var(--white);padding:.5rem 0;width:38%;border-bottom:1px solid rgba(255,255,255,.08)}
.hours td{text-align:right;color:var(--txt-inv-soft);padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-variant-numeric:tabular-nums}
.hours__off th,.hours__off td{color:#6f767c}
.contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.contact li{display:flex;flex-direction:column}
.contact__lbl{font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-inv-soft)}
.contact__val{font-size:1.15rem;color:var(--white);font-weight:600;text-decoration:none}
a.contact__val:hover{color:var(--amber)}
.infos__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.infos__map{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.12);min-height:340px}
.infos__map iframe{width:100%;height:100%;min-height:340px;border:0;filter:grayscale(.2) contrast(1.05)}

/* ── Formulaire de contact ── */
.cform{display:grid;gap:1rem}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cform label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--white)}
.cform input,.cform select,.cform textarea{
  font:inherit;padding:.75rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);color:var(--white);
}
.cform input::placeholder,.cform textarea::placeholder{color:#7f878d}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid var(--amber);border-color:var(--amber)}
.cform textarea{min-height:130px;resize:vertical}
.cform .btn{justify-content:center;margin-top:.4rem}
.cform__note{font-size:.82rem;color:var(--txt-inv-soft);margin:.2rem 0 0}

/* ── Conseils / articles ── */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.post{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s,box-shadow .2s,border-color .2s}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--amber)}
.post img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post__body{padding:1.2rem 1.3rem 1.4rem}
.post__tag{font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber-deep)}
.post h3{margin:.4rem 0 .4rem;font-size:1.12rem;line-height:1.25}
.post p{margin:0;color:var(--txt-soft);font-size:.94rem}

.article{max-width:740px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem)}
.article__meta{font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-deep);margin:0 0 .8rem}
.article h1{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:0 0 1.2rem}
.article h2{font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;font-size:1.5rem;margin:2.2rem 0 .6rem;letter-spacing:.01em}
.article p{margin:0 0 1.1rem;font-size:1.06rem}
.article ul{margin:0 0 1.1rem;padding-left:1.2rem}
.article li{margin:.3rem 0}
.article img{border-radius:var(--radius);margin:1.4rem 0;width:100%}
.article a{color:var(--amber-deep);font-weight:600}
.callout{background:var(--paper-2);border-left:4px solid var(--amber);border-radius:10px;padding:1.1rem 1.3rem;margin:1.6rem 0;font-size:1rem}

/* ───────────── Footer ───────────── */
.ftr{background:var(--ink);color:var(--txt-inv-soft);padding:3.2rem clamp(1rem,4vw,2rem) 0}
.ftr__inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;padding-bottom:2.6rem}
.ftr__brand{max-width:42ch}
.ftr__brand .brand__txt{color:var(--white);font-size:1.15rem}
.ftr__brand p{margin:.6rem 0 0;font-size:.92rem}
.ftr h4{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-family:"Space Mono",monospace;margin:0 0 .9rem}
.ftr__col{display:flex;flex-direction:column;gap:.55rem}
.ftr__col a,.ftr__col span{text-decoration:none;color:var(--txt-inv-soft);font-size:.92rem}
.ftr__col a:hover{color:var(--amber)}
.ftr__bar{border-top:1px solid rgba(255,255,255,.08);max-width:var(--maxw);margin:0 auto;padding:1.2rem 0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;font-size:.78rem;font-family:"Space Mono",monospace;letter-spacing:.04em}

/* ───────────── FAB mobile ───────────── */
.fab{position:fixed;right:18px;bottom:18px;z-index:60;display:none;width:58px;height:58px;border-radius:50%;
  background:var(--amber);color:#1c1402;align-items:center;justify-content:center;box-shadow:0 10px 26px -6px rgba(0,0,0,.5);text-decoration:none;animation:fabin .4s ease both}
@keyframes fabin{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}

/* ───────────── Reveal ───────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ───────────── Responsive ───────────── */
@media (max-width:920px){
  .cards,.posts{grid-template-columns:repeat(2,1fr)}
  .pledges{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .reviews{grid-template-columns:1fr}
  .reviews__gauge{position:static;max-width:300px;margin:0 auto}
  .reviews__list{grid-template-columns:1fr}
  .infos,.band{grid-template-columns:1fr}
  .band--reverse .band__media{order:0}
  .ftr__inner{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .nav,.hdr__call{display:none}
  .burger{display:flex}
  .hero__stats{grid-template-columns:repeat(2,1fr)}
  .fab{display:flex}
}
@media (max-width:480px){
  .cards,.posts{grid-template-columns:1fr}
  .pledges,.steps{grid-template-columns:1fr}
  .cform .row{grid-template-columns:1fr}
  .ftr__inner{grid-template-columns:1fr}
  .ftr__bar{flex-direction:column}
}