@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--page:#202020;--panel:#151515;--white:#e7e7e7;--muted:#b7b7b7;--line:#242424}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--white);font:16px/1.7 Manrope,Arial,sans-serif}.top{height:156px;background:#151515;border-bottom:1px solid #1b1b1b;padding:0 max(34px,calc((100% - 1730px)/2));display:flex;align-items:center;justify-content:space-between}.logo img{display:block;width:170px;height:auto;max-height:72px;object-fit:contain}.logo{display:flex;align-items:center}nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700;text-transform:uppercase}nav a{color:#ddd}nav button{border:0;background:none;color:#ddd;font-size:42px;line-height:1;cursor:pointer}.search{display:none;max-width:1730px;margin:25px auto 0;padding:0 34px}.search.open{display:block}.search input{width:100%;background:#151515;border:1px solid #444;color:#fff;font:inherit;padding:16px 20px}.grid{max-width:1730px;margin:80px auto;padding:0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.post{background:var(--panel);min-width:0;color:inherit;text-decoration:none}.post-head{padding:38px 40px 30px;min-height:190px}.post h2{font-size:26px;line-height:1.27;letter-spacing:-.04em;margin:0}.post img{display:block;width:100%;height:380px;object-fit:cover;filter:grayscale(.25)}.post-body{padding:30px 40px 40px;min-height:330px;display:flex;flex-direction:column}.post-body p{font-size:18px;color:var(--muted);margin:0;line-height:1.8}.meta{margin-top:auto;padding-top:35px;font-size:13px;font-weight:800;color:#ddd}.article{max-width:760px;margin:90px auto;padding:0 28px}.article h1{font-size:48px;line-height:1.15}.article .lead{font-size:23px;color:#bbb}.article p{font-size:19px;color:#ccc}.article h2{margin-top:50px}@media(max-width:900px){.top{height:100px;padding:0 22px}.logo img{width:125px;height:auto;max-height:54px}.grid{grid-template-columns:1fr;margin:42px auto;padding:0 22px;gap:24px}.post img{height:300px}nav{gap:15px;font-size:12px}nav a{display:none}}@media(max-width:520px){.post-head{padding:27px 24px 25px}.post h2{font-size:22px}.post-body{padding:25px 24px 30px}.post-body p{font-size:16px}.meta{font-size:11px}.article{margin:50px auto}.article h1{font-size:34px}}