html,body{margin:0;padding:0;width:100vw;height:100vh;background-color:#0b0607;overflow:hidden;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .4s cubic-bezier(.25,1,.5,1)}.matrix-main-title{font-family:Cinzel,serif;font-size:clamp(22px,3.4vw,36px);font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin:0 0 3px;line-height:1.3}.matrix-subtitle{font-family:Inter,sans-serif;font-size:clamp(11px,1.3vw,13px);font-weight:300;letter-spacing:.06em;text-transform:none;color:#ffffffa6;max-width:500px;margin:0 auto 20px;text-align:center;line-height:1.6}.system-telemetry-tag{font-family:Inter,sans-serif;font-size:8.5px;font-weight:600;letter-spacing:.3em;color:#b53b5d;display:block;margin-bottom:12px;text-align:center}.grid-matrix{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:12px;width:65vmin;height:65vmin;max-width:750px;max-height:750px;box-sizing:border-box;background:transparent;transition:opacity .6s cubic-bezier(.25,1,.5,1)}.grid-matrix.dimmed .grid-block{opacity:.12;pointer-events:none}.grid-block{position:relative;background-color:#160d10;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1 / 1;border-radius:6px;transform-origin:bottom center;transform:scaleY(0);animation:gridRevealGrow 1s cubic-bezier(.25,1.4,.5,1) forwards;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,background-color .4s ease}.grid-block:hover{cursor:pointer;transform:scale(1.04)!important;box-shadow:0 12px 30px #00000080;z-index:5}.block-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;pointer-events:none}@keyframes gridRevealGrow{0%{transform:scaleY(0);opacity:0}40%{opacity:1}to{transform:scaleY(1);opacity:1}}.block-title{position:relative;z-index:2;font-family:Cinzel,serif;font-size:clamp(10px,1.1vw,13px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:center;padding:0 15px;pointer-events:none;line-height:1.5;opacity:0;transform:translateY(12px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.grid-block:hover .block-title{opacity:1;transform:translateY(0)}.amber-title{color:#f7b373!important}.click-hint{font-family:Inter,sans-serif;font-size:8px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin-top:8px;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease}.grid-block:hover .click-hint{opacity:1;transform:translateY(0)}.custom-cursor{position:fixed;top:0;left:0;width:8px;height:8px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-trail-node{position:fixed;top:0;left:0;width:6px;height:6px;background-color:#ffffff80;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%) scale(1);mix-blend-mode:difference;transition:transform .35s ease-out,opacity .35s ease-out}.article-view{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1);background-color:#fbfaf7;padding-left:6.2vw;padding-right:6.2vw;box-sizing:border-box}.article-view.active{opacity:1;pointer-events:all}.article-visual-wrapper{width:28.8vw;height:100vh;box-sizing:border-box;padding:8vh 0;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fbfaf7!important}#article-visual-panel{width:100%;height:100%;position:relative;overflow:hidden;background-color:#111;border-radius:8px;box-shadow:0 30px 70px #0c06071f;transform:scale(.9) translateY(20px);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s ease}.article-view.active #article-visual-panel{transform:scale(1) translateY(0);opacity:1}#article-visual-panel canvas{width:100%!important;height:100%!important;position:absolute;top:0;left:0;z-index:1}#article-visual-panel:before{content:"";position:absolute;box-sizing:border-box;pointer-events:none;z-index:2;width:30vmin;height:30vmin;border-radius:50%;background-color:#f7b373;opacity:0;filter:blur(40px);-webkit-filter:blur(40px);top:0;left:0;transition:opacity .8s ease .2s}#article-visual-panel:after{display:none!important}.article-view.active #article-visual-panel:before{opacity:.65;animation:amberAmbientDrift 45s ease-in-out infinite}@keyframes amberAmbientDrift{0%{transform:translate(-20%,-20%) scale(1)}20%{transform:translate(100%,30%) scale(1.15)}40%{transform:translate(-30%,150%) scale(.9)}60%{transform:translate(90%,240%) scale(1.2)}80%{transform:translate(20%,110%) scale(.95)}to{transform:translate(-20%,-20%) scale(1)}}.article-text-panel{position:relative;width:65vw;height:100vh;background-color:#fbfaf7;color:#2b2525;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:8vh 0 10vh 5vw;box-sizing:border-box;display:block;transform:translate(30px);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1) .1s,opacity .6s ease .1s}.article-view.active .article-text-panel{transform:translate(0);opacity:1}.article-text-panel:before{content:"+";position:absolute;top:30px;left:5vw;font-family:Inter,sans-serif;font-size:14px;color:#9e2a4b4d}.article-text-panel::-webkit-scrollbar{display:none;width:0!important;height:0!important}.close-btn{position:absolute;top:20px;right:2.2vw;background:none;border:none;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;color:#7d4b4b;padding:10px;z-index:1100;transition:color .2s ease,transform .2s ease}.close-btn:hover{color:#9e2a4b;transform:translate(2px)}#art-title{font-family:Cinzel,serif;font-size:clamp(34px,4.5vw,54px);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:#0b0607!important;margin-bottom:40px;margin-top:15px;position:relative;line-height:.95}.article-body p{font-family:Inter,sans-serif;font-size:15.5px;font-weight:400;line-height:1.9;color:#4a4343;max-width:580px;margin-bottom:35px}.article-section-title{font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#9e2a4b;margin-top:60px;margin-bottom:20px;display:flex;align-items:center;gap:15px}.article-section-title:after{content:"";flex-grow:1;height:1px;background:linear-gradient(to right,rgba(158,42,75,.25),transparent)}#art-image-holder{position:relative;width:108%;left:-4%;margin:45px 0;padding:0;overflow:hidden;z-index:2;transform:rotate(-.3deg);border-radius:4px;box-shadow:0 25px 60px #0b060714}.editorial-inline-img{width:100%;height:340px;object-fit:cover;display:block;filter:sepia(12%) contrast(102%) brightness(96%);animation:imageFadeIn .6s cubic-bezier(.16,1,.3,1) both}@keyframes imageFadeIn{0%{opacity:0;transform:translateY(12px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.data-callout{position:relative;background-color:#f4ece1;padding:35px 40px;margin:50px 0;border-radius:8px;max-width:580px;overflow:hidden}.data-callout:before{content:"METRIC // CORE";position:absolute;bottom:-10px;right:-10px;font-family:Inter,sans-serif;font-weight:900;font-size:44px;color:#9e2a4b0a;letter-spacing:-.03em;pointer-events:none}.data-callout strong{font-family:Cinzel,serif;font-size:42px;font-weight:700;color:#9e2a4b;display:block;line-height:1;margin-bottom:12px;letter-spacing:-.02em}.horizon-note{margin-top:80px;padding:30px;background-color:#f5f0e6;border-top:2px solid #9e2a4b;border-radius:0 0 8px 8px;max-width:580px;font-family:Inter,sans-serif;font-size:13.5px;font-style:normal;font-weight:400;line-height:1.75;color:#615355;position:relative;box-sizing:border-box}.horizon-note:after{content:attr(data-label);position:absolute;top:-12px;right:20px;background-color:#9e2a4b;color:#fbfaf7;font-family:Inter,sans-serif;font-size:7.5px;font-weight:700;letter-spacing:.15em;padding:3px 8px;border-radius:3px;white-space:nowrap}.controls-wrapper{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:24px;z-index:1010;transition:opacity .4s ease}.grid-matrix.dimmed~.controls-wrapper{opacity:0;pointer-events:none}.lang-toggle-capsule,.theme-toggle-capsule{position:relative;display:flex;align-items:center;width:140px;height:46px;background-color:#1a1a1a;border:1.5px solid #262626;border-radius:23px;padding:3px;box-sizing:border-box;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background-color .3s ease,border-color .3s ease}.toggle-bubble,.theme-toggle-bubble{position:absolute;top:3px;left:3px;width:64px;height:37px;background-color:#f7b373;border-radius:19px;transition:transform .38s cubic-bezier(.2,1,.3,1);z-index:1}.lang-toggle-capsule.srb-active .toggle-bubble,.theme-toggle-capsule.dark-active .theme-toggle-bubble{transform:translate(64px)}.toggle-btn,.theme-btn-segment{position:relative;flex:1;height:100%;background:transparent!important;background-image:none!important;border:none!important;outline:none!important;box-shadow:none!important;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none}.toggle-btn{font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;color:#555;transition:color .3s ease}.lang-toggle-capsule:not(.srb-active) .toggle-btn[data-lang=eng],.lang-toggle-capsule.srb-active .toggle-btn[data-lang=srb]{color:#0b0607}.lang-toggle-capsule.srb-active .toggle-btn[data-lang=eng],.lang-toggle-capsule:not(.srb-active) .toggle-btn[data-lang=srb]{color:#555}.theme-icon{position:absolute;width:20px;height:20px;object-fit:contain;transition:opacity .25s ease;opacity:0;pointer-events:none}.theme-toggle-capsule.dark-active .theme-btn-segment[data-theme=dark] .icon-active-dark,.theme-toggle-capsule.dark-active .theme-btn-segment[data-theme=light] .icon-inactive-dark{opacity:1}.theme-toggle-capsule:not(.dark-active) .theme-btn-segment[data-theme=light] .icon-active-light{opacity:1}.theme-toggle-capsule:not(.dark-active) .theme-btn-segment[data-theme=dark] .icon-inactive-light{opacity:1}[data-theme=light] body{background-color:#fbfaf7!important}[data-theme=light] .grid-block{background-color:#fff}[data-theme=light] .lang-toggle-capsule,[data-theme=light] .theme-toggle-capsule{background-color:#eae7df;border-color:#0b060714}[data-theme=light] .toggle-btn{color:#0b060766}[data-theme=light] .lang-toggle-capsule:not(.srb-active) .toggle-btn[data-lang=eng],[data-theme=light] .lang-toggle-capsule.srb-active .toggle-btn[data-lang=srb]{color:#0b0607}[data-theme=light] .matrix-main-title{color:#0b0607!important}[data-theme=light] .matrix-subtitle{color:#0b0607bf!important}[data-theme=light] .article-view,[data-theme=light] .article-text-panel{background-color:#fbfaf7!important;color:#2b2525!important}[data-theme=light] .article-text-panel p,[data-theme=light] .article-text-panel h1,[data-theme=light] .article-text-panel h2,[data-theme=light] .article-text-panel span,[data-theme=light] #art-title{color:#0b0607!important}[data-theme=light] .close-btn{color:#2c0606!important}[data-theme=light] .article-visual-wrapper{background-color:#fbfaf7!important}[data-theme=dark] .article-view,[data-theme=dark] .article-text-panel{background-color:#120d0e!important;color:#f5f0f1!important}[data-theme=dark] .article-text-panel p,[data-theme=dark] .article-text-panel h1,[data-theme=dark] .article-text-panel h2,[data-theme=dark] .article-text-panel span,[data-theme=dark] #art-title,[data-theme=dark] .close-btn{color:#f5f0f1!important}[data-theme=dark] .article-visual-wrapper{background-color:#120d0e!important}.article-text-panel .data-callout{background-color:#e8e2da!important;color:#120d0e!important;padding:35px 40px;border-radius:8px}[data-theme=dark] .article-text-panel .data-callout{background-color:#261f20!important;color:#f5f0f1!important}[data-theme=dark] .article-text-panel .data-callout strong{color:#f7b373!important}[data-theme=dark] .horizon-note{background-color:#1a1415!important;color:#bfaeaf!important}@media (max-width: 900px){body,.main-viewport-wrapper{padding-bottom:40px}.matrix-header-deck{padding:20px}.matrix-main-title,.system-telemetry-tag{text-align:center}.matrix-subtitle{font-size:12px}.system-telemetry-tag{font-size:10px}.controls-wrapper{margin-top:40px;gap:15px}.grid-matrix{gap:8px}.article-view{flex-direction:column;padding-left:40px;padding-right:40px;padding-bottom:50px;overflow-y:auto!important;scrollbar-width:none}.article-view::-webkit-scrollbar{display:none!important}.article-visual-wrapper{width:100%;height:auto;aspect-ratio:4 / 3;padding:60px 0 10px;flex-shrink:0}#art-title{font-size:28px;margin-top:25px}.article-text-panel{width:100%;height:auto;overflow-y:visible!important;padding:20px 0 40px;transform:translateY(20px)}.article-view.active .article-text-panel{transform:translateY(0)}.article-text-panel .article-section-title{font-size:10px!important;letter-spacing:.14em!important;margin-top:35px!important}#art-image-holder{width:100%;left:0;transform:none}.close-btn{position:fixed;top:20px;right:40px;color:#fff!important;background-color:#120d0ed1!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;font-weight:600;z-index:1200;box-shadow:0 4px 15px #0003}[data-theme=light] .close-btn{background-color:#fbfaf7d9!important;color:#0b0607!important}.data-callout strong{font-size:6.2vw}}@media (max-width: 900px){.grid-block.touch-focused{transform:scale(1.04);box-shadow:0 12px 30px #00000080;z-index:5}.grid-block.touch-focused .block-title,.grid-block.touch-focused .click-hint{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.custom-cursor,.cursor-trail-node{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}html,body,.grid-block,.close-btn,.toggle-btn,.theme-btn-segment{cursor:auto!important}}@media (max-width: 900px){.grid-block .block-title{font-size:clamp(8px,2.2vw,10px)!important;letter-spacing:.1em!important;padding:0 8px!important;line-height:1.3!important}.grid-block .click-hint{font-size:7px!important;margin-top:4px!important;letter-spacing:.1em!important}}@media (max-width: 630px){.grid-matrix{width:90vw;height:90vw}}@media (max-width: 315px){.controls-wrapper{flex-direction:column}.grid-matrix{gap:5px}}