/* ============================================================
   UNIVSTAND — Design system web (charte v2.0)
   Preview "nouveau-*" — CSS unique, zero framework, zero dependance.
   ============================================================ */

/* ---------- 1. TOKENS ---------- */
:root{
  --us-vert:#14392F; --us-ambre:#C8752A; --us-copeau:#F5F1EA;
  --us-noyer:#4A3428; --us-seve:#7A9A6B; --us-bleu:#2B4C6F;
  --us-graphite:#1C1C1A; --us-beton:#8A8A85; --us-ligne:#D9D4CB; --us-blanc:#FFFFFF;
  --us-vert-fonce:#0F2C24; --us-vert-trait:#1F5245;
  --us-ambre-hover:#B0641F; --us-ambre-actif:#9A561A;

  --bg:#F5F1EA; --surface:#FFFFFF; --text:#1C1C1A; --text-muted:#5A5A55;
  --accent:#C8752A; --danger:#B03030; --success:#2F6B4F; --info:#2B4C6F;
  --danger-bg:#FDF6F6; --success-bg:#EEF5F0; --accent-bg:#FBF3E9; --info-bg:#EEF1F4;
  --disabled-bg:#EFEBE3; --disabled-txt:#9A9489;

  --font-titre:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-texte:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;

  --sp-1:4px; --sp-2:8px; --sp-3:16px; --sp-4:24px; --sp-5:32px;
  --sp-6:48px; --sp-7:64px; --sp-8:96px; --sp-9:128px;

  --sh-1:0 2px 6px rgba(28,28,26,.10);
  --sh-2:0 6px 18px rgba(28,28,26,.16);
  --cut:12px;
  --maxw:1280px;
  --pad:clamp(16px,4vw,64px);
  --header-h:88px;
}

/* ---------- 2. RESET ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul[class],ol[class]{list-style:none;padding:0}
body{font-family:var(--font-texte);font-size:1rem;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse;width:100%}

/* ---------- 3. TYPOGRAPHIE ---------- */
h1,h2,h3,h4,h5{font-family:var(--font-titre);color:var(--us-vert)}
h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.06;letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,3.2vw,2rem);font-weight:600;line-height:1.18;letter-spacing:-.015em}
h3{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:600;line-height:1.3;letter-spacing:-.01em}
h4{font-size:1.125rem;font-weight:500;line-height:1.45;color:var(--text)}
p{max-width:68ch}
.us-display{font-family:var(--font-titre);font-size:clamp(2.25rem,6vw,4rem);font-weight:700;line-height:1.02;letter-spacing:-.02em}
.us-lead{font-weight:300;font-size:clamp(1.0625rem,1.8vw,1.25rem);line-height:1.6;color:#3a3a36;max-width:62ch}
.us-small{font-size:.875rem;line-height:1.55;color:var(--text-muted)}
.us-mono{font-family:var(--font-mono)}
.us-eyebrow{font-family:var(--font-mono);font-weight:500;font-size:clamp(.6875rem,1.4vw,.75rem);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:var(--sp-3)}
.us-data{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--us-beton)}
.us-rule{height:2px;width:64px;background:var(--us-vert);margin:var(--sp-3) 0 var(--sp-4)}
.us-kpi{font-family:var(--font-titre);font-weight:700;font-size:clamp(2.5rem,5vw,3.5rem);line-height:.95;letter-spacing:-.03em;color:var(--us-vert)}
.us-kpi--ambre{color:var(--accent)}
.us-tt{margin-top:var(--sp-3)}

