/* Telas de entrada. */
.gate{min-height:100vh; min-height:100dvh; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.gate .art{background:var(--side); color:var(--side-ink); padding:48px; display:flex; flex-direction:column; justify-content:space-between; gap:32px; position:relative; overflow:hidden}
.gate .art canvas{position:absolute; inset:0; width:100%; height:100%; opacity:.5}
.gate .art > *{position:relative}
.gate .mark{font-family:var(--f-display); font-weight:200; font-size:clamp(34px,5vw,56px); line-height:1.02}
.gate .mark b{font-weight:600; color:var(--gold)}
.gate .cos{display:flex; gap:26px; flex-wrap:wrap; font-family:var(--f-display); font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:var(--side-muted)}
.gate .txt{padding:48px; display:flex; flex-direction:column; justify-content:center; gap:16px; max-width:540px}