/* =========================================================
   Gournay & Sorre — Cuisine sur mesure en Mayenne
   Feuille de style — sommaire
   1. Variables      5. Hero            9.  Matières
   2. Reset          6. Réassurance     10. Histoire
   3. Utilitaires    7. Intro / Étapes  11. Réalisations
   4. Boutons        8. Personnalisation 12. Avis / FAQ / CTA
   Toutes les règles sont scopées sous .landing-powerstrat (la balise
   <main> de landing.php) afin de ne jamais fuiter sur le header/footer
   du site ni sur le reste des pages.
   Tailles en px (base 16) plutôt qu'en rem : le site définit
   html{font-size:50%/62.5%} pour son propre calibrage, donc du rem ici
   serait 2 à 1,6 fois plus petit que prévu. Seules les conditions de
   @media restent en rem : elles sont relatives à la taille de police
   *initiale* du navigateur (spec Media Queries), jamais au
   html{font-size} du site — pas de dérive possible sur ces valeurs-là.
   ========================================================= */

/* ---------- 1. Variables + reset (html/body ciblaient tout le document
   dans la maquette d'origine ; ici ils sont reportés sur .landing-powerstrat) ---------- */
.landing-powerstrat{
  --font-sans:"Figtree","Montserrat",system-ui,sans-serif;
  --font-display:'Marvin Visions Small Variable',"Montserrat Alternates","Montserrat",system-ui,sans-serif;

  --brand-dark:#303642;
  --brand-dark-2:#272c36;
  --brand-red:#c52827;
  --brand-red-hover:#a72221;
  --sand:#efefef;

  --background:#fff;
  --foreground:#303642;
  --muted-foreground:#646871;
  --border:#e2e2e2;
  --ring:var(--brand-red);

  --radius-sm:6px;
  --radius:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-pill:9999px;

  --shadow-sm:0 1px 3px rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --shadow-md:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --shadow-xl:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --shadow-card:0 20px 45px -20px rgb(0 0 0 / .45);
  --shadow-photo:0 25px 50px -12px rgb(0 0 0 / .25);

  --ease:cubic-bezier(.4, 0, .2, 1);

  min-height:100vh;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-family:var(--font-sans);
  background:var(--background);
  color:var(--foreground);
}

/* ---------- 2. Reset ---------- */
.landing-powerstrat,.landing-powerstrat *,.landing-powerstrat *::before,.landing-powerstrat *::after{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}
.landing-powerstrat h1,.landing-powerstrat h2,.landing-powerstrat h3,.landing-powerstrat h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em;font-size:inherit;text-wrap:pretty}
.landing-powerstrat p{text-wrap:pretty}
.landing-powerstrat ul{list-style:none}
.landing-powerstrat a{color:inherit;text-decoration:none}
.landing-powerstrat a:not([class]){color:var(--brand-red)}
.landing-powerstrat a:not([class]):hover{color:var(--brand-red-hover)}
.landing-powerstrat img{display:block;max-width:100%;height:auto}
.landing-powerstrat button{font:inherit;color:inherit;background:none;cursor:pointer}
.landing-powerstrat :focus-visible{outline:2px solid var(--ring);outline-offset:2px}

/* ---------- 3. Utilitaires ---------- */
.landing-powerstrat .container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}
.landing-powerstrat .container--hero{max-width:1400px}
.landing-powerstrat .container--stats{max-width:1300px}
.landing-powerstrat .container--narrow{max-width:1100px}
.landing-powerstrat .container--faq{max-width:900px}

.landing-powerstrat .section{padding-block:48px}
.landing-powerstrat .section--sand{background:var(--sand)}
.landing-powerstrat .section--dark{position:relative;overflow:hidden;background:var(--brand-dark);color:#fff}

.landing-powerstrat .section-head{max-width:672px}
.landing-powerstrat .section-head--center{max-width:672px;margin-inline:auto;text-align:center}

.landing-powerstrat .eyebrow{font-size:14px;line-height:calc(10 / 7);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--brand-red)}
.landing-powerstrat .eyebrow--sm{font-size:12px;line-height:calc(4 / 3)}

