.cs{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#1c1613 0,#0b0809 62%);color:var(--joon-cream);padding:clamp(48px,9vh,110px) clamp(22px,5vw,76px);text-align:center}.cs__pattern{inset:0;background:url(/assets/pattern-ring-gold.svg) 50%/128px 128px repeat;opacity:.085;-webkit-mask:radial-gradient(ellipse 58% 56% at 50% 50%,transparent 34%,#000 92%);mask:radial-gradient(ellipse 58% 56% at 50% 50%,transparent 34%,#000 92%)}.cs__glow,.cs__pattern{position:absolute;pointer-events:none}.cs__glow{left:50%;bottom:-28%;width:min(1100px,150vw);aspect-ratio:2/1;transform:translateX(-50%);background:radial-gradient(ellipse at center,var(--joon-gold-a12) 0,transparent 68%)}.cs__inner{position:relative;z-index:1;width:100%;max-width:660px;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3.4vh,34px)}html.intro-over .cs__inner>:not(.cs__done){animation:cs-rise .9s var(--joon-ease-out) backwards}html.intro-over .cs__inner>:first-child{animation-delay:0s}html.intro-over .cs__inner>:nth-child(2){animation-delay:.08s}html.intro-over .cs__inner>:nth-child(3){animation-delay:.16s}html.intro-over .cs__inner>:nth-child(4){animation-delay:.24s}html.intro-over .cs__inner>:nth-child(5){animation-delay:.32s}html.intro-over .cs__inner>:nth-child(6){animation-delay:.4s}html.intro-over .cs__glow,html.intro-over .cs__pattern{animation:cs-wash 1.6s var(--joon-ease-out) backwards}.cs__lockup{width:clamp(90px,15vw,150px);height:auto}.cs h1{margin:0;font-family:var(--joon-font-display);font-weight:400;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.16;letter-spacing:-.03em;color:var(--joon-cream);max-width:15ch;text-wrap:balance}.cs .diamond-rule{width:min(300px,64%);color:var(--joon-gold);margin-inline:auto}.cs__head{display:grid;grid-template-rows:1fr;width:100%;transition:grid-template-rows .55s var(--joon-ease-in-out),opacity .34s var(--joon-ease-out),transform .45s var(--joon-ease-out)}.cs__head>div{overflow:hidden;min-height:0;padding-block:.12em;display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3.4vh,34px)}html.is-subscribed .cs__head{grid-template-rows:0fr;opacity:0;transform:translateY(-8px)}.cs__form{width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px;align-items:center;transition:opacity .26s var(--joon-ease-out),transform .26s var(--joon-ease-out)}.cs__form.is-out{opacity:0;transform:translateY(-10px);pointer-events:none}.cs__label{font-family:var(--joon-font-sans);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--joon-gold)}.cs__row{display:flex;flex-direction:column;gap:10px;width:100%}.cs__row input{width:100%;background:rgba(11,8,9,.55);backdrop-filter:blur(var(--joon-blur-md));-webkit-backdrop-filter:blur(var(--joon-blur-md));border:1px solid var(--joon-ink-700);border-radius:var(--joon-radius-pill);padding:17px 24px;font-family:var(--joon-font-sans);font-weight:300;font-size:17px;letter-spacing:.01em;color:var(--joon-cream);text-align:center;transition:border-color var(--joon-dur-base) var(--joon-ease-out),box-shadow var(--joon-dur-base) var(--joon-ease-out),background var(--joon-dur-base)}.cs__row input::placeholder{color:var(--joon-ink-400)}.cs__row input:hover{border-color:var(--joon-ink-600)}.cs__row input:focus{outline:none;background:rgba(11,8,9,.7);border-color:var(--joon-gold);box-shadow:0 0 0 3px var(--joon-gold-a12)}.cs__row input[aria-invalid=true]{border-color:var(--joon-danger)}.cs__row .btn{width:100%;padding:17px 30px}.cs__msg{margin:0;font-family:var(--joon-font-sans);font-weight:400;font-size:16px;letter-spacing:.01em;line-height:1.6;min-height:24px}.cs__msg--ok{color:var(--joon-gold)}.cs__msg--err{color:#f0a58e;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--joon-radius-pill);background:rgba(165,67,47,.16);border:1px solid rgba(165,67,47,.45);animation:cs-nudge .4s var(--joon-ease-out)}@keyframes cs-nudge{0%{transform:translateX(0)}25%{transform:translateX(-4px)}60%{transform:translateX(3px)}to{transform:translateX(0)}}.cs__msg i{display:inline-block;width:11px;height:11px;margin-right:9px;vertical-align:-1px;background:url(/assets/pattern-ring-gold.svg) 50%/contain no-repeat}.cs__msg--err i{opacity:.6}.cs__done{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:18px;padding:clamp(28px,4vw,40px) clamp(24px,4vw,38px);background:rgba(11,8,9,.55);backdrop-filter:blur(var(--joon-blur-md));-webkit-backdrop-filter:blur(var(--joon-blur-md));border:1px solid var(--joon-gold-a40);border-radius:var(--joon-radius-xl);box-shadow:var(--joon-glow-gold);animation:cs-arrive .7s var(--joon-ease-out) both}.cs__done-ring{width:42px;height:42px;animation:cs-seal .9s var(--joon-ease-out) both,joon-ring-spin 60s linear 1s infinite}.cs__done-title{margin:0;font-family:var(--joon-font-display);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1;letter-spacing:-.024em;color:var(--joon-cream)}.cs__done-note{margin:0;font-family:var(--joon-font-sans);font-weight:300;font-size:17px;line-height:1.7;color:#d8ccb6;max-width:34ch}@keyframes cs-arrive{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes cs-seal{0%{opacity:0;transform:scale(.7) rotate(-25deg)}to{opacity:.95;transform:none}}.cs__meta{flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--joon-font-sans);font-size:12.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#9c917c}.cs__meta,.cs__social{display:flex;justify-content:center}.cs__social{gap:14px}.cs__social a{width:36px;height:36px;border:1px solid var(--joon-ink-700);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cdbfa6;transition:border-color var(--joon-dur-base),color var(--joon-dur-base)}.cs__social a:hover{border-color:var(--joon-gold);color:var(--joon-gold)}.cs__social svg{width:15px;height:15px}@keyframes cs-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cs-wash{0%{opacity:0}}@media(max-width:640px){.cs{padding-inline:34px}.cs__pattern{background-size:92px 92px;opacity:.055;-webkit-mask:radial-gradient(ellipse 76% 46% at 50% 50%,transparent 30%,#000 96%);mask:radial-gradient(ellipse 76% 46% at 50% 50%,transparent 30%,#000 96%)}.cs h1{font-size:clamp(1.75rem,8.2vw,2.4rem)}.cs__done{padding:30px 26px}}@media(max-width:560px){.cs__meta{letter-spacing:.18em;font-size:12px}}@media(max-width:400px){.cs{padding-inline:30px}.cs h1{font-size:1.62rem}}@media (prefers-reduced-motion:reduce){.cs__done,.cs__done-ring,html.intro-over .cs__glow,html.intro-over .cs__inner>*,html.intro-over .cs__pattern{animation:none}.cs__form,.cs__head{transition:none}}