/* ==========================================================================
   Agence B-LIGHT — Mâts & Supports (Valmont France)
   Charte propre à cette page : ambiance « acier » (fond nuit #0E1319,
   bleu acier #8FB4D9). Chargée après css/site.css : surcharge des tokens
   et du header/footer, puis styles des sections de la page.
   ========================================================================== */

:root{
  --cta-bg:linear-gradient(160deg,#14222f,#0c1219);
  --cta-border:rgba(143,180,217,.3);
  --cta-glow:rgba(143,180,217,.18);
  --cta-eyebrow:var(--steel);
  --card-bg:var(--panel-grad);
  --card-shadow:none;

  --mark-glow:rgba(143,180,217,.8);
  --subnav-bg:rgba(14,19,25,.86);
  --subnav-active:rgba(255,255,255,.07);

  /* lot 3 : bandeau chiffres (.stats de site.css) */
  --stats-bg:var(--bg-2);--stats-line:rgba(160,185,210,.12);
  --accent:var(--steel);
  --accent-ink:var(--steel-ink);
  --accent-hover:var(--steel-hover);
  --accent-text:var(--steel);
  --btn-shadow:0 0 30px -6px rgba(143,180,217,.7);
  --mark-bg:#121a23;

  --focus-ring:var(--steel);
  --focus-ring-dark:var(--steel);

  --bg:#0E1319;
  --bg-2:#121a24;
  --bg-3:#10171f;
  --steel:#8FB4D9;
  --steel-hover:#a5c5e4;
  --steel-soft:#b3d0ea;
  --steel-pale:#d2dfec;
  --steel-ink:#0a1420;
  --text:#EBF0F6;
  --text-2:#b6c3d1;
  --text-3:#a3b1c1;
  --text-4:#93a2b2;
  --muted:#7b8b9c;
  --dim:#687f99;            /* lot 1 : #48586a → #687f99 (4.5:1 sur --bg) */
  --line:rgba(160,185,210,.14);
  --line-2:rgba(160,185,210,.18);
  --line-3:rgba(160,185,210,.16);
  --line-4:rgba(160,185,210,.2);
  --sport:#36c46a;
  --panel-grad:linear-gradient(165deg,rgba(26,36,48,.55),rgba(10,14,19,.8));

  /* tokens de site.css réaffectés à la charte acier */
  --ink:#EBF0F6;
}

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */
body{background:var(--bg);color:var(--text)} /* lot 2 : corps en Hanken Grotesk (site.css) */
::selection{background:var(--steel);color:var(--steel-ink)}

@keyframes beacon{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes pulseDot{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes risefade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* --------------------------------------------------------------------------
   Header / footer (surcharges de site.css)
   -------------------------------------------------------------------------- */
.site-header{background:rgba(14,19,25,.82);border-bottom-color:var(--line)}
.site-nav a{color:var(--text-2)}

.site-footer{background:transparent;border-top:1px solid var(--line);color:var(--muted)}
.site-footer__copy{color:var(--dim)}

/* --------------------------------------------------------------------------
   Typographie & boutons
   -------------------------------------------------------------------------- */
.hl{color:var(--steel)}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 50% -20%,#1a2634 0%,#121a24 46%,#0E1319 100%);
}
.hero__grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(160,185,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(160,185,210,.05) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.hero__inner{
  position:relative;z-index:5;padding-top:92px;padding-bottom:80px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;
}
.hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;animation:risefade .7s ease both}
.hero__badge{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:var(--fs-12);letter-spacing:.22em;
  color:var(--steel-soft);border:1px solid rgba(143,180,217,.35);border-radius:var(--r-pill);padding:8px 18px;
  background:rgba(143,180,217,.06);
}
.hero__badge--green{
  font-size:var(--fs-11);font-weight:700;letter-spacing:.12em;color:var(--green-ink);background:var(--green-light);
  border:0;padding:8px 16px;
}
.hero__dot{
  width:6px;height:6px;border-radius:50%;background:var(--steel);flex:none;
  box-shadow:0 0 10px 2px rgba(143,180,217,.9);animation:pulseDot 2s ease-in-out infinite;
}
.hero__title{
  font-family:var(--display);font-weight:800;font-size:clamp(38px,5.4vw,66px);line-height:1.02;letter-spacing:-.025em;
  margin-bottom:24px;max-width:16ch;text-wrap:balance;color:var(--text);
  animation:risefade .7s .05s ease both;
}
.hero__lead{
  max-width:52ch;font-size:var(--fs-18);line-height:1.65;color:var(--text-3);margin-bottom:32px;
  animation:risefade .7s .1s ease both;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;animation:risefade .7s .15s ease both}

/* Lineup de mâts — échelle de hauteurs */
.lineup{
  position:relative;height:340px;display:flex;align-items:flex-end;justify-content:space-between;gap:0;
  padding:0 8px 0 4px;border-bottom:1px solid rgba(160,185,210,.3);
}
.mast{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1}
.mast__pole{
  position:relative;display:block;width:var(--w);height:calc(var(--h) * var(--scale,1));
  background:linear-gradient(90deg,#566a80,#1c262f);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);
}
.mast__beacon{
  position:absolute;top:-4px;left:50%;width:8px;height:8px;transform:translateX(-50%);border-radius:50%;
  background:#cfe3f5;box-shadow:0 0 12px 3px rgba(143,180,217,.75);display:block;
  animation:beacon 3.2s ease-in-out infinite;animation-delay:var(--d);
}
.mast__label{font-family:var(--mono);font-size:var(--fs-11);color:var(--muted);margin-top:10px}
.mast--4{--h:78px;--w:14px;--d:0s}
.mast--6{--h:108px;--w:15px;--d:.7s}
.mast--10{--h:156px;--w:16px;--d:.2s}
.mast--18{--h:216px;--w:18px;--d:1.1s}
.mast--45{--h:300px;--w:20px;--d:.5s}
.lineup__max{
  position:absolute;top:-6px;right:-6px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.08em;color:var(--steel);
  border:1px dashed rgba(143,180,217,.4);border-radius:var(--r-tag);padding:4px 8px;
}

/* --------------------------------------------------------------------------
   Signature Valmont
   -------------------------------------------------------------------------- */
.signature{position:relative;z-index:5;padding-top:var(--section-y);padding-bottom:var(--section-y)}
.brand-panel{
  position:relative;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line-2);
  background:linear-gradient(165deg,rgba(26,36,48,.7),rgba(10,14,19,.85));
  box-shadow:var(--shadow-brand);
}
.brand-panel__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 80% at 80% 0%,rgba(143,180,217,.14),transparent 60%)}
.brand-panel__grid{position:relative;display:grid;grid-template-columns:320px 1fr;gap:0;align-items:stretch}
.brand-panel__logo{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:36px;
  background:var(--bg-3);border-right:1px solid var(--line);
}
.brand-panel__logo img{max-width:82%;max-height:52px;object-fit:contain}
.brand-panel__body{padding:32px 36px}
.brand-panel__tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tag{font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.08em;padding:4px 12px;border-radius:var(--r-pill)}
.tag--steel{color:var(--steel-ink);background:var(--steel);font-weight:600}
.tag--outline{letter-spacing:.06em;color:var(--text-2);border:1px solid rgba(160,185,210,.28)}
.brand-panel__text{font-size:var(--fs-15);line-height:1.7;color:var(--text-3);margin-bottom:20px;max-width:64ch}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.mchip{
  font-family:var(--mono);font-size:var(--fs-11);letter-spacing:0;color:var(--steel-pale);
  background:rgba(160,185,210,.08);border:1px solid rgba(160,185,210,.2);padding:6px 12px;border-radius:var(--r-tag);
}