/* ---------- 4. LAYOUT ---------- */
.us-container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.us-section{padding-block:var(--sp-6)}
@media(min-width:768px){.us-section{padding-block:var(--sp-7)}}
@media(min-width:1120px){.us-section{padding-block:var(--sp-8)}}
.us-section--tight{padding-block:var(--sp-5)!important}
.us-section--cream{background:var(--us-copeau)}
.us-section--white{background:var(--surface)}
.us-section--vert{background:var(--us-vert);color:var(--us-copeau);position:relative;overflow:hidden}
.us-section--vertd{background:var(--us-vert-fonce);color:var(--us-copeau);position:relative;overflow:hidden}
.us-section--noyer{background:var(--us-noyer);color:#fff}
.us-section--vert h2,.us-section--vertd h2,.us-section--vert h3,.us-section--vertd h3,
.us-section--noyer h2,.us-section--noyer h3,.us-section--vert h4,.us-section--vertd h4{color:var(--us-copeau)}
.us-section--vert p,.us-section--vertd p,.us-section--noyer p{color:rgba(245,241,234,.85)}
.us-section--vert .us-container,.us-section--vertd .us-container{position:relative;z-index:2}

.us-grid{display:grid;gap:var(--sp-4)}
.us-grid--2,.us-grid--3,.us-grid--4,.us-grid--7-5,.us-grid--8-4{grid-template-columns:1fr}
@media(min-width:768px){
  .us-grid--2{grid-template-columns:repeat(2,1fr)}
  .us-grid--3{grid-template-columns:repeat(2,1fr)}
  .us-grid--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1120px){
  .us-grid--3{grid-template-columns:repeat(3,1fr)}
  .us-grid--4{grid-template-columns:repeat(4,1fr)}
  .us-grid--7-5{grid-template-columns:7fr 5fr}
  .us-grid--8-4{grid-template-columns:8fr 4fr}
}
.us-stack>*+*{margin-top:var(--sp-3)}
.us-cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.us-rainure{background-image:repeating-linear-gradient(45deg,rgba(245,241,234,.16) 0 1px,transparent 1px 7px);position:absolute;inset:0;z-index:1;pointer-events:none}
.us-header-2{margin-bottom:var(--sp-4)}
.us-header-2 p{margin-top:var(--sp-2)}
.us-flexline{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end;justify-content:space-between}

/* ---------- 5. ACCESSIBILITE ---------- */
.us-skip{position:absolute;left:var(--sp-3);top:-100px;z-index:9999;background:var(--accent);color:var(--us-graphite);font-family:var(--font-titre);font-weight:600;padding:12px 20px;text-decoration:none;transition:top .15s ease-out}
.us-skip:focus{top:var(--sp-2)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.us-btn--primary:focus-visible{outline-color:var(--us-vert)}
.us-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 6. BOUTONS ---------- */
.us-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-titre);font-weight:600;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;line-height:1;cursor:pointer;min-height:48px;padding:0 24px;border:0;background:none;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}
.us-btn--sm{min-height:40px;padding:0 16px;font-size:.8125rem}
.us-btn--lg{min-height:56px;padding:0 32px}
.us-btn--primary{background:var(--accent);color:var(--us-graphite);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.us-btn--primary:hover{background:var(--us-ambre-hover);box-shadow:0 3px 10px rgba(28,28,26,.18)}
.us-btn--primary:active{background:var(--us-ambre-actif);color:var(--us-copeau)}
.us-btn--ghost{border:2px solid var(--us-vert);color:var(--us-vert)}
.us-btn--ghost:hover{background:var(--us-vert);color:var(--us-copeau)}
.us-btn--ghost-light{border:2px solid rgba(245,241,234,.5);color:var(--us-copeau)}
.us-btn--ghost-light:hover{background:var(--us-copeau);color:var(--us-vert);border-color:var(--us-copeau)}
.us-btn--vert{background:var(--us-vert);color:var(--us-copeau)}
.us-btn--vert:hover{background:var(--us-vert-fonce)}
.us-btn[disabled]{background:#E3D9CB;color:var(--disabled-txt);cursor:not-allowed;box-shadow:none}
.us-link{display:inline-block;font-family:var(--font-texte);font-weight:600;color:var(--us-vert);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:color .15s ease-out}
.us-link:hover{color:var(--accent)}
.us-link--light{color:var(--us-copeau)}
.us-link--light:hover{color:var(--accent)}
.us-btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4)}
@media(max-width:520px){.us-btn-row{flex-direction:column;align-items:stretch}.us-btn-row .us-btn{width:100%}}

