.teaser{min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,5vw,56px);background:var(--ink);position:relative}.teaser__bands{position:absolute;inset:0;display:grid;grid-template-rows:repeat(6,1fr);overflow:hidden}.teaser__sign{position:relative;display:grid;gap:18px;width:min(100%,620px);padding:clamp(24px,6vw,48px);background:var(--ink);color:var(--paper);box-shadow:14px 14px #150a2159;rotate:-1.5deg;animation:signIn .5s cubic-bezier(.2,1.2,.3,1) .42s backwards}@keyframes signIn{0%{transform:scale(.9);opacity:0}}.teaser__question{display:flex;align-items:center;font-size:clamp(1.5rem,6vw,2.2rem);font-weight:800;font-stretch:75%}.teaser__question .youPin{width:14px;height:14px;margin-right:12px}.teaser__lede{font-size:1.15rem;line-height:1.4;color:var(--haze)}.teaser__hints{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:clamp(1.2rem,4.6vw,1.6rem);font-weight:800;font-stretch:75%}.teaser__hints li:nth-child(1){color:var(--sun)}.teaser__hints li:nth-child(2){color:var(--crowd)}.teaser__hints li:nth-child(3){color:var(--flamingo)}.teaser__small{font-size:.8rem;line-height:1.4;color:var(--haze)}.teaser__lede strong{color:var(--paper)}.teaser__signup{display:grid;gap:8px}.teaser__signup label{font-weight:700}.teaser__row{display:flex;gap:8px}.teaser__row input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--glass-edge);border-radius:999px;background:#ffffff0f;color:var(--paper);font:inherit}.teaser__row input::placeholder{color:var(--dim)}.teaser__row input:focus-visible{outline:2px solid var(--flamingo);outline-offset:2px}.teaser__row .button{flex:none;width:auto}.teaser__signup[data-done=true] .teaser__row,.teaser__signup[data-done=true] label{display:none}.teaser__signup[data-done=true] .teaser__small{font-size:1rem;font-weight:700;color:var(--crowd)}@media(prefers-reduced-motion:reduce){.teaser__sign{animation:none}}