<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1">

<title>gibiome</title>

<style>

html,body{margin:0;height:100%}

body{display:grid;place-items:center;background:#fbfaf7;color:#111;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px}

main{text-align:center;max-width:560px}

.brand{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#6b6b6b;margin-bottom:48px}

h1{margin:0;font-size:clamp(44px,8vw,76px);line-height:.95;font-weight:500;letter-spacing:-.05em}

p{margin:24px auto 0;max-width:420px;color:#6b6b6b;font-size:17px;line-height:1.6}

</style>

</head>

<body>

<main>

<div class="brand">gibiome</div>

<h1>Coming soon.</h1>

<p>A new home for microbiome science and discovery.</p>

</main>

</body>

</html>