:root{color-scheme:dark;--bg:#090b16;--ink:#f6f2ff;--soft:#b9b6c9;--line:#ffffff24;--lav:#d4befd;--pad:clamp(22px,5.8vw,105px);font-family:"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button[hidden]{display:none}.skip{position:absolute;z-index:10;top:-100px;background:white;color:black;padding:12px}.skip:focus{top:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e2c3ff;outline-offset:4px}
header{height:80px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid var(--line);background:#0a0b17}.brand{display:flex;align-items:center;gap:11px}.brand img{width:49px;height:45px;object-fit:contain}.brand span{font-family:Georgia,serif;font-size:17px;letter-spacing:2.3px}.brand small{display:block;font:8px/1.8 "Segoe UI",sans-serif;letter-spacing:5.2px}.brand small,.brand span{white-space:nowrap}nav{display:flex;gap:clamp(18px,2.6vw,44px);align-items:center;height:100%}nav a{color:#c2bece;font-size:14px;display:grid;place-items:center;height:100%;position:relative}nav a:hover,nav a[aria-current]{color:white}nav a[aria-current]:after{content:"";position:absolute;bottom:17px;width:17px;height:2px;background:#bb9ce6}#menu{display:none;background:none;border:1px solid var(--line);padding:10px 14px;border-radius:20px}
.hero{position:relative;isolation:isolate;min-height:615px;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;padding:44px var(--pad) 84px;overflow:hidden;border-bottom:1px solid #50415d}.horizon,.sparkles{position:absolute;inset:0;z-index:-2;pointer-events:none}.horizon{background:linear-gradient(90deg,#090b16c4,#090b1612 65%),linear-gradient(0deg,#090b16e6 0%,#090b1622 18%,#090b1655 75%),url(assets/horizon.webp) center 28% /cover}.sparkles{z-index:-1}.sparkles i{background:#fff;border-radius:100%;width:2px;height:2px;position:absolute;box-shadow:0 0 5px #b6c4ff;animation:twinkle 5s ease-in-out infinite alternate}@keyframes twinkle{to{opacity:.14}}
.eyebrow,small{font-size:10px;letter-spacing:2.2px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px;color:#d8c4f0;margin:0 0 21px}.star-mark{font-size:17px;color:#d0acee}.hero-copy{position:relative;z-index:1}.hero h1,.detail h1,h2,h3,blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:400}.hero h1{font-size:clamp(54px,5.75vw,99px);line-height:.99;letter-spacing:-.055em;margin:0}.hero h1 em{color:#d9bbf3;font-weight:400}.intro{max-width:365px;line-height:1.65;color:#c7c4d5;font-size:16px;margin:24px 0}.cta{display:inline-flex;gap:27px;align-items:center;background:#e2d4f5;border:1px solid #f0dffd;color:#251930;border-radius:30px;padding:13px 20px;font-size:14px;font-weight:600;transition:background .18s}.cta:hover{background:#f0e5ff}
.system-wrap{position:relative;min-width:0}.system{position:relative;width:100%;aspect-ratio:1.53;cursor:grab;touch-action:pan-y;user-select:none;isolation:isolate}.system.dragging{cursor:grabbing}.emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;height:auto;pointer-events:none}.ring{position:absolute;pointer-events:none;left:5%;width:90%;top:17%;height:66%;border:1px solid #b2a2cb44;transform:rotate(-13deg);border-radius:50%}.r2{left:10%;width:80%;top:24%;height:52%;transform:rotate(14deg);border-style:dashed;border-color:#bac2e82e}.r3{left:1%;width:98%;top:10%;height:80%;border-style:dotted;border-color:#b8a8db28;transform:rotate(-13deg)}.planet{position:absolute;display:grid;justify-items:center;align-content:start;transform:translate(-50%,-25px);min-width:48px;min-height:60px;line-height:1;z-index:2;white-space:nowrap;touch-action:pan-y}.planet img{width:clamp(33px,3.8vw,62px);height:auto;filter:drop-shadow(0 0 8px #b9a6ff45);transition:filter .2s,scale .2s}.planet span{color:#f6edff;font-size:12px;letter-spacing:.3px;padding:5px 10px;border:1px solid #ac9ac54d;border-radius:15px;background:#101123dd;transition:background .2s}.planet:hover img,.planet:focus-visible img{filter:drop-shadow(0 0 10px #d5bafa);scale:1.1}.planet:hover span,.planet:focus-visible span{background:#48354f}.planet.founder{left:21%;top:30%}.planet.studio{left:75%;top:16%}.planet.worlds{left:84%;top:65%}.planet.contact{left:32%;top:84%}.hint{text-align:center;color:#c9c3d4;font-size:11px;margin:14px 0 0;letter-spacing:.4px}.hint span{font-size:17px;margin-right:4px}.hint b{margin:0 6px}.hero-foot{position:absolute;bottom:0;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#dbd5e3;font-size:12px}.hero-foot a{display:flex;align-items:center;gap:10px}.hero-foot button{border:1px solid #a998bd55;border-radius:20px;background:#11101dcc;padding:7px 12px;font-size:11px}
.directory,.detail{padding:52px var(--pad) 68px}.directory .eyebrow{margin-bottom:12px}.directory h2,.interview h2,.project h2{font-size:clamp(34px,3vw,52px);letter-spacing:-.045em;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.project{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#10111e}.card{position:relative;transition:border-color .2s}.card:hover{border-color:#aa88c8}.card-art,.project-art{height:94px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 90%,var(--tint,#46314e),transparent 75%),#10111e}.card-art:before,.project-art:before{content:"";position:absolute;border:1px solid #c8b6d93d;border-radius:50%;width:95%;height:60%;top:38%;left:18%;transform:rotate(-20deg)}.card-art img{width:118px;position:absolute;right:12%;top:16px;transform:rotate(-12deg);filter:drop-shadow(-3px -2px 9px #c5aff429)}.studio{--tint:#19394b}.worlds{--tint:#593742}.contact{--tint:#253b3a}.card-body{padding:18px 20px 20px;position:relative}.card-body small,.project small,.prose small{color:#bab0c9;font-size:9px}.card h3{font-size:25px;margin:6px 0 0;letter-spacing:-.03em}.corner{position:absolute;right:15px;bottom:22px;color:#c9b7df}footer{border-top:1px solid var(--line);padding:25px var(--pad);display:flex;justify-content:space-between;color:#bfb9c9;font-size:12px}footer span{font-size:10px;letter-spacing:2px}
.detail{max-width:1450px;margin:auto;min-height:75vh}.back{font-size:13px;color:var(--soft)}.detail-head{margin:30px 0 38px;padding:35px clamp(20px,4vw,65px);position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#111222ee,#14132955),url(assets/horizon.webp) center 35%/cover;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-head img{width:clamp(60px,10vw,140px);filter:drop-shadow(0 0 18px #c09eff44)}.detail-head .eyebrow{margin-bottom:10px}.detail h1{font-size:clamp(38px,5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:0}.prose{max-width:730px;font-size:17px;line-height:1.7}.lead{font:clamp(23px,2.5vw,37px)/1.35 Georgia,serif}.pending{margin-top:0;color:var(--soft)}blockquote{border-left:2px solid #b08ace;margin:32px 0;padding-left:22px;font-size:26px;font-style:italic;color:var(--lav)}.interview,.projects{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(22px,5vw,75px)}figure{margin:0}.portrait{aspect-ratio:4/4.5;background:radial-gradient(ellipse at center,#2c233e,#111221 72%);border:1px dashed #bca7dd55;border-radius:10px;display:grid;place-items:center}.portrait .star-mark{font-size:45px}.interview figcaption,details p{color:var(--soft);font-size:14px;margin:12px 0}.interview details{border-top:1px solid var(--line);padding:16px 0}.interview summary{cursor:pointer;line-height:1.5}.projects{grid-template-columns:1fr 1fr;gap:22px}.project-art{height:170px}.project-art img{width:180px;position:absolute;right:14%;top:20px}.project>div:last-child{padding:24px}.project h2{font-size:31px;margin:10px 0}.project p{color:var(--lav)}
@media(min-width:1600px){.hero{min-height:720px}.system-wrap{max-width:940px}}@media(max-width:850px){.hero{grid-template-columns:.95fr 1.05fr;min-height:565px}.hero h1{font-size:56px}.system{aspect-ratio:1.12}.emblem{width:66%}.hint{font-size:10px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:680px){header{height:auto;min-height:65px;flex-wrap:wrap;padding-block:10px}.brand img{width:38px;height:38px}.brand span{font-size:14px}.brand small{font-size:7px}#menu:not([hidden]){display:block}nav{width:100%;height:auto;flex-wrap:wrap;gap:4px 18px;padding:8px 0}nav a{height:40px}nav a[aria-current]:after{bottom:1px}.js nav{display:none}.js nav.open{display:flex}.hero{padding:37px var(--pad) 55px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.hero h1{font-size:clamp(49px,11vw,66px)}.hero h1 br:first-child{display:none}.hero h1 br:first-child:after{content:" "}.hero-copy{max-width:490px}.hero .eyebrow{font-size:9px;margin-bottom:15px}.intro{font-size:15px;margin:15px 0 18px;max-width:340px}.horizon{background-position:center bottom}.system-wrap{width:100%;max-width:480px;align-self:center}.system{aspect-ratio:1.43}.emblem{width:60%}.planet{transform:translate(-50%,-17px)}.planet img{width:35px}.planet span{font-size:11px;padding:5px 8px}.hint{margin:7px 0}.hero-foot{padding:11px 0}.directory,.detail{padding-top:34px;padding-bottom:40px}.cards{gap:10px}.card-body{padding:13px}.card-body small{font-size:8px;letter-spacing:1.5px}.card h3{font-size:22px}.card-art{height:76px}.card-art img{width:90px}.corner{right:10px;bottom:16px}.detail-head{margin:23px 0}.detail-head img{width:58px}.interview,.projects{grid-template-columns:1fr}.portrait{aspect-ratio:1.8}.interview{gap:30px}.hero-foot a,.hero-foot button{min-height:36px}}
@media(prefers-reduced-motion:no-preference){@keyframes emerge{from{opacity:.4}to{opacity:1}}.first .emblem,.detail-head{animation:emerge .6s ease-out}.r2{animation:ring-breathe 20s ease-in-out infinite alternate}@keyframes ring-breathe{to{transform:rotate(18deg)}}}
.paused *,.inactive *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}