.mono{font-family:DM Mono,ui-monospace,monospace;font-weight:300;letter-spacing:.14em;text-transform:uppercase}.mark path{fill:currentColor}.wrap{max-width:1440px;margin:0 auto;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}.navlink{position:relative;padding:12px 2px;color:#fff}.navlink:after{content:"";position:absolute;left:0;right:100%;bottom:6px;height:1px;background:#fff;transition:right .35s ease}.navlink:hover:after,.navlink.on:after{right:0}.btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid #E7E7E9;border-radius:999px;transition:background .3s ease,color .3s ease;cursor:pointer;background:transparent;color:#e7e7e9;font:inherit}.btn:hover,.btn-solid{background:#e7e7e9;color:#000}.btn-solid:hover{background:#fff;color:#000}.hero{position:relative;overflow:hidden;background-image:url(/assets/grain-black.jpg);background-size:cover;background-position:center 30%}.chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #2D2D2D;background:transparent;color:#bcbcbc;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:all .3s ease}.chip:hover{border-color:#e7e7e9;color:#fff}.chip.on{background:#e7e7e9;border-color:#e7e7e9;color:#000}.feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center;color:#e7e7e9}.log-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.log-card{display:flex;flex-direction:column;gap:18px;color:#e7e7e9}.log-img{position:relative;aspect-ratio:4/3;overflow:hidden;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.log-card:hover .log-img,.feat:hover .log-img{transform:scale(.97)}.corner{position:absolute;width:10px;height:10px;background:#bcbcbc;transition:all .45s cubic-bezier(.2,.8,.2,1)}.c1{left:14px;top:14px}.c2{right:14px;top:14px}.c3{left:14px;bottom:14px}.c4{right:14px;bottom:14px}.log-card:hover .c1,.feat:hover .c1{left:26px;top:26px}.log-card:hover .c2,.feat:hover .c2{right:26px;top:26px}.log-card:hover .c3,.feat:hover .c3{left:26px;bottom:26px}.log-card:hover .c4,.feat:hover .c4{right:26px;bottom:26px}.li1{background-image:url(/assets/grain-portal.jpg)}.li2{background-image:url(/assets/grad-violet.jpg)}.li3{background-image:url(/assets/grain-eye.jpg)}.sub-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border:1px solid #2D2D2D;background-image:linear-gradient(0deg,#00000059,#00000059),url(/assets/grad-teal.jpg);background-size:cover;min-height:100%}.footer-mark{width:100%;height:auto;color:#e7e7e9;display:block}.rise .mk-c{animation:rise 1.6s cubic-bezier(.2,.8,.2,1) both}.fadeup{animation:fadeup 1.2s cubic-bezier(.2,.8,.2,1) both}.d1{animation-delay:.15s}.d2{animation-delay:.35s}@keyframes rise{0%{transform:translateY(46%);opacity:0}to{transform:none;opacity:1}}@keyframes fadeup{0%{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}.log-card,.feat{cursor:pointer}.wip{color:#ff2760}.wip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff2760;box-shadow:0 0 10px #ff2760;margin-right:8px;vertical-align:1px;animation:blink 1.6s ease-in-out infinite}.soon-wrap{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadein .35s ease both}.soon-card{position:relative;overflow:hidden;width:min(600px,100%);padding:48px 44px 40px;border:1px solid #2D2D2D;background-size:cover;background-position:center;display:flex;flex-direction:column;gap:22px;animation:popin .55s cubic-bezier(.2,.8,.2,1) both}.soon-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#000000c7)}.soon-card>*{position:relative}.soon-x{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(231,231,233,.5);background:#0000004d;color:#e7e7e9;cursor:pointer;font-size:18px;line-height:1;z-index:2;transition:background .3s ease,color .3s ease}.soon-x:hover{background:#e7e7e9;color:#000}.soon-form{display:flex;flex-wrap:wrap;gap:10px}.soon-input{flex:1 1 220px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid #636363;background:#00000073;color:#fff;font:inherit;font-size:15px}.soon-input::placeholder{color:#9a9a9a}.soon-back{align-self:flex-start;background:none;border:0;padding:0;color:#bcbcbc;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.soon-back:hover{color:#fff}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes popin{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:900px){.navlinks{display:none!important}.feat,.log-grid{grid-template-columns:minmax(0,1fr)}.h-display{font-size:64px!important}}.chip{background:#00000073;color:#e7e7e9;border-color:#e7e7e959}
