.cs{--noir:#0a0a0a;--blanc:#fff;--gris:#6e6b66;--clair:#f4f4f4;--serif:"Bodoni Moda","Bodoni 72","Didot","Bodoni MT",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--mx:8vw;background:var(--noir);color:var(--clair);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;display:block}.cs #track{height:430vh}.cs .stage{pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.cs #c{width:100%;height:100%;display:block;position:absolute;inset:0}.cs #grain{opacity:.035;mix-blend-mode:screen;pointer-events:none;z-index:5;width:100%;height:100%;transition:opacity 2.4s;position:absolute;inset:0}.cs #grain.matter{opacity:.06}.cs .serif{font-family:var(--serif);letter-spacing:.01em;font-style:normal;font-weight:400}.cs .mono{font-family:var(--mono);color:var(--gris);font-weight:400}.cs .wordmark{left:var(--mx);top:calc(var(--mx) * .6);z-index:2;width:clamp(150px,11.5vw,184px);margin:0;line-height:0;position:absolute}.cs .wordmark svg{width:100%;height:auto;display:block;overflow:visible}.cs.stacked .wordmark{width:min(114px,29vw);top:max(18px,4.5vw)}.cs .hint{left:var(--mx);letter-spacing:.16em;opacity:0;z-index:2;margin:0;font-size:10px;transition:opacity .35s;position:absolute;bottom:6vh}.cs .hint.on{opacity:.85;transition:opacity 1.6s}.cs .creators{right:var(--mx);top:calc(var(--mx) * .6);letter-spacing:.16em;color:var(--gris);pointer-events:auto;z-index:7;opacity:0;margin:0;padding:6px 0;font-size:10px;text-decoration:none;transition:opacity 1.6s,color .3s;position:absolute}.cs .creators.on{opacity:1}.cs .creators:hover,.cs .creators:focus-visible{color:var(--clair);text-underline-offset:4px;outline:none;text-decoration:underline}.cs.stacked .creators{letter-spacing:.1em;font-size:9px;top:max(12px,3vw)}.cs .phrase,.cs .final{--r:0;left:var(--mx);max-width:24ch;color:var(--clair);z-index:2;-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--r) * 140% - 40%),transparent calc(var(--r) * 140%));-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--r) * 140% - 40%),transparent calc(var(--r) * 140%));-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--r) * 140% - 40%),transparent calc(var(--r) * 140%));mask-image:linear-gradient(100deg,#000 calc(var(--r) * 140% - 40%),transparent calc(var(--r) * 140%));margin:0;font-size:clamp(22px,1.9vw,32px);line-height:1.4;position:absolute;top:34vh}.cs .phrase span{display:block}.cs .phrase{transition:opacity 1.8s}.cs .form{--f1:0;--f3:0;left:var(--mx);pointer-events:auto;z-index:6;visibility:hidden;width:min(400px,84vw);margin:0;position:absolute;top:52vh}.cs .form.visible{visibility:visible}.cs .form .label{letter-spacing:.16em;opacity:var(--f1);white-space:nowrap;margin:0 0 22px;font-size:11px;line-height:1.7}.cs.stacked .form .label span{display:block}.cs .form .row{opacity:var(--f3);cursor:text;align-items:center;gap:14px;padding-bottom:10px;display:flex}.cs .form .row label{letter-spacing:.16em;white-space:nowrap;cursor:text;font-size:11px}.cs .form input[type=email]{min-width:0;color:var(--clair);font-family:var(--mono);caret-color:var(--blanc);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 0;font-size:16px}.cs .form input[type=email]:-webkit-autofill{-webkit-box-shadow:0 0 0 60px var(--noir) inset;-webkit-text-fill-color:var(--clair)}.cs .form button{width:44px;height:44px;color:var(--clair);font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;margin-right:-12px;font-size:18px}.cs .form button:focus-visible{outline:1px solid var(--clair);outline-offset:-6px}.cs .form .legal{letter-spacing:.04em;max-width:44ch;opacity:calc(var(--f3) * .75);margin:20px 0 0;font-size:10px;line-height:1.7}.cs .form .legal a{color:var(--gris);text-underline-offset:3px}.cs .form .legal a:focus-visible{outline:1px solid var(--clair);outline-offset:2px}.cs .form .msg{letter-spacing:.06em;min-height:1.6em;color:var(--clair);margin:8px 0 0;font-size:11px}.cs .form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cs .form.sent .label,.cs .form.sent .row label,.cs .form.sent input,.cs .form.sent button,.cs .form.sent .legal,.cs .form.sent .msg{opacity:0;transition:opacity .6s}.cs .form.sent{pointer-events:none}.cs .final{visibility:hidden}.cs .final.visible{visibility:visible}.cs .asset-tag{letter-spacing:.08em;color:var(--gris);opacity:0;z-index:3;max-width:34ch;margin:0;font-size:10px;line-height:1.5;position:absolute}.cs.stacked{--mx:7vw}.cs.stacked .phrase,.cs.stacked .final{white-space:nowrap;max-width:none;font-size:min(4vw,24px);top:7%;left:44vw}.cs.stacked .form{top:auto;bottom:4%}.cs.stacked .hint{bottom:4%}.cs .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs .skip{left:var(--mx);z-index:10;background:var(--noir);color:var(--clair);font-family:var(--mono);padding:8px 10px;font-size:11px;position:fixed;top:12px;transform:translateY(-200%)}.cs .skip:focus{outline:1px solid var(--clair);transform:none}.cs .legals{right:var(--mx);letter-spacing:.16em;color:var(--gris);pointer-events:auto;z-index:7;opacity:0;visibility:hidden;margin:0;padding:6px 0;font-size:10px;text-decoration:none;transition:opacity .6s,visibility 0s .6s,color .3s;position:absolute;bottom:6vh}.cs .legals.on{opacity:.85;visibility:visible;transition:opacity 1.6s,visibility,color .3s}.cs .legals:hover,.cs .legals:focus-visible{color:var(--clair);text-underline-offset:4px;outline:none;text-decoration:underline}.cs.stacked .legals{bottom:4%}.cs p{margin:0}.cs .mono{text-transform:none;font-variant-numeric:normal}
