:root{
  --ink:#1c1a17;
  --ink-soft:#6a635a;
  --paper:#fdfcf9;

  --f-orn:"Mea Culpa", cursive;
  --f-name:"Monotype Corsiva","Corsiva","Apple Chancery","Italianno",cursive;
  --f-body:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:18px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit}

.ornament{font-family:var(--f-orn);font-weight:400;
  font-size:clamp(3.4rem,13vw,6.5rem);line-height:.9;margin:.1em 0}
.script{font-family:var(--f-name)}

.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:40px 22px;position:relative}
.gate__card{position:relative;z-index:2;max-width:560px}
.gate .ornament{margin:.05em 0 .1em}
.gate .lede{font-size:1.06rem;margin:.4rem auto 0;max-width:34ch}
.gate .fineprint{font-size:.76rem;color:var(--ink-soft);margin-top:.8em}

@media (max-width:560px){
  body{font-size:17px}
}