
:root{--ink:#0a1628;--ink2:#38455a;--mut:#6b7688;--line:#e6e8ee;--bg:#fbfaf7;--gold:#f5b52e;--blue:#1f6feb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.w{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{background:var(--ink);color:#aab6c8;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.topbar .w{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.topbar b{color:var(--gold);font-weight:600}
.mast{background:var(--ink);color:#fff;border-bottom:4px solid var(--gold)}.mast .w{padding-top:22px;padding-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{font-family:Fraunces,Georgia,serif;font-weight:800;font-size:40px;line-height:1;letter-spacing:-.02em}.logo i{color:var(--gold);font-style:normal}
.by{font-size:13px;color:#aab6c8;margin-top:6px;letter-spacing:.04em}.by b{color:#fff}
.mast nav{display:flex;gap:18px;font-size:14px;font-weight:600}.mast nav a{color:#d6deea}.mast nav .sub{background:var(--gold);color:var(--ink);padding:8px 14px;border-radius:99px}
.brief{background:#fff;border-bottom:1px solid var(--line)}.brief .w{display:grid;gap:10px;padding-top:18px;padding-bottom:18px}
.brief h3{margin:0;font:700 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.brief ol{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:b}.brief li{counter-increment:b;display:flex;gap:10px;font-size:15px;color:var(--ink2);line-height:1.45}
.brief li:before{content:counter(b);flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--gold);font:700 12px/22px Inter;text-align:center}
.grid{display:grid;gap:28px;padding-top:28px;padding-bottom:28px}
.rg,.tp{display:inline-block;font:700 11px/1 Inter;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:4px;margin-right:6px}
.rg{background:var(--c);color:#fff}.tp{background:#eef1f6;color:var(--ink2)}
.lead .img img,.card .th img{width:100%;height:100%;object-fit:cover;display:block}.lead .img svg,.card .th svg{width:100%;height:100%;display:block}.lead .img{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--ink)}
.lead h1{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:32px;line-height:1.12;letter-spacing:-.015em;margin:14px 0 8px}
.src{font-size:13px;color:var(--mut)}.src b{color:var(--ink2)}
.why{margin-top:16px;background:var(--ink);color:#e7ecf3;border-radius:12px;padding:16px 18px;position:relative;font-size:15.5px}
.why:before{content:"Why it matters";display:block;font:800 11px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.why.lt{background:#fff8e6;color:var(--ink2);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:12px 14px;font-size:14.5px;margin-top:10px}
.why.lt:before{color:#a5740a}
.side{display:grid;gap:20px;align-content:start}
.mod{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.mod h4{margin:0 0 12px;font:800 12px Inter;letter-spacing:.12em;text-transform:uppercase}
.num{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}.num:first-of-type{border-top:0}
.num b{font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;color:var(--blue);min-width:86px}.num span{font-size:14px;color:var(--ink2);line-height:1.35}.num small{display:block;color:var(--mut);font-size:11px}
.spon{background:linear-gradient(135deg,#0a1628,#16294a);color:#fff;border:0}.spon .k{font:700 10px Inter;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.spon .nm{font-family:Fraunces,Georgia,serif;font-size:24px;margin:6px 0}.spon p{margin:0 0 12px;color:#b9c5d6;font-size:14px}.spon a{display:inline-block;border:1px solid #ffffff44;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}
.sec{display:flex;align-items:center;gap:12px;margin:8px 0 0;font:800 13px Inter;letter-spacing:.12em;text-transform:uppercase}.sec:after{content:"";flex:1;height:2px;background:var(--ink)}
.cards{display:grid;gap:22px;padding-bottom:36px}
.card{display:grid;grid-template-columns:1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}.card .bd{padding:0 16px}.card .why.lt{margin:0 16px 16px}
.card .th{overflow:hidden;aspect-ratio:16/9;background:var(--ink)}.card .th svg{width:100%;height:100%}
.card h2{font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.2;margin:8px 0 4px;font-weight:700}
.card .why.lt{grid-column:1/-1}
.nl{background:var(--gold);color:var(--ink)}.nl .w{padding-top:40px;padding-bottom:40px;display:grid;gap:18px}
.nl h3{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.1;margin:0}.nl p{margin:6px 0 0;font-size:16px}
.nl form{display:flex;gap:8px;flex-wrap:wrap}.nl input{flex:1;min-width:220px;padding:15px 16px;border-radius:10px;border:2px solid var(--ink);font-size:16px;background:#fff}
.nl button{padding:15px 22px;border-radius:10px;border:0;background:var(--ink);color:#fff;font-weight:700;font-size:16px}.nl small{display:block;font-size:12px;margin-top:6px;opacity:.75}
.cta{background:var(--ink);color:#fff}.cta .w{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cta b{font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:600}.cta a{background:#fff;color:var(--ink);padding:12px 18px;border-radius:99px;font-weight:700}
footer{background:#060e1a;color:#7d8aa0;font-size:12.5px}footer .w{padding-top:24px;padding-bottom:40px}
.lead .lt-wrap{display:none}
@media(min-width:900px){.logo{font-size:56px}.grid{grid-template-columns:1fr 340px}.lead h1{font-size:44px}
.brief .w{grid-template-columns:200px 1fr;align-items:start}.brief ol{grid-template-columns:1fr 1fr;column-gap:28px}
.cards{grid-template-columns:1fr 1fr}.card{grid-template-columns:1fr;padding:0;overflow:hidden}.card .th{aspect-ratio:16/9;border-radius:0}.card .bd{padding:0 18px 18px}.card .why.lt{margin:0 18px 18px}
.nl .w{grid-template-columns:1fr 1fr;align-items:center}
.card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:46% 1fr;grid-template-rows:auto 1fr}.card:last-child:nth-child(odd) .th{grid-row:1/3;height:100%;aspect-ratio:auto}.card:last-child:nth-child(odd) .bd{padding:18px 18px 0}.card:last-child:nth-child(odd) .why.lt{grid-column:2}}
.about{max-width:720px;padding:36px 20px}.about h1{font-family:Fraunces,Georgia,serif;font-size:40px;line-height:1.1}.about p{font-size:17px;color:var(--ink2)}
