
/* Atalanti editorial home 2026 */
:root{--navy:#12385c;--ink:#173450;--line:#e1e8f0;--blue:#146da9}
body{background:#f5f7fa;color:#1a334c}
.wrap{max-width:1390px;padding-left:34px;padding-right:34px}
header{border-bottom:1px solid #e9edf3}
.head{padding-top:10px;padding-bottom:10px}
.nav{background:#103b61}.nav .wrap{padding-top:6px;padding-bottom:6px}
.nav a{font-size:13px}
.home-kicker{display:flex;justify-content:space-between;align-items:center;margin-top:25px;margin-bottom:12px;color:#7890a6;font-size:12px;font-weight:650}
.home-kicker span:first-child{color:#176ea7;letter-spacing:1.3px;font-size:10px;font-weight:850}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a77d;margin-right:7px;box-shadow:0 0 0 4px #18a77d18}
.home-lead{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:18px;align-items:stretch}
.hero{margin:0;min-height:445px;border-radius:13px;padding:43px;background:linear-gradient(90deg,rgba(5,28,51,.92),rgba(7,37,65,.52) 57%,rgba(6,36,62,.18)),url('/images/hero.webp') center/cover}
.hero h1{font-size:clamp(35px,3.25vw,49px);letter-spacing:-1.5px;max-width:560px;line-height:1.12}
.hero p{max-width:440px;font-size:14px;line-height:1.7}
.hero-cta{padding:12px 21px;border-radius:8px}
.lead-side{border:1px solid #e0e8f0;background:#fff;border-radius:13px;display:flex;flex-direction:column;padding:23px 25px;box-shadow:0 10px 30px #193c5e08;min-width:0}
.lead-side-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px solid #e5edf4}
.lead-updated{font-size:10px;color:#8194a7}
.lead-story{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #e8eef4;min-width:0}
.lead-story:hover strong{color:#1678b5}
.lead-number{font-size:26px;line-height:1.1;font-weight:800;color:#c2d7e9;font-variant-numeric:tabular-nums}
.lead-story-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.lead-story small{font-size:10px;color:#1979b6;font-weight:800;letter-spacing:.4px}
.lead-story strong{font-size:15px;line-height:1.38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.lead-story em{font-size:11px;color:#8296a9;font-style:normal}
.lead-all{display:flex;justify-content:space-between;align-items:center;color:#126ba7;font-size:13px;font-weight:800;margin-top:auto;padding-top:16px}
.categories{margin:16px 0 37px;gap:13px}
.category{min-height:107px;border-radius:11px;padding:17px 19px;font-size:15px;box-shadow:inset 0 -75px 75px #071c32a8}
.category span{font-size:19px}
.section-heading{margin-bottom:18px}.section-heading h2{font-size:28px;letter-spacing:-.65px}
.columns{grid-template-columns:minmax(0,2.25fr) minmax(275px,1fr);gap:18px;align-items:start}
.panel{border-radius:13px;box-shadow:0 8px 24px #153a5e06;padding:25px}
.news{gap:19px;padding:17px 0}
.news strong{font-size:17px}
.news-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.thumb-photo,.thumb{width:118px;min-width:118px;height:95px}
.quick-panel{background:#fefefe}
.quick-panel .quick{font-size:13px}
.quick-panel .quick span:last-child{color:#2b587c}
.lower{gap:18px}
@media(max-width:1080px){.home-lead{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.hero{padding:30px;min-height:420px}.hero h1{font-size:37px}.lead-side{padding:17px}.lead-story{padding:14px 0}.lead-story strong{font-size:13px}}
@media(max-width:800px){.wrap{padding-left:15px;padding-right:15px}.home-kicker{margin-top:15px}.home-kicker span:last-child{display:none}.home-lead{grid-template-columns:1fr;gap:13px}.hero{min-height:350px;padding:26px}.hero h1{font-size:clamp(29px,7vw,37px)}.lead-side{padding:18px}.lead-story{padding:12px 0}.lead-story strong{font-size:14px}.lead-story:nth-child(3){display:none}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 28px}.category{min-height:95px;padding:14px;font-size:13px}.columns{grid-template-columns:1fr}.section-heading h2{font-size:23px}.panel{padding:18px}.thumb-photo,.thumb{width:92px;min-width:92px;height:83px}}
