.ch-gate{--horizon:72%;position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:grid;align-items:start;background:radial-gradient(ellipse 52% 16% at 74% var(--horizon),rgb(201 212 216/.42),transparent 72%),linear-gradient(180deg,#0b1823 0,var(--deep) 34%,#233a4b 58%,#4b6573 var(--horizon))}.ch-gate-scene{position:absolute;z-index:-1;inset:0}.ch-gate-sand{position:absolute;inset:var(--horizon) 0 0;overflow:hidden;background:linear-gradient(180deg,#4f6876 0,#34505f 12%,#233a4b 52%,var(--deep) 100%)}.ch-gate-sand:after{content:"";position:absolute;left:-10%;right:-10%;top:10%;height:30%;background:linear-gradient(90deg,transparent 4%,rgb(233 223 207/.08) 32%,rgb(251 250 246/.15) 64%,transparent 92%);filter:blur(12px);transform:skewY(-1.2deg)}.ch-gate-mirror,.ch-gate-rock{position:absolute;right:-2vw;width:min(50vw,760px);height:auto}.ch-gate-rock{bottom:calc(100% - var(--horizon) - 1px);color:var(--deep-3);animation:ch-gate-fade 1.3s var(--ease-tide) backwards}.ch-gate-mirror{top:0;color:#0d1c28;opacity:.55;transform:scaleY(-1);-webkit-mask-image:linear-gradient(0deg,#000,transparent 72%);mask-image:linear-gradient(0deg,#000,transparent 72%)}.ch-gate-foam{position:absolute;left:-5%;width:110%;max-width:none;height:30px;top:calc(var(--horizon) + 3%);color:var(--foam);opacity:.85;animation:ch-gate-wash 1.4s var(--ease-tide) backwards}.ch-gate-foam.is-far{top:calc(var(--horizon) + 10%);height:22px;opacity:.3;animation-delay:.18s}.ch-gate-column{display:grid;justify-items:start;gap:1.4rem;width:min(100% - 2 * var(--gutter),27rem);margin-inline-start:max(var(--gutter),9vw);padding-block:max(2.5rem,9vh) 3rem;animation:ch-gate-surface .8s .25s var(--ease-tide) backwards}.ch-gate-mark{width:clamp(170px,17vw,236px);height:auto;color:var(--wet)}.ch-gate h1{max-width:17ch;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.1;color:var(--foam)}.ch-gate-form{display:grid;gap:1rem;width:100%}.ch-gate-demo{margin:0;font-size:var(--fs-small);color:var(--text-faint)}.ch-gate.is-open .ch-gate-column{translate:0 -10px}.ch-gate.is-open .ch-gate-column,.ch-gate.is-open .ch-gate-foam{opacity:0;transition:opacity .45s,translate .45s var(--ease-tide)}.ch-gate.is-open .ch-gate-foam{translate:-30% 0}@keyframes ch-gate-wash{0%{opacity:0;translate:42% 0}}@keyframes ch-gate-fade{0%{opacity:0}}@keyframes ch-gate-surface{0%{opacity:0;translate:0 14px}}@media (max-width:759px){.ch-gate{--horizon:76%}.ch-gate-column{justify-items:center;margin-inline:auto;text-align:center;padding-top:max(2rem,6vh)}.ch-gate-form{text-align:left}.ch-gate-mirror,.ch-gate-rock{width:64vw;right:-10vw}}