body:has(.gate){background:var(--ink)}body:has(.gate) .chrome-footer,body:has(.gate) .chrome-header,body:has(.gate) .chrome-menu,body:has(.gate) .skip{display:none}.gate{--gate-error:#ef9a76;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,72px);min-height:100svh;padding:clamp(24px,4vw,64px) var(--gutter)}.gate-words{display:grid;justify-items:start;max-width:560px}.gate-words>*{animation:gate-rise .9s var(--ease-out) both}.gate-words>.gate-form{animation-name:gate-fade}.gate-words>:nth-child(2){animation-delay:.12s}.gate-words>:nth-child(3){animation-delay:.22s}.gate-words>:nth-child(n+4){animation-delay:.32s}.gate-words h1{max-width:11ch;margin-top:clamp(36px,6vh,64px);font-size:clamp(46px,2.6vw + 18px,76px)}.gate-words .lede{max-width:36ch;margin-top:18px;color:var(--muted-on-dark)}.gate-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;margin-top:36px}.gate-form .field>.label{color:var(--bone)}.gate-form .field input{min-height:56px;background:var(--bone);border-color:var(--bone)}.gate-form .field[data-state=error] input{border-color:var(--gate-error);box-shadow:0 0 0 2px var(--gate-error)}.gate-form .btn{min-height:56px}.gate-error{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;color:var(--gate-error);font-size:17px;font-weight:600;line-height:1.4}.gate-error svg{flex:none;margin-top:2px}.gate-note{margin-top:32px}.gate-img{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%);mask-image:linear-gradient(180deg,transparent,#000 10%);animation:gate-dusk 2.6s .1s var(--ease-out) both}.gate-unlock{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--gold-light);animation:gate-door .55s var(--ease-in-out) both}.gate-unlock span{position:absolute;inset:0;background:var(--ink);animation:gate-dark .35s ease-out .38s both}@keyframes gate-dusk{0%{filter:brightness(.35) saturate(.5)}}@keyframes gate-rise{0%{opacity:0;translate:0 24px}}@keyframes gate-fade{0%{opacity:0}}@keyframes gate-door{0%{clip-path:inset(64% 45% 0 45% round 999px 999px 0 0)}to{clip-path:inset(0 0 0 0 round 0 0 0 0)}}@keyframes gate-dark{0%{opacity:0}}@media (max-width:899px){.gate{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:0 0 48px}.gate-art{order:-1}.gate-words{padding-inline:var(--gutter)}.gate-words .chrome-logo{--s:54px}.gate-words h1{margin-top:24px;font-size:44px}.gate-words .lede{font-size:19px}.gate-form{margin-top:28px;grid-template-columns:minmax(0,1fr)}}