@charset "UTF-8";
/**
 * tune.scss — charte d'actusport.info pour le skin commun "noise".
 *
 * Seul fichier où actusport.info diffère d'actusport.fr et de
 * sport-viennois.info : noise.scss est identique sur les trois sites,
 * c'est ici que se joue l'identité.
 * Structure calquée sur skins/svi/tune.scss (le gabarit de référence).
 *
 * 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é.
 *
 * Charte : vert #12805A + ardoise #17313A. Identité autonome, choisie pour
 * distinguer nettement les trois sites — actusport.fr est orange,
 * sport-viennois bleu. Contrastes vérifiés WCAG AA sur le fond #FAFCFB.
 *
 * @skin    noise
 * @author  Christian Loubechine
 * @license GNU Lesser General Public License
 */
.mag-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(3,1fr);margin:2rem 0}.mag-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:1.2rem;overflow:hidden;box-shadow:0 .2rem .8rem rgba(0,0,0,.08);transition:transform 0.25s ease,box-shadow 0.25s ease}.mag-card:hover{transform:translateY(-.4rem);box-shadow:0 1rem 2.4rem rgba(0,0,0,.16)}.mag-link{text-decoration:none;color:inherit}.mag-link::after{content:"";position:absolute;inset:0;z-index:1}.mag-link:focus::after{outline:.3rem solid #005A9C;outline-offset:-.3rem}.mag-media{position:relative;aspect-ratio:1.7777777778;overflow:hidden;background:linear-gradient(135deg,#D97A20,#8C4510);display:flex;align-items:center;justify-content:center}.mag-media img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.mag-card:hover .mag-media img{transform:scale(1.06)}.mag-card-text{border-top:.4rem solid #A8560F}.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 .6rem}.mag-category-inline .mag-category{position:static;max-width:100%;box-shadow:none}.mag-hero.mag-card-text .mag-body{flex:1 1 100%}.mag-hero.mag-card-text .mag-title{font-size:2.4rem}.mag-category{position:absolute;top:.8rem;left:.8rem;z-index:2;display:inline-block;max-width:calc(100% - 1.6rem);padding:.3rem 1rem;border-radius:999rem;font-size:1.1rem;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 .1rem .4rem rgba(0,0,0,.25)}.mag-category:hover,.mag-category:focus{text-decoration:underline}.mag-body{display:flex;flex-direction:column;flex-grow:1;padding:1.3rem 1.5rem 1.2rem}.mag-kicker{margin:0 0 .4rem;font-size:1.1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#A8560F}.mag-meta{margin:0 0 .4rem;font-size:1.1rem;color:#5f574f;text-transform:uppercase;letter-spacing:.05em}.mag-dot{color:#A8560F}.mag-title{margin:0;font-family:Raleway,"Exo2",Arial,sans-serif;font-size:1.6rem;font-weight:900;line-height:1.25;text-transform:none;text-align:left;min-height:unset}.mag-title a:hover{color:#A8560F}.mag-intro{flex-grow:1;margin:.6rem 0 0;font-size:1.3rem;line-height:1.5;color:#3d3a36;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mag-more{margin:.6rem 0 0;font-size:1.15rem;font-weight:700;color:#A8560F;letter-spacing:.03em;transition:letter-spacing 0.2s ease}.mag-card:hover .mag-more{letter-spacing:.1em}.mag-hero{grid-column:1 / -1;flex-direction:row;min-height:22rem}.mag-hero .mag-media{flex:1 1 55%;aspect-ratio:1.6;max-height:36rem}.mag-hero .mag-body{flex:1 1 45%;justify-content:center;padding:2rem 2.6rem}.mag-hero .mag-title{font-size:2.4rem}.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{gap:1.6rem;grid-template-columns:1fr}.mag-hero{flex-direction:column;min-height:unset}.mag-hero .mag-media{aspect-ratio:1.7777777778}.mag-hero .mag-body{padding:1.6rem 1.8rem}.mag-hero .mag-title{font-size:2rem}}