.chrome-gate{display:grid;justify-items:center;align-content:start;min-height:100svh;background:var(--teal);color:var(--paper)}.chrome-gate :focus-visible{outline-color:var(--paper)}.chrome-gate-col{display:grid;justify-items:center;gap:32px;width:100%;max-width:960px;padding:clamp(24px,5vw,56px) 16px}.chrome-gate-lockup{width:auto;height:72px}.chrome-gate-body{display:grid;justify-items:center;gap:24px;width:100%}.chrome-gate .gather.chrome-gate-frame{width:min(100%,max(480px,calc((100svh - 360px) * 2)));border-radius:6px}.chrome-gate-words{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;transition:opacity .12s var(--ease-in)}.chrome-gate-words h1{max-width:22ch;font-size:clamp(28px,2vw + 16px,42px);line-height:1.1;color:var(--paper)}.chrome-gate-words p{font:italic 400 20px/1.4 var(--font-read);color:var(--mist)}.chrome-gate-body[data-going] .chrome-gate-words{opacity:0}.chrome-gate-form{display:grid;gap:12px;width:100%;max-width:440px}.chrome-gate .field label{color:var(--paper)}.chrome-gate-error{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:6px;background:var(--teal-deep);color:var(--paper);font:600 16px/1.45 var(--font-ui)}.chrome-gate-error .icon{width:20px;height:20px;margin-top:1px}.chrome-gate-fine{max-width:52ch;text-align:center;color:var(--mist)}@media (max-width:699px){.chrome-gate-col{gap:20px;padding-top:20px}.chrome-gate-lockup{height:60px}.chrome-gate-body{gap:20px}.chrome-gate .gather.chrome-gate-poster{aspect-ratio:3/4;width:min(100%,calc(min(70svh,477px) * 3 / 4))}}