.landing-powerstrat .section-title{margin-top:12px;font-size:30px;line-height:1.2}
.landing-powerstrat .section--dark .section-title{color:#fff}

.landing-powerstrat .lede{margin-top:20px;font-size:18px;line-height:1.625;color:var(--muted-foreground)}
.landing-powerstrat .section--dark .lede{color:rgb(255 255 255 / .75)}

.landing-powerstrat .icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.landing-powerstrat .icon--xs{width:14px;height:14px}
.landing-powerstrat .icon--md{width:20px;height:20px}
.landing-powerstrat .icon--lg{width:32px;height:32px}
.landing-powerstrat .icon--solid{fill:currentColor;stroke:none}

/* Liste à puces cochées */
.landing-powerstrat .checks{margin-top:20px;display:grid;gap:10px}
.landing-powerstrat .checks li{display:flex;align-items:flex-start;gap:12px}
.landing-powerstrat .checks .icon{margin-top:2px;color:var(--brand-red)}
.landing-powerstrat .checks span{font-weight:500}

/* ---------- 4. Boutons ---------- */
.landing-powerstrat .btn{display:inline-flex;align-items:center;justify-content:center;gap:9.6px;padding:14.4px 28px;border-radius:var(--radius-pill);font-size:15.2px;font-weight:700;line-height:1.2;transition:background-color .2s ease,border-color .2s ease}
.landing-powerstrat .btn--primary{background:var(--brand-red);color:#fff;border:1px solid var(--brand-red)}
.landing-powerstrat .btn--primary:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}
.landing-powerstrat .btn--dark{background:var(--brand-dark);color:#fff;border:1px solid rgb(255 255 255 / .22)}
.landing-powerstrat .btn--dark:hover{background:var(--brand-dark-2)}
.landing-powerstrat .btn-row{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.landing-powerstrat .btn-row--center{margin-top:32px;justify-content:center}

/* ---------- 5. Hero ---------- */
.landing-powerstrat .hero{position:relative;overflow:hidden;background:var(--brand-dark);color:#fff}
.landing-powerstrat .hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}
.landing-powerstrat .hero__veil{position:absolute;inset:0;background:linear-gradient(105deg, rgb(34 38 47 / .95) 0%, rgb(41 46 56 / .78) 45%, rgb(48 54 66 / .35) 100%)}
.landing-powerstrat .hero__glow{position:absolute;left:-128px;top:-128px;width:520px;height:520px;border-radius:var(--radius-pill);filter:blur(64px);opacity:.4;background:radial-gradient(circle, rgb(197 40 39 / .55), transparent 70%)}
.landing-powerstrat .hero__inner{position:relative;display:grid;gap:40px;align-items:center;padding-block:64px}
.landing-powerstrat .hero__aside{display:none}

.landing-powerstrat .hero__badge{position:relative;display:inline-flex;align-items:stretch}
.landing-powerstrat .hero__badge-place{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;background:var(--brand-red);color:#fff;border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:var(--shadow-lg)}
.landing-powerstrat .hero__badge-role{position:relative;display:flex;align-items:center;padding:0 16px 0 12px;background:rgb(255 255 255 / .1);backdrop-filter:blur(8px);border:1px solid rgb(255 255 255 / .15);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.landing-powerstrat .hero__badge-label{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.landing-powerstrat .hero__badge-label--role{font-weight:700;color:rgb(255 255 255 / .9)}
.landing-powerstrat .hero__badge-arrow{position:absolute;right:-8px;top:50%;width:12px;height:12px;background:var(--brand-red);border-radius:var(--radius-sm);transform:translateY(-50%) rotate(45deg)}

.landing-powerstrat .hero__title{margin-top:24px;font-size:36px;line-height:1.05;font-weight:700;letter-spacing:-.025em}
.landing-powerstrat .hero__title em{font-style:normal;background-image:linear-gradient(95deg, #dc7e7d, #c52827);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-powerstrat .hero__lede{margin-top:20px;max-width:576px;font-size:18px;line-height:1.625;color:rgb(255 255 255 / .8)}
.landing-powerstrat .hero__note{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:calc(10 / 7);color:rgb(255 255 255 / .8)}
.landing-powerstrat .hero__note .icon{color:var(--brand-red)}
.landing-powerstrat .hero__note span{font-weight:600;letter-spacing:.025em}

/* ---------- 6. Réassurance ---------- */
.landing-powerstrat .stats{position:relative;background:var(--brand-dark);padding-bottom:64px}
.landing-powerstrat .stats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.landing-powerstrat .stat{position:relative;padding:32px 24px 24px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:translate .15s var(--ease)}
.landing-powerstrat .stat:hover{translate:0 -4px}
.landing-powerstrat .stat__edge{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand-red);border-radius:var(--radius-md) 0 0 var(--radius-md)}
.landing-powerstrat .stat__icon{position:absolute;top:-20px;left:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--brand-red);color:#fff;box-shadow:var(--shadow-md);clip-path:polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 85%)}
.landing-powerstrat .stat__head{display:flex;align-items:baseline;gap:8px}
.landing-powerstrat .stat__value{font-size:36px;line-height:1;font-weight:900;letter-spacing:-.025em;color:var(--brand-dark)}
.landing-powerstrat .stat__unit{font-size:14px;line-height:calc(10 / 7);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgb(48 54 66 / .7)}
.landing-powerstrat .stat__note{margin-top:8px;font-size:14px;line-height:calc(10 / 7);color:var(--muted-foreground)}

/* ---------- 7. Intro & étapes ---------- */
.landing-powerstrat .intro{text-align:center}
.landing-powerstrat .intro__body{margin-top:24px;display:grid;gap:16px;font-size:18px;line-height:1.625;color:var(--muted-foreground)}

.landing-powerstrat .steps{margin-top:56px;display:grid;gap:64px}
.landing-powerstrat .step{display:grid;gap:32px;align-items:center}
.landing-powerstrat .step__frame{position:relative}
.landing-powerstrat .step__frame::before{content:"";position:absolute;inset:-16px;background:rgb(197 40 39 / .1);border-radius:var(--radius-lg);rotate:1deg}
.landing-powerstrat .step__photo{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}
.landing-powerstrat .step__title{margin-top:8px;font-size:24px;line-height:calc(4 / 3)}
.landing-powerstrat .step__text{margin-top:16px;font-size:18px;line-height:1.625;color:var(--muted-foreground)}

/* ---------- 8. Personnalisation ---------- */
.landing-powerstrat .custom__glow{position:absolute;top:0;right:0;width:600px;height:600px;border-radius:var(--radius-pill);filter:blur(64px);opacity:.25;background:radial-gradient(circle, rgb(197 40 39 / .6), transparent 70%)}
.landing-powerstrat .custom__inner{position:relative}
.landing-powerstrat .custom__layout{margin-top:56px;display:grid;gap:24px}
.landing-powerstrat .custom__photo{position:relative;overflow:hidden;border:1px solid var(--brand-red);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgb(0 0 0 / .45);aspect-ratio:3/4;width:100%;max-width:520px;margin-inline:auto}
.landing-powerstrat .custom__photo img{width:100%;height:100%;object-fit:cover}
.landing-powerstrat .custom__grid{display:grid;gap:20px}
.landing-powerstrat .custom__card{padding:24px;background:var(--sand);border:1px solid var(--brand-red);border-radius:var(--radius-lg)}
.landing-powerstrat .custom__card h3{font-family:var(--font-sans);font-size:18px;line-height:calc(14 / 9);font-weight:700;letter-spacing:normal;color:#000}
.landing-powerstrat .custom__card p{margin-top:8px;font-size:14px;line-height:1.625;color:#000}

/* ---------- 9. Matières ---------- */
.landing-powerstrat .materials__inner{display:grid;gap:48px;align-items:center}
.landing-powerstrat .swatches{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.landing-powerstrat .swatch__tile{aspect-ratio:1/1;border-radius:var(--radius-md);background-size:cover;background-position:center;box-shadow:0 0 0 1px rgb(0 0 0 / .05), var(--shadow-md);transition:scale .15s var(--ease)}
.landing-powerstrat .swatch:hover .swatch__tile{scale:1.05}
.landing-powerstrat .swatch__name{margin-top:8px;font-size:12px;line-height:calc(4 / 3);font-weight:600;text-align:center}
.landing-powerstrat .materials__figure{position:relative}
.landing-powerstrat .materials__photo{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}
.landing-powerstrat .materials__count{display:none;position:absolute;bottom:-24px;left:-24px;padding:16px 24px;background:var(--brand-red);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}
.landing-powerstrat .materials__count b{font-size:30px;line-height:1.2;font-weight:900}
.landing-powerstrat .materials__count span{display:block;font-size:12px;line-height:calc(4 / 3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}

/* ---------- 10. CTA & histoire ---------- */
.landing-powerstrat .cta{text-align:center}
.landing-powerstrat .cta__glow{position:absolute;inset:0;opacity:.5;background:radial-gradient(800px circle at 20% 50%, rgb(197 40 39 / .2), transparent 60%)}
.landing-powerstrat .cta__inner{position:relative}
.landing-powerstrat .cta__text{margin-top:20px;max-width:672px;margin-inline:auto;font-size:18px;line-height:calc(14 / 9);color:var(--muted-foreground)}
.landing-powerstrat .section--dark .cta__text{color:rgb(255 255 255 / .75)}

.landing-powerstrat .story__grid{display:grid;gap:48px;align-items:start}
.landing-powerstrat .story__title{margin-top:12px;font-size:30px;line-height:1.25}
.landing-powerstrat .story__body{display:grid;gap:16px;font-size:18px;line-height:1.625;color:var(--muted-foreground)}

/* ---------- 11. Réalisations ---------- */
.landing-powerstrat .works__inner{position:relative}
.landing-powerstrat .carousel-wrap{position:relative;margin-top:48px}
.landing-powerstrat .carousel{display:flex;align-items:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.landing-powerstrat .carousel::-webkit-scrollbar{display:none}
.landing-powerstrat .carousel__slide{flex:0 0 auto;width:min(78vw,340px);aspect-ratio:3/4;scroll-snap-align:start;overflow:hidden;border:1px solid var(--brand-red);border-radius:var(--radius-lg);background:var(--brand-dark-2)}
.landing-powerstrat .carousel__slide img{width:100%;height:100%;object-fit:cover}
.landing-powerstrat .carousel__btn{position:absolute;top:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--brand-red);color:#fff;border:2px solid rgb(255 255 255 / .35);border-radius:var(--radius-pill);box-shadow:0 6px 18px rgb(0 0 0 / .4);transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease;z-index:2;touch-action:manipulation}
.landing-powerstrat .carousel__btn .icon{width:24px;height:24px}
.landing-powerstrat .carousel__btn:hover{background:var(--brand-red-hover);transform:translateY(-50%) scale(1.06)}
.landing-powerstrat .carousel__btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.landing-powerstrat .carousel__btn--prev{left:-12px}
.landing-powerstrat .carousel__btn--next{right:-12px}
.landing-powerstrat .works__cta{margin-top:40px;display:flex;justify-content:center}

/* ---------- 12. Avis ---------- */
.landing-powerstrat .reviews{position:relative;overflow:hidden}
.landing-powerstrat .reviews__glow{position:absolute;top:-96px;right:-96px;width:420px;height:420px;border-radius:var(--radius-pill);filter:blur(64px);opacity:.3;background:radial-gradient(circle, rgb(197 40 39 / .35), transparent 70%)}
.landing-powerstrat .reviews__inner{position:relative}
.landing-powerstrat .reviews__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.landing-powerstrat .gbadge{display:inline-flex;flex-shrink:0;align-items:stretch;overflow:hidden;background:var(--sand);border:1px solid rgb(0 0 0 / .05);border-radius:var(--radius-lg);box-shadow:0 18px 40px -20px rgb(0 0 0 / .35);transition:translate .15s var(--ease)}
.landing-powerstrat .gbadge:hover{translate:0 -2px}
.landing-powerstrat .gbadge__id{display:flex;align-items:center;gap:12px;padding:14px 20px}
.landing-powerstrat .gbadge__label{font-size:12px;line-height:calc(4 / 3);font-weight:600;color:rgb(48 54 66 / .7)}
.landing-powerstrat .gbadge__name{font-size:14px;line-height:calc(10 / 7);font-weight:700}
.landing-powerstrat .gbadge__score{display:flex;align-items:center;gap:8px;padding:14px 20px;border-left:1px solid rgb(0 0 0 / .05);background-image:linear-gradient(to bottom right, rgb(251 188 5 / .1), transparent)}
.landing-powerstrat .gbadge__value{display:flex;flex-direction:column;align-items:center;line-height:1}
.landing-powerstrat .gbadge__value > span{font-size:24px;line-height:calc(4 / 3);font-weight:900}
.landing-powerstrat .gbadge__max{font-size:16px;line-height:1.5;font-weight:400;color:var(--muted-foreground)}
.landing-powerstrat .gbadge__detail{display:flex;flex-direction:column;gap:4px}
.landing-powerstrat .gbadge__stars{display:flex;align-items:center;gap:2px}
.landing-powerstrat .gbadge__stars .icon{fill:#FBBC05;stroke:none}

.landing-powerstrat .reviews__grid{margin-top:48px;display:grid;gap:20px}
.landing-powerstrat .review{position:relative;display:flex;flex-direction:column;padding:32px 28px 28px;background:var(--sand);border:1px solid rgb(0 0 0 / .05);border-radius:var(--radius-lg);box-shadow:0 20px 45px -25px rgb(0 0 0 / .25)}
.landing-powerstrat .review__edge{position:absolute;top:0;left:32px;width:64px;height:3px;background:var(--brand-red);border-radius:0 0 var(--radius-pill) var(--radius-pill)}
.landing-powerstrat .review__mark{position:absolute;top:20px;right:20px;color:rgb(197 40 39 / .15)}
.landing-powerstrat .review__head{display:flex;align-items:center;gap:12px}
.landing-powerstrat .review__avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--brand-red);color:#fff;border-radius:var(--radius-pill);font-size:18px;font-weight:900;box-shadow:var(--shadow-md)}
.landing-powerstrat .review__head > div:last-child{min-width:0}
.landing-powerstrat .review__name{font-weight:700;line-height:1.25}
.landing-powerstrat .review__stars{margin-top:16px;display:flex;align-items:center;gap:4px}
.landing-powerstrat .review__stars .icon{fill:var(--brand-red);stroke:var(--brand-red)}
.landing-powerstrat .review__text{flex:1;margin-top:16px;font-size:15px;line-height:1.625;color:rgb(48 54 66 / .85)}

/* ---------- 13. FAQ ---------- */
.landing-powerstrat .faq__list{margin-top:48px;display:grid;gap:12px}
.landing-powerstrat .faq__item{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.landing-powerstrat .faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;text-align:left}
.landing-powerstrat .faq__q-text{font-size:18px;line-height:calc(14 / 9);font-weight:700}
.landing-powerstrat .faq__chevron{color:var(--brand-red);transition:transform .25s var(--ease)}
.landing-powerstrat .faq__item.is-open .faq__chevron{transform:rotate(180deg)}
.landing-powerstrat .faq__a{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s var(--ease),opacity .3s var(--ease)}
.landing-powerstrat .faq__item.is-open .faq__a{grid-template-rows:1fr;opacity:1}
.landing-powerstrat .faq__a-clip{overflow:hidden}
.landing-powerstrat .faq__a-text{padding:0 24px 24px;line-height:1.625;color:var(--muted-foreground)}

/* ---------- 14. Points de rupture ----------
   Les CONDITIONS de ces @media restent en rem (48rem, 64rem, 40rem) :
   comme expliqué en tête de fichier, elles ne sont pas affectées par le
   html{font-size:50%/62.5%} du site. Les déclarations à l'intérieur,
   elles, sont en px pour la même raison que le reste du fichier. */
@media (max-width:379.98px){
  .landing-powerstrat .hero__badge{flex-wrap:wrap;row-gap:5.6px}
  .landing-powerstrat .hero__badge-place,.landing-powerstrat .hero__badge-role{border-radius:var(--radius-sm)}
  .landing-powerstrat .hero__badge-role{border-left:1px solid rgb(255 255 255 / .15)}
  .landing-powerstrat .hero__badge-arrow{display:none}
}

@media (min-width:40rem){
  .landing-powerstrat .custom__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (min-width:48rem){
  .landing-powerstrat .section{padding-block:56px}
  .landing-powerstrat .hero__inner{padding-block:80px}
  .landing-powerstrat .hero__title{font-size:48px}
  .landing-powerstrat .hero__lede{font-size:20px}
  .landing-powerstrat .stats{padding-bottom:80px}
  .landing-powerstrat .stats__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .landing-powerstrat .stat--low{translate:0 24px}
  .landing-powerstrat .section-title{font-size:36px;line-height:calc(10 / 9)}
  .landing-powerstrat .story__title{font-size:36px;line-height:1.25}
  .landing-powerstrat .step__title{font-size:30px;line-height:1.2}
  .landing-powerstrat .steps{gap:96px}
  .landing-powerstrat .materials__count{display:block}
  .landing-powerstrat .reviews__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
}

@media (min-width:64rem){
  .landing-powerstrat .hero__inner{grid-template-columns:1.15fr 1fr}
  .landing-powerstrat .hero__title{font-size:60px}
  .landing-powerstrat .hero__aside{display:block}
  .landing-powerstrat .section-title{font-size:48px;line-height:1}
  .landing-powerstrat .step{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
  .landing-powerstrat .step--reverse .step__frame{order:2}
  .landing-powerstrat .custom__layout{grid-template-columns:minmax(300px,400px) 1fr;gap:32px;align-items:stretch}
  .landing-powerstrat .custom__photo{aspect-ratio:auto;max-width:none;margin-inline:0}
  .landing-powerstrat .materials__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-powerstrat .story__grid{grid-template-columns:1fr 1.4fr}
}

@media (max-width:640px){
  .landing-powerstrat .carousel__btn{width:44px;height:44px}
  .landing-powerstrat .carousel__btn--prev{left:4px}
  .landing-powerstrat .carousel__btn--next{right:4px}
}

/* Titres : Marvin Visions Small Variable (licence Atelier Triay).
   À l'intégration sur mgs-agencement.fr, le @font-face du site s'applique automatiquement
   car la famille porte le même nom. Pour une prévisualisation autonome, déclarer ici un
   @font-face pointant vers le woff2 licencié. Sinon, repli sur Montserrat Alternates. */