/* --------------------------------------------------------------------------
   Gamme
   -------------------------------------------------------------------------- */
.gamme{position:relative;z-index:5;padding-top:var(--section-y);padding-bottom:var(--section-y)}
.gamme__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{
  position:relative;display:flex;flex-direction:column;border-radius:var(--r-card-sm);overflow:hidden;
  background:var(--panel-grad),var(--bg-2);
  border:1px solid var(--line-3);
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.tile:hover{transform:translateY(-6px);border-color:rgba(143,180,217,.5);box-shadow:0 24px 50px -24px rgba(143,180,217,.3)}
.tile__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 6%,var(--tile-glow),transparent 60%)}
.tile__icon{
  position:relative;height:118px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 80% at 50% 0%,var(--tile-a),transparent 55%),linear-gradient(170deg,var(--tile-b),#0E1319);
  border-bottom:1px solid var(--line);
}
.tile__emoji{font-size:var(--fs-48);line-height:1;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));transition:transform .35s ease}
.tile:hover .tile__emoji{transform:translateY(-6px) scale(1.06)}
.tile__code{
  position:absolute;top:13px;left:13px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;
  padding:4px 8px;border-radius:var(--r-tag);color:rgba(255,255,255,.6);background:rgba(0,0,0,.34);
}
.tile__caption{position:relative;flex:1 0 auto;padding:16px 18px 18px}
.tile__title{font-family:var(--display);font-weight:700;font-size:var(--fs-20);color:var(--text);letter-spacing:-.01em}
.tile__desc{font-size:var(--fs-13);color:var(--text-4);margin-top:4px;line-height:1.4}
.tile__spec{font-family:var(--mono);font-size:var(--fs-11);color:var(--steel-soft);margin-top:8px;letter-spacing:.04em}
.tile--01{--tile-a:rgba(143,180,217,.32);--tile-b:#1e2c3c;--tile-glow:rgba(143,180,217,.35)}
.tile--02{--tile-a:rgba(180,200,220,.26);--tile-b:#242e3a;--tile-glow:rgba(180,200,220,.3)}
.tile--03{--tile-a:rgba(143,180,217,.4);--tile-b:#182634;--tile-glow:rgba(143,180,217,.42)}
.tile--04{--tile-a:rgba(180,200,220,.22);--tile-b:#202a34;--tile-glow:rgba(180,200,220,.28)}
.tile--05{--tile-a:rgba(165,194,61,.24);--tile-b:#232e26;--tile-glow:rgba(165,194,61,.28)}
.tile--06{--tile-a:rgba(143,180,217,.26);--tile-b:#1c2836;--tile-glow:rgba(143,180,217,.3)}

/* --------------------------------------------------------------------------
   Fonctionnel — les références les plus vendues, blocs alternés image/texte
   -------------------------------------------------------------------------- */
.fonctionnel{position:relative;z-index:5;padding-top:var(--section-y);padding-bottom:var(--section-y)}
.fx-block{
  display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:stretch;
  padding:24px 0;border-top:1px solid var(--line);
}
.fx-block:last-of-type{border-bottom:1px solid var(--line)}
.fx-block--rev .fx-block__media{order:2}
.fx-block__media{
  position:relative;margin:0;border-radius:var(--r-card-sm);overflow:hidden;background:#0a0f15;border:1px solid var(--line-3);
  min-height:320px;
}
.fx-block__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fx-block__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(14,19,25,.7),transparent 40%)}
.fx-block__caption{
  position:absolute;left:16px;bottom:14px;z-index:1;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;
  color:rgba(255,255,255,.86);background:rgba(0,0,0,.38);padding:4px 8px;border-radius:var(--r-tag);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.fx-block__body{display:flex;flex-direction:column;gap:16px}
.fx-block__head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding:4px 4px 0}
.fx-block__mat{
  display:flex;align-items:baseline;gap:10px;margin:0;
  font-family:var(--display);font-weight:800;font-size:var(--fs-24);color:var(--text);letter-spacing:-.01em;text-transform:uppercase;
}
.fx-block__num{font-family:var(--mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;color:var(--steel)}
.fx-block__tag{margin:0;font-size:var(--fs-15);line-height:1.5;color:var(--text-3)}
.fx-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1 0 auto;align-content:start}
.fx-card:last-child:nth-child(odd){grid-column:1/-1}
.fx-card{
  display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r-card-sm);
  background:var(--panel-grad),var(--bg-2);border:1px solid var(--line-3);
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.fx-card:hover{transform:translateY(-3px);border-color:rgba(143,180,217,.5);box-shadow:0 18px 40px -22px rgba(143,180,217,.3)}
.fx-refs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.fx-ref{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.04em;color:var(--steel-soft);background:rgba(143,180,217,.1);border:1px solid rgba(143,180,217,.25);padding:3px 8px;border-radius:var(--r-tag)}
.fx-ref b{font-weight:600;color:var(--text)}
.fx-ref span::before{content:"·";margin-right:6px;opacity:.6}
.fx-ref--h{color:var(--text-4);background:transparent;border-color:var(--line-3)}
.fx-card__name{font-family:var(--display);font-weight:700;font-size:var(--fs-18);color:var(--text);letter-spacing:-.01em;margin:0;line-height:1.15}
.fx-card__text{margin:0;font-size:var(--fs-14);line-height:1.55;color:var(--text-4)}
.fx-card__link{
  align-self:flex-start;margin-top:auto;padding-top:4px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;color:var(--steel);text-decoration:none;white-space:nowrap;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.fx-card__link:hover{color:var(--steel-hover);border-color:var(--steel-hover)}
.fx-options{display:flex;align-items:flex-start;gap:20px;margin-top:28px;padding:18px 20px;border-radius:var(--r-card-sm);border:1px solid var(--line-3);background:var(--panel-grad),var(--bg-2)}
.fx-options__label{flex:none;padding-top:7px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.1em;text-transform:uppercase;color:var(--steel-soft)}
.fx-credit{text-align:center;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;color:var(--dim);margin:18px 0 0}
.fx-cta{display:flex;justify-content:center;margin-top:24px}

/* --------------------------------------------------------------------------
   Signature Valmont — grille bento de six supports
   -------------------------------------------------------------------------- */
.bento{position:relative;z-index:5;padding-top:var(--section-y);padding-bottom:var(--section-y)}
.bento__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.bento__item{
  position:relative;display:flex;flex-direction:column;border-radius:var(--r-card-sm);overflow:hidden;
  background:var(--panel-grad),var(--bg-2);border:1px solid var(--line-3);
  transition:transform .3s,border-color .3s,box-shadow .3s;
}
.bento__item:hover{transform:translateY(-6px);border-color:rgba(143,180,217,.5);box-shadow:0 24px 50px -24px rgba(143,180,217,.3)}
.bento__item--feature{grid-column:1/3;grid-row:1/3}
.bento__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0a0f15;flex:none}
.bento__item--feature .bento__media{aspect-ratio:auto;flex:1 1 0;min-height:420px}
.bento__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bento__item:hover .bento__img{transform:scale(1.03)}
.bento__img--ekit{object-position:center 18%}
.bento__img--jalousie{object-position:center 45%}
.bento__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(14,19,25,.55),transparent 38%)}
.bento__body{position:relative;padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1 0 auto}
.bento__item--feature .bento__body{padding:24px 24px 24px;flex:none}
.bento__name{font-family:var(--display);font-weight:700;font-size:var(--fs-20);color:var(--text);letter-spacing:-.01em;margin:0}
.bento__item--feature .bento__name{font-size:var(--fs-28)}
.bento__text{font-size:var(--fs-14);line-height:1.55;color:var(--text-4);margin:0}
.bento__item--feature .bento__text{font-size:var(--fs-15);max-width:60ch}
.bento__tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0}
.bento__link{
  align-self:flex-start;margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;
  color:var(--steel);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.bento__link:hover{color:var(--steel-hover);border-color:var(--steel-hover)}
.bento__fonds{
  position:absolute;top:-34px;left:20px;transform:translateY(-100%);z-index:1;
  display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--fs-11);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#7fe0a4;background:rgba(10,20,16,.82);border:1px solid rgba(54,196,106,.45);padding:6px 12px;border-radius:var(--r-pill);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.bento__fonds-dot{width:7px;height:7px;border-radius:50%;background:var(--sport);box-shadow:0 0 8px 2px rgba(54,196,106,.6)}
.bento__credit{text-align:center;font-family:var(--mono);font-size:var(--fs-11);letter-spacing:.06em;color:var(--dim);margin:18px 0 0}
.bento__cta{display:flex;justify-content:center;margin-top:28px}
/* --------------------------------------------------------------------------
   Technique — le dimensionnement
   -------------------------------------------------------------------------- */
.tech{position:relative;z-index:5;padding-top:var(--section-y);padding-bottom:var(--section-y)}
.tech__panel{
  position:relative;border-radius:var(--r-panel);overflow:hidden;border:1px solid var(--line-4);
  background:linear-gradient(160deg,#141e2a,#0d141c);padding:48px 40px;
}
.tech__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 90% at 85% 0%,rgba(143,180,217,.12),transparent 55%)}
.tech__inner{position:relative}
.tech__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tech-card{padding:24px;border-radius:var(--r-card-sm);background:rgba(255,255,255,.025);border:1px solid var(--line-3)}
.tech-card__num{font-family:var(--mono);font-size:var(--fs-12);color:var(--steel-soft);font-weight:600;margin-bottom:12px}
.tech-card__title{font-family:var(--display);font-weight:700;font-size:var(--fs-18);color:var(--text);margin-bottom:8px;line-height:1.15}
.tech-card__desc{font-size:var(--fs-13);color:var(--text-4);line-height:1.5}

/* --------------------------------------------------------------------------
   Duo sportif
   -------------------------------------------------------------------------- */
.duo{position:relative;z-index:5;padding-top:40px;padding-bottom:20px}
.duo__link{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:24px 30px;border-radius:var(--r-card-sm);background:linear-gradient(160deg,#0a2618,#0d141c);
  border:1px solid rgba(54,196,106,.3);text-decoration:none;transition:border-color .25s;
}
.duo__link:hover{border-color:var(--sport)}
.duo__lead{display:flex;align-items:center;gap:16px}
.duo__icon{font-size:var(--fs-22)}
.duo__text{display:flex;flex-direction:column;gap:3px}
.duo__title{font-family:var(--display);font-size:var(--fs-20);font-weight:700;color:var(--text);letter-spacing:-.01em}
.duo__sub{font-family:var(--mono);font-size:var(--fs-12);color:var(--muted)}
.duo__more{font-family:var(--mono);font-size:var(--fs-13);font-weight:600;color:var(--sport);white-space:nowrap}

/* --------------------------------------------------------------------------
   Contact
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
  .bento__grid{grid-template-columns:repeat(2,1fr)}
  .bento__item--feature{grid-column:1/3;grid-row:auto}
  .bento__item--feature .bento__media{aspect-ratio:16/9;flex:none}
  .tech__grid{grid-template-columns:repeat(2,1fr)}
  .brand-panel__grid{grid-template-columns:260px 1fr}
  .fx-block{grid-template-columns:1fr}
  .fx-block--rev .fx-block__media{order:0}
  .fx-block__media{min-height:0;aspect-ratio:21/9}
  .fx-cards{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .site-header{background:rgba(14,19,25,.92)}
  .site-nav{background:rgba(14,19,25,.97);border-bottom-color:var(--line);box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
  .site-nav a{border-top-color:var(--line)}
  .hero__inner{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:56px}
  .lineup{height:280px;max-width:520px}
  .mast__pole{--scale:.82}
  .signature,.gamme{padding-top:64px}
  .brand-panel__grid{grid-template-columns:1fr}
  .brand-panel__logo{border-right:0;border-bottom:1px solid var(--line);padding:28px}
  .brand-panel__body{padding:28px 24px}
  .gamme__grid{grid-template-columns:repeat(2,1fr)}
  .tech__panel{padding:40px 28px}
  .fonctionnel{padding-top:64px}
  .fx-options{flex-direction:column;gap:12px}
  .fx-options__label{padding-top:0}
}

@media (max-width:560px){
  .bento__grid{grid-template-columns:1fr;gap:14px}
  .bento__item--feature{grid-column:auto}
  .bento__item--feature .bento__media{aspect-ratio:4/5}
  .bento__item--feature .bento__name{font-size:var(--fs-22)}
  .hero__title{max-width:none}
  .lineup{height:230px}
  .mast__pole{--scale:.66}
  .gamme__grid{grid-template-columns:1fr}
  .tile__icon{height:100px}
  .tile__emoji{font-size:var(--fs-40)}
  .tech__grid{grid-template-columns:1fr}
  .tech__panel{padding:32px 24px}
  .duo__link{padding:24px}
  .fx-block__media{aspect-ratio:16/10}
  .fx-cards{grid-template-columns:1fr}
  .fx-card:last-child:nth-child(odd){grid-column:auto}
  .fx-block__head{flex-direction:column;gap:6px}
}

/* Accessibilité (lot 1) */

/* Pictogrammes (lot 1) */
.tile__emoji{color:var(--steel)}
.tile__emoji .pi{width:46px;height:46px}

/* En-têtes de section (lot 2) */
.hl{color:var(--steel)}