:root{color-scheme:dark;--ink:#e8eee9;--muted:#8b9791;--acid:#b7ff2a;--ember:#ff5d2a;--bg:#050708}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}#field{position:fixed;inset:0;width:100%;height:100%;z-index:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}header,footer,main{position:relative;z-index:3}header{height:86px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:1.1rem}.mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #849289;border-radius:50%;font-family:Georgia,serif;font-style:italic}.signal{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.signal i{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 18px var(--ember);animation:pulse 2.2s infinite}.portal{min-height:calc(100vh - 86px);padding:clamp(70px,11vh,130px) clamp(24px,8vw,128px);position:relative;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--acid);font-weight:700}.portal h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.6rem,12vw,10.5rem);line-height:.74;letter-spacing:-.08em;font-weight:400;margin:45px 0 38px;max-width:1050px}.portal h1 em{font-weight:400;color:transparent;-webkit-text-stroke:1px #ccd4cf;font-style:italic}.lede{max-width:510px;color:#aab3ae;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;margin:0}.dial{position:absolute;right:clamp(30px,10vw,160px);top:42%;width:180px;height:180px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}.orbit{position:absolute;inset:0;border:1px solid #b7ff2a77;border-radius:48% 52% 56% 44%;animation:spin 10s linear infinite}.orbit-b{inset:15px;border-color:#ff5d2a66;animation-duration:7s;animation-direction:reverse}.dial-core{position:absolute;inset:33px;border-radius:50%;display:grid;place-content:center;background:#c9ff50;color:#0b100c;box-shadow:0 0 70px #b7ff2a26;transition:.35s}.dial-core b{font-size:1.05rem;letter-spacing:.14em}.dial-core small{font-size:.52rem;letter-spacing:.22em;margin-top:3px}.dial:hover .dial-core{transform:scale(.9);background:#fff}.hint{position:absolute;right:clamp(39px,10.5vw,170px);top:calc(42% + 200px);font-size:.72rem;color:#69736e;text-transform:uppercase;letter-spacing:.15em}.observatory{padding:100px clamp(24px,8vw,128px);display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff15}.observatory article{background:#080b0a;padding:50px 42px;min-height:300px;transition:.4s}.observatory article:hover{background:#0d120e}.observatory span{color:var(--acid);font-size:.72rem;letter-spacing:.2em}.observatory h2{font-family:Georgia,serif;font-size:2rem;font-weight:400;margin:65px 0 20px}.observatory p{color:var(--muted);line-height:1.6;margin:0}.gate{position:fixed;inset:0;background:#020303d9;backdrop-filter:blur(18px);z-index:20;display:grid;place-items:center;padding:22px}.gate[hidden],.workspace[hidden]{display:none}.gate-panel{width:min(520px,100%);border:1px solid #ffffff27;background:#080b0a;padding:52px;position:relative;box-shadow:0 30px 100px #000}.close{position:absolute;right:18px;top:15px;border:0;background:none;color:#8e9893;font-size:1.8rem;cursor:pointer}.gate-sigil{font-size:3rem;color:var(--acid);margin-bottom:30px}.gate-panel h2,.workspace h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:-.05em;margin:16px 0}.gate-panel>p:not(.eyebrow,.status){color:var(--muted)}form{margin-top:34px;display:grid;grid-template-columns:1fr auto;gap:10px}label{grid-column:1/-1;font-size:.72rem;color:#a8b1ac;text-transform:uppercase;letter-spacing:.16em}input{min-width:0;background:#020303;border:1px solid #ffffff2b;color:white;padding:16px 18px;font-size:1.2rem;letter-spacing:.35em;outline:none}input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #b7ff2a15}form button,.workspace button{border:0;background:var(--acid);color:#071006;padding:0 22px;font-weight:800;cursor:pointer}.status{height:20px;color:var(--ember);font-size:.85rem;margin:15px 0 0}.workspace{position:fixed;inset:0;z-index:30;background:radial-gradient(circle at 70% 10%,#163523,#050807 50%);overflow:auto}.workspace-inner{padding:clamp(30px,6vw,90px);min-height:100%}.workspace-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1c;padding-bottom:25px;color:#98a39d;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.workspace-top button{padding:10px 16px;background:transparent;color:#b6c0ba;border:1px solid #ffffff30}.workspace h2{margin-top:18vh}.workspace-inner>p{color:var(--muted);font-size:1.2rem}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.tiles div{border:1px solid #ffffff20;padding:30px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff05}.tiles span{font-size:.68rem;color:var(--acid);letter-spacing:.18em}.tiles strong{font-family:Georgia,serif;font-size:1.45rem;font-weight:400}footer{display:flex;justify-content:space-between;padding:34px clamp(24px,5vw,76px);color:#606a65;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #ffffff12}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:820px){.portal{padding-top:70px}.portal h1{font-size:clamp(4rem,20vw,7rem);line-height:.8}.dial{position:relative;right:auto;top:auto;margin:70px auto 0}.hint{display:none}.observatory{grid-template-columns:1fr}.observatory article{min-height:240px}.tiles{grid-template-columns:1fr}.gate-panel{padding:38px 28px}form{grid-template-columns:1fr}form button{padding:16px}footer{gap:20px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}