.gate{overflow:clip;isolation:isolate;background-color:var(--teal-ink)}.gate,.gate-world{position:relative;min-height:100vh;min-height:100svh}.gate-world{display:grid;transform-origin:72% 88%}.gate-scene{z-index:0;pointer-events:none;overflow:clip}.gate-scene,.gate-sky{position:absolute;inset:0}.gate-sky{background:radial-gradient(70% 55% at 72% 100%,color-mix(in srgb,var(--marigold) 22%,transparent),transparent 70%),radial-gradient(50% 40% at 18% 12%,color-mix(in srgb,var(--teal) 20%,transparent),transparent 70%),linear-gradient(180deg,var(--teal-ink) 0,color-mix(in srgb,var(--teal-night) 55%,var(--teal-ink)) 58%,var(--teal-night) 100%)}.gate-stars{position:absolute;inset:0 0 auto;width:100%;height:62%}.gate-hills-wrap{position:absolute;inset:auto -40px 0;height:clamp(220px,56vh,540px)}.gate-hills{width:100%;height:100%}.gate-street{position:absolute;bottom:30px;right:clamp(16px,4vw,80px);width:min(56vw,920px)}.gate-facade{position:relative;z-index:1;width:100%;height:auto}.gate-glow{position:absolute;inset:8% -14% -30px;background:radial-gradient(50% 58% at 50% 92%,color-mix(in srgb,var(--marigold) 34%,transparent),transparent 72%);mix-blend-mode:screen}.gate-sidewalk{position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--maple-light) 26%,var(--teal-night)) 0 3px,transparent 3px),repeating-linear-gradient(90deg,transparent 0 118px,color-mix(in srgb,var(--paper) 9%,transparent) 118px 120px),color-mix(in srgb,var(--paper) 6%,var(--teal-night))}.gate-sign{position:absolute;z-index:2;bottom:0;right:-1%;display:grid;justify-items:center;font-size:clamp(11px,.9vw,14px)}.gate-sign-plate{padding:.35em .9em .4em;border:2px solid var(--paper);border-radius:5px;background-color:var(--leaf);color:var(--paper);font-weight:700;font-stretch:85%;letter-spacing:.02em;line-height:1;white-space:nowrap;box-shadow:0 0 0 2px var(--leaf)}.gate-sign-post{width:5px;height:clamp(90px,14vw,190px);background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 30%,var(--teal-night)),var(--teal-night))}.gate-bunting{position:absolute;inset:0 0 auto;width:100%;height:clamp(120px,13.5vw,200px)}.gate-flag{transform-box:fill-box;transform-origin:50% 0}.gate-main{position:relative;z-index:1;display:grid;align-content:center;justify-items:start;gap:18px;padding:clamp(92px,9vw,128px) var(--gutter) clamp(48px,7vh,80px) clamp(var(--gutter),7vw,120px)}.gate-card{--gate-tilt-x:0deg;--gate-tilt-y:0deg;position:relative;width:min(480px,100%);padding:22px 11px 12px;border-radius:16px;background:repeating-linear-gradient(176deg,transparent 0 9px,color-mix(in srgb,var(--maple-deep) 16%,transparent) 9px 10px,transparent 10px 23px),linear-gradient(160deg,var(--maple-light),var(--maple) 45%,color-mix(in srgb,var(--maple) 70%,var(--maple-deep)));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--paper) 50%,transparent),inset 0 -2px 0 color-mix(in srgb,var(--maple-deep) 70%,transparent),0 40px 90px -30px color-mix(in srgb,var(--teal-ink) 95%,transparent),0 12px 30px -12px color-mix(in srgb,var(--ink) 60%,transparent);rotate:-1.2deg;transform:perspective(1400px) rotateY(var(--gate-tilt-x)) rotateX(var(--gate-tilt-y))}.gate-clip{position:absolute;z-index:2;top:-16px;left:50%;width:136px;height:40px;translate:-50% 0;border-radius:10px 10px 16px 16px;background:radial-gradient(circle at 50% 13px,var(--teal-ink) 0 6px,transparent 6.5px),linear-gradient(180deg,color-mix(in srgb,var(--paper) 62%,var(--teal-night)),color-mix(in srgb,var(--paper) 22%,var(--teal-night)) 55%,var(--teal-night));box-shadow:0 3px 0 color-mix(in srgb,var(--ink) 40%,transparent),0 8px 14px -6px color-mix(in srgb,var(--ink) 70%,transparent)}.gate-sheet{position:relative;overflow:hidden;border-radius:6px 6px 8px 8px;box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 12%,transparent),0 2px 6px -2px color-mix(in srgb,var(--maple-deep) 70%,transparent)}.gate-pad-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;border-bottom:3px solid var(--marigold)}.gate-pad-brand{display:inline-flex;align-items:center;gap:10px;color:var(--paper)}.gate-pad-mark{width:38px;height:38px;flex:none}.gate-wordmark{--wm-h:26px}.gate-pad-meta{display:grid;justify-items:end;gap:2px;color:var(--mint);font-size:13px;font-weight:650;letter-spacing:.04em;line-height:1.2;text-align:right}.gate-pad-meta .heritage{font-size:1.15rem;color:var(--marigold);letter-spacing:0;white-space:nowrap}.gate-body{position:relative;padding:clamp(20px,2.6vw,28px) clamp(20px,3vw,32px) clamp(18px,2.4vw,24px) clamp(26px,4vw,42px);background:linear-gradient(90deg,transparent 0 clamp(12px,2vw,22px),color-mix(in srgb,var(--curtain) 55%,transparent) clamp(12px,2vw,22px) calc(clamp(12px, 2vw, 22px) + 1.5px),transparent 0)}.gate-eyebrow{margin-bottom:.6em}.gate-title{margin:0 0 .35em;padding-right:92px;font-size:clamp(2.2rem,1.6rem + 2.2vw,3rem);line-height:.98;letter-spacing:-.02em;color:var(--teal-night)}.gate-title-line{display:block;color:var(--teal-deep)}.gate-lede{margin-bottom:1.1em;color:var(--text-muted);font-size:1rem;line-height:1.5}.gate-field{margin-bottom:16px}.gate-input-row{position:relative}.gate-input{padding-right:56px;font-size:18px;letter-spacing:.08em}.gate-reveal{position:absolute;top:50%;right:4px;translate:0 -50%;display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-soft)}.gate-reveal[aria-pressed=true]{color:var(--teal-deep)}.gate-error{display:flex;align-items:flex-start;gap:8px}.gate-error svg{flex:none;margin-top:3px}.gate-submit{gap:.7em}.gate-submit svg{transition:translate var(--t-base) var(--ease-spring)}@media (hover:hover){.gate-submit:hover svg{translate:4px 0}}.gate-fine{margin:16px 0 0}.gate-fine .demo-tag{margin-right:4px}.gate-stamp-zone{position:absolute;top:clamp(12px,2vw,22px);right:clamp(12px,2.4vw,24px);width:100px;height:100px;pointer-events:none}.gate-stamp-target{position:absolute;inset:8px;display:grid;place-content:center;border:1.5px dashed color-mix(in srgb,var(--ink-dim) 55%,transparent);border-radius:50%;color:var(--ink-dim);font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.25;text-align:center;text-transform:uppercase;rotate:-10deg}.gate-stamp{position:absolute;inset:0;opacity:0;rotate:-14deg}.gate-stamp-art{width:100%;height:100%;mix-blend-mode:multiply}.gate-stamp-ink{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--curtain) 30%,transparent),color-mix(in srgb,var(--curtain) 12%,transparent) 70%,transparent);opacity:0;mix-blend-mode:multiply}.gate-address{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 12px;color:var(--mint);font-size:var(--fs-sm);font-weight:600}.gate[data-phase=doors] .gate-stamp,.gate[data-phase=lit] .gate-stamp,.gate[data-phase=open] .gate-stamp,.gate[data-phase=stamp] .gate-stamp{opacity:.92;animation:gate-stamp-thunk .56s var(--ease-stamp) both}.gate[data-phase=stamp] .gate-stamp-ink{animation:gate-ink-spread .9s var(--ease-out) .2s both}.gate:not([data-phase=rest]) .gate-stamp-target{opacity:0;transition:opacity .2s}.gate[data-phase=stamp] .gate-card{animation:gate-card-thunk .5s var(--ease-out) both}@keyframes gate-stamp-thunk{0%{opacity:0;scale:2.2;rotate:-32deg;filter:blur(2px)}52%{opacity:.95;scale:.92;rotate:-12deg;filter:blur(0)}72%{scale:1.04}to{opacity:.92;scale:1;rotate:-14deg}}@keyframes gate-ink-spread{0%{opacity:.8;scale:.6}to{opacity:0;scale:1.25}}@keyframes gate-card-thunk{0%,40%{translate:0 0}55%{translate:0 5px}to{translate:0 0}}.gate-doors{position:fixed;inset:0;z-index:50;visibility:hidden;opacity:0;perspective:1800px;pointer-events:none;overflow:hidden}.gate-doors-light{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:radial-gradient(75% 70% at 50% 58%,var(--paper) 0,var(--maple-light) 45%,color-mix(in srgb,var(--marigold) 75%,var(--ember)) 100%);color:var(--teal-night)}.gate-doors-light:after{content:"";position:absolute;inset:0;background-color:var(--paper);opacity:0;transition:opacity .4s var(--ease-out)}.gate-loader{width:76px;transition:opacity .3s .2s}.gate-loader,.gate-welcome{position:relative;z-index:1;opacity:0}.gate-welcome{font-size:1.6rem;translate:0 8px;transition:opacity .4s .25s,translate .5s var(--ease-out) .25s}.gate-leaf{position:absolute;top:0;bottom:0;width:50.2%;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 30%,transparent),transparent 9% 91%,color-mix(in srgb,var(--ink) 30%,transparent)),repeating-linear-gradient(90deg,transparent 0 calc(20% - 3px),color-mix(in srgb,var(--ink) 34%,transparent) calc(20% - 3px) 20%),repeating-linear-gradient(180deg,transparent 0 7px,color-mix(in srgb,var(--maple) 9%,transparent) 7px 8px,transparent 8px 19px),linear-gradient(180deg,color-mix(in srgb,var(--maple-deep) 78%,var(--ink)),color-mix(in srgb,var(--maple-deep) 52%,var(--ink)));transition:transform .62s var(--ease-in-out);backface-visibility:hidden}.gate-leaf-l{left:0;transform-origin:0 50%;border-right:2px solid color-mix(in srgb,var(--ink) 60%,transparent)}.gate-leaf-r{right:0;transform-origin:100% 50%;border-left:2px solid color-mix(in srgb,var(--ink) 60%,transparent)}.gate-leaf-pane{position:absolute;top:13%;left:24%;width:52%;height:36%;clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%);background:linear-gradient(90deg,transparent calc(50% - 2px),color-mix(in srgb,var(--maple-deep) 80%,var(--ink)) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(180deg,transparent calc(55% - 2px),color-mix(in srgb,var(--maple-deep) 80%,var(--ink)) calc(55% - 2px) calc(55% + 2px),transparent calc(55% + 2px)),radial-gradient(90% 80% at 50% 70%,var(--paper-2),var(--marigold) 70%,var(--ember))}.gate-leaf-handle{position:absolute;top:56%;width:8px;height:76px;border-radius:4px;background:linear-gradient(90deg,var(--maple-light),var(--maple-deep))}.gate-leaf-l .gate-leaf-handle{right:18px}.gate-leaf-r .gate-leaf-handle{left:18px}.gate[data-phase=doors] .gate-doors,.gate[data-phase=lit] .gate-doors,.gate[data-phase=open] .gate-doors{visibility:visible;opacity:1}.gate[data-phase=doors] .gate-doors{animation:gate-doors-arrive .38s var(--ease-out) both}.gate[data-phase=doors] .gate-world,.gate[data-phase=lit] .gate-world,.gate[data-phase=open] .gate-world{scale:1.08;transition:scale .7s var(--ease-in-out)}.gate[data-phase=lit] .gate-leaf-l,.gate[data-phase=open] .gate-leaf-l{transform:rotateY(84deg)}.gate[data-phase=lit] .gate-leaf-r,.gate[data-phase=open] .gate-leaf-r{transform:rotateY(-84deg)}.gate[data-phase=lit] .gate-doors-light:after{opacity:1}.gate[data-phase=lit] .gate-loader,.gate[data-phase=lit] .gate-welcome{opacity:1;translate:0 0}.gate[data-phase=lit] .gate-loader{animation:gate-turn 6s linear infinite}@keyframes gate-doors-arrive{0%{opacity:0;scale:1.14}to{opacity:1;scale:1}}@keyframes gate-turn{to{rotate:1turn}}.gate-has-error .gate-card{animation:gate-shake .44s var(--ease-out) 1}@keyframes gate-shake{20%{translate:-10px 0}40%{translate:8px 0}60%{translate:-5px 0}80%{translate:2px 0}}@media (prefers-reduced-motion:no-preference){.gate[data-phase=rest] .gate-card{animation:gate-card-in .9s var(--ease-out) .15s both}.gate-has-error[data-phase=rest] .gate-card{animation:gate-shake .44s var(--ease-out) 1}.gate-flag{animation:gate-flag-settle 1.6s var(--ease-spring) both;animation-delay:calc(.2s + var(--i) * 45ms)}.gate-bulb{animation:gate-bulb-on .5s var(--ease-out) both;animation-delay:calc(.5s + var(--i) * 60ms)}.gate-star{animation:gate-star-in 1.4s var(--ease-out) both;animation-delay:calc(var(--i) * .11s)}.gate-glow{animation:gate-glow-up 1.6s var(--ease-out) .3s both}.gate-address{animation:gate-fade-in .8s var(--ease-out) .7s both}}@keyframes gate-card-in{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes gate-flag-settle{0%{rotate:22deg;opacity:0}18%{opacity:1}to{rotate:0deg;opacity:1}}@keyframes gate-bulb-on{0%{opacity:.1}40%{opacity:1}55%{opacity:.45}to{opacity:1}}@keyframes gate-star-in{0%{opacity:0}}@keyframes gate-glow-up{0%{opacity:0}to{opacity:1}}@keyframes gate-fade-in{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.gate-layer{--d:10;translate:calc((var(--mx, .5) - .5) * var(--d) * -1px) calc((var(--my, .5) - .5) * var(--d) * -.5px);transition:translate .9s var(--ease-out)}.gate-stars{--d:6}.gate-hills-wrap{--d:14}.gate-street{--d:24}.gate-bunting{--d:34}.gate[data-phase=rest] .gate-card{--gate-tilt-x:calc((var(--mx, 0.5) - 0.5) * 5deg);--gate-tilt-y:calc((0.5 - var(--my, 0.5)) * 4deg);transition:transform .9s var(--ease-out)}}@media (max-width:1000px){.gate-main{justify-items:center;padding:clamp(110px,18vw,150px) var(--gutter) clamp(180px,34vw,280px)}.gate-street{right:50%;translate:50% 0;width:min(120vw,780px)}.gate-card{rotate:-.6deg}.gate-address{margin:0}.gate-sign{right:2%}}@media (max-width:1000px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.gate-street{translate:calc(50% + (var(--mx, .5) - .5) * var(--d) * -1px) calc((var(--my, .5) - .5) * var(--d) * -.5px)}}@media (max-width:520px){.gate-card{padding:20px 8px 9px;rotate:0deg}.gate-pad-head{padding:16px 14px 12px}.gate-pad-mark{width:32px;height:32px}.gate-wordmark{--wm-h:21px}.gate-pad-meta{font-size:12px}.gate-pad-meta .heritage{font-size:1.05rem}.gate-stamp-zone{width:80px;height:80px}.gate-stamp-target{font-size:12px;letter-spacing:.08em}.gate-title{padding-right:70px;font-size:clamp(2rem,1.2rem + 4vw,2.4rem)}.gate-sign{display:none}}@media (max-width:359px){.gate-pad-meta span:last-child{display:none}.gate-pad-meta .heritage{font-size:.95rem}.gate-wordmark{--wm-h:19px}.gate-pad-mark{width:28px;height:28px}.gate-title{padding-right:0;padding-top:70px}}.gate-submit[aria-disabled=true]{opacity:1;cursor:progress}