PRESS
{% comment %}
HERO GENES™ — PRESS KIT TEMPLATE
Purpose: Distraction-free media / press page
{% endcomment %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #ffffff;
color: #111;
line-height: 1.6;
}
.press-container {
max-width: 860px;
margin: 0 auto;
padding: 48px 24px 80px;
}
h1, h2, h3 {
line-height: 1.25;
letter-spacing: -0.02em;
}
h1 {
font-size: 40px;
margin-bottom: 8px;
}
h2 {
font-size: 26px;
margin-top: 56px;
margin-bottom: 12px;
}
h3 {
font-size: 18px;
margin-top: 32px;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #666;
}
p {
font-size: 17px;
margin-bottom: 16px;
}
ul {
padding-left: 20px;
margin-bottom: 16px;
}
li {
margin-bottom: 8px;
}
.subhead {
font-size: 20px;
color: #444;
margin-bottom: 24px;
}
.skim-box {
border: 1px solid #ddd;
padding: 20px;
margin: 32px 0;
background: #fafafa;
}
.skim-box strong {
display: inline-block;
width: 90px;
}
.divider {
margin: 48px 0;
border-top: 1px solid #e5e5e5;
}
.contact {
font-size: 18px;
margin-top: 32px;
}
</style>
</head>
<body>
<main class="press-container">
{{ page.content }}
</main>
</body>
</html>