*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a2e4a;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}:root{--navy:#0f2341;--navy-mid:#1a3350;--navy-light:#1e3a5f;--green:#1db954;--green-dark:#17a348;--green-light:#e8f8ee;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-800:#1e293b;--orange:#f59e0b;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 6px #0000000f;--shadow:0 4px 20px #00000014;--shadow-lg:0 12px 40px #0000001f;--transition:.22s ease;--max-w:1200px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;border:2px solid #0000;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-green{background:var(--green);color:#fff;border-color:var(--green)}.btn-green:hover{background:var(--green-dark);border-color:var(--green-dark);transform:translateY(-1px)}.btn-outline{color:var(--navy);border-color:var(--gray-200);background:0 0}.btn-outline:hover{border-color:var(--navy);background:var(--gray-50)}.btn-outline-white{color:#fff;background:0 0;border-color:#ffffff80}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff}.section{padding:88px 0}.section-gray{background:var(--gray-50)}.section-navy{background:var(--navy);color:#fff}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green);align-items:center;gap:10px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.eyebrow:before{content:"";background:var(--green);border-radius:2px;flex-shrink:0;width:24px;height:2px;display:block}.section-title{color:var(--navy);margin-bottom:12px;font-size:clamp(24px,3.2vw,38px);font-weight:800;line-height:1.2}.section-navy .section-title{color:#fff}.section-sub{color:var(--gray-600);max-width:540px;font-size:15px;line-height:1.7}.section-navy .section-sub{color:#ffffffb3}.badge{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-orange{color:#b45309;background:#fff8e1}.badge-navy{color:#fff;background:#ffffff1f}.page{min-height:100vh;padding-top:72px}.navbar{z-index:100;transition:all var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--gray-200);box-shadow:var(--shadow-sm)}.navbar__inner{align-items:center;gap:32px;height:72px;display:flex}.navbar__logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar__logo img{object-fit:contain;width:40px;height:40px}.navbar__logo-name{color:var(--navy);letter-spacing:.02em;font-size:14px;font-weight:800;line-height:1.2;display:block}.navbar__logo-green{color:var(--green)}.navbar__logo-sub{color:var(--gray-400);letter-spacing:.04em;font-size:9.5px;font-weight:500;display:block}.navbar__nav{align-items:center;gap:2px;margin-left:auto;display:flex}.navbar__link{color:var(--gray-600);border-radius:var(--radius-sm);transition:all var(--transition);padding:6px 14px;font-size:13.5px;font-weight:500}.navbar__link:hover{color:var(--navy);background:var(--gray-100)}.navbar__link--active{color:var(--green-dark);background:var(--green-light);font-weight:600}.navbar__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.navbar__lang{display:inline-block;position:relative}.navbar__lang-select{appearance:none;color:#333;cursor:pointer;background:#fff;border:1px solid #dcdcdc;border-radius:25px;outline:none;min-width:130px;padding:8px 35px 8px 12px;font-size:14px;font-weight:600;transition:all .3s}.navbar__lang-select:hover{border-color:#198754}.navbar__lang-select:focus{border-color:#198754;box-shadow:0 0 0 3px #19875433}.navbar__lang:after{content:"▼";color:#666;pointer-events:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.navbar__cta{display:none}.navbar__burger{color:var(--navy);background:0 0;border:none;padding:4px;display:none}.navbar__mobile{border-top:1px solid var(--gray-100);background:#fff;flex-direction:column;max-height:0;transition:max-height .3s;display:none;overflow:hidden}.navbar__mobile--open{max-height:500px}.navbar__mobile-link{color:var(--navy);border-bottom:1px solid var(--gray-100);transition:color var(--transition);padding:14px 24px;font-size:15px;font-weight:500;display:block}.navbar__mobile-link--active{color:var(--green);font-weight:600}.navbar__mobile-foot{align-items:center;gap:16px;padding:16px 24px 20px;display:flex}@media (width<=860px){.navbar__nav,.navbar__cta{display:none}.navbar__burger{display:block}.navbar__mobile{display:flex}}@media (width>=1024px){.navbar__cta{display:inline-flex}}.footer{background:var(--navy);color:#ffffffb3}.footer__grid{grid-template-columns:1.6fr 1fr 1.4fr 1.2fr;gap:48px;padding:64px 0 48px;display:grid}.footer__logo{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer__logo img{object-fit:contain;width:36px;height:36px}.footer__logo-name{color:#fff;letter-spacing:.02em;font-size:15px;font-weight:800}.footer__logo-name span{color:var(--green)}.footer__tagline{max-width:280px;font-size:13px;line-height:1.65}.footer__col-title{letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px;font-size:11px;font-weight:700}.footer__link{color:#fff9;transition:color var(--transition);padding:4px 0;font-size:13.5px;display:block}.footer__link:hover{color:var(--green)}.footer__contact{flex-direction:column;gap:8px;display:flex}.footer__contact li{font-size:13.5px}.footer__contact-email{color:var(--green)}.footer__bottom{border-top:1px solid #ffffff14;padding:18px 0}.footer__bottom-inner{color:#ffffff4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}@media (width<=860px){.footer__grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=520px){.footer__grid{grid-template-columns:1fr}.footer__bottom-inner{text-align:center;justify-content:center}}.hero{background:var(--navy);color:#fff;padding-top:0}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:88vh;padding-top:72px;padding-bottom:56px;display:grid}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.hero__eyebrow-line{background:var(--green);border-radius:2px;width:24px;height:2px;display:inline-block}.hero__title{color:#fff;letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.15}.hero__sub{color:#ffffffb3;max-width:480px;margin-bottom:32px;font-size:15px;line-height:1.75}.hero__ctas{flex-wrap:wrap;gap:12px;display:flex}.hero__right{position:relative}.hero__img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:480px}.hero__stat-card{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;min-width:180px;padding:18px 24px;position:absolute;bottom:24px;right:-16px}.hero__stat-val{color:var(--green);margin-bottom:6px;font-size:32px;font-weight:900;line-height:1;display:block}.hero__stat-label{color:var(--gray-600);font-size:12px;line-height:1.4;display:block}.hero__statsbar{background:var(--green);padding:20px 0}.hero__statsbar-inner{flex-wrap:wrap;justify-content:space-around;gap:24px;display:flex}.hero__stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.hero__stat-num{color:#fff;font-size:26px;font-weight:900;line-height:1}.hero__stat-txt{color:#fffc;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.home-expertise__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.home-expertise__more{flex-shrink:0}.home-expertise__grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.home-expertise__card{border-radius:var(--radius);border:1.5px solid var(--gray-200);transition:all var(--transition);background:#fff;display:block;overflow:hidden}.home-expertise__card:hover{border-color:var(--green);box-shadow:var(--shadow);transform:translateY(-3px)}.home-expertise__card-img{height:140px;overflow:hidden}.home-expertise__card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.home-expertise__card:hover .home-expertise__card-img img{transform:scale(1.05)}.home-expertise__card-body{padding:16px}.home-expertise__card-num{border-radius:var(--radius-sm);background:var(--green);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.home-expertise__card-title{color:var(--navy);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.35}.home-expertise__card-desc{color:var(--gray-600);font-size:12.5px;line-height:1.6}.home-projects__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.home-projects__list{flex-direction:column;gap:0;display:flex}.home-project-row{border:1.5px solid var(--gray-200);border-radius:var(--radius);transition:all var(--transition);background:#fff;align-items:center;gap:20px;margin-bottom:10px;padding:20px 24px;display:flex}.home-project-row:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.home-project-row__cat{flex-shrink:0}.home-project-row__main{flex:1;min-width:0}.home-project-row__date{color:var(--green-dark);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.home-project-row__title{color:var(--navy);margin-bottom:3px;font-size:15px;font-weight:700}.home-project-row__client{color:var(--gray-400);font-size:12.5px}.home-project-row__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.home-project-row__amount{color:var(--green-dark);font-size:15px;font-weight:800}.home-partners{background:#0a1628!important}.partners-track-wrap{padding:8px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.partners-track{gap:12px;width:max-content;animation:28s linear infinite marquee;display:flex}.partners-pill{color:#ffffffa6;white-space:nowrap;transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;padding:9px 20px;font-size:13px;font-weight:600}.partners-pill:hover{border-color:var(--green);color:#fff;background:#1db95426}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1100px){.home-expertise__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.home-expertise__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.home-expertise__grid{grid-template-columns:1fr}}.about__hero{background:var(--navy);padding:80px 0 72px}.about__hero-eyebrow{letter-spacing:.14em;color:var(--green);margin-bottom:20px;font-size:11px;font-weight:700}.about__hero-title{color:#fff;max-width:760px;font-size:clamp(28px,4.5vw,52px);font-weight:800;line-height:1.18}.about__mission-section{padding-bottom:0}.about__mission{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.about__mission-title{color:var(--navy);margin-bottom:20px;font-size:26px;font-weight:800}.about__mission-text p{color:var(--gray-600);margin-bottom:14px;font-size:15px;line-height:1.8}.about__mission-img img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:420px}.about__atouts-section{background:var(--gray-50)}.about__atouts-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.about__atout-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);transition:all var(--transition);background:#fff;padding:28px 24px}.about__atout-card:hover{border-color:var(--green);box-shadow:var(--shadow)}.about__atout-num{color:var(--green);letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.about__atout-title{color:var(--navy);margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.3}.about__atout-desc{color:var(--gray-600);font-size:13.5px;line-height:1.7}.about__moyens-sub{color:var(--gray-600);max-width:560px;margin:10px 0 40px;font-size:15px;line-height:1.7}.about__moyens-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.about__moyens-col-title{letter-spacing:.12em;color:var(--green-dark);text-transform:uppercase;margin-bottom:24px;font-size:11px;font-weight:700}.about__humains{flex-direction:column;gap:4px;display:flex}.about__humain-item{background:var(--gray-50);border-radius:var(--radius-sm);transition:background var(--transition);align-items:center;gap:16px;padding:14px 16px;display:flex}.about__humain-item:hover{background:var(--green-light)}.about__humain-num{border-radius:var(--radius-sm);background:var(--green-light);width:36px;height:36px;color:var(--green-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.about__humain-label{color:var(--navy);font-size:15px;font-weight:600}.about__humain-note{border-left:3px solid var(--green);background:var(--gray-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--gray-600);margin-top:16px;padding:16px 16px 16px 20px;font-size:13.5px;line-height:1.65}.about__materiels{flex-direction:column;gap:12px;display:flex}.about__materiel-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);transition:all var(--transition);background:#fff;padding:20px 22px}.about__materiel-card:hover{border-color:var(--green);box-shadow:var(--shadow-sm)}.about__materiel-title{color:var(--navy);margin-bottom:6px;font-size:15px;font-weight:700}.about__materiel-desc{color:var(--gray-600);font-size:13.5px;line-height:1.6}@media (width<=860px){.about__mission{grid-template-columns:1fr;gap:32px}.about__mission-img img{height:260px}.about__atouts-grid{grid-template-columns:1fr}.about__moyens-grid{grid-template-columns:1fr;gap:40px}}@media (width<=560px){.about__atouts-grid{grid-template-columns:1fr}}.expertise__list{flex-direction:column;gap:0;display:flex}.expertise-block{border-bottom:1px solid var(--gray-200);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:56px 0;display:grid}.expertise-block:last-child{border-bottom:none}.expertise-block--reverse{direction:rtl}.expertise-block--reverse>*{direction:ltr}.expertise-block__num{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:15px;font-weight:800;display:inline-flex}.expertise-block__title{color:var(--navy);margin-bottom:14px;font-size:clamp(20px,2.5vw,28px);font-weight:800;line-height:1.25}.expertise-block__desc{color:var(--gray-600);margin-bottom:20px;font-size:14.5px;line-height:1.75}.expertise-block__items{flex-direction:column;gap:10px;display:flex}.expertise-block__item{color:var(--gray-800);align-items:center;gap:10px;font-size:14px;display:flex}.expertise-block__bullet{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.expertise-block__img img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:340px}@media (width<=860px){.expertise-block{direction:ltr;grid-template-columns:1fr;gap:28px}.expertise-block--reverse{direction:ltr}.expertise-block__img{order:-1}.expertise-block__img img{height:240px}}.real-filters{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.real-filter{border:1.5px solid var(--gray-200);color:var(--gray-600);transition:all var(--transition);background:0 0;border-radius:100px;padding:7px 18px;font-size:13px;font-weight:600}.real-filter:hover{border-color:var(--green);color:var(--green)}.real-filter--active{background:var(--green);border-color:var(--green);color:#fff}.real-list{flex-direction:column;gap:20px;display:flex}.real-card{border-radius:var(--radius-lg);border:1.5px solid var(--gray-200);transition:all var(--transition);background:#fff;grid-template-columns:480px 1fr;display:grid;overflow:hidden}.real-card:hover{box-shadow:var(--shadow);border-color:var(--gray-400)}.real-card__img{object-fit:cover;border-radius:4px;height:100%;min-height:260px;position:relative;overflow:hidden}.real-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.real-card:hover .real-card__img img{transform:scale(1.04)}.real-card__cat{font-size:11px;position:absolute;top:14px;left:14px}.real-card__body{padding:28px 32px}.real-card__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.real-card__date{color:var(--green-dark);font-size:13px;font-weight:700}.real-card__title{color:var(--navy);margin-bottom:12px;font-size:clamp(17px,2vw,22px);font-weight:800;line-height:1.3}.real-card__desc{color:var(--gray-600);margin-bottom:24px;font-size:14px;line-height:1.7}.real-card__meta{border-top:1px solid var(--gray-200);grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;display:grid}.real-card__meta-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}.real-card__meta-val{color:var(--navy);font-size:14px;font-weight:600}.real-card__amount{color:var(--green-dark)}@media (width<=900px){.real-card{grid-template-columns:1fr}.real-card__img{height:220px;min-height:220px}}@media (width<=540px){.real-card__meta{grid-template-columns:1fr;gap:12px}.real-card__body{padding:20px}}.real-pagination{justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.real-page-btn{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);width:36px;height:36px;color:var(--navy);cursor:pointer;transition:all var(--transition);background:#fff;font-size:13.5px;font-weight:600}.real-page-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.real-page-btn--active{background:var(--green);border-color:var(--green);color:#fff}.real-page-btn:disabled{opacity:.35;cursor:not-allowed}.contact__grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:64px;display:grid}.contact__info-title,.contact__form-title{color:var(--navy);margin-bottom:28px;font-size:22px;font-weight:800}.contact__info-item{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.contact__info-icon{border-radius:var(--radius-sm);background:var(--gray-100);width:36px;height:36px;color:var(--navy);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__info-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-400);margin-bottom:3px;font-size:10.5px;font-weight:700;display:block}.contact__info-val{color:var(--navy);font-size:14px;font-weight:500}.contact__info-link{color:var(--green-dark)}.contact__info-link:hover{text-decoration:underline}.contact__map{border-radius:var(--radius);border:1.5px solid var(--gray-200);margin-top:28px;overflow:hidden}.contact__form-wrap{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;padding:36px}.contact__form{flex-direction:column;gap:18px;display:flex}.contact__error{color:#b91c1c;border-radius:var(--radius-sm);background:#fef2f2;border:1.5px solid #fecaca;padding:12px 16px;font-size:13.5px}.contact__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact__field{flex-direction:column;gap:6px;display:flex}.contact__field label{color:var(--gray-800);font-size:13px;font-weight:600}.contact__field input,.contact__field select,.contact__field textarea{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--navy);background:var(--gray-50);transition:all var(--transition);resize:vertical;outline:none;padding:11px 14px;font-family:inherit;font-size:14px}.contact__field input:focus,.contact__field select:focus,.contact__field textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #1db9541a}.contact__submit{justify-content:center;width:100%;padding:14px;font-size:15px}.contact__submit:disabled{opacity:.7;cursor:not-allowed}.contact__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contact__success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:260px;display:flex}.contact__success-icon{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:flex}.contact__success p{color:var(--navy);font-size:15px;font-weight:600}@media (width<=860px){.contact__grid{grid-template-columns:1fr;gap:40px}}@media (width<=520px){.contact__row{grid-template-columns:1fr}.contact__form-wrap{padding:22px}}.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{border-radius:var(--radius);border:1.5px solid var(--gray-200);cursor:pointer;transition:all var(--transition);background:#fff;overflow:hidden}.article-card:hover{box-shadow:var(--shadow);border-color:var(--green);transform:translateY(-4px)}.article-card__img{background:var(--gray-100);height:200px;position:relative;overflow:hidden}.article-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-card__img img{transform:scale(1.05)}.article-card__img-placeholder{background:linear-gradient(135deg, var(--gray-100), var(--gray-200));width:100%;height:100%}.article-card__cat{position:absolute;top:12px;left:12px}.article-card__body{padding:20px}.article-card__date{color:var(--green-dark);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.article-card__title{color:var(--navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.article-card__excerpt{color:var(--gray-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.article-card__more{color:var(--green-dark);font-size:13px;font-weight:700}.article-detail__back{color:var(--green-dark);cursor:pointer;transition:color var(--transition);background:0 0;border:none;margin-bottom:24px;padding:0;font-size:14px;font-weight:600}.article-detail__back:hover{color:var(--navy)}.article-detail__img{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:420px;margin-bottom:24px}.article-detail__meta{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;display:flex}.article-detail__date,.article-detail__by{color:var(--gray-400);font-size:13px}.article-detail__body{max-width:760px}.article-detail__body p{color:var(--gray-600);margin-bottom:18px;font-size:15.5px;line-height:1.85}@media (width<=900px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.articles-grid{grid-template-columns:1fr}}