/* ---------- 7. HEADER / NAVIGATION ---------- */
.us-header{position:sticky;top:0;z-index:100;background:var(--us-vert);color:var(--us-copeau);transition:box-shadow .2s ease-out}
.us-header.is-scrolled{box-shadow:var(--sh-1)}
.us-header__inner{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);transition:min-height .2s ease-out}
.us-header.is-scrolled .us-header__inner{min-height:64px}
.us-logo{display:block;flex:none}
.us-logo img{height:40px;width:auto;transition:height .2s ease-out}
.us-header.is-scrolled .us-logo img{height:32px}
.us-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:0 10px;border:0;background:none;cursor:pointer}
.us-burger span{display:block;height:2px;width:100%;background:var(--us-copeau);transition:transform .2s ease-out,opacity .2s ease-out}
.us-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.us-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.us-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.us-nav{display:none}
.us-nav__list{display:flex;flex-direction:column}
.us-nav__link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:56px;padding:0;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--font-titre);font-weight:600;font-size:1rem;color:var(--us-copeau);text-decoration:none;border-bottom:1px solid rgba(245,241,234,.15)}
.us-nav__link[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
.us-nav__toggle::after{content:"+";color:var(--accent);font-size:1.25rem;font-family:var(--font-mono)}
.us-nav__toggle[aria-expanded="true"]::after{content:"\2212"}
.us-mega{display:none;padding:var(--sp-2) 0 var(--sp-3) var(--sp-3);border-left:2px solid var(--accent);margin:var(--sp-2) 0 var(--sp-2) 2px}
.us-mega.is-open{display:block}
.us-mega__grid{display:grid;gap:var(--sp-3)}
.us-mega__item{display:flex;gap:var(--sp-2);align-items:flex-start;flex-wrap:nowrap;text-decoration:none;color:inherit;padding:6px 0;min-height:44px}
.us-mega__item .us-ico{flex:none;margin-top:3px;width:24px;height:24px;stroke:var(--accent)}
/* Conteneur texte du mega-menu : titre et description empiles */
.us-mega__item>span,.us-mega__item>div,.us-mega__txt{display:block;min-width:0;flex:1 1 auto}
.us-mega__title{display:block;font-family:var(--font-titre);font-weight:600;font-size:.95rem;line-height:1.25;color:var(--us-copeau)}
.us-mega__desc{display:block;margin-top:4px;font-size:.8125rem;font-weight:400;color:rgba(245,241,234,.8);line-height:1.45}
.us-mega__aside{display:none}
.us-nav__foot{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid rgba(245,241,234,.15)}
.us-nav__tel{font-family:var(--font-mono);color:var(--accent);text-decoration:none;letter-spacing:.05em;display:inline-block;margin-bottom:var(--sp-3);min-height:44px}
.us-nav__foot .us-btn{width:100%}
.us-nav__cta{margin-top:var(--sp-3)}
.us-nav__cta .us-btn{width:100%}
.us-nav.is-open{display:block;position:fixed;inset:var(--header-h) 0 0 0;z-index:99;background:var(--us-vert);padding:var(--sp-4) var(--pad) var(--sp-7);overflow-y:auto}
body.us-no-scroll{overflow:hidden}

@media(min-width:1120px){
  .us-burger{display:none}
  .us-nav,.us-nav.is-open{display:block;position:static;background:none;padding:0;inset:auto;overflow:visible}
  .us-nav__list{flex-direction:row;align-items:center;gap:var(--sp-4)}
  .us-nav__item{position:relative}
  .us-nav__link{min-height:44px;font-family:var(--font-texte);font-weight:500;font-size:.9375rem;border-bottom:0;color:rgba(245,241,234,.88);gap:6px;width:auto}
  .us-nav__link:hover{color:#fff}
  .us-nav__link[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--accent);color:#fff}
  .us-nav__toggle::after{content:"\25BE";font-size:.75rem}
  .us-mega{display:block;position:absolute;top:100%;left:-24px;width:min(860px,88vw);background:var(--surface);color:var(--text);border:0;border-top:2px solid var(--accent);box-shadow:var(--sh-2);margin:0;padding:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s}
  .us-mega.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .us-mega__wrap{display:grid;grid-template-columns:1fr 260px}
  .us-mega__col{padding:var(--sp-4)}
  .us-mega__grid{grid-template-columns:1fr 1fr;gap:var(--sp-4);column-gap:var(--sp-5)}
  .us-mega__title{color:var(--us-vert)}
  .us-mega__desc{color:var(--text-muted)}
  .us-mega__item .us-ico{stroke:var(--us-vert)}
  .us-mega__item:hover .us-mega__title{color:var(--accent)}
  .us-mega__aside{display:block;background:var(--us-copeau);padding:var(--sp-4);position:relative;overflow:hidden}
  .us-mega__aside::after{content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 0)}
  .us-nav__foot{display:none}
  .us-nav__cta{margin-top:0}
  .us-nav__cta .us-btn{width:auto}
}

/* ---------- 8. FIL D'ARIANE ---------- */
.us-breadcrumb{background:var(--us-copeau);border-bottom:1px solid var(--us-ligne)}
.us-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;padding:12px 0;margin:0;font-size:.875rem;color:var(--text-muted)}
.us-breadcrumb a{color:var(--text-muted);text-decoration:none}
.us-breadcrumb a:hover{color:var(--us-vert);text-decoration:underline}
.us-breadcrumb li+li::before{content:"/";color:var(--accent);margin-right:6px}
.us-breadcrumb [aria-current="page"]{color:var(--us-vert);font-weight:600}

