.door{min-height:100svh;padding:calc(15svh + var(--safe-t)) var(--gutter) calc(12svh + var(--safe-b));place-items:center;display:grid;position:relative;overflow:hidden}.door-band{transition:transform .7s var(--ease-in-out);display:flex;position:absolute;left:0;right:0}.door-top{height:32svh;top:0}.door-bottom{height:26svh;bottom:0}.door-band>div{height:100%;overflow:hidden}.door-pink{flex:0 0 62%}.door-blue{flex:1}.door-olive{flex:0 0 56%}.door-butter{flex:1}.door-card{z-index:2;background:var(--cream);text-align:center;width:min(100%,560px);box-shadow:var(--shadow-2);animation:card-in .9s var(--ease-out) .2s both;transition:transform .7s var(--ease-in-out), opacity .5s ease .2s;border-radius:30px;padding:34px 22px 22px;position:relative}@keyframes card-in{0%{opacity:0;filter:blur(4px);transform:translateY(18px)scale(.97)}}@media (min-width:760px){.door-card{width:min(100%,780px);padding:52px 56px 32px}.door-form,.door-hint{max-width:520px;margin-left:auto;margin-right:auto}}.door-eyebrow{color:var(--coral-ink);animation:.6s .3s both fade}@keyframes fade{0%{opacity:0}}.door-title{color:var(--olive);letter-spacing:.035em;flex-wrap:wrap;justify-content:center;column-gap:.28em;margin-top:10px;font-size:clamp(40px,12.4vw,84px);font-weight:700;line-height:.95;display:flex}.door-word{white-space:nowrap}.door-letter{animation:letter .76s var(--ease-out) both;display:inline-block}@keyframes letter{0%{opacity:0;filter:blur(6px);transform:translateY(.35em)rotate(4deg)}}.door-script{animation:write 1.3s var(--ease-in-out) 1.1s both;margin-top:10px;font-size:clamp(27px,8vw,44px)}@keyframes write{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% -2% -20% 0)}}.door-when{letter-spacing:.32em;color:var(--olive-ink);margin-top:16px;font-size:13px;animation:.6s 1.7s both fade}.door-form{text-align:left;margin-top:26px;animation:.5s 1.5s both fade}.door-label{font-family:var(--font-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px 4px;font-size:13px;font-weight:600;display:block}.door-row{flex-direction:column;gap:10px;display:flex}@media (min-width:480px){.door-row{flex-direction:row}.door-go{flex:none}}.door-input{border-radius:var(--r-pill);background:var(--cream-outer);min-width:0;min-height:54px;box-shadow:inset 0 0 0 1.5px var(--n-300);letter-spacing:.08em;transition:box-shadow var(--t-press) ease;border:0;flex:1;padding:0 20px;font-size:18px}.door-input:focus{box-shadow:inset 0 0 0 2px var(--olive);border-radius:var(--r-pill);outline:none}.door-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--coral)}.door-input::placeholder{color:var(--n-300);letter-spacing:.2em}.door-go{min-height:54px}.door-msg{min-height:24px;color:var(--coral-ink);margin:8px 4px 0;font-size:14.5px}.door-form[data-shake=true] .door-row{animation:shake .38s var(--ease-out)}@keyframes shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}to{transform:none}}.door-hint{place-items:center;min-height:44px;margin-top:2px;display:grid}.door-hint-btn{appearance:none;min-height:44px;color:var(--blue-ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--blue) 40%, transparent);text-decoration-color:color-mix(in oklch, var(--blue) 40%, transparent);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14.5px}.door-hint-text{color:var(--blue-ink);font-size:15px;animation:.3s both fade}.door-orange,.door-lemon,.door-tomatoes{pointer-events:none;position:absolute}.door-orange{animation:drop 1s var(--ease-out) .7s both;--r:-20deg;top:-30px;left:-18px}.door-lemon{animation:drop 1s var(--ease-out) .82s both;--r:14deg;top:-36px;left:22px}.door-tomatoes{transform-origin:90% 0;animation:drop .9s var(--ease-out) .95s both, sway 6s ease-in-out 2s infinite;top:-46px;right:-10px}@keyframes drop{0%{opacity:0;transform:translateY(-30px) rotate(calc(var(--r,0deg) - 40deg)) scale(.9)}to{transform:rotate(var(--r,0deg))}}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@media (min-width:760px){.door-orange{width:100px;height:100px;top:-40px;left:-34px}.door-lemon{width:110px;height:110px;top:-48px;left:18px}.door-tomatoes{width:110px;height:126px;top:-70px;right:-40px}}.door[data-open=true] .door-top{transform:translateY(-100%)}.door[data-open=true] .door-bottom{transform:translateY(100%)}.door[data-open=true] .door-card{opacity:0;transform:translateY(-8px)scale(1.03)}@media (prefers-reduced-motion:reduce){.door-band,.door-card{transition:opacity .2s}.door[data-open=true] .door-top,.door[data-open=true] .door-bottom{opacity:0;transform:none}.door[data-open=true] .door-card{transform:none}}