/* Catalogue minimaliste, limité à sa page : pas de recoloration des écrans métier. */
.fa-page .fa-icon{background:radial-gradient(ellipse at 25% 10%,#718a9657,transparent 70%),linear-gradient(145deg,#284450,#0d232e);box-shadow:inset 0 1px 1px #ddf8ff70,inset 0 0 0 1px #91c9d536,0 10px 20px #020b1270}
.fa-page .fa-icon:has(.fa-sculpture){width:78px;height:78px;border-radius:22px}
.fa-page .fa-icon svg.fa-sculpture{width:59px;height:59px;stroke:none;overflow:visible}
@media(max-width:600px){.fa-page .fa-icon:has(.fa-sculpture){width:67px;height:67px;border-radius:19px}.fa-page .fa-icon svg.fa-sculpture{width:52px;height:52px}}
body:has(.fa-page) #palette{--encre:#edf5f6;--sur-encre:#0b151a;--muet:#acc3cc;--trait:#47636e66;background:#020d14a3;backdrop-filter:blur(6px);color:var(--encre)}
body:has(.fa-page) .pal{background:#17303c;border:1px solid #5d7e8b;box-shadow:0 25px 100px #0006}
body:has(.fa-page) .pal .saisie input{min-width:0;color:#edf5f6}
body:has(.fa-page) .pal .saisie input::placeholder{color:#acc3cc}
body:has(.fa-page) .pal .res.on,body:has(.fa-page) .pal .res:hover{background:#2f505f}
body:has(.fa-page) .pal a:focus-visible{outline:2px solid #8be4dd;outline-offset:-3px}
.page.fa-page{--fa-bg:#081a22;--fa-text:#f0f6f5;--fa-muted:#b1c7ce;--fa-border:#45616b;background:radial-gradient(ellipse at 50% 0%,#22414e80,transparent 65%),var(--fa-bg);color:var(--fa-text);padding:0 clamp(22px,5vw,76px) 100px!important;inset:0!important;width:auto!important;max-width:none!important;margin:0!important;overflow-x:hidden;overflow-y:auto}
.fa-page a{text-decoration:none;color:inherit}.fa-page button{font:inherit;color:inherit;cursor:pointer}.fa-page :is(a,button):focus-visible{outline:3px solid #8be4dd;outline-offset:6px}.fa-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1380px;margin:0 auto}.fa-brand{display:flex;flex:none;width:120px}.fa-brand svg{display:block;width:120px;height:34px}.fa-nav{display:flex;gap:3px;padding:5px;border:1px solid var(--fa-border);border-radius:30px;background:#19333b66}.fa-nav a{font-size:13px;color:var(--fa-muted);padding:10px 25px;border-radius:25px}.fa-nav [aria-current=page]{background:#294851;box-shadow:inset 0 1px #6c8e9670;color:#fff}.fa-account{display:flex;align-items:center;gap:10px;font-size:12px;max-width:250px;min-width:0}.fa-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:#2b4851;border:1px solid #66848e}.fa-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fa-content{max-width:840px;margin:54px auto 0;padding-bottom:45px}.fa-heading{display:flex;justify-content:center;align-items:center;gap:12px;position:relative}.fa-heading h1{margin:0;font-size:34px;font-weight:450;letter-spacing:-1.2px;line-height:1.2;color:var(--fa-text);overflow-wrap:anywhere}.fa-demo{font-size:9px;color:#d6c5a9;border:1px solid #736347;border-radius:20px;padding:4px 7px}.fa-search{display:flex;gap:11px;align-items:center;width:330px;max-width:100%;height:44px;margin:24px auto 0;background:#18323b;border:1px solid var(--fa-border);border-radius:12px;text-align:left;font-size:12px!important}.fa-search svg{width:17px;height:17px;flex:none;margin-left:15px;color:#abc7cf}.fa-search span{flex:1;color:#bcd1d7}.fa-search kbd{font-size:10px;color:#bed1d8;margin-right:12px;padding:2px 5px;border:1px solid #5d7982;border-radius:4px}.fa-search:hover{background:#223e49}.fa-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 30px;margin-top:53px}.fa-tile{display:flex;align-items:center;flex-direction:column;gap:12px;min-width:0;text-align:center;border-radius:16px;padding:6px 4px}.fa-icon{width:74px;height:74px;border-radius:21px;display:grid;place-items:center;color:#e8f6fa;background:linear-gradient(145deg,var(--fa-light,#416678),var(--fa-dark,#162f42));box-shadow:inset 0 1px 1px #ffffff5c,inset 0 0 0 1px #ffffff19,0 8px 18px #020b1260;position:relative;flex:none;transition:transform .18s ease,box-shadow .18s ease}.fa-icon:after{content:"";position:absolute;inset:1px;border-radius:20px;border:1px solid #ffffff08;pointer-events:none}.fa-icon svg{width:30px;height:30px;stroke:currentColor}.fa-name{font-size:12px;line-height:1.4;max-width:135px;color:var(--fa-text);overflow-wrap:anywhere}.fa-note{font-size:9px;line-height:1.4;color:#e3cba7;max-width:130px;margin-top:-7px}.fa-tile:hover .fa-icon{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff70,inset 0 0 0 1px #a6dee57a,0 12px 24px #020b1290}.fa-blue{--fa-light:#426a92;--fa-dark:#1c355c}.fa-sage{--fa-light:#457769;--fa-dark:#214a42}.fa-amber{--fa-light:#936b45;--fa-dark:#5a3f28}.fa-rose{--fa-light:#845871;--fa-dark:#4b3149}.fa-sky{--fa-light:#467a8e;--fa-dark:#21455c}.fa-lilac{--fa-light:#76668e;--fa-dark:#423552}.fa-slate{--fa-light:#69777e;--fa-dark:#34434a}.fa-sand{--fa-light:#9b865e;--fa-dark:#5c5035}.fa-indigo{--fa-light:#606ba0;--fa-dark:#343d6c}.fa-pearl{--fa-light:#728b8b;--fa-dark:#344b50}.fa-back{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 25px;color:var(--fa-muted)!important;font-size:11px}.fa-back svg{width:17px;height:17px}.fa-back:hover{color:#a6eee7!important}.fa-personal{display:flex;align-items:center;gap:9px;justify-content:center;margin:42px auto 0;color:var(--fa-muted)!important;font-size:12px}.fa-personal svg{width:16px;height:16px}.fa-empty{grid-column:1/-1;text-align:center;color:var(--fa-muted);font-size:14px}.vue-simple .fa-page .fa-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:900px){.fa-header{height:90px}.fa-company{display:none}.fa-content{margin-top:38px}.fa-grid{gap:35px 18px}.fa-account{max-width:35px}.fa-nav a{padding:9px 20px}}
@media(max-width:600px){.fa-header{height:85px;gap:12px}.fa-brand,.fa-brand svg{width:95px}.fa-nav a{font-size:11px;padding:8px 12px}.fa-avatar{width:30px;height:30px}.fa-content{margin-top:30px}.fa-heading{flex-direction:column;gap:8px}.fa-heading h1{font-size:30px}.fa-search{margin-top:22px;width:290px}.fa-search kbd{display:none}.fa-grid,.vue-simple .fa-page .fa-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px 15px;margin-top:36px}.fa-icon{width:65px;height:65px;border-radius:19px}.fa-icon:after{border-radius:18px}.fa-icon svg{width:27px;height:27px}.fa-name{font-size:11px}.fa-tile{gap:11px}.fa-note{font-size:8px}.fa-back{margin-bottom:22px}.fa-demo{font-size:8px}}
@media(max-width:360px){.fa-header{gap:8px}.fa-brand,.fa-brand svg{width:85px}.fa-nav a{padding:7px 9px}.fa-account{display:none}.fa-grid,.vue-simple .fa-page .fa-grid{gap:26px 9px}}
@media(prefers-reduced-motion:reduce){.fa-icon{transition:none}.fa-tile:hover .fa-icon{transform:none}}
/* Mise en page équilibrée : cinq, quatre ou trois emplacements maximum.
   Les rangées incomplètes sont centrées, sans modifier l'ordre clavier. */
.fa-page .fa-grid,.vue-simple .fa-page .fa-grid{grid-template-columns:repeat(120,minmax(0,1fr))!important;column-gap:0;row-gap:36px}
.fa-page .fa-tile{grid-column:var(--fa-d-start) / span var(--fa-d-span);grid-row:var(--fa-d-row)}
.fa-page .fa-empty{grid-column:1 / -1}
@media(max-width:900px) and (min-width:601px){.fa-page .fa-tile{grid-column:var(--fa-t-start) / span var(--fa-t-span);grid-row:var(--fa-t-row)}}
@media(max-width:600px){.fa-page .fa-tile{grid-column:var(--fa-m-start) / span var(--fa-m-span);grid-row:var(--fa-m-row)}.fa-page .fa-grid{row-gap:27px}}
/* Reflets d'entrée finis, puis matière fixe : aucun clignotement continu. */
.page.fa-page{background:radial-gradient(ellipse at 17% 63%,#de8f4620,transparent 38%),radial-gradient(ellipse at 78% 35%,#36cfd427,transparent 46%),radial-gradient(ellipse at 50% 0%,#22414e99,transparent 70%),#081a22}
.fa-page .fa-icon{--fa-glow:#65e6e2;background:radial-gradient(ellipse at 25% 0%,#7aafb75e,transparent 63%),linear-gradient(145deg,#223d4a,#091e2b);box-shadow:inset 0 1px 1px #d9ffff99,inset 0 0 0 1px #85c6d144,0 10px 22px #020b1270,0 0 22px #5ddde512}
.fa-page .fa-icon.fa-amber,.fa-page .fa-icon.fa-sand{--fa-glow:#efb86b}
.fa-page .fa-icon.fa-rose{--fa-glow:#ed9dcd}
.fa-page .fa-icon.fa-lilac,.fa-page .fa-icon.fa-indigo{--fa-glow:#aaa0ff}
.fa-page .fa-icon:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;border:1px solid var(--fa-glow);box-shadow:0 0 12px color-mix(in srgb,var(--fa-glow) 35%,transparent),inset 0 0 9px color-mix(in srgb,var(--fa-glow) 12%,transparent);opacity:.35;animation:fa-neon-arrive 3.5s ease-out both}
.fa-page .fa-tile:nth-child(3n+2) .fa-icon:before{animation-delay:.12s}
.fa-page .fa-tile:nth-child(3n+3) .fa-icon:before{animation-delay:.24s}
.fa-page .fa-tile:hover .fa-icon,.fa-page .fa-tile:focus-visible .fa-icon{box-shadow:inset 0 1px #e1ffffbb,inset 0 0 0 1px #8bdae787,0 12px 28px #0008,0 0 25px #63e4dd33}
.fa-page .fa-tile:hover .fa-name,.fa-page .fa-tile:focus-visible .fa-name{color:#cefff8}
.fa-page .fa-search{box-shadow:inset 0 1px #9bc2c015,0 0 24px #5ee6de08}
.fa-page .fa-nav [aria-current=page]{box-shadow:inset 0 1px #96e2df5c,0 0 19px #59dbd714}
@keyframes fa-neon-arrive{0%{opacity:.15}45%{opacity:.85}100%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.fa-page .fa-icon:before{animation:none;opacity:.35}}
@media(max-width:600px){body:has(.fa-page) .fi-talk{top:auto;bottom:22px;right:18px;transform:none}}