.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(60,110,60,.08);border-radius:12px;overflow:hidden;box-shadow:0 2px 6px -1px rgba(0,0,0,.06),0 1px 3px -2px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(0,0,0,.08)}.article-card:hover .article-card__link{color:#1a4830}.article-card__image-wrapper{position:relative;width:100%;aspect-ratio:5/3;overflow:hidden;background:#f3f6f8}.article-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-card__image{transform:scale(1.03)}.article-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f3f6f8,#f6f6f6)}.article-card__category{position:absolute;top:16px;left:16px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.article-card__category--norme{background:#e0f2fe;color:#0369a1}.article-card__category--annonce{background:#dcfce7;color:#166534}.article-card__category--evenement{background:#fef9c3;color:#854d0e}.article-card__category--article{background:#f3f6f8;color:#4c4f55}.article-card__body{display:flex;flex-direction:column;gap:8px;padding:24px;flex:1 1}.article-card__date{color:#4c4f55}.article-card__title{font-family:var(--font-inter),sans-serif;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1e1f22;line-height:1.2}.article-card__excerpt{color:#4c4f55;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.article-card__link{font-size:14px;font-weight:500;color:#36c866;margin-top:8px;transition:color .2s ease}@media(max-width:768px){.article-card__title{font-size:clamp(15px,2.5vw,17px)}}.actualites-grid-section{padding:80px 0}.actualites-grid-section__empty{color:#4c4f55;text-align:center;padding:80px 0}.actualites-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}@media(max-width:1024px){.actualites-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.actualites-grid{grid-template-columns:1fr;gap:24px}}.hero{margin-top:-1px;padding-top:81px;position:relative;overflow:hidden;background:linear-gradient(90deg,#1e1f22,#2d344f)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.07) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.07) 1px,transparent 0);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom right,transparent 10%,rgba(0,0,0,.55) 90%);mask-image:linear-gradient(to bottom right,transparent 10%,rgba(0,0,0,.55) 90%);pointer-events:none;z-index:0}.hero__content{padding:80px 0;background:transparent}.hero .container{display:flex;position:relative;z-index:1}.hero__text-column{display:flex;flex-direction:column;justify-content:center;width:70%;gap:16px}.hero__text-column--full{width:100%;max-width:800px;margin:0 auto;text-align:center;align-items:center}.hero__title{font-family:var(--font-inter),sans-serif;font-size:clamp(32px,3.5vw,40px);font-weight:500;color:#fff;line-height:1.2;letter-spacing:-.02em;margin:0}.hero p{color:hsla(0,0%,100%,.65);line-height:1.6;margin:0}.hero__ui-container{display:flex;gap:32px;margin-top:16px;flex-wrap:wrap;justify-content:center}@media(max-width:1280px){.hero__text-column .container{padding:0 40px}.hero__title{font-size:clamp(30px,3vw,36px)}}@media(max-width:1024px){.hero{min-height:auto}.hero .container{grid-template-columns:1fr;min-height:auto}.hero__text-column .container{padding:0 40px}.hero__title{font-size:clamp(30px,4vw,32px)}}@media(max-width:768px){.hero{position:relative;margin-top:0;background:linear-gradient(90deg,#1e1f22,#2d344f 80%);padding:80px 0 0}.hero__content{padding:48px 0}.hero .container{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.hero__text-column{position:relative;width:100%;padding:0;max-width:100%;order:1;margin-bottom:48px}.hero__title{font-size:clamp(30px,4.5vw,30px)}.hero__description{font-size:15px}.hero__ui-container{flex-direction:column;gap:24px}.hero__ui-container .button-primary,.hero__ui-container .button-tertiary{width:100%;text-align:center}}@media(max-width:480px){.hero__title{font-size:clamp(30px,5vw,28px)}.hero__description{font-size:14px}}