/* A simple introduction to the preview. */
.gate{display:grid;place-items:center;padding:56px 24px;background:#161714}
.gate-content{width:100%;max-width:640px;padding:0;text-align:center}
.gate-publicis{width:80px;height:auto;margin:0 auto 34px}
.gate-content>.eyebrow{margin:0 0 17px;font-size:11px;line-height:1.6;letter-spacing:.12em;color:var(--gold)}
.gate h1{font-size:clamp(38px,4.2vw,64px);line-height:1.12;letter-spacing:-.035em;margin:0 0 34px}
.gate h1 em{color:#d8d0b9}
.gate form{width:100%;max-width:340px;margin:0 auto;text-align:left}
.gate label{display:block;font-size:13px;margin-bottom:9px}
.gate input{display:block;width:100%;min-height:50px;padding:12px 15px;border:1px solid #e8e3d842;border-radius:0;background:#20211c;color:var(--paper);font-size:16px}
.gate input::placeholder{color:#9b9f90;opacity:1}
.gate input[aria-invalid=true]{border-color:#e1ab96}
.gate form .button{width:100%;min-height:50px;justify-content:center;margin-top:14px;font-size:14px;font-weight:400}
.gate .form-error{height:22px;min-height:22px;margin:9px 0 0;padding:0;font-size:12px;line-height:1.6;color:#e1ab96}
.gate-foot{position:static;display:block;inset:auto;margin:24px 0 0;font-size:11px;line-height:1.6;letter-spacing:.04em;color:var(--muted)}
@media(max-width:760px){
  .gate{padding:40px 24px}
  .gate-publicis{width:68px;margin-bottom:28px}
  .gate-content>.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:16px}
  .gate h1{font-size:clamp(35px,8.6vw,52px);margin-bottom:30px}
  .gate-foot{margin-top:22px;font-size:11px}
}