/* ---------- 9. HERO ---------- */
.us-hero{background:var(--us-vert);color:var(--us-copeau);position:relative;overflow:hidden}
.us-hero--vertd{background:var(--us-vert-fonce)}
.us-hero--noyer{background:var(--us-noyer);color:#fff}
.us-hero__grid{display:grid;grid-template-columns:1fr;align-items:stretch;position:relative;z-index:2}
.us-hero__txt{padding:var(--sp-6) var(--pad)}
.us-hero__media{position:relative;min-height:240px}
.us-hero h1{color:var(--us-copeau)}
.us-hero--noyer h1{color:#fff}
.us-hero p{color:rgba(245,241,234,.85);margin-top:var(--sp-3)}
.us-hero__badge{position:absolute;top:0;right:0;width:64px;height:64px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 0);z-index:3}
@media(min-width:1120px){
  .us-hero__grid{grid-template-columns:7fr 5fr}
  .us-hero__txt{padding-block:var(--sp-8);padding-left:max(var(--pad),calc((100vw - var(--maxw))/2 + var(--pad)));padding-right:var(--sp-6)}
  .us-hero__media{min-height:440px}
}

/* Bandeau confiance */
.us-trustbar{background:var(--us-vert-fonce);color:rgba(245,241,234,.85)}
.us-trustbar ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-4);padding:14px 0;list-style:none;margin:0}
.us-trustbar li{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.us-trustbar li:last-child{color:var(--accent)}
@media(min-width:768px){.us-trustbar ul{grid-template-columns:repeat(4,1fr);justify-items:center}}

/* ---------- 10. PLACEHOLDERS VISUELS ---------- */
.us-ph{background:#DDD8CE;position:relative;overflow:hidden;width:100%;height:100%}
.us-ph::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(0,0,0,.045) 0 1px,transparent 1px 6px)}
.us-ph__label{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:#6B655B}
.us-ph--3d{background:#E7EDF2;border:1px solid var(--us-bleu)}
.us-ph--3d::after{background:repeating-linear-gradient(0deg,rgba(43,76,111,.12) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(43,76,111,.12) 0 1px,transparent 1px 14px)}
.us-ph--3d .us-ph__label{color:var(--us-bleu)}
.us-ph--atelier{background:#DDD8CE;border:1px solid var(--us-noyer)}
.us-ph--atelier::after{background:repeating-linear-gradient(45deg,rgba(74,52,40,.14) 0 1px,transparent 1px 7px)}
.us-ph--plan{background:#E3E7E2;border:1px solid var(--us-ligne)}
.us-ph--plan::after{background:repeating-linear-gradient(0deg,rgba(20,57,47,.07) 0 1px,transparent 1px 20px),repeating-linear-gradient(90deg,rgba(20,57,47,.07) 0 1px,transparent 1px 20px)}
.us-ratio{position:relative;width:100%}
.us-ratio--32{aspect-ratio:3/2}
.us-ratio--169{aspect-ratio:16/9}
.us-ratio--21{aspect-ratio:2/1}

/* ---------- 11. CARTES ---------- */
.us-card{background:var(--surface);border:1px solid var(--us-ligne);display:flex;flex-direction:column;height:100%}
.us-card__media{position:relative;aspect-ratio:3/2;overflow:hidden}
.us-card__media .us-ph{transition:transform .2s ease-out}
.us-card:hover .us-card__media .us-ph{transform:scale(1.03)}
.us-card__body{padding:var(--sp-3);display:flex;flex-direction:column;gap:6px;flex:1}
.us-card__kicker{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.us-card__title{display:block;font-family:var(--font-titre);font-weight:600;font-size:1.0625rem;color:var(--us-vert);line-height:1.25;transition:color .2s ease-out}
.us-card:hover .us-card__title{color:var(--accent)}
.us-card__meta{display:block;font-size:.875rem;color:var(--text-muted)}
.us-card__link{text-decoration:none;color:inherit;display:block;height:100%}
.us-card--service{padding:var(--sp-4);gap:var(--sp-2)}
.us-card--flag{border-left:4px solid var(--us-ligne);border-top:0;border-right:0;border-bottom:0;padding:var(--sp-2) 0 var(--sp-2) var(--sp-3);background:none}
.us-card--flag.is-first{border-left-color:var(--accent)}
.us-card--num{padding:var(--sp-3) var(--sp-4);border:0;border-left:3px solid var(--us-ligne)}
.us-card--num.is-first{border-left-color:var(--accent)}
.us-card__num{display:block;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.1em;color:var(--accent)}

/* ---------- 12. ICONES ---------- */
.us-ico{width:32px;height:32px;fill:none;stroke:var(--us-vert);stroke-width:1.6;flex:none}
.us-ico--sm{width:20px;height:20px}
.us-section--vert .us-ico,.us-section--vertd .us-ico{stroke:var(--accent)}
.us-section--noyer .us-ico{stroke:#E8C9A0}

/* ---------- 13. BADGES ---------- */
.us-badges{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.us-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;background:var(--us-vert);color:var(--us-copeau)}
.us-badge--seve{background:var(--us-seve);color:var(--us-graphite)}
.us-badge--ambre{background:var(--accent);color:var(--us-graphite)}
.us-badge--bleu{background:var(--us-bleu);color:#fff}
.us-badge--outline{background:none;border:1px solid var(--us-ligne);color:var(--text-muted)}
.us-badge--light{background:rgba(245,241,234,.12);color:var(--us-copeau)}

/* ---------- 14. LOGOS CLIENTS ---------- */
.us-logos{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);align-items:center;list-style:none;padding:0;margin:0}
.us-logos li{font-family:var(--font-titre);font-weight:600;font-size:.9375rem;letter-spacing:.04em;color:var(--us-beton);transition:color .15s ease-out}
.us-logos li:hover{color:var(--us-vert)}
@media(max-width:767px){.us-logos{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.us-logos li{white-space:nowrap}}

/* ---------- 15. CHIFFRES CLES ---------- */
.us-kpis{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-kpis{grid-template-columns:repeat(4,1fr)}.us-kpis li+li{border-left:1px solid var(--us-ligne)}}
.us-kpis li{text-align:center;padding:var(--sp-3) var(--sp-2)}
.us-kpis dt{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:6px}
.us-kpis dd{margin:0}

/* ---------- 16. FRISES / ETAPES ---------- */
.us-steps{display:grid;gap:var(--sp-3);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-steps--4,.us-steps--6{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1120px){.us-steps--4{grid-template-columns:repeat(4,1fr)}.us-steps--6{grid-template-columns:repeat(6,1fr)}}
.us-step{border-top:2px solid rgba(245,241,234,.25);padding-top:var(--sp-2)}
.us-step.is-first{border-top-color:var(--accent)}
.us-step__num{display:block;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.1em;color:var(--accent)}
.us-step__t{display:block;font-family:var(--font-titre);font-weight:600;font-size:1rem;margin-top:4px;color:var(--us-copeau)}
.us-steps--light .us-step{border-top-color:var(--us-ligne)}
.us-steps--light .us-step.is-first{border-top-color:var(--accent)}
.us-steps--light .us-step__t{color:var(--us-vert)}
.us-callout{display:inline-block;background:var(--accent);color:var(--us-graphite);font-family:var(--font-titre);font-weight:600;padding:12px 20px;margin-top:var(--sp-4)}

/* ---------- 17. TABLEAUX ---------- */
.us-table-wrap{overflow-x:auto;border:1px solid var(--us-ligne);background:var(--surface)}
.us-table{min-width:520px;font-size:.9375rem}
.us-table th{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);text-align:left;border-bottom:2px solid var(--us-vert);padding:12px 16px}
.us-table td{padding:12px 16px;border-bottom:1px solid var(--us-ligne);vertical-align:top}
.us-table tbody tr:nth-child(even){background:var(--us-copeau)}
.us-table .is-plus{color:var(--success);font-weight:600}

/* ---------- 18. ACCORDEON ---------- */
.us-acc{border:1px solid var(--us-ligne);background:var(--surface)}
.us-acc__item+.us-acc__item{border-top:1px solid var(--us-ligne)}
.us-acc h3{margin:0}
.us-acc__btn{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:18px var(--sp-3);min-height:56px;font-family:var(--font-titre);font-weight:600;font-size:1rem;color:var(--us-vert)}
.us-acc__btn:hover{background:var(--us-copeau)}
.us-acc__btn::after{content:"+";color:var(--accent);font-family:var(--font-mono);font-size:1.25rem;flex:none}
.us-acc__btn[aria-expanded="true"]{background:var(--us-copeau)}
.us-acc__btn[aria-expanded="true"]::after{content:"\2212"}
.us-acc__panel{padding:0 var(--sp-3) var(--sp-3);color:var(--text-muted)}
.us-acc__panel[hidden]{display:none}

/* ---------- 19. FILTRES ---------- */
.us-filters{display:flex;gap:var(--sp-3);flex-wrap:wrap;list-style:none;padding:0;margin:var(--sp-3) 0 0}
@media(max-width:767px){.us-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}}
.us-filters a,.us-filters button{display:inline-flex;align-items:center;white-space:nowrap;background:none;border:0;cursor:pointer;font-family:var(--font-texte);font-weight:600;font-size:.9375rem;color:var(--text-muted);text-decoration:none;padding:8px 2px;border-bottom:2px solid var(--us-ligne);min-height:44px}
.us-filters [aria-current="page"],.us-filters [aria-pressed="true"]{color:var(--us-vert);border-bottom-color:var(--accent)}

/* ---------- 20. FORMULAIRES ---------- */
.us-form{display:grid;gap:var(--sp-4)}
.us-label{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}
.us-req{color:var(--accent)}
.us-input,.us-select,.us-textarea{width:100%;background:var(--surface);border:1px solid var(--us-ligne);padding:13px 14px;min-height:48px;font-size:1rem;color:var(--text);transition:border-color .15s ease-out}
.us-input:hover,.us-select:hover,.us-textarea:hover{border-color:var(--us-beton)}
.us-input:focus,.us-select:focus,.us-textarea:focus{border-color:var(--us-vert);caret-color:var(--accent)}
.us-textarea{min-height:140px;resize:vertical;line-height:1.6}
.us-input[aria-invalid="true"],.us-textarea[aria-invalid="true"],.us-select[aria-invalid="true"]{border-color:var(--danger);background:var(--danger-bg)}
.us-error{display:block;color:var(--danger);font-size:.875rem;margin-top:6px}
.us-error:empty{display:none}
.us-row{display:grid;gap:var(--sp-3)}
@media(min-width:768px){.us-row--2{grid-template-columns:1fr 1fr}.us-row--3{grid-template-columns:1fr 1fr 1.3fr}}
.us-choices{display:grid;gap:var(--sp-2);grid-template-columns:1fr;margin:0;padding:0;border:0}
@media(min-width:600px){.us-choices{grid-template-columns:repeat(3,1fr)}}
.us-choice{position:relative;margin:0}
.us-choice input{position:absolute;opacity:0;width:1px;height:1px}
.us-choice span{display:block;height:100%;background:var(--surface);border:1px solid var(--us-ligne);padding:14px;cursor:pointer;font-family:var(--font-titre);font-weight:600;font-size:.9375rem;color:var(--us-vert);min-height:56px;transition:border-color .15s ease-out}
.us-choice input:hover+span{border-color:var(--us-vert)}
.us-choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
.us-choice input:checked+span{border:2px solid var(--us-vert);padding:13px}
.us-choice input:checked+span::after{content:"";position:absolute;top:0;right:0;width:12px;height:12px;background:var(--accent)}
.us-choice--wide{grid-column:1/-1}
@media(min-width:600px){.us-choice--wide{grid-column:span 2}}
.us-check{display:flex;gap:12px;align-items:flex-start}
.us-check input{width:20px;height:20px;margin-top:4px;flex:none;accent-color:var(--us-vert)}
.us-check label{font-size:.875rem;color:var(--text-muted);line-height:1.55}
.us-progress{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-4)}
.us-progress__bar{flex:1;height:4px;background:var(--us-ligne)}
.us-progress__bar.is-done{background:var(--accent)}
.us-progress__txt{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted);flex:none}
.us-step-panel[hidden]{display:none}
.us-form-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:flex-end}
.us-form-box{border:1px solid var(--us-ligne);background:var(--surface);padding:var(--sp-4)}
@media(min-width:768px){.us-form-box{padding:var(--sp-5)}}
.us-confirm{text-align:center;padding:var(--sp-5) var(--sp-3)}
.us-confirm__mark{width:48px;height:48px;background:var(--us-vert);color:var(--us-copeau);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-3);font-size:1.5rem;font-family:var(--font-titre)}
.us-confirm p{margin-inline:auto}

/* ---------- 21. ALERTES ---------- */
.us-alert{padding:14px 18px;border-left:4px solid var(--us-beton);background:var(--us-copeau);font-size:.9375rem}
.us-alert+.us-alert{margin-top:var(--sp-2)}
.us-alert--success{background:var(--success-bg);border-color:var(--success)}
.us-alert--success b{color:var(--success)}
.us-alert--error{background:var(--danger-bg);border-color:var(--danger)}
.us-alert--error b{color:var(--danger)}
.us-alert--warn{background:var(--accent-bg);border-color:var(--accent)}
.us-alert--warn b{color:#8A5015}
.us-alert--info{background:var(--info-bg);border-color:var(--info)}
.us-alert--info b{color:var(--info)}

/* ---------- 22. CITATIONS ---------- */
.us-quotes{display:grid;gap:var(--sp-4);list-style:none;padding:0;margin:0}
@media(min-width:1120px){.us-quotes{grid-template-columns:repeat(3,1fr)}}
.us-quote{border-left:3px solid var(--us-ligne);padding-left:var(--sp-3);margin:0}
.us-quote.is-first{border-left-color:var(--accent)}
.us-quote blockquote{font-style:italic;color:var(--us-vert);font-size:1.0625rem;line-height:1.5;margin:0}
.us-quote figcaption{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:10px}

/* ---------- 23. BANDEAU CTA ---------- */
.us-cta{background:var(--accent);color:var(--us-graphite)}
.us-cta--vert{background:var(--us-vert);color:var(--us-copeau)}
.us-cta--vertd{background:var(--us-vert-fonce);color:var(--us-copeau)}
.us-cta--cream{background:var(--us-copeau);color:var(--text)}
.us-cta__inner{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;justify-content:space-between;padding-block:var(--sp-5)}
.us-cta h2{font-family:var(--font-titre);font-weight:700;font-size:clamp(1.375rem,3vw,1.75rem);color:inherit;letter-spacing:-.01em}
.us-cta p{margin-top:6px;color:inherit;opacity:.82;font-size:.9375rem}

/* ---------- 24. FICHE TECHNIQUE ---------- */
.us-spec{background:var(--us-copeau);padding:var(--sp-4)}
.us-spec dl{display:grid;grid-template-columns:1fr;margin:var(--sp-2) 0 0}
.us-spec dt{font-size:.875rem;color:var(--text-muted);padding:9px 0 0}
.us-spec dd{margin:0 0 9px;padding-bottom:9px;border-bottom:1px solid var(--us-ligne);font-weight:600;color:var(--us-vert)}
@media(min-width:520px){
  .us-spec dl{grid-template-columns:auto 1fr;column-gap:var(--sp-3)}
  .us-spec dt{padding:9px 0;border-bottom:1px solid var(--us-ligne)}
  .us-spec dd{margin:0;padding:9px 0;text-align:right}
}

/* ---------- 25. TRIPTYQUE ---------- */
.us-tri{display:grid;gap:var(--sp-4);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-tri{grid-template-columns:repeat(3,1fr)}}
.us-tri figure{margin:0}
.us-tri figcaption{margin-top:10px}
.us-tri .us-data{display:block;margin-bottom:4px}
.us-tri .is-3d .us-data{color:var(--us-bleu)}
.us-tri .is-atelier .us-data{color:var(--us-noyer)}
.us-tri .is-reel .us-data{color:var(--us-vert)}

/* ---------- 26. SCHEMAS ---------- */
.us-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-modules{grid-template-columns:repeat(6,1fr)}}
.us-modules li{text-align:center}
.us-modules i{display:block;height:72px;position:relative}
.us-modules span{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;color:var(--us-vert);margin-top:8px}





.us-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-swatches{grid-template-columns:repeat(6,1fr)}}
.us-swatches i{display:block;height:64px}
.us-swatches span{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--text-muted);margin-top:8px}

