.invite-landing{width:100%;max-width:560px;color:var(--fg);margin:0 auto;padding:16px 16px 48px;display:grid}.invite-landing-panel{text-align:center;padding:0;display:grid;overflow:hidden}.invite-landing-art{background:#0a0a0b;height:200px;position:relative;overflow:hidden}.invite-landing-art img{object-fit:cover;object-position:72% 18%;width:100%;height:100%;display:block}.invite-landing-art:after{content:"";background:linear-gradient(#0a0a0b00 45%,#0a0a0b8c 100%);position:absolute;inset:0}.invite-landing-body{justify-items:center;gap:16px;padding:0 20px 24px;display:grid}.invite-landing-picture{z-index:1;justify-content:center;margin-top:-64px;display:flex;position:relative}.invite-landing-title{overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:24px;font-weight:500;line-height:32px}.invite-landing .invitee-offer{max-width:400px}.invite-landing-price{color:var(--fg-muted);margin:0;font-size:14px;line-height:20px}.invite-landing-signed-out{justify-items:center;gap:8px;width:100%;display:grid}.invite-landing-buttons{gap:8px;width:100%;max-width:400px;margin-top:8px;display:grid}.invite-landing .invite-landing-buttons>:is(a,button).btn{text-align:center;text-wrap:balance;overflow-wrap:anywhere;width:100%;min-height:48px;padding:12px 8px;line-height:20px;text-decoration:none}.invite-landing-signed-in{justify-items:center;gap:8px;width:100%;display:grid}.invite-landing-note{color:var(--fg);margin:0;font-size:15px;line-height:22px}.invite-landing-about{max-width:40ch;color:var(--fg-muted);margin:0;font-size:13px;line-height:20px}@media (max-width:359px){.invite-landing-title[data-long-name]{font-size:19px;line-height:26px}}@media (min-width:768px){.invite-landing{padding-top:40px}.invite-landing-art{height:240px}.invite-landing-body{padding:0 32px 32px}}@media (min-width:1024px){.invite-landing{max-width:1040px;padding-top:48px}.invite-landing-panel{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invite-landing-art{height:auto;min-height:480px}.invite-landing-art:after{background:linear-gradient(90deg,#0a0a0b00 55%,#0a0a0b73 100%)}.invite-landing-body{align-content:center;justify-items:start;padding:40px}.invite-landing-picture{margin-top:0}.invite-landing-signed-out,.invite-landing-signed-in{justify-items:start}.invite-landing-title{font-size:28px;line-height:36px}}