body{margin:0;background:#efe8df;font-family:Georgia,serif}
.hero{display:grid;grid-template-columns:45% 55%;min-height:100vh}
.left{padding:8vw;display:flex;flex-direction:column;justify-content:center}
h1{font-size:82px;font-weight:400;letter-spacing:.15em}
h1 span{font-size:70px}
.tag{font-size:20px;letter-spacing:.12em;text-transform:uppercase;line-height:1.8}
h2{font-size:56px;font-weight:400}
form{display:flex;max-width:520px}
input{flex:1;padding:18px;border:1px solid #caa}
button{padding:18px 28px;border:0;background:#b07b83;color:#fff}
.right{background:url('assets/maquette.png') center right/cover no-repeat}
@media(max-width:800px){.hero{grid-template-columns:1fr}.right{min-height:45vh}.left{padding:40px}h1{font-size:56px}h2{font-size:40px}form{flex-direction:column}button{margin-top:10px}}