/* ---------- 27. PACKS ---------- */
.us-pack{background:var(--surface);border:1px solid var(--us-ligne);height:100%;display:flex;flex-direction:column;position:relative}
.us-pack--featured{border:2px solid var(--accent)}
.us-pack--featured::after{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:var(--accent)}
.us-pack__head{background:var(--us-vert);padding:var(--sp-3) var(--sp-4)}
.us-pack__head .us-data{display:block;color:var(--accent)}
.us-pack__head h3{color:var(--us-copeau);font-weight:700;margin-top:4px}
.us-pack__body{padding:var(--sp-4);flex:1}
.us-pack__body ul{list-style:none;padding:0;margin:0 0 var(--sp-3)}
.us-pack__body li{padding-left:18px;position:relative;margin-bottom:6px;font-size:.9375rem}
.us-pack__body li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--accent)}

/* ---------- 28. ECO-CONCEPTION ---------- */
.us-matrix{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);list-style:none;padding:0;margin:0}
@media(min-width:768px){.us-matrix{grid-template-columns:repeat(4,1fr)}}
.us-matrix li{background:var(--us-copeau);padding:var(--sp-3);text-align:center}
.us-matrix li:last-child{background:var(--us-seve)}
.us-matrix strong{display:block;font-family:var(--font-titre);font-weight:700;font-size:1.75rem;color:var(--us-vert)}
.us-matrix span{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}
.us-matrix li:last-child span{color:var(--us-graphite)}
.us-cycle{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:stretch;list-style:none;padding:0;margin:0}
.us-cycle li{flex:1 1 140px;background:var(--surface);border:1px solid var(--us-ligne);padding:12px;text-align:center}
.us-cycle li:last-child{background:var(--us-seve);border-color:var(--us-seve)}
.us-cycle .us-data{display:block;color:var(--accent)}
.us-cycle strong{display:block;font-family:var(--font-titre);font-weight:600;font-size:.9375rem;color:var(--us-vert);margin-top:2px}
.us-levier{border-top:3px solid var(--us-seve);padding-top:var(--sp-3)}

