:root{--fire:#ff9b36;--photon:#94cfff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090102;color:#f7f3ed;font-family:Manrope,sans-serif}.black-page{position:relative;isolation:isolate;width:100vw;height:100vh;min-height:680px;overflow:hidden}.black-background{position:absolute;z-index:-5;inset:-2%;background:url("assets/development-black-hole.png") center/cover no-repeat;filter:saturate(1.2) contrast(1.06)}.black-shade{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,0,2,.62),rgba(5,0,2,.13) 34%,transparent 62%),linear-gradient(0deg,rgba(4,0,2,.48),transparent 36%)}
.black-nav{position:absolute;z-index:10;top:0;left:0;right:0;height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(5px)}.brand,.back-button{color:#f7f3ed;text-decoration:none;font:500 11px DM Mono,monospace;letter-spacing:.2em}.brand{display:flex;align-items:center;gap:13px}.brand-hole{width:25px;height:25px;border:1px solid #fff;border-radius:50%;position:relative;box-shadow:0 0 9px rgba(255,145,54,.35)}.brand-hole:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#000;box-shadow:0 0 0 1px var(--fire),0 0 7px var(--fire)}.page-id{font:9px DM Mono,monospace;letter-spacing:.22em;color:#9c8580}.back-button{display:flex;gap:10px;align-items:center;padding:11px 15px;border:1px solid rgba(255,255,255,.28);transition:.3s}.back-button:hover{color:#170703;background:var(--fire);border-color:var(--fire)}.back-button i{font-style:normal;font-size:16px}.development-hero{position:absolute;z-index:6;left:5vw;top:20%;max-width:580px;text-shadow:0 3px 25px #000}.kicker{font:9px DM Mono,monospace;letter-spacing:.28em;color:#c2a9a2;display:flex;align-items:center;gap:11px}.kicker span{display:block;width:31px;height:1px;background:var(--fire)}h1{font-size:clamp(66px,8.5vw,142px);line-height:.79;letter-spacing:-.07em;font-weight:500;margin:30px 0 35px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,204,165,.8)}h1 b{color:var(--fire);font-weight:400;text-shadow:0 0 22px rgba(255,122,33,.6)}.summary{font-size:13px;line-height:1.8;letter-spacing:.04em;color:#c9b5ae}.disciplines{display:flex;gap:35px;margin-top:10vh;padding-top:22px;border-top:1px solid rgba(255,255,255,.17)}.disciplines span{font:8px DM Mono,monospace;color:#7d625a;letter-spacing:.16em}.disciplines b{display:block;margin-top:8px;color:#f1dfd8;font-size:10px;font-weight:400}.black-footer{position:absolute;z-index:7;left:4.5vw;right:4.5vw;bottom:4vh;display:flex;justify-content:space-between;color:#8c716a;font:8px DM Mono,monospace;letter-spacing:.18em}.signal i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#ff9b36;box-shadow:0 0 9px #ff9b36}@media(max-width:850px){.page-id{display:none}.black-background{background-position:58% center}.development-hero{top:17%}h1{font-size:81px}}@media(max-width:600px){.black-nav{height:73px;padding:0 20px}.brand{font-size:8px}.back-button{font-size:9px;padding:9px 10px}.black-background{background-position:66% center}.black-shade{background:linear-gradient(0deg,rgba(5,0,2,.88),rgba(5,0,2,.08) 72%)}.development-hero{left:24px;right:24px;top:20%}h1{font-size:58px}.summary{font-size:11px}.disciplines{margin-top:7vh;gap:17px}}
.development-hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,5.6vw,92px);line-height:.87;letter-spacing:-.07em;font-weight:500}@media(max-width:600px){.development-hero h1{font-size:39px}}
.black-background{transform:translateX(-25vw)}.development-pane{position:absolute;z-index:7;right:4.5vw;top:14%;width:min(40vw,680px);height:72vh;overflow:hidden;border:1px solid rgba(255,219,194,.2);border-radius:20px;background:linear-gradient(145deg,rgba(23,11,10,.58),rgba(8,4,5,.27));box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 0 48px rgba(255,112,28,.035),0 28px 76px rgba(0,0,0,.48);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18)}.development-pane:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.075),transparent 25% 73%,rgba(255,108,27,.045));mix-blend-mode:screen}.development-pane__header{position:relative;height:91px;padding:18px 24px 15px;border-bottom:1px solid rgba(255,255,255,.12)}.development-pane__header span{display:block;margin-bottom:7px;color:#a97664;font:8px DM Mono,monospace;letter-spacing:.2em}.development-pane__header h2{max-width:92%;margin:0;color:#fff3eb;font-size:clamp(18px,1.55vw,26px);font-weight:500;line-height:1.08;letter-spacing:-.03em}.development-pane__body{position:relative;height:calc(100% - 91px);overflow-y:auto;padding:23px 26px 38px;scrollbar-width:thin;scrollbar-color:rgba(255,135,55,.52) rgba(255,255,255,.05)}.development-pane__body::-webkit-scrollbar{width:5px}.development-pane__body::-webkit-scrollbar-track{background:rgba(255,255,255,.045)}.development-pane__body::-webkit-scrollbar-thumb{border-radius:9px;background:rgba(255,135,55,.5)}.development-pane__body p{margin:0 0 16px;color:#d8c9c2;font-size:12px;line-height:1.7}.development-lead{color:#eee0d9!important;font-size:13px!important}.product-entry{position:relative;margin:25px 0 0;padding:19px 18px 4px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(115deg,rgba(255,113,31,.075),transparent 55%)}.product-entry>span{position:absolute;right:13px;top:14px;color:#775044;font:8px DM Mono,monospace;letter-spacing:.15em}.product-entry h3{max-width:84%;margin:0 0 13px;color:#ffae68;font:500 13px DM Mono,monospace;letter-spacing:.08em}.product-entry--summary{border-left:1px solid var(--fire);background:linear-gradient(90deg,rgba(255,130,43,.11),rgba(255,255,255,.015))}.product-entry--summary h3{color:#ffd0aa;line-height:1.45}@media(max-width:1050px){.development-pane{right:3vw;width:45vw}.development-hero{left:3.5vw}.black-background{transform:translateX(-29vw)}}@media(max-width:700px){.black-background{transform:translateX(-40vw)}.development-pane{left:18px;right:18px;top:43%;width:auto;height:48vh;border-radius:15px}.development-pane__header{height:72px;padding:13px 17px 10px}.development-pane__header h2{font-size:18px}.development-pane__body{height:calc(100% - 72px);padding:17px 19px 30px}.development-pane__body p{font-size:10px;line-height:1.65}.development-lead{font-size:11px!important}.product-entry{padding:15px 13px 2px;margin-top:19px}.product-entry h3{font-size:11px}.black-footer{display:none}}
.development-pane{background:linear-gradient(145deg,rgba(190,190,186,.91),rgba(151,154,158,.88));border-color:rgba(228,228,224,.42);box-shadow:inset 0 1px rgba(255,255,255,.38),0 28px 70px rgba(0,0,0,.52);backdrop-filter:blur(22px) saturate(.65) brightness(.84);-webkit-backdrop-filter:blur(22px) saturate(.65) brightness(.84)}.development-pane:before{display:none}
.development-pane__header{border-bottom-color:rgba(15,18,23,.22)}.development-pane__header span{color:#4f5359;font:600 10px DM Mono,monospace}.development-pane__header h2{color:#111317;font-family:Manrope,sans-serif;font-size:clamp(26px,2vw,36px);font-weight:600;line-height:1.05}.development-pane__body{scrollbar-color:#4e5359 rgba(30,33,38,.14)}.development-pane__body::-webkit-scrollbar-track{background:rgba(30,33,38,.14)}.development-pane__body::-webkit-scrollbar-thumb{background:#4e5359}.development-pane__body p,.development-lead{color:#202329!important;font-family:Manrope,sans-serif;font-size:clamp(11px,.75vw,12px)!important;font-weight:500;line-height:1.65}.product-entry{border-top-color:rgba(15,18,23,.2);background:rgba(255,196,107,.11)}.product-entry>span{color:#5f5141;font:600 10px DM Mono,monospace}.product-entry h3{color:#5f3c0d;font:600 13px DM Mono,monospace}.product-entry--summary{border-left-color:#9a621b;background:rgba(255,196,107,.16)}.product-entry--summary h3{color:#3d290d}@media(max-width:700px){.development-pane__header span{font-size:8px}.development-pane__header h2{font-size:20px}.development-pane__body p,.development-lead{font-size:10px!important}.product-entry h3{font-size:11px}}
.development-pane__header span{font-size:11px;font-weight:700}.development-pane__header h2{font-size:clamp(28px,2.1vw,38px);font-weight:700}.development-pane__body p,.development-lead{font-size:clamp(14px,.92vw,16px)!important;font-weight:600;line-height:1.7}.product-entry>span{font-size:11px;font-weight:700}.product-entry h3{font-size:15px;font-weight:700}@media(max-width:700px){.development-pane__header span{font-size:9px}.development-pane__header h2{font-size:22px}.development-pane__body p,.development-lead{font-size:12px!important}.product-entry h3{font-size:13px}}
.development-hero h1 em{color:#f7f3ed;-webkit-text-stroke:0}
.project-tabs{display:flex;align-items:flex-end;gap:6px;margin-top:9vh;border-bottom:1px solid rgba(255,255,255,.22)}.project-tabs a{position:relative;margin-bottom:-1px;padding:12px 13px;border:1px solid rgba(255,255,255,.18);border-bottom-color:rgba(5,0,2,.88);background:rgba(7,2,3,.48);color:#d6c3bb;text-decoration:none;font:600 9px DM Mono,monospace;letter-spacing:.08em;white-space:nowrap;backdrop-filter:blur(7px);transition:color .25s,border-color .25s,background .25s}.project-tabs a:hover,.project-tabs a:focus-visible{color:#190804;background:var(--fire);border-color:var(--fire);outline:none}.product-entry{scroll-margin-top:20px}@media(max-width:700px){.project-tabs{gap:3px;margin-top:4vh}.project-tabs a{padding:9px 7px;font-size:7px;letter-spacing:.03em}}
.black-rock-three{left:48%;right:auto;top:68%;bottom:auto;translate:-50% -50%}@media(max-width:1050px){.black-rock-three{left:46%;top:67%}}@media(max-width:700px){.black-rock-three{left:auto;right:3%;top:43%;bottom:auto;translate:0 -50%;scale:.52}}
.docketwave-screenshots{display:grid;gap:17px;margin:24px 0 20px}.docketwave-screenshots figure{margin:0;overflow:hidden;border:1px solid rgba(15,18,23,.25);border-radius:10px;background:#d5d5d1;box-shadow:0 12px 26px rgba(0,0,0,.2)}.docketwave-screenshots img{display:block;width:100%;height:190px;object-fit:cover;object-position:center top;background:#101318}.docketwave-screenshots figure:nth-child(2) img{object-position:center 38%}.docketwave-screenshots figure:nth-child(3) img{object-position:center 63%}.docketwave-screenshots figcaption{display:grid;gap:6px;padding:13px 14px 15px}.docketwave-screenshots figcaption strong{color:#17191d;font:700 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.docketwave-screenshots figcaption span{color:#292c31;font:600 12px/1.5 Manrope,sans-serif}@media(max-width:700px){.docketwave-screenshots{gap:13px;margin-top:18px}.docketwave-screenshots img{height:145px}.docketwave-screenshots figcaption{padding:10px 11px 12px}.docketwave-screenshots figcaption strong{font-size:10px}.docketwave-screenshots figcaption span{font-size:10px}}
.development-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;width:min(43vw,560px)}.development-showcase figure{border-color:rgba(255,255,255,.22);border-radius:7px;background:rgba(190,190,186,.9);box-shadow:0 9px 20px rgba(0,0,0,.34)}.development-showcase img{height:78px}.development-showcase figcaption{gap:3px;padding:7px 8px 9px}.development-showcase figcaption strong{font-size:7px}.development-showcase figcaption span{font-size:7px;line-height:1.35}@media(max-width:1050px){.development-showcase{width:44vw}.development-showcase img{height:65px}.development-showcase figcaption span{display:none}}@media(max-width:700px){.development-showcase{width:100%;gap:5px;margin-top:10px}.development-showcase img{height:52px}.development-showcase figcaption{padding:6px}.development-showcase figcaption strong{font-size:6px}}
.project-tabs a.active{color:#190804;background:var(--fire);border-color:var(--fire)}.development-showcase img{height:112px;object-position:center 46%}.development-showcase figure:nth-child(2) img{object-position:center 49%}.development-showcase figure:nth-child(3) img{object-position:center 52%}@media(max-width:1050px){.development-showcase img{height:88px}}@media(max-width:700px){.development-showcase img{height:68px}}
.screenshot-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.screenshot-open img{transition:filter .25s,transform .35s}.screenshot-open:hover img,.screenshot-open:focus-visible img{filter:brightness(1.1);transform:scale(1.025)}.screenshot-open:focus-visible{outline:2px solid var(--fire);outline-offset:-2px}.screenshot-viewer{width:min(90vw,1180px);height:min(84vh,760px);padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:18px;background:linear-gradient(145deg,rgba(190,190,186,.97),rgba(151,154,158,.95));box-shadow:0 38px 110px rgba(0,0,0,.8)}.screenshot-viewer::backdrop{background:rgba(2,0,1,.86);backdrop-filter:blur(8px)}.screenshot-viewer__close{position:absolute;z-index:3;right:14px;top:12px;width:38px;height:38px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(12,13,16,.78);color:#fff;font:300 26px/1 Manrope,sans-serif;cursor:pointer}.screenshot-viewer__image{height:calc(100% - 92px);overflow:hidden;background:#080b10}.screenshot-viewer__image img{display:block;width:100%;height:100%;object-fit:cover}.screenshot-viewer__copy{display:grid;gap:5px;height:92px;padding:17px 22px;color:#17191d}.screenshot-viewer__copy strong{font:700 14px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.screenshot-viewer__copy span{font:600 13px Manrope,sans-serif}@media(max-width:700px){.screenshot-viewer{width:94vw;height:72vh;border-radius:13px}.screenshot-viewer__image{height:calc(100% - 108px)}.screenshot-viewer__copy{height:108px;padding:14px 16px}.screenshot-viewer__copy strong{font-size:11px}.screenshot-viewer__copy span{font-size:11px}}
.black-asteroids{position:absolute;z-index:4;inset:0;pointer-events:none}.black-rock{position:absolute;display:block;background:url("assets/asteroid-real.png") center/contain no-repeat;will-change:transform}.black-rock-one{width:clamp(82px,8vw,138px);height:clamp(82px,8vw,138px);right:5%;top:17%;filter:brightness(.62) saturate(.72) sepia(.18) hue-rotate(-12deg) drop-shadow(14px 19px 16px rgba(0,0,0,.78)) drop-shadow(2px -2px 5px rgba(255,125,48,.2));transform-origin:44% 55%;animation:blackRockOne 18s ease-in-out infinite}.black-rock-two{width:clamp(48px,4.7vw,80px);height:clamp(48px,4.7vw,80px);left:39%;top:14%;filter:brightness(.76) saturate(.68) sepia(.2) drop-shadow(9px 12px 10px rgba(0,0,0,.76));transform-origin:55% 47%;animation:blackRockTwo 22s ease-in-out infinite}.black-rock-three{width:clamp(130px,13vw,220px);height:clamp(130px,13vw,220px);left:3%;bottom:4%;filter:brightness(.5) saturate(.65) sepia(.22) drop-shadow(20px 27px 22px rgba(0,0,0,.82)) drop-shadow(4px -3px 7px rgba(255,126,44,.14));transform-origin:48% 52%;animation:blackRockThree 27s ease-in-out infinite}.black-rock-four{width:clamp(40px,3.8vw,66px);height:clamp(40px,3.8vw,66px);right:31%;bottom:15%;filter:brightness(.82) saturate(.76) sepia(.25) drop-shadow(7px 10px 8px rgba(0,0,0,.75)) drop-shadow(2px -2px 4px rgba(255,155,65,.22));transform-origin:46% 54%;animation:blackRockFour 15s ease-in-out infinite}@keyframes blackRockOne{50%{transform:translate(-24px,17px) rotate(180deg) scale(1.06)}100%{transform:rotate(360deg)}}@keyframes blackRockTwo{50%{transform:translate(18px,22px) rotate(-180deg) scale(.93)}100%{transform:rotate(-360deg)}}@keyframes blackRockThree{50%{transform:translate(30px,-20px) rotate(165deg) scale(1.05)}100%{transform:rotate(360deg)}}@keyframes blackRockFour{50%{transform:translate(-16px,-13px) rotate(-190deg) scale(.91)}100%{transform:rotate(-360deg)}}@media(max-width:850px){.black-rock-one{right:-2%;scale:.78}.black-rock-three{left:-5%;scale:.72}.black-rock-four{right:19%}}@media(max-width:600px){.black-rock-one{right:-8%;top:19%;scale:.62}.black-rock-two{left:70%;top:12%;scale:.75}.black-rock-three{left:-13%;bottom:7%;scale:.58}.black-rock-four{right:8%;bottom:18%}}@media(prefers-reduced-motion:reduce){.black-rock{animation:none!important}}
