@font-face{font-family:Space;src:url('assets/spacegrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Doto;src:url('assets/Doto.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#0a1515;--paper:#f1f1e5;--mint:#c7e6bb;--teal:#67c9ba;--muted:#a4b9ac;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;color:var(--paper);font:400 14px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:1px dashed var(--mint);outline-offset:8px}::selection{background:var(--mint);color:var(--ink)}.skip{position:fixed;top:-80px;left:30px;padding:12px 20px;z-index:20;background:var(--paper);color:var(--ink)}.skip:focus{top:20px}#field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}header{display:flex;align-items:center;padding:36px 42px;position:relative;z-index:3}.wordmark{display:flex}.wordmark img{display:block;width:120px;height:auto}
main{flex:1;min-height:450px;position:relative;display:flex;align-items:center;justify-content:center;padding:55px 26px 95px}.hero-copy{text-align:center;position:relative}.eyebrow{font:400 9px Space,sans-serif;color:var(--muted);letter-spacing:.27em;margin:0 0 24px;display:flex;gap:13px;justify-content:center;align-items:center}.eyebrow:before,.eyebrow:after{content:'';width:22px;height:1px;background:#91ac993d}h1{font:400 clamp(62px,8.65vw,147px)/1.04 Space,sans-serif;letter-spacing:-.065em;margin:0}.first-line{display:block}.kinetic{position:relative;font:850 1.13em/1.13 Doto,monospace;font-variation-settings:'ROND' 0;letter-spacing:-.075em;display:inline-flex;justify-content:center;background:none;border:0;padding:0 .03em .06em;color:var(--mint);max-width:100%;vertical-align:top}.type-cell{display:block;position:relative;overflow:clip;clip-path:inset(-.12em -.12em);perspective:700px;flex-shrink:0;transition:width .65s var(--ease)}.front,.back{display:block;white-space:pre;width:max-content;line-height:inherit;transform-origin:center;transition:transform .6s var(--ease);transition-delay:calc(var(--i)*12ms);will-change:transform}.back{position:absolute;left:0;top:0;font-family:Space,sans-serif;font-weight:400;letter-spacing:-.065em;transform:translateY(125%) rotateX(-30deg);color:var(--paper)}.kinetic.is-swapped .front{transform:translateY(-125%) rotateX(30deg)}.kinetic.is-swapped .back{transform:translateY(0) rotateX(0)}footer{display:flex;align-items:center;justify-content:center;position:relative;z-index:3;padding:24px 42px 32px;font:400 10px Space,sans-serif}.email{color:#91ab9b;letter-spacing:.03em;transition:color .2s}.email:hover{color:var(--paper)}
.cursor{display:none;position:fixed;top:0;left:0;pointer-events:none;z-index:100;width:20px;height:20px;color:var(--paper);filter:drop-shadow(0 1px 2px #0006);will-change:transform}.cursor i{position:absolute;width:6px;height:6px;border-color:currentColor;border-style:solid;transition:transform .2s var(--ease),color .2s}.cursor i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.cursor i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.cursor i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.cursor i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}.cursor b{width:2px;height:2px;background:currentColor;position:absolute;left:9px;top:9px}.cursor-on-target .cursor{color:var(--mint)}.cursor-on-target .cursor i:nth-child(1){transform:translate(-3px,-3px)}.cursor-on-target .cursor i:nth-child(2){transform:translate(3px,-3px)}.cursor-on-target .cursor i:nth-child(3){transform:translate(-3px,3px)}.cursor-on-target .cursor i:nth-child(4){transform:translate(3px,3px)}.cursor.is-pressed i:nth-child(1){transform:translate(3px,3px)}.cursor.is-pressed i:nth-child(2){transform:translate(-3px,3px)}.cursor.is-pressed i:nth-child(3){transform:translate(3px,-3px)}.cursor.is-pressed i:nth-child(4){transform:translate(-3px,-3px)}
@media(hover:hover) and (pointer:fine){.cursor-ready,.cursor-ready *{cursor:none!important}.cursor-ready .cursor{display:block}}
.kinetic.is-measuring .type-cell{transition:none}
html{background:radial-gradient(ellipse at 12% 16%,#163a278c,transparent 59%),radial-gradient(ellipse at 88% 80%,#123a346e,transparent 62%),#0a1a14;background-attachment:fixed}
@media(min-width:1700px){header{padding:44px 64px}footer{padding:34px 64px 42px}.hero-copy h1{font-size:154px}}
@media(max-width:740px){header{padding:28px 25px}.wordmark img{width:100px}main{min-height:450px;padding:44px 22px 100px}h1{font-size:clamp(52px,10.8vw,79px)}.kinetic{font-size:1.15em;letter-spacing:-.09em}.eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:28px}footer{padding:22px 25px 28px;font-size:10px}}
@media(max-width:360px){header{padding-inline:20px}main{padding-inline:15px}h1{font-size:13.4vw}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}