@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-vietnamese-400-normal.1_93s38fqzg86.woff2)format("woff2"),url(../media/barlow-vietnamese-400-normal.2xb42gyyni94-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-latin-ext-400-normal.31m49fiemkz4b.woff2)format("woff2"),url(../media/barlow-latin-ext-400-normal.22si0i621lsac.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(../media/barlow-latin-400-normal.2g-m-43w4inzo.woff2)format("woff2"),url(../media/barlow-latin-400-normal.0crhl7392v5q0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-vietnamese-500-normal.2m9bp83hy5_hx.woff2)format("woff2"),url(../media/barlow-vietnamese-500-normal.3_-pq67p-ey1z.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-latin-ext-500-normal.1wrr54q_45yqh.woff2)format("woff2"),url(../media/barlow-latin-ext-500-normal.0nd7oyn5tiea-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-latin-500-normal.1e42q6h-am56h.woff2)format("woff2"),url(../media/barlow-latin-500-normal.0mgplsqvrpi8w.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-vietnamese-600-normal.2icz6ahtm-_en.woff2)format("woff2"),url(../media/barlow-vietnamese-600-normal.1jygz385khx39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-latin-ext-600-normal.2tf_3wil7nebp.woff2)format("woff2"),url(../media/barlow-latin-ext-600-normal.0gw-fbepbmfxp.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-latin-600-normal.20ymm9zt6h9oi.woff2)format("woff2"),url(../media/barlow-latin-600-normal.3fzrhzm2e5-pj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-condensed-vietnamese-600-normal.43ud19ilw2-pl.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-600-normal.0csyzgbq6oph-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-condensed-latin-ext-600-normal.0_w6c_5g3mtxc.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-600-normal.40rgster27fo6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(../media/barlow-condensed-latin-600-normal.289y3avl9x-vx.woff2)format("woff2"),url(../media/barlow-condensed-latin-600-normal.0gvkp1c3flf_w.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-vietnamese-700-normal.30aknk5meqo_4.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-700-normal.3f_ld5jwq496k.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-ext-700-normal.1qvxqej4sgmo7.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-700-normal.2ujo9d6x5hgkq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-700-normal.21s4tc4km7afu.woff2)format("woff2"),url(../media/barlow-condensed-latin-700-normal.1on3xg---ibgx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-vietnamese-700-italic.2lns_kkjqyo6b.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-700-italic.1bi4vic7m5jwm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-ext-700-italic.2nmd0boqmmm5k.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-700-italic.2ans2lx95gphd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-700-italic.0mlt45hdwc7rm.woff2)format("woff2"),url(../media/barlow-condensed-latin-700-italic.1xvymhfac1p0_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root,[data-theme=dark]{--bg:#0f1113;--bg-2:#14171a;--surface:#1b1f23;--surface-2:#232830;--line:#2c3238;--text:#f3f2ef;--muted:#9ca3ad;--accent:#ff6a1a;--accent-hover:#ff8746;--on-accent:#1a0c04;--accent-soft:#ff6a1a24;--ok:#3dd68c;--ok-soft:#3dd68c21;--info:#6cb4ff;--info-soft:#6cb4ff21;--warn:#f5b84b;--warn-soft:#f5b84b21;--stage:radial-gradient(ellipse 80% 70% at 50% 62%, #2a3037 0%, #1a1e22 55%, #15181b 100%);--line-art:#d7dbe0;--glass:#0f1113b8;--shadow:0 1px 2px #0006, 0 12px 32px #00000059;--shadow-hover:0 2px 4px #0006, 0 22px 48px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f6f6f4;--bg-2:#efefec;--surface:#fff;--surface-2:#f3f3f1;--line:#e1e2e5;--text:#15171a;--muted:#5f6670;--accent:#e2560b;--accent-hover:#c94a06;--on-accent:#fff;--accent-soft:#e2560b1a;--ok:#17864f;--ok-soft:#e2f4ea;--info:#1464c0;--info-soft:#e5effb;--warn:#8a5a00;--warn-soft:#fbf0d8;--stage:radial-gradient(ellipse 80% 70% at 50% 62%, #fff 0%, #eeeff0 60%, #e6e7e9 100%);--line-art:#2b3036;--glass:#f6f6f4bf;--shadow:0 1px 2px #14161a0f, 0 10px 28px #14161a14;--shadow-hover:0 2px 4px #14161a14, 0 20px 44px #14161a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--display:"Barlow Condensed", "Arial Narrow", sans-serif;--text-font:"Barlow", system-ui, sans-serif;--wrap:80rem;--r-s:8px;--r-m:14px;--r-l:22px;--ease:cubic-bezier(.22, .8, .24, 1);--header-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem)}html,body{overflow-x:clip}body{background:var(--bg);color:var(--text);font:400 1.0625rem/1.55 var(--text-font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;transition:background .3s,color .3s}img,svg{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}button{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3{font-family:var(--display);letter-spacing:-.005em;margin:0 0 .5em;font-weight:700;line-height:1}h1{font-size:clamp(2.4rem,6.5vw,4.6rem)}h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}h3{font-size:1.35rem;font-weight:600}p{max-width:68ch}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem}main{min-height:70vh;padding:2.5rem 0 6rem}.lead{color:var(--muted);margin-top:0;font-size:1.15rem}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{margin-top:5rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:.4rem 0 0}.link-more{white-space:nowrap;font-weight:600;text-decoration:none}.page{animation:page-in .35s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.button{min-height:46px;font:600 1rem var(--text-font);cursor:pointer;background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.3rem;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.button:hover{background:var(--accent-hover);color:var(--on-accent)}.button:active{transform:scale(.98)}.button-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.button-ghost:hover{background:var(--surface-2);color:var(--text)}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:12px;place-items:center;transition:background .2s;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn svg{width:22px;height:22px}.chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chip{min-height:40px;color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:box-shadow .2s,color .2s,background .2s;display:inline-flex}a.chip:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip[aria-current=true]{background:var(--accent);color:var(--on-accent);box-shadow:none}.chip .count{color:var(--muted);font-weight:400}.chip[aria-current=true] .count{color:inherit;opacity:.75}.badge{font:600 .78rem/1 var(--text-font);background:var(--accent-soft);color:var(--accent);letter-spacing:.01em;border-radius:6px;align-items:center;padding:.32rem .55rem;display:inline-flex}.badge-a2{background:var(--ok-soft);color:var(--ok)}.badge-elec{background:var(--info-soft);color:var(--info)}.badge-comp{background:var(--warn-soft);color:var(--warn)}.badge-neutral{background:var(--surface-2);color:var(--muted)}.site-header{z-index:50;height:var(--header-h);background:var(--glass);-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;height:100%;display:grid}.wordmark{font:italic 700 1.7rem/1 var(--display);color:var(--text);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--text)}.wordmark img{width:30px;height:30px}.site-nav{justify-content:center;gap:.25rem;display:flex}.site-nav a{color:var(--muted);border-radius:10px;padding:.5rem .85rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.header-actions{align-items:center;gap:.25rem;display:flex}.search-trigger{cursor:pointer;background:var(--surface);border:1px solid var(--line);min-height:42px;color:var(--muted);border-radius:12px;align-items:center;gap:.6rem;padding:0 .6rem 0 .9rem;font-size:.95rem;transition:border-color .2s;display:inline-flex}.search-trigger:hover{border-color:var(--accent);color:var(--text)}.search-trigger svg{width:18px;height:18px}.search-trigger kbd{font:500 .75rem var(--text-font);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:.15rem .4rem}.burger,.search-mobile,.mobile-nav{display:none}.search-dialog{width:min(44rem,100vw - 2rem);color:var(--text);background:0 0;border:0;margin:12vh auto auto;padding:0;overflow:visible}.search-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060899}.search-dialog[open]{animation:dialog-in .22s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.search-dialog .hint{color:#c5cad1;margin:.75rem .25rem 0;font-size:.9rem}.livesearch{position:relative}.livesearch input{border:1px solid var(--line);width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--surface);border-radius:14px;padding:.7rem 1rem .7rem 2.8rem;transition:border-color .2s,box-shadow .2s}.livesearch input::placeholder{color:var(--muted)}.livesearch input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.livesearch .icon{width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;translate:0 -50%}.livesearch-big input{min-height:68px;box-shadow:var(--shadow);border-radius:20px;padding-left:3.6rem;font-size:1.2rem}.livesearch-big .icon{width:24px;height:24px;left:1.35rem}.suggestions{z-index:60;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-hover);animation:dialog-in .16s var(--ease);border-radius:16px;max-height:60vh;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.suggestions a{color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;text-decoration:none;display:flex}.suggestions li[aria-selected=true] a,.suggestions a:hover{background:var(--surface-2)}.s-name{font-weight:600}.s-meta{color:var(--muted);white-space:nowrap;font-size:.9rem}.s-all a{color:var(--accent);font-weight:600}.s-empty{color:var(--muted);padding:.8rem}.hero{text-align:center;margin:-2.5rem calc(50% - 50vw) 0;padding:5rem 1.5rem 3rem;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(ellipse 60% 50% at 50% 0%, var(--accent-soft), transparent 70%), var(--bg);position:absolute;inset:0}.hero h1{max-width:16ch;margin:0 auto 1rem}.hero .lead{margin:0 auto 2rem}.hero-search{text-align:left;max-width:44rem;margin:0 auto}.hero .chips{justify-content:center;margin-top:1.25rem}.hero-stage{max-width:68rem;height:clamp(9rem,22vw,17rem);margin:3rem auto 0;position:relative}.hero-stage .picto{color:var(--line-art);opacity:.55;position:absolute}.hero-stage .picto.main{color:var(--accent);opacity:1;width:38%;filter:drop-shadow(0 18px 30px var(--accent-soft));bottom:0;left:31%}.hero-stage .p1{width:22%;bottom:8%;left:4%}.hero-stage .p2{opacity:.3;width:18%;bottom:36%;left:23%}.hero-stage .p3{width:22%;bottom:8%;right:4%}.hero-stage .p4{opacity:.3;width:17%;bottom:40%;right:22%}.hero-floor{background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;position:absolute;bottom:-2px;left:10%;right:10%}.stats{justify-content:center;gap:clamp(1.5rem,6vw,5rem);margin-top:2.5rem;display:flex}.stat{flex-direction:column-reverse;align-items:center;display:flex}.stat dd{font:700 clamp(2rem, 4vw, 3rem)/1 var(--display);color:var(--text);margin:0}.stat dt{color:var(--muted);margin-top:.2rem;font-size:.95rem}.picto-draw circle,.picto-draw path,.picto-draw rect{stroke-dasharray:100;stroke-dashoffset:100px;animation:draw 1.8s var(--ease) forwards}.picto-draw path{animation-duration:2.2s;animation-delay:.35s}@keyframes draw{to{stroke-dashoffset:0}}.grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;display:grid}.reveal{animation:reveal .5s var(--ease) both;animation-delay:calc(var(--i,0) * 45ms)}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;flex-direction:column;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-4px)}.card .media{aspect-ratio:16/10;background:var(--stage);color:var(--line-art);place-items:center;display:grid;position:relative;overflow:hidden}.card .media>*{transition:transform .6s var(--ease)}.card:hover .media>*{transform:scale(1.045)}.card .media .picto{width:76%}.card .media img{object-fit:cover;width:100%;height:100%}.card .media .badge{position:absolute;top:.8rem;left:.8rem;transform:none!important}.card .arrow{background:var(--accent);width:36px;height:36px;color:var(--on-accent);opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.9rem;right:.9rem;transition:opacity .3s, transform .35s var(--ease)!important;transform:translate(-6px,6px)!important}.card:hover .arrow{opacity:1;transform:none!important}.card .arrow svg{width:18px;height:18px}.card .body{flex-direction:column;flex:1;gap:.2rem;padding:1rem 1.2rem 1.2rem;display:flex}.card .brand{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.card h3{margin:0;font-size:1.6rem}.card h3 a{color:var(--text);text-decoration:none}.card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.card .year{color:var(--muted);font-size:.95rem}.card .specline{color:var(--text);margin-top:.6rem;font-size:1rem}.card .specline b{font:700 1.3rem var(--display);color:var(--accent)}.card .tags{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-m);padding:1.75rem}.empty p{margin:0 0 .8rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:1rem;display:grid}.cat-card .media{aspect-ratio:4/3}.cat-card .body{flex-direction:row;justify-content:space-between;align-items:baseline;padding:.85rem 1.1rem 1rem}.cat-card h3{font-size:1.35rem}.cat-card .count{color:var(--muted);font-size:.9rem}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(8.2rem,1fr));gap:.6rem;display:grid}.cc-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);min-height:92px;color:var(--text);transition:border-color .25s, transform .25s var(--ease), background .25s;flex-direction:column;justify-content:space-between;padding:.8rem 1rem;text-decoration:none;display:flex;position:relative}.cc-tile:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.cc-tile strong{font:700 1.9rem/1 var(--display)}.cc-tile strong small{color:var(--muted);margin-left:.15em;font-size:.55em}.cc-tile span{color:var(--muted);font-size:.85rem}.cc-tile[data-empty=true]{opacity:.45}.cc-tile[aria-current=true]{border-color:var(--accent);background:var(--accent-soft)}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;display:grid}.brand-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);color:var(--text);justify-content:space-between;align-items:baseline;gap:.5rem;padding:1rem 1.1rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:flex}.brand-link:hover{border-color:var(--accent);color:var(--text)}.brand-link span{color:var(--muted);font-size:.88rem;font-weight:400}.pagination{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.breadcrumb{color:var(--muted);margin-bottom:1.5rem;font-size:.92rem}.breadcrumb ol{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.breadcrumb li+li:before{content:"/";opacity:.5;margin-right:.45rem}.fiche-stage{background:var(--stage);border:1px solid var(--line);color:var(--line-art);border-radius:28px;place-items:center;min-height:clamp(15rem,40vw,28rem);padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.fiche-stage .picto{width:min(34rem,80%)}.fiche-stage img{object-fit:contain;width:100%;max-height:30rem}.fiche-stage .credit{color:var(--muted);font-size:.8rem;position:absolute;bottom:.8rem;right:1rem}.fiche-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem 3rem;margin:2rem 0 0;display:grid}.fiche-brand{font:600 .9rem var(--text-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none}.fiche-head h1{margin:.35rem 0 .8rem}.fiche-head h1 .year{color:var(--muted);font-weight:600}.fiche-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.keyfigs{grid-template-columns:repeat(4,auto);gap:0 2.2rem;margin:0;display:grid}.keyfig{flex-direction:column-reverse;display:flex}.keyfig dd{font:700 clamp(2.4rem, 5vw, 3.6rem)/.95 var(--display);color:var(--text);margin:0}.keyfig:first-child dd,.keyfig:nth-child(2) dd{color:var(--accent)}.keyfig dt{font:600 .8rem var(--text-font);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-top:.35rem}.fiche-layout{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:2rem;margin-top:3rem;display:grid}.spec-cards{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));align-items:start;gap:1rem;display:grid}.spec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.1rem 1.25rem .6rem}.spec-card h2{align-items:center;gap:.55rem;margin:0 0 .5rem;font-size:1.4rem;display:flex}.spec-card h2 svg{width:20px;height:20px;color:var(--accent)}.spec-card dl{margin:0}.spec-card .row{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.6rem 0;display:flex}.spec-card dt{color:var(--muted);font-size:.95rem}.spec-card dd{text-align:right;margin:0;font-weight:500}.fiche-aside{top:calc(var(--header-h) + 1rem);gap:1rem;display:grid;position:sticky}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:1.2rem 1.25rem}.panel h2{margin-bottom:.3rem;font-size:1.35rem}.panel>p{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.panel ul{margin:0;padding:0;list-style:none}.panel li{justify-content:space-between;gap:.75rem;padding:.55rem 0;display:flex}.panel li+li{border-top:1px solid var(--line)}.panel li a{color:var(--text);font-weight:500;text-decoration:none}.panel li a:hover,.panel li[aria-current=true] a{color:var(--accent)}.gauge{margin-bottom:1.1rem}.gauge:last-child{margin-bottom:0}.gauge-head{justify-content:space-between;margin-bottom:.4rem;font-size:.95rem;display:flex}.gauge-head strong{font-weight:600}.gauge-track{background:var(--surface-2);border-radius:99px;height:6px;position:relative}.gauge-fill{background:var(--accent);transform-origin:0;animation:grow .9s var(--ease) both .2s;border-radius:99px;position:absolute;inset:0 auto 0 0}@keyframes grow{0%{transform:scaleX(0)}}.gauge-avg{background:var(--text);border-radius:2px;width:2px;position:absolute;top:-5px;bottom:-5px}.gauge-note{color:var(--muted);margin-top:.35rem;font-size:.85rem}.source-note{color:var(--muted);margin-top:1.5rem;font-size:.9rem}.source-note .badge{margin-right:.4rem}.search-layout{grid-template-columns:18.5rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.filters-panel{top:calc(var(--header-h) + 1rem);max-height:calc(100vh - var(--header-h) - 2rem);border-radius:var(--r-l);position:sticky;overflow-y:auto}.filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);gap:1.25rem;padding:1.2rem;display:grid}.filters-top{display:none}.filters fieldset{border:0;gap:.4rem;margin:0;padding:0;display:grid}.filters legend,.filters .lbl{margin-bottom:.35rem;padding:0;font-size:.95rem;font-weight:600}.filters input[type=number],.filters input[type=search],.filters select{border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:.5rem .7rem}.filters input:focus,.filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.pair{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.checklist{gap:.1rem;max-height:13.5rem;padding-right:.25rem;display:grid;overflow-y:auto}.check{cursor:pointer;border-radius:8px;align-items:center;gap:.65rem;min-height:36px;padding:0 .3rem;font-size:.97rem;display:flex}.check:hover{background:var(--surface-2)}.check input{width:1.15rem;height:1.15rem;accent-color:var(--accent);flex-shrink:0}.check .n{color:var(--muted);margin-left:auto;font-size:.85rem}.filters-foot{justify-content:space-between;gap:.5rem;display:flex}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.results-head h2{margin:0}.results-head select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:.45rem .7rem}.results{transition:opacity .2s}.results[data-pending=true]{opacity:.4}.filters-open,.scrim{display:none}.compare-picks{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.pick{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}.pick .media{background:var(--stage);color:var(--line-art);place-items:center;padding:.8rem 1.5rem .4rem;display:grid}.pick .body{padding:.8rem 1rem 1rem}.pick .brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem;font-weight:600}.pick h3{margin:.1rem 0 .5rem;font-size:1.4rem}.pick h3 a{color:var(--text);text-decoration:none}.pick-add{border:1px dashed var(--line);border-radius:var(--r-l);min-height:12rem;color:var(--muted);text-align:center;place-items:center;padding:1rem;display:grid}.compare-scroll{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);overflow-x:auto}.compare-table{border-collapse:separate;border-spacing:0;min-width:100%}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:.7rem 1rem;font-size:.97rem}.compare-table thead th{font:700 1.2rem var(--display);border-top:0;min-width:10.5rem}.compare-table tbody th{color:var(--muted);white-space:nowrap;font-weight:500}.compare-table tr>:first-child{background:var(--surface);z-index:1;position:sticky;left:0}.compare-table .group-row th{background:var(--bg-2);color:var(--text);font:600 1.15rem var(--display)}.compare-table td.best{color:var(--accent);font-weight:700}.compare-table td .delta{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.compare-add{max-width:38rem;margin-top:2rem}.add-list{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.add-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .6rem .6rem 1rem;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);border-radius:var(--r-l);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted);padding:3rem 0 3.5rem;font-size:.95rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;display:grid}.site-footer h3{color:var(--text);font-size:1.1rem}.site-footer ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}@media (max-width:1100px){.fiche-layout{grid-template-columns:minmax(0,1fr)}.fiche-aside{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));position:static}}@media (max-width:960px){.site-nav,.search-trigger .label,.search-trigger kbd{display:none}.header-bar{grid-template-columns:auto 1fr auto}.burger,.search-mobile{display:inline-grid}.search-trigger{display:none}.mobile-nav{inset:var(--header-h) 0 auto 0;z-index:49;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-hover);transition:transform .35s var(--ease);visibility:hidden;padding:.5rem 1.5rem 1.5rem;display:grid;position:fixed;transform:translateY(-110%)}.mobile-nav[data-open=true]{visibility:visible;transform:none}.mobile-nav a{font:600 1.5rem var(--display);color:var(--text);border-bottom:1px solid var(--line);padding:1rem .25rem;text-decoration:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fiche-head,.search-layout{grid-template-columns:minmax(0,1fr)}.filters-open{display:inline-flex}.filters-panel{z-index:70;background:var(--bg);width:min(24rem,90vw);max-height:none;transition:transform .35s var(--ease);overscroll-behavior:contain;border-radius:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.filters-panel[data-open=true]{box-shadow:var(--shadow-hover);transform:none}.filters{border:0;border-radius:0;min-height:100%;padding-bottom:6rem}.filters-top{justify-content:space-between;align-items:center;display:flex}.filters-top h2{margin:0;font-size:1.6rem}.filters-foot{background:var(--bg);border-top:1px solid var(--line);width:min(24rem,90vw);padding:1rem 1.2rem;position:fixed;bottom:0;left:0}.scrim{z-index:65;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:block;position:fixed;inset:0}.scrim[data-open=true]{opacity:1;pointer-events:auto}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.wrap{padding:0 1rem}main{padding-top:1.5rem}.hero{margin-top:-1.5rem;padding:3rem 1rem 2rem}.hero-stage .p2,.hero-stage .p4{display:none}.hero-stage .picto.main{width:56%;left:22%}.hero-stage .p1{width:30%;left:-6%}.hero-stage .p3{width:30%;right:-6%}.grid{grid-template-columns:minmax(0,1fr)}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.cat-card h3{font-size:1.15rem}.cat-card .body{flex-direction:column;gap:0;padding:.6rem .8rem .75rem}.cc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.cc-tile{min-height:76px;padding:.6rem .7rem}.cc-tile strong{font-size:1.5rem}.keyfigs{grid-template-columns:repeat(2,auto);justify-content:start;gap:1rem 2rem}.spec-cards{grid-template-columns:minmax(0,1fr)}.section{margin-top:3.5rem}.footer-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.picto-draw circle,.picto-draw path,.picto-draw rect{stroke-dashoffset:0}html{scroll-behavior:auto}}.filters-open svg{width:18px;height:18px}