@charset "UTF-8";
/**
 * tunes.scss — Variables de design du skin "actupro"
 * Surcharge des variables Yacs (_reference/variables.scss)
 *
 * ATTENTION : ces variables ne sont PAS exploitables dans les layouts Yacs.
 * Pour respecter la charte dans un layout, redéclarer les variables nécessaires
 * en tête du fichier SCSS du layout concerné.
 *
 * Palette : rouge/anthracite extraite du logo actupro.com.
 * Contrastes vérifiés RGAA AAA (>= 7:1 texte normal, >= 4.5:1 texte large).
 *
 * @skin    actupro
 * @author  actupro.fr
 * @license GNU Lesser General Public License
 */
.mag-grid{display:grid;gap:1.6rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.mag-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #E2E2E8;border-radius:0;overflow:hidden;transition:background 0.2s ease,border-color 0.2s ease}.mag-card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#A01000;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;z-index:2}.mag-card:hover,.mag-card:focus-within{background:#FBF7F6;border-color:#D8C4C2}.mag-card:hover::after,.mag-card:focus-within::after{transform:scaleX(1)}.mag-link{text-decoration:none;color:inherit}.mag-link::after{content:"";position:absolute;inset:0;z-index:1}.mag-link:focus-visible::after{outline:.3rem solid #1A6FBF;outline-offset:-.3rem}.mag-media{position:relative;aspect-ratio:1.5;overflow:hidden;background:#1A1A1E;display:flex;align-items:center;justify-content:center}.mag-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.05);transition:filter 0.35s ease}.mag-card:hover .mag-media img,.mag-card:focus-within .mag-media img{filter:grayscale(0%) contrast(1)}.mag-card-text{border-top:.4rem solid #A01000}.mag-card-text .mag-body{padding-top:1.6rem}.mag-card-text .mag-title{font-size:1.9rem}.mag-card-text .mag-intro{-webkit-line-clamp:5}.mag-category-inline{margin:0 0 .8rem}.mag-category-inline .mag-category{position:static;max-width:100%}.mag-hero.mag-card-text .mag-body{flex:1 1 100%}.mag-hero.mag-card-text .mag-title{font-size:2.6rem}.mag-category{position:absolute;top:0;left:0;z-index:2;display:inline-block;max-width:100%;padding:.4rem 1rem;border-radius:0;font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:1.1rem;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mag-category:hover,.mag-category:focus{text-decoration:underline}.mag-body{display:flex;flex-direction:column;flex-grow:1;padding:1.4rem 1.6rem 1.6rem}.mag-kicker{align-self:flex-start;margin:0 0 .8rem;padding:.3rem .9rem;background:#A01000;color:#fff;font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mag-meta{margin:0 0 .5rem;font-size:1.1rem;color:#4A4A54;text-transform:uppercase;letter-spacing:.05em}.mag-dot{display:inline-block;width:.5rem;height:.5rem;margin:0 .2rem;background:#A01000;text-indent:-9999px;vertical-align:middle}.mag-title{margin:0;font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:1.7rem;font-weight:800;line-height:1.2;letter-spacing:-.01em;text-transform:none;text-align:left;min-height:unset}.mag-title a:hover{color:#A01000}.mag-intro{flex-grow:1;margin:.7rem 0 0;font-size:1.3rem;line-height:1.55;color:#1A1A1E;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-more{margin:.9rem 0 0;font-family:"Barlow","Helvetica Neue",Arial,sans-serif;font-size:1.15rem;font-weight:700;color:#A01000;letter-spacing:.02em}.mag-card:hover .mag-more,.mag-card:focus-within .mag-more{color:#720B00}.mag-hero{grid-column:1 / -1;flex-direction:row;min-height:22rem;border-top:.4rem solid #A01000}.mag-hero .mag-media{flex:1 1 60%;aspect-ratio:1.5;max-height:38rem}.mag-hero .mag-body{flex:1 1 40%;justify-content:center;padding:2.4rem 2.8rem}.mag-hero .mag-title{font-size:2.6rem}.mag-hero .mag-intro{font-size:1.5rem;-webkit-line-clamp:5;flex-grow:0}@media (max-width:64rem){.mag-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:40rem){.mag-grid{grid-template-columns:1fr}.mag-hero{flex-direction:column;min-height:unset}.mag-hero .mag-media{aspect-ratio:1.5}.mag-hero .mag-body{padding:1.8rem}.mag-hero .mag-title{font-size:2.1rem}}