:root{--bg:#16181d;--surface:#ffffff;--fg:#16181d;--muted:#555b69;--border:#e3e1db;--accent:#16181d;--radius:1rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pad:clamp(1.25rem, 3.5vmin, 2.5rem);--cut:6px;--lean:clamp(2.5rem, 12vh, 8rem);--slice-ink:#ffffff}@media(prefers-color-scheme:dark){:root{--bg:#0b0c10;--surface:#171a21;--fg:#eceef3;--muted:#9aa1b2;--border:#272b35;--accent:#eceef3}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.4;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}.slices{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--bg)}.slices__track{display:flex;height:100%}.slice{--l:var(--lean);--r:var(--lean);position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;margin-left:calc(var(--cut) - var(--lean));padding:var(--pad)calc(var(--pad) + var(--lean))calc(var(--pad) + env(safe-area-inset-bottom));overflow:hidden;color:var(--slice-ink);text-decoration:none;background:linear-gradient(to top,rgb(0 0 0/.28),transparent 55%),var(--slice);clip-path:polygon(var(--l) 0,100% 0,calc(100% - var(--r)) 100%,0 100%);transition:flex-grow 200ms ease,filter 200ms ease}.slice--light{background:linear-gradient(to top,rgb(90 60 20/.18),transparent 55%),var(--slice)}.slice:first-child{--l:0px;margin-left:0;padding-left:max(var(--pad),env(safe-area-inset-left))}.slice:last-child{--r:0px;padding-right:max(var(--pad),env(safe-area-inset-right))}.slice:hover,.slice:focus-visible{flex-grow:1.4}.slices__track:hover .slice:not(:hover){filter:saturate(.75)brightness(.92)}.slice:focus-visible{outline:3px solid var(--slice-ink);outline-offset:-10px}.slice__mark{position:absolute;top:50%;left:50%;width:min(60%,18rem);aspect-ratio:1;transform:translate(-50%,-60%);opacity:.14;pointer-events:none}.slice__mark svg{width:100%;height:100%;stroke-width:1.25}.slice__logo{position:absolute;top:50%;left:50%;width:min(55%,18rem);max-height:45%;aspect-ratio:1;transform:translate(-50%,-62%);border-radius:50%;background:radial-gradient(circle closest-side,transparent 62.4%,#14110e 62.7%);box-shadow:0 .75rem 2rem rgb(0 0 0/.3);pointer-events:none}.slice__logo img{display:block;width:100%;height:100%}.slice__body{position:relative;display:flex;flex-direction:column;gap:.25rem;min-width:0}.slice__label{font-size:clamp(1.75rem,1rem + 2.6vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1}.slice__host{font-size:.9rem;font-weight:600;opacity:.85}.slice__tagline{max-width:22rem;margin-top:.35rem;font-size:.95rem;opacity:.9}.slice__arrow{margin-top:.75rem;font-size:1.5rem;line-height:1;transition:transform 200ms ease}.slice:hover .slice__arrow{transform:translateX(6px)}.brand{position:absolute;z-index:2;top:max(var(--pad),env(safe-area-inset-top));left:max(var(--pad),env(safe-area-inset-left));color:var(--slice-ink);pointer-events:none}.brand__name{margin:0;font-size:clamp(1.25rem,.9rem + 1.5vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.brand__intro{margin:.3em 0 0;font-size:clamp(.85rem,.8rem + .3vw,1rem);opacity:.85}.legal{position:absolute;z-index:2;top:max(var(--pad),env(safe-area-inset-top));right:max(var(--pad),env(safe-area-inset-right));display:flex;gap:1rem;color:var(--slice-ink);font-size:.75rem;opacity:.8}@media(max-width:40rem) and (orientation:portrait){:root{--lean:clamp(1.5rem, 9vw, 3rem)}.slices__track{flex-direction:column}.slice{--t:var(--lean);--b:var(--lean);margin-left:0;margin-top:calc(var(--cut) - var(--lean));padding:calc(var(--pad) + var(--lean))var(--pad);clip-path:polygon(0 0,100% var(--t),100% 100%,0 calc(100% - var(--b)))}.slice:first-child{--t:0px;margin-top:0;padding-top:calc(var(--pad) + 4.5rem)}.slice:last-child{--b:0px}.slice__mark{top:50%;left:auto;right:var(--pad);width:auto;height:70%;transform:translateY(-50%)}.slice__logo{top:50%;left:auto;right:var(--pad);width:var(--logo-m);max-height:none;transform:translateY(-50%)}.slice--logo{--logo-m:min(40vw, 10rem)}.slice--logo .slice__body{padding-right:calc(var(--logo-m) + .75rem)}.slice--logo .slice__arrow{position:static;margin-top:.5rem}.slice__arrow{position:absolute;right:0;bottom:0;margin:0}.slice__body{width:100%;padding-right:2.5rem}.slice:last-child{padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom))}}@media(max-width:40rem) and (orientation:portrait) and (max-height:45rem){.slice__tagline{display:none}}@media(max-height:34rem){.brand__intro,.slice__tagline{display:none}.slice__arrow{margin-top:.4rem}}@media(prefers-color-scheme:dark){.slice{filter:brightness(.85)}.slices__track:hover .slice:not(:hover){filter:saturate(.7)brightness(.75)}.slice:hover,.slice:focus-visible{filter:none}}@media(prefers-reduced-motion:reduce){.slice,.slice__arrow{transition:none}.slice:hover,.slice:focus-visible{flex-grow:1}.slice:hover .slice__arrow{transform:none}}.portal{display:grid;gap:1.5rem;align-content:center;justify-items:start;height:100vh;height:100dvh;max-width:72rem;margin:0 auto;padding:var(--pad);color:#eceef3}.portal__name{margin:0;font-size:clamp(1.75rem,1.2rem + 3vw,3.25rem);font-weight:800;letter-spacing:-.03em}.portal__intro{margin:.4em 0 0;color:#9aa1b2}.button{display:inline-block;padding:.75rem 1.25rem;border-radius:999px;background:#eceef3;color:#16181d;font-weight:600;text-decoration:none}:focus-visible{outline:2px solid currentColor;outline-offset:2px}