*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#ece7f5;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #ece7f5;outline-offset:5px}.mast{background:linear-gradient(115deg,#160924,#28113e 57%,#10071b);border-bottom:1px solid #af9fd74d}.bar{max-width:1720px;margin:auto;width:89%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(20px,3vw,58px) 0}.brand{display:flex;align-items:center;text-decoration:none;gap:clamp(15px,2vw,36px)}.mark{font-size:clamp(40px,4vw,75px);font-weight:800;letter-spacing:-.09em;line-height:1}.mark i{color:#af9fd7;font-style:normal}.name{border-left:1px solid #af9fd780;padding-left:clamp(15px,2vw,36px)}.name strong{display:block;font-size:clamp(16px,1.35vw,26px)}.name small{display:block;letter-spacing:.18em;color:#af9fd7;margin-top:9px;font-size:clamp(8px,.9vw,17px)}.place{font-size:clamp(10px,1vw,18px);letter-spacing:.1em;white-space:nowrap}.place:before{content:'';display:inline-block;width:8px;height:8px;background:#af9fd7;border-radius:50%;margin-right:9px;box-shadow:0 0 15px #af9fd7}.home{text-align:center;padding:30px 12px 35px}.eyebrow{color:#af9fd7;font:11px monospace;letter-spacing:.22em;text-transform:uppercase}.orbit{position:relative;isolation:isolate;width:min(100%,800px);height:clamp(350px,49vw,520px);margin:auto;--reach:clamp(27px,8vw,104px);--radius:clamp(105px,15vw,180px);--card:min(62vw,440px)}.menu,.echo{position:absolute;left:50%;top:50%;width:var(--card);height:clamp(58px,8vw,92px);display:grid;place-items:center;border-radius:14px;border:2px solid #ece7f5;background:#785bbc69;transform:translate(-50%,-50%) translate(calc(var(--x) * var(--reach)),calc(var(--y) * var(--radius))) scale(var(--s));transition:transform .55s cubic-bezier(.22,.8,.24,1),opacity .55s,background .4s;opacity:var(--opacity);z-index:var(--z)}.menu{text-decoration:none;font:clamp(12px,2.2vw,28px) ui-monospace,monospace;white-space:nowrap;box-shadow:inset 0 0 20px #af9fd72e,0 0 14px #785bbc35}.menu.active{background:#441c87e8;border-width:3px;box-shadow:0 0 24px #785bbc70,inset 0 1px 15px #af9fd744}.menu:hover{filter:brightness(1.25)}.echo{pointer-events:none;border-color:#ece7f5a8;background:#785bbc44}.controls{display:flex;align-items:center;justify-content:center;gap:15px}.controls button{background:#170c27;border:1px solid #af9fd77d;border-radius:30px;min-width:42px;min-height:42px}.hint{color:#af9fd7;font-size:12px}.content{max-width:1080px;margin:auto;padding:38px 5% 65px}.back{color:#af9fd7;text-decoration:none}.content h1{font-size:clamp(44px,8vw,100px);letter-spacing:-.055em;margin:32px 0 12px}.content p{color:#af9fd7;line-height:1.6}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:15px;margin-top:30px}.tile{display:block;padding:24px;border:1px solid #ece7f57a;border-radius:12px;background:linear-gradient(145deg,#441c8770,#785bbc30);text-decoration:none;min-height:150px}.tile:hover{background:#441c87}.tile b{display:block;margin:14px 0 8px;font-size:22px}.tile span{font-size:13px;color:#cfc0ed}.tile small{color:#af9fd7;font:12px monospace}@media(max-width:460px){.place{letter-spacing:0}.place:before{width:5px;height:5px;margin-right:4px}.name small{letter-spacing:.09em}.menu,.echo{border-radius:10px}}@media(prefers-reduced-motion:reduce){.menu,.echo{transition:none}}