:root{
  --navy:#0c1c2c;
  --navy-2:#0f2337;
  --green:#3fae2a;
  --green-dark:#2e8a1d;
  --ink:#1a1a1a;
  --muted:#5b6672;
  --border:#e6e8eb;
  --paper:#ffffff;
  --wa:#25d366;
  --ig:#e1306c;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:'Inter',Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Fira Sans Condensed',Arial,sans-serif;
  font-weight:800;
  letter-spacing:.2px;
  color:var(--navy);
  margin:0 0 .6em 0;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
img.rand-img{border-radius:8px;}

.page-header{
  background:#f4f6f8;
  border-bottom:1px solid var(--border);
  padding:44px 0 34px;
}
.page-header h1{
  font-size:clamp(28px,4vw,42px);
  max-width:900px;
  line-height:1.15;
}
.page-header--blog{padding:44px 0 28px;}
.page-header--blog h1{font-size:clamp(32px,4vw,44px);max-width:none;}

main.wrap{padding:32px 24px 48px;}