:root{--bg: #0c0a10;--fg: #f1ece2;--fg-2: #9a93a0;--line: rgba(241, 236, 226, .12);--way: #5c8377;--anch: #c0703e;--orb: #7b5bf5;--con: #ff3d81;--disp: "Space Grotesk", system-ui, sans-serif;--serif: "Spectral", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:inherit;text-decoration:none}.it{font-family:var(--serif);font-style:italic;font-weight:300}.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.ambient .glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.22;transition:opacity 1.2s,background 1.2s}.ambient .g1{width:60vw;height:60vw;background:var(--orb);top:-20vw;left:-10vw}.ambient .g2{width:50vw;height:50vw;background:var(--con);bottom:-18vw;right:-12vw}body[data-hover=way] .ambient .glow{background:var(--way)}body[data-hover=anch] .ambient .glow{background:var(--anch)}body[data-hover=orb] .ambient .glow{background:var(--orb)}body[data-hover=con] .ambient .glow{background:var(--con)}body[data-hover] .ambient .glow{opacity:.3}.bar{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:26px 40px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:-.02em}.brand .mark{width:24px;height:24px;border-radius:50%;background:conic-gradient(from 200deg,var(--con),var(--orb),var(--way),var(--anch),var(--con))}.bar .si{font-size:14px;color:var(--fg-2)}.bar .si a:hover{color:var(--fg)}.intro{position:relative;z-index:5;text-align:center;padding:54px 24px 30px}.intro .eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-2);font-weight:600;margin-bottom:22px}.intro h1{font-family:var(--serif);font-weight:300;font-size:clamp(38px,6.4vw,76px);line-height:1.05;letter-spacing:-.01em}.intro h1 .it{color:var(--fg)}.intro p{font-size:17px;color:var(--fg-2);max-width:52ch;margin:22px auto 0;line-height:1.6}.doors{position:relative;z-index:5;flex:1;display:flex;gap:14px;padding:26px 30px 40px;min-height:0}.door{position:relative;flex:1;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:flex .55s cubic-bezier(.7,0,.2,1),border-color .4s;background:#100d15;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;min-height:440px}.door:hover{flex:2.4;border-color:var(--dc)}.door .veil{position:absolute;inset:0;z-index:0;opacity:.5;transition:opacity .5s;background:radial-gradient(120% 90% at 50% 100%,var(--dc),transparent 72%)}.door:hover .veil{opacity:.85}.door .grain{position:absolute;inset:0;z-index:0;opacity:.5;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06),transparent 40%)}.door .dnum{position:absolute;top:26px;left:30px;z-index:2;font-family:var(--disp);font-size:13px;font-weight:600;color:var(--fg-2);letter-spacing:.05em}.door .dmark{position:absolute;top:24px;right:30px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.4s}.door:hover .dmark{background:var(--dc);border-color:var(--dc)}.door .dmark svg{width:15px;height:15px;color:var(--fg);transition:.4s}.door .body{position:relative;z-index:2}.door .pre{font-family:var(--disp);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dc-l);font-weight:600;margin-bottom:12px}.door h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.2vw,44px);line-height:1.04;letter-spacing:-.01em}.door .reveal{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s cubic-bezier(.7,0,.2,1),opacity .4s,margin .5s}.door:hover .reveal{max-height:200px;opacity:1;margin-top:18px}.door .reveal p{font-size:15.5px;color:#d6d0c6;max-width:40ch;line-height:1.55}.door .enter{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-family:var(--disp);font-weight:600;font-size:14px;color:var(--fg);background:var(--dc);padding:11px 20px;border-radius:40px}.door .enter svg{width:15px;height:15px}.door .wname{position:absolute;bottom:30px;right:30px;z-index:2;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--fg-2);opacity:.8;transition:.4s}.door:hover .wname{color:var(--fg);opacity:1}.d-way{--dc: var(--way);--dc-l: #9fc4b7}.d-anch{--dc: var(--anch);--dc-l: #e6a77f}.d-orb{--dc: var(--orb);--dc-l: #c9b6ff}.d-con{--dc: var(--con);--dc-l: #ff9cc0}.foot{position:relative;z-index:5;text-align:center;padding:0 24px 30px;font-size:13.5px;color:var(--fg-2)}.foot a{border-bottom:1px solid var(--line)}.foot a:hover{color:var(--fg)}@media(max-width:900px){.doors{flex-direction:column;padding:20px 18px 30px}.door{min-height:120px;padding:24px}.door:hover{flex:1}.door .reveal{max-height:200px;opacity:1;margin-top:14px}.door .dmark{top:20px;right:22px}.door .dnum{top:22px;left:24px}.door .wname{display:none}}::selection{background:#7b5bf529}:root[data-theme=light]{--bg: #f4f1ea;--fg: #1b1a20;--fg-2: #56525c;--line: rgba(27, 26, 32, .13)}:root[data-theme=light] .door{background:#fbf7f0}:root[data-theme=light] .door .veil{opacity:.2}:root[data-theme=light] .door:hover .veil{opacity:.42}:root[data-theme=light] .door .grain{opacity:0}:root[data-theme=light] .door .reveal p{color:#56525c}:root[data-theme=light] .door .enter{color:#fff}:root[data-theme=light] .d-way{--dc-l: #34604f}:root[data-theme=light] .d-anch{--dc-l: #8c4d24}:root[data-theme=light] .d-orb{--dc-l: #4a2fc8}:root[data-theme=light] .d-con{--dc-l: #b0154e}:root[data-theme=light] .ambient .glow{opacity:.1}:root[data-theme=light] body[data-hover] .ambient .glow{opacity:.16}