:root{--navy:#262d63;--purple:#5a3ea6;--ink:#1c1c1c;--mute:#9a9a9a}
*{box-sizing:border-box}
body{margin:0;font-family:'Roboto Condensed',Arial,sans-serif;color:var(--ink);background:#f7f7f9;font-size:18px}
h1,h2{font-family:'Bungee',Impact,sans-serif;font-weight:400;color:#111;line-height:1.15}
h3{font-family:'Khand',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin:34px 0 8px;font-size:22px}
a{color:var(--purple)}
.btn{display:inline-block;text-decoration:none;color:#fff;font-family:'Khand',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:14px 46px;font-size:20px;background:linear-gradient(90deg,#5a3ea6,#6bb8f5)}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.nav{max-width:1000px;margin:8px auto 0;background:#fff;border-radius:999px;box-shadow:0 14px 40px #0002;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;position:relative;z-index:2}
.nav img{height:54px;display:block}
.nav.center{justify-content:center;max-width:640px}
main.list{max-width:1200px;margin:60px auto;padding:0 26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,330px));gap:30px}
.card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0001;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:5/3;object-fit:cover;display:block}
.card .body{padding:30px;flex:1;display:flex;flex-direction:column}
.card h2{font-size:20px;margin:0 0 18px;transform-origin:left;transform:scaleX(.85);width:118%}
.card p{margin:0 0 30px;line-height:1.6;flex:1}
.card .more{font-weight:700;text-transform:uppercase;text-decoration:none}
.card time{border-top:1px solid #e5e5e5;padding:22px 30px;color:var(--mute);text-transform:uppercase;font-size:15px}
footer{max-width:1200px;margin:80px auto 50px;padding:0 26px;text-align:center}
footer .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
footer img{height:46px}footer small{font-family:'Khand',sans-serif;color:#777;text-transform:uppercase}
/* article */
article{max-width:800px;margin:0 auto;padding:36px 24px 60px}
.kicker{font-family:'Khand',sans-serif;text-transform:uppercase;color:#999;font-size:20px}
article h1{font-size:38px;margin:0 0 18px;transform-origin:left;transform:scaleX(.85);width:118%}
article h2{font-size:26px;margin:44px 0 14px;transform-origin:left;transform:scaleX(.85);width:118%}
article p,article li{line-height:1.85;font-size:17px}
.sub{color:#8a8a8a;font-size:20px;margin:0 0 20px}
.by{display:flex;gap:16px;align-items:center;font-size:14px;margin-bottom:24px}
.by img{width:56px;height:56px;border-radius:50%;object-fit:cover}
figure{margin:24px 0}figure img{max-width:100%;width:410px;display:block}
.video{position:relative;aspect-ratio:16/9;margin:0 0 30px}
.video iframe{width:100%;height:100%;border:0;display:block}
.video .btn{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:14px;padding:8px 24px}
.legal{font-weight:700;font-size:15px;line-height:1.7}
.legal a{display:block;margin:2px 0}
@media(max-width:700px){article h1{font-size:26px;transform:none;width:100%}article h2,.card h2{transform:none;width:100%}.nav{margin:8px}}
.fl{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:0 0 28px}.fl a{font-family:'Khand',sans-serif;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:#262d63;font-weight:600}.fl a:hover{text-decoration:underline}.doc h2{font-size:22px}.doc .upd{color:#888;font-size:15px}.doc .note{background:#fff;border-left:4px solid #5a3ea6;padding:14px 18px;border-radius:6px}