/* ---------- 29. BLOG ---------- */
.us-article{max-width:68ch}
.us-article h2{margin-top:var(--sp-6)}
.us-article h3{margin-top:var(--sp-5)}
.us-article p+p,.us-article ul,.us-article ol,.us-article .us-table-wrap{margin-top:var(--sp-3)}
.us-article ul{padding-left:20px;list-style:disc}
.us-article li{margin-bottom:6px}
.us-toc{background:var(--us-copeau);padding:var(--sp-3)}
@media(min-width:1120px){.us-toc{position:sticky;top:120px}}
.us-toc ol{list-style:none;padding:0;margin:8px 0 0;font-size:.9375rem}
.us-toc li{margin-bottom:6px}
.us-toc a{display:block;padding-left:10px;border-left:2px solid var(--us-ligne);text-decoration:none;color:var(--text-muted);min-height:32px}
.us-toc a:hover{color:var(--us-vert);border-left-color:var(--accent)}
.us-note{background:var(--us-copeau);border-left:4px solid var(--accent);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-4)}
.us-note ul{list-style:none;padding:0;margin-top:8px}
.us-note li{padding-left:18px;position:relative;margin-bottom:4px;color:var(--us-vert)}
.us-note li::before{content:"";position:absolute;left:0;top:.65em;width:8px;height:2px;background:var(--accent)}
.us-author{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--us-ligne);padding-top:var(--sp-3);margin-top:var(--sp-3)}
.us-author__av{width:40px;height:40px;border-radius:50%;background:var(--us-copeau);border:1px solid var(--us-ligne);flex:none}
.us-author__dates{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--us-beton)}
.us-post{display:grid;gap:var(--sp-4);border:1px solid var(--us-ligne);background:var(--surface)}
@media(min-width:768px){.us-post{grid-template-columns:1fr 1.4fr;gap:0}}
.us-post__body{padding:var(--sp-4)}

