.gate{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;display:grid;place-items:center;padding:32px 16px;background:var(--soot);isolation:isolate}.gate-wall{position:absolute;inset:0;z-index:-1}.gate-photo{object-fit:cover;object-position:52% 50%;opacity:.85;animation:gate-catch 1.6s step-end both}.gate-glow{background:radial-gradient(560px circle at 52% 46%,rgba(255,196,107,.22),transparent 70%);animation:gate-flood 1.4s .5s var(--ease-out) both}.gate-dark,.gate-glow{position:absolute;inset:0}.gate-dark{background:linear-gradient(180deg,rgba(14,11,10,.55),rgba(14,11,10,.25) 40%,rgba(14,11,10,.8))}@keyframes gate-catch{0%{opacity:.05}18%{opacity:.6}24%{opacity:.1}34%{opacity:.75}40%{opacity:.25}52%,to{opacity:.85}}@keyframes gate-flood{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.gate-stage{display:grid;justify-items:center;gap:18px;width:min(100%,440px)}.gate-plate{position:relative;width:100%;padding:clamp(26px,6vw,40px) clamp(20px,6vw,38px) clamp(24px,5vw,34px);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(214,164,70,.16),transparent 42%),linear-gradient(180deg,rgba(42,26,21,.92),rgba(21,16,14,.94));border:1px solid rgba(214,164,70,.45);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,240,200,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;animation:gate-rise .7s .9s var(--ease-out) both}@keyframes gate-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.gate-rivets i{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3d28a,#8a6524 70%);box-shadow:0 1px 2px rgba(0,0,0,.6)}.gate-rivets i:first-child{top:12px;left:12px}.gate-rivets i:nth-child(2){top:12px;right:12px}.gate-rivets i:nth-child(3){bottom:12px;left:12px}.gate-rivets i:nth-child(4){bottom:12px;right:12px}.gate-logo{width:min(300px,70vw);height:auto;margin:0 auto 6px;filter:drop-shadow(0 0 18px rgba(255,196,107,.25))}.gate-eyebrow{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.16em;color:var(--brass)}.gate h1,.gate-eyebrow{text-transform:uppercase}.gate h1{margin:6px 0 22px;font-family:var(--font-display);font-weight:800;font-size:var(--step-3);letter-spacing:.02em;color:var(--filament-hot);text-shadow:0 0 22px rgba(255,196,107,.45)}.gate-form{display:grid;gap:10px;text-align:left}.gate-form label{font-weight:600;color:var(--text-soft)}.gate-form input{width:100%;min-height:52px;padding:0 16px;font-size:18px;color:var(--text);background:rgba(14,11,10,.75);border:1.5px solid var(--line-strong);border-radius:12px}.gate-form input:focus-visible{border-color:var(--filament);box-shadow:var(--focus)}.gate-form input[aria-invalid=true]{border-color:var(--signal)}.gate-error{display:flex;gap:8px;align-items:flex-start;color:#ffb4a3;font-size:var(--step--1)}.gate-error svg{flex:none;width:20px;height:20px;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.gate-enter{margin-top:8px;width:100%;min-height:54px}.gate-lever{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transform-origin:8px 15px;transition:transform .25s var(--ease-spring)}.gate-form.is-going .gate-lever{transform:rotate(48deg)}.gate-form.is-going .gate-enter{box-shadow:var(--glow)}.gate-credit{font-size:var(--step--1);color:var(--text-dim);text-align:center;max-width:36ch}.gate[data-quiet] .gate-glow,.gate[data-quiet] .gate-photo,.gate[data-quiet] .gate-plate{animation:none}@media (min-width:900px){.gate{justify-items:end;padding-inline:max(48px,9vw)}.gate-photo{opacity:1}.gate-dark{background:linear-gradient(90deg,rgba(14,11,10,.1),rgba(14,11,10,.2) 45%,rgba(14,11,10,.75))}}