body:has(.gate) :is(.chrome-header,.chrome-menu,.chrome-footer,.ui-sample,.skip){display:none}.gate{grid-template-rows:1fr auto;min-height:100svh;overflow:hidden;background:var(--night)}.gate,.gate-grid{position:relative;display:grid}.gate-grid{z-index:1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,64px) var(--gutter) 0}.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:.1s}.gate-words>:nth-child(3){animation-delay:.2s}.gate-words>:nth-child(n+4){animation-delay:.3s}.gate-words .chrome-logo{margin-top:18px}.gate-words .chrome-logo-star{animation:gate-twinkle 1.4s 1s var(--ease-out) both}.gate-words h1{max-width:11ch;margin-top:clamp(28px,5vh,52px);font-size:clamp(44px,2.4vw + 18px,70px)}.gate-words .lede{max-width:36ch;margin-top:16px}.gate-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;margin-top:32px}.gate-form .btn,.gate-form .field input{min-height:56px}.gate-error{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;color:var(--error);font-size:17px;font-weight:600;line-height:1.4}.gate-error svg{flex:none;margin-top:2px}.gate-note{margin-top:28px}.gate-art{position:relative}.gate-img{--fade-x:linear-gradient(90deg,transparent,#000 14%,#000 92%,transparent);--fade-y:linear-gradient(180deg,transparent,#000 10%,#000 80%,transparent);width:100%;height:auto;-webkit-mask-image:var(--fade-x),var(--fade-y);-webkit-mask-composite:source-in;mask-image:var(--fade-x),var(--fade-y);-webkit-mask-composite:source-in,xor;mask-composite:intersect;animation:gate-dusk 2.8s .15s var(--ease-out) both}.gate-waves{position:relative;height:clamp(70px,9vw,140px);margin-top:-2vw}.gate-wave{position:absolute;inset:auto 0 0;width:100%;height:100%;color:var(--plum-deep)}.gate-wave.back{height:115%;color:var(--plum);scale:-1 1;opacity:.85}.gate-waves{animation:gate-tide 1.6s .3s 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(--night);animation:gate-dark .35s ease-out .38s both}@keyframes gate-dusk{0%{filter:brightness(.3) saturate(.45)}}@keyframes gate-rise{0%{opacity:0;translate:0 24px}}@keyframes gate-fade{0%{opacity:0}}@keyframes gate-twinkle{0%{opacity:0;scale:.2;rotate:-45deg}60%{opacity:1;scale:1.35}}@keyframes gate-tide{0%{translate:0 60%}}@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{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:0 0 24px}.gate-art{order:-1}.gate-img{--fade-x:linear-gradient(#000,#000);--fade-y:linear-gradient(180deg,#000 70%,transparent)}.gate-words{padding-inline:var(--gutter);margin-top:-6vw}.gate-words h1{margin-top:22px;font-size:42px}.gate-form{grid-template-columns:minmax(0,1fr);margin-top:26px}.gate-waves{margin-top:0}}