/* ---------- 30. FOOTER ---------- */
.us-footer{background:var(--us-vert-fonce);color:rgba(245,241,234,.75);padding-block:var(--sp-6) var(--sp-4);margin-bottom:64px}
@media(min-width:768px){.us-footer{margin-bottom:0}}
.us-footer__grid{display:grid;gap:var(--sp-5);grid-template-columns:1fr}
@media(min-width:600px){.us-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1120px){.us-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.us-footer img{height:36px;width:auto}
.us-footer h2{font-family:var(--font-titre);font-weight:600;font-size:1rem;color:var(--us-copeau);margin-bottom:12px}
.us-footer ul{list-style:none;padding:0;margin:0}
.us-footer li{margin-bottom:8px}
.us-footer a{color:rgba(245,241,234,.78);text-decoration:none}
.us-footer a:hover{color:var(--us-copeau);text-decoration:underline}
.us-footer__baseline{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:var(--sp-3)}
.us-footer__legal{border-top:1px solid rgba(245,241,234,.15);margin-top:var(--sp-5);padding-top:var(--sp-3);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}

/* ---------- 31. BARRE D'ACTION MOBILE ---------- */
.us-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:98;height:64px;background:var(--accent);display:none;align-items:center;justify-content:center;transform:translateY(100%);transition:transform .2s ease-out}
.us-actionbar.is-visible{transform:translateY(0)}
.us-actionbar a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-titre);font-weight:600;font-size:.9375rem;letter-spacing:.06em;text-transform:uppercase;color:var(--us-graphite);text-decoration:none}
@media(max-width:767px){.us-actionbar{display:flex}}

/* ---------- 32. MOTION ---------- */
.us-reveal{opacity:0;transform:translateY(16px)}
.us-reveal.is-in{opacity:1;transform:none;transition:opacity .4s cubic-bezier(.2,.7,.3,1),transform .4s cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .us-reveal{opacity:1;transform:none}
}

/* ---------- 33. BANDEAU PREVIEW ---------- */
.us-preview{background:var(--us-graphite);color:var(--us-copeau);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:8px 16px}

/* ---------- 34. CORRECTIF DIRECTION — RETOUR A LA LIGNE TITRE/DESCRIPTION ----------
   Filet de securite : toute paire titre + description doit s'empiler,
   quelle que soit la structure inline heritee du markup. */
.us-mega__item{align-items:flex-start}
.us-mega__item .us-mega__title,
.us-mega__item .us-mega__desc{display:block;width:100%}
.us-mega__desc{margin-top:4px}
.us-card__body .us-card__title,
.us-card__body .us-card__meta,
.us-card__body .us-card__kicker{display:block;width:100%}

/* ---------- 34. BANDEAU DE RÉFÉRENCES DÉFILANT (100 % CSS) ---------- */
.us-bandeau{position:relative;width:100%;overflow:hidden;margin-top:var(--sp-4);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}
.us-bandeau__piste{display:flex;width:max-content;animation-name:us-defile;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:60s}
.us-bandeau:hover .us-bandeau__piste,.us-bandeau:focus-within .us-bandeau__piste{animation-play-state:paused}
.us-bandeau__serie{display:flex;flex:0 0 auto;align-items:center;gap:clamp(2rem,5vw,4rem);margin:0;padding:0 clamp(1rem,2.5vw,2rem);list-style:none}
.us-bandeau__serie li{display:flex;align-items:center;justify-content:center;height:56px;flex:0 0 auto}
.us-bandeau__serie img{display:block;height:40px;width:auto;max-width:150px;object-fit:contain}
.us-bandeau__serie a{display:block;text-decoration:none}
.us-bandeau__nom{font-family:var(--font-titre);font-weight:600;font-size:.9375rem;letter-spacing:.04em;color:var(--us-beton);white-space:nowrap}
@keyframes us-defile{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:640px){.us-bandeau__serie img{height:32px;max-width:120px}.us-bandeau__serie li{height:48px}}
@media(prefers-reduced-motion:reduce){
.us-bandeau{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.us-bandeau__piste{animation:none!important;transform:none!important;width:auto}
.us-bandeau__serie[aria-hidden="true"]{display:none}
}

/* ---------- 35. VIDÉO DU BANDEAU PRINCIPAL ---------- */
.us-media{overflow:hidden;background:#DDD8CE}
.us-media__affiche,.us-media__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.us-media__affiche{z-index:1}
.us-media__video{z-index:2}
.us-media__voile{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(20,26,22,.28),rgba(20,26,22,0) 45%,rgba(20,26,22,.34))}
@media(prefers-reduced-motion:reduce){.us-media__video{display:none}.us-media__affiche{z-index:2}}
/* ---------- 36. BLOC 16/9 À FONDU ENCHAÎNÉ (100 % CSS, nos photos) ---------- */
.us-diapo{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--us-graphite,#1C1C1A);margin-top:var(--sp-4)}
.us-diapo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:us-fondu 21s linear infinite}
.us-diapo img:nth-child(2){animation-delay:7s}
.us-diapo img:nth-child(3){animation-delay:14s}
.us-diapo:hover img,.us-diapo:focus-within img{animation-play-state:paused}
@keyframes us-fondu{0%{opacity:0}3%{opacity:1}30%{opacity:1}33%{opacity:0}100%{opacity:0}}
.us-surfaces{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:var(--sp-3) 0 0}
.us-surfaces li{font-family:var(--font-mono,ui-monospace,monospace);font-size:.8125rem;letter-spacing:.04em;padding:6px 14px;border:1px solid var(--us-ligne,#D9D4CB);border-radius:999px}
@media(max-width:640px){.us-diapo{border-radius:14px}}
@media(prefers-reduced-motion:reduce){
.us-diapo img{animation:none!important;opacity:0}
.us-diapo img:first-child{opacity:1}
}

/* ---------- 38. BLOC DE RECONFIGURATION 2x2 (structure fournie par la direction, transposee dans notre charte) ---------- */
.us-reconfig{position:relative;width:100%;border-radius:20px;overflow:hidden;background:#0F2C24;background-image:radial-gradient(circle at 50% 45%,#14392F 0%,#0F2C24 62%);padding:clamp(12px,2.2vw,22px);align-self:center}
.us-reconfig__grille{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vw,18px);width:100%}
.us-reconfig__carte{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid rgba(245,241,234,.22);background:#0F2C24;transition:border-color .25s ease-out,transform .25s ease-out,box-shadow .25s ease-out}
.us-reconfig__carte:hover{border-color:#C8752A;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.45)}
.us-reconfig__carte svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.us-reconfig__label{position:absolute;z-index:2;background:rgba(15,44,36,.82);color:#F5F1EA;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid rgba(217,212,203,.22)}
@supports (backdrop-filter:blur(4px)){.us-reconfig__label{background:rgba(15,44,36,.55);backdrop-filter:blur(4px)}}
/* Quatre angles differents, conformement au code fourni par la direction.
   Mesure prealable : haut-gauche et haut-droite sont libres dans les quatre dessins ;
   les angles bas ne contiennent que l ellipse d ombre portee au sol, a 8 pour cent
   d opacite, qui ne porte aucune information. Aucun dessin n est donc masque. */
.us-reconfig__carte--1 .us-reconfig__label{left:8px;top:8px}
.us-reconfig__carte--2 .us-reconfig__label{right:8px;top:8px}
.us-reconfig__carte--3 .us-reconfig__label{left:8px;bottom:8px}
.us-reconfig__carte--4 .us-reconfig__label{right:8px;bottom:8px}
.us-reconfig__centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(84px,13vw,118px);aspect-ratio:1;z-index:3;pointer-events:none;display:grid;place-items:center}
.us-reconfig__halo{position:absolute;inset:-28%;border-radius:50%;background:radial-gradient(circle,rgba(200,117,42,.30) 0%,rgba(200,117,42,0) 68%)}
.us-reconfig__anneau{position:absolute;inset:0;width:100%;height:100%;animation:us-tourne 10s linear infinite}
.us-reconfig__pastille{position:relative;z-index:2;width:clamp(46px,7vw,68px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0F2C24;border:1px solid rgba(217,212,203,.30);color:#C8752A;font-size:clamp(1.1rem,2.2vw,1.6rem);line-height:1}
.us-reconfig__voile{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:20px;box-shadow:inset 0 0 70px 18px rgba(10,24,19,.55)}
@keyframes us-tourne{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:768px){
.us-reconfig{border-radius:14px}
.us-reconfig__centre{width:clamp(64px,16vw,88px)}
.us-reconfig__voile{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
.us-reconfig__anneau{animation:none!important}
.us-reconfig__carte{transition:none!important}
.us-reconfig__carte:hover{transform:none!important}
}
@media(max-width:420px){
.us-reconfig__grille{grid-template-columns:1fr}
.us-reconfig__centre{display:none}
}