*{box-sizing:border-box}body{margin:0;background:#101d2a;color:#e9e6df;font:18px/1.75 Georgia,serif}a{color:inherit;text-decoration:none}a:hover{color:#e8b777}header,main,footer{max-width:1120px;margin:auto;padding:30px 40px}header{display:flex;justify-content:space-between;border-bottom:1px solid #40505d;font:14px/1.5 system-ui;letter-spacing:.1em}nav a{margin-left:24px}.eyebrow{font:12px system-ui;letter-spacing:.2em;color:#e8b777;text-transform:uppercase;margin-top:55px}h1{font-size:clamp(44px,8vw,92px);line-height:1.05;font-weight:400;max-width:820px;margin:25px 0}h2{font-size:32px;font-weight:400}.intro{max-width:590px;color:#afbac4;font-size:21px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:60px 0}.card{padding:28px 22px;border-top:2px solid #e8b777;background:#182a39}.card h2{font-size:27px}.meta{font:12px system-ui;color:#aab6c0;text-transform:uppercase;letter-spacing:.12em}article{max-width:720px;margin:40px auto 90px}article h1{font-size:54px}article p{color:#c7cfd5}footer{border-top:1px solid #40505d;color:#aab6c0;font:13px system-ui;padding-bottom:40px}@media(max-width:700px){header,main,footer{padding:24px}.grid{grid-template-columns:1fr}nav a{margin-left:12px}article h1{font-size:40px}}