.gate{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:calc(32px + env(safe-area-inset-top, 0px)) var(--gutter) calc(28px + env(safe-area-inset-bottom, 0px));background:var(--ink);color-scheme:dark}.gate:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 46% at 50% 18%,rgba(255,205,0,.5),rgba(107,81,0,.22) 50%,transparent 78%);-webkit-mask:radial-gradient(circle,#000 1.4px,transparent 1.8px) 0 0 /7px 7px;mask:radial-gradient(circle,#000 1.4px,transparent 1.8px) 0 0 /7px 7px}.gate-head{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;color:var(--cream)}.gate-head .brand{display:inline-flex;color:var(--cream);gap:10px}.gate-head .brand-mark{width:40px;height:40px;background-color:transparent}.gate-head .brand-name{font-size:32px}.gate-promise{margin:0;max-width:14ch;font-family:var(--display);font-weight:800;font-variation-settings:"opsz" 96;font-size:clamp(38px,10vw,58px);line-height:1;letter-spacing:-.045em;text-wrap:balance}.gate-promise span{color:var(--yellow)}.gate-box{width:100%;max-width:400px;background:#fff;border-radius:var(--r-xl);box-shadow:0 24px 60px rgba(0,0,0,.35);padding:28px 24px 24px;display:flex;flex-direction:column;gap:24px;color-scheme:light}html:has(main.gate){background:var(--ink)}.gate-say{display:flex;flex-direction:column;gap:8px}.gate-title{font-size:26px;line-height:1.12}.gate-text{margin:0;color:var(--muted)}.gate-form{display:flex;flex-direction:column;gap:14px}.gate-error{margin:-4px 0 0;color:var(--err);font-size:14px;font-weight:600}.gate-form .fields input[aria-invalid=true]{border-color:var(--err)}.btn:disabled{opacity:.5;cursor:default}.teaser{max-width:440px;padding:0 0 20px;gap:0;overflow:hidden}.teaser-photo{aspect-ratio:4/3;background:var(--sand)}.teaser-photo img{width:100%;height:100%;object-fit:cover;display:block}.teaser-body{padding:18px 22px 0;display:flex;flex-direction:column;gap:6px}.teaser-title{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:2px}.teaser-price{font-family:var(--display);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.03em}.teaser-facts{color:var(--text)}.teaser-by{margin:8px 0 0;display:flex;align-items:center;gap:8px}.teaser-body .btn{margin-top:16px}