html:has(.cs){background:var(--roast-5)}html:has(.cs) body{background:var(--roast-5)}.cs{background:var(--roast-5);color:#fff;min-height:100svh;font-family:var(--font-sans);flex-direction:column;display:flex;position:relative;overflow:hidden}.cs a{color:#fff;text-decoration:none}.cs a:hover{color:var(--brand)}.cs-fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cs-shade{pointer-events:none;background:linear-gradient(#140c0880 0%,#140c0859 40%,#140c08eb 100%);position:absolute;inset:0}.cs .bh-head{z-index:2}.cs-pw-open{pointer-events:auto;appearance:none;cursor:pointer;color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:0;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:600;display:inline-flex}.cs-pw-open:hover{color:var(--brand)}.cs-pw-open:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cs-over{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.cs-disp{font-family:var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(64px,12vw,200px);font-weight:800;line-height:.84}.cs-main{pointer-events:none;flex-direction:column;flex:1;justify-content:flex-end;gap:clamp(28px,4vw,44px);width:100%;max-width:1360px;margin:0 auto;padding:120px clamp(18px,4vw,48px) clamp(28px,5vh,56px);display:flex;position:relative}.cs-main>*{pointer-events:auto}.cs-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,80px);display:grid}.cs-lede{color:#ffffffdb;text-wrap:pretty;max-width:40ch;margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.5}.cs-form{flex-direction:column;gap:12px;display:flex}.cs-field{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-md);height:56px;transition:border-color var(--dur) var(--ease);background:#f8f7f51f;border:1px solid #ffffff47;display:flex;overflow:hidden}.cs-field:focus-within,.cs-field.err{border-color:var(--brand)}.cs-field input{color:#fff;min-width:0;font-family:var(--font-mono);font-variation-settings:var(--data-settings);background:0 0;border:0;outline:0;flex:1;padding:0 18px;font-size:15px}.cs-field input::placeholder{color:#ffffff8c}.cs-pre{font-family:var(--font-mono);color:#ffffffb3;align-items:center;padding-left:18px;font-size:15px;display:flex}.cs-pre+input{padding-left:10px}.cs-btn{appearance:none;border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);border:0;margin:4px;padding:0 22px;font-size:12px;font-weight:600}.cs-btn:hover{background:var(--brand);color:#fff}.cs-btn:disabled{opacity:.6;cursor:progress}.cs-btn:focus-visible,.cs-skip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.cs-note{color:#ffffff9e;min-height:20px;margin:0;font-size:13px;line-height:1.5}.cs-note.err{color:#ff8a82}.cs-skip{appearance:none;color:#ffffffb3;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px;font-weight:600}.cs-skip:hover{color:#fff}.cs-step{animation:cs-in .32s var(--ease) both;flex-direction:column;gap:16px;display:flex}.cs-step[hidden]{display:none}@keyframes cs-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cs-strip{border-top:1px solid #ffffff4d;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.cs-strip>div{flex-direction:column;gap:8px;padding:14px 16px 0 0;display:flex}.cs-strip>div+div{border-left:1px solid #ffffff4d;padding-left:16px}.cs-strip dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:600}.cs-strip dd{font-family:var(--font-mono);font-variation-settings:var(--data-settings);margin:0;font-size:14px}.cs-x{color:#0000;-webkit-user-select:none;user-select:none;background:#fff;border-radius:2px;line-height:1.1;display:inline-block}.cs-live{color:#ffffffd9;align-items:center;gap:8px;display:inline-flex}.cs-live i{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite cs-pulse}@keyframes cs-pulse{50%{opacity:.25}}@media (max-width:820px){.cs-row{grid-template-columns:minmax(0,1fr)}.cs-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-strip>div:nth-child(3){border-left:0;padding-left:0}.cs-strip>div:nth-child(n+3){border-top:1px solid #ffffff4d;margin-top:14px}}@media (max-width:520px){.cs-main{justify-content:flex-end;gap:24px;padding:88px 18px 24px}.cs-disp{font-size:clamp(64px,22vw,110px)}.cs-lede{font-size:16px}.cs-field{flex-wrap:wrap;height:auto}.cs-field input{height:52px;font-size:16px}.cs-pre{height:52px}.cs-btn{flex:1 0 calc(100% - 8px);height:48px;margin:0 4px 4px}.cs-strip>div{padding-right:10px}.cs-strip>div+div{padding-left:12px}.cs-strip dd{font-size:13px}.cs-skip{padding:10px 0}.cs-pw-open{padding:0 13px;font-size:10.5px}}@media (max-width:360px){.cs-pw-long{display:none}}@media (max-height:640px) and (max-width:520px){.cs-strip{display:none}}@media (prefers-reduced-motion:reduce){.cs-step,.cs-live i{animation:none}}