:root{--bg:#030304;--fg:#ece9e2;--muted:#7e7b7a;--line:#272326;--red:#ff405d;--violet:#b99cff;--blue:#b6ecff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.55 Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}#night{position:fixed;inset:0;width:100%;height:100%;z-index:-5}.glass{position:fixed;inset:0;z-index:-2;pointer-events:none;perspective:900px}.pane-light{position:absolute;left:-15%;top:0;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.045),transparent);filter:blur(9px);transform:translate3d(-5vw,0,0) skewX(-7deg);animation:lightpass 17s cubic-bezier(.18,.78,.2,1) infinite}@keyframes lightpass{0%,65%{transform:translate3d(-55vw,0,0) skewX(-7deg);opacity:0}70%{opacity:.7}79%{transform:translate3d(150vw,0,0) skewX(-7deg);opacity:.2}100%{opacity:0}}.flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:10}.ambient{position:fixed;width:26vw;height:16vw;min-width:180px;background:radial-gradient(ellipse,rgba(255,255,255,.13),transparent 70%);filter:blur(18px);opacity:.18;pointer-events:none;z-index:-1}.spider{position:absolute;width:180px;height:110px;left:63%;top:34%;transform-style:preserve-3d;filter:drop-shadow(0 2px 5px rgba(0,0,0,.9));opacity:.9}.spider .body{position:absolute;width:34px;height:47px;border-radius:48% 48% 42% 42%;background:#050505;left:72px;top:31px;box-shadow:inset -4px -4px 8px rgba(255,255,255,.08)}.spider i{position:absolute;height:2px;width:82px;background:#050505;transform-origin:0 50%;border-radius:100%;box-shadow:0 0 1px rgba(255,255,255,.08)}.spider i:nth-of-type(1){left:77px;top:36px;transform:rotate(-162deg)}.spider i:nth-of-type(2){left:77px;top:43px;transform:rotate(-145deg)}.spider i:nth-of-type(3){left:78px;top:52px;transform:rotate(-126deg)}.spider i:nth-of-type(4){left:78px;top:61px;transform:rotate(-108deg)}.spider i:nth-of-type(5){left:100px;top:36px;transform:rotate(-18deg)}.spider i:nth-of-type(6){left:100px;top:44px;transform:rotate(5deg)}.spider i:nth-of-type(7){left:100px;top:53px;transform:rotate(26deg)}.spider i:nth-of-type(8){left:99px;top:62px;transform:rotate(45deg)}.fly{position:absolute;width:34px;height:18px;opacity:0}.fly b{position:absolute;left:13px;top:7px;width:9px;height:4px;background:#050505;border-radius:60%}.fly i{position:absolute;top:3px;width:13px;height:9px;border:1px solid rgba(255,255,255,.13);border-radius:70% 30%;transform-origin:bottom}.fly i:first-of-type{left:2px;transform:rotate(18deg)}.fly i:last-of-type{right:2px;transform:scaleX(-1) rotate(18deg)}header{height:72px;padding:10px 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:relative;z-index:20;background:rgba(3,3,4,.74);backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:12px}.sigil{width:35px;height:35px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font:10px ui-monospace,monospace;letter-spacing:.1em}.brand strong{display:block;font-size:20px;letter-spacing:.13em}.brand small{display:block;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:.14em;margin-top:5px}nav{display:flex;gap:24px;margin-left:auto;font:9px ui-monospace,monospace;letter-spacing:.16em}nav a{color:#aaa}nav a:hover{color:var(--red)}.late{font:8px ui-monospace,monospace;color:var(--muted);letter-spacing:.12em}.hero{min-height:calc(100vh - 72px);padding:10vh 7vw 8vh;display:flex;flex-direction:column;justify-content:center;position:relative}.case,.tag{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:.18em}.hero h1{font-size:clamp(92px,18vw,250px);line-height:.72;letter-spacing:-.09em;margin:5vh 0 3vh;font-weight:900}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #aaa;opacity:.75}.hero-rule{height:1px;width:48vw;background:linear-gradient(90deg,var(--red),transparent)}.hero p{font-size:clamp(16px,2vw,25px);max-width:650px;color:#bbb8b2}.hero-actions{display:flex;gap:10px;margin-top:3vh}.hero-actions button,.channel-console button{background:transparent;color:var(--fg);border:1px solid var(--line);padding:11px 14px;font:9px ui-monospace,monospace;letter-spacing:.14em;cursor:pointer}.hero-actions button:hover,.channel-console button:hover{border-color:var(--red);box-shadow:0 0 25px rgba(255,64,93,.13)}.witch{position:absolute;right:6vw;bottom:8vh;font:10px ui-monospace,monospace;letter-spacing:.13em;color:#aaa}.witch span{color:var(--red)}.casework,.glassroom,.channel,.desk{padding:14vh 7vw;border-top:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:4vh}.case-grid article{background:#050506;min-height:330px;padding:24px;transition:transform .5s cubic-bezier(.18,.8,.2,1)}.case-grid article:hover{transform:translateY(-9px)}.case-grid b{color:var(--red);font:9px ui-monospace,monospace}.case-grid h2{font-size:26px;letter-spacing:-.04em;margin-top:75px}.case-grid p{color:var(--muted)}.case-grid i{font:8px ui-monospace,monospace;color:#aaa;font-style:normal}.glassroom{min-height:100vh;position:relative}.room-copy{margin-top:6vh;position:relative;z-index:2}.room-copy h2,.channel h2,.desk h2{font-size:clamp(62px,10vw,145px);line-height:.79;letter-spacing:-.08em;margin:0}.room-copy p{max-width:460px;color:var(--muted);font-size:16px}.readout{display:flex;gap:15px;align-items:center;font:9px ui-monospace,monospace;color:var(--muted)}.readout b{color:var(--red)}.readout small{color:#555}.pane{position:absolute;inset:15vh 7vw 10vh 38vw;border:1px solid rgba(255,255,255,.09);background:linear-gradient(105deg,rgba(255,255,255,.01),rgba(150,220,255,.025),transparent);overflow:hidden;transform:perspective(1000px) rotateY(-5deg)}.reflection{position:absolute;width:35%;height:150%;top:-20%;left:-20%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);filter:blur(5px);transform:skewX(-13deg);animation:reflection 13s cubic-bezier(.13,.8,.2,1) infinite}@keyframes reflection{0%,62%{left:-45%;opacity:0}68%{opacity:.7}79%{left:130%;opacity:.12}100%{left:145%;opacity:0}}.hair i{position:absolute;width:1px;height:70%;top:15%;background:linear-gradient(transparent,rgba(255,255,255,.08),transparent);transform:rotate(4deg);opacity:.3}.hair i:nth-child(1){left:28%}.hair i:nth-child(2){left:58%;transform:rotate(-2deg)}.hair i:nth-child(3){left:82%;transform:rotate(7deg)}.shadow-thing{position:absolute;width:11px;height:11px;border-radius:50%;background:#000;left:42%;top:42%;box-shadow:0 0 28px 9px rgba(0,0,0,.5);animation:thing 9.7s cubic-bezier(.16,.8,.18,1) infinite}@keyframes thing{0%,45%{transform:translate3d(0,0,0) scale(.4);opacity:0}49%{opacity:.9}50%{transform:translate3d(4px,-2px,0) scale(.7)}53%{transform:translate3d(48px,16px,0) scale(1.2)}56%{transform:translate3d(48px,16px,0) scale(.85)}60%{transform:translate3d(120px,-60px,0) scale(.25);opacity:.1}100%{opacity:0}}.channel-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;margin-top:5vh}.channel-layout p{max-width:650px;color:var(--muted)}.channel-console{border:1px solid var(--line);padding:20px;display:grid;gap:10px;align-content:start}.channel-console span{font:9px ui-monospace,monospace;color:var(--muted)}.channel-console b{color:#c6ff65;font:12px ui-monospace,monospace}.channel-console code{font:10px ui-monospace,monospace;color:var(--blue)}.stream{margin-top:3vh;border-top:1px solid var(--line)}.stream div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font:9px ui-monospace,monospace;color:#999}.stream i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 14px var(--red);margin-top:4px}.stream span{margin-left:10px;flex:1}.desk{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:6vw;min-height:70vh;align-items:end}.address{font:clamp(16px,2vw,26px) ui-monospace,monospace;color:var(--red);margin:3vh 0 1vh}.desk small{color:var(--muted);font:8px ui-monospace,monospace}.desk-note{font-size:clamp(18px,2.5vw,34px);line-height:1.1;color:#aaa}.desk-note:first-line{color:var(--fg)}footer{padding:28px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#777;font:8px ui-monospace,monospace;letter-spacing:.13em}@media(max-width:900px){nav,.late{display:none}.case-grid{grid-template-columns:1fr 1fr}.channel-layout,.desk{grid-template-columns:1fr}.pane{inset:46vh 7vw 8vh 7vw}.witch{position:static;margin-top:5vh}}@media(max-width:560px){.hero h1{font-size:25vw}.case-grid{grid-template-columns:1fr}.hero{padding-left:5vw;padding-right:5vw}.casework,.glassroom,.channel,.desk{padding-left:5vw;padding-right:5vw}.pane{inset:52vh 5vw 7vh 5vw}.spider{transform:scale(.72);left:52%;top:30%}footer{display:grid}}