.obscuro{--bg-color:#030303;--accent:#ff3b00;--primary:#b8b0a4;--secondary:#6f6a62;--data:#4e4a45;--muted:color-mix(in srgb, var(--primary) 22%, var(--bg-color));--font-display:var(--font-syne), sans-serif;--font-mono:var(--font-jetbrains-mono), monospace;--grid-gap:2vw;background-color:var(--bg-color);color:var(--primary);font-family:var(--font-mono);text-transform:uppercase;grid-template-rows:auto 1fr auto;width:100vw;height:100vh;padding:3vw;display:grid;position:relative;overflow:hidden}.obscuro *{box-sizing:border-box;margin:0;padding:0}.obscuro ::selection{background:var(--accent);color:var(--bg-color)}.obscuro:before{content:"";background:var(--data);opacity:.25;z-index:0;pointer-events:none;width:100%;height:1px;position:absolute;top:50%;left:0}.obscuro:after{content:"";background:var(--data);opacity:.25;z-index:0;pointer-events:none;width:1px;height:100%;position:absolute;top:0;left:50%}.obscuro .display-text{font-family:var(--font-display);letter-spacing:-.02em;font-weight:800;line-height:.85}.obscuro .data-text{font-family:var(--font-mono);letter-spacing:.05em;color:var(--data);font-size:.75rem;font-weight:700;line-height:1.2}.obscuro header{z-index:10;flex-direction:column;gap:1vw;display:flex;position:relative}.obscuro .header-main-row{z-index:1;justify-content:space-between;align-items:flex-start;font-size:8vw;display:flex;position:relative}.obscuro .header-sub-row{justify-content:space-between;padding-top:1vw;font-size:6vw;display:flex}.obscuro .char-spread{justify-content:space-between;width:45%;display:flex}.obscuro .corner-data{z-index:0;flex-direction:column;display:flex;position:absolute}.obscuro .corner-tl{top:-1vw;left:0}.obscuro .corner-tr{text-align:right;top:-1vw;right:0}.obscuro .large-num{font-size:4vw;font-family:var(--font-display);color:var(--secondary);line-height:1}.obscuro .num-row{justify-content:space-between;padding:0 1vw;display:flex}.obscuro .amp{align-self:center;font-size:4vw}.obscuro main{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.obscuro .emblem-container{opacity:.4;width:35vw;max-width:400px;height:35vw;max-height:400px;animation:20s linear infinite obscuro-slow-spin;position:relative}@keyframes obscuro-slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.obscuro .emblem-svg{width:100%;height:100%;overflow:visible}.obscuro .emblem-text{font-family:var(--font-mono);fill:var(--muted);letter-spacing:.2em;font-size:14px;font-weight:700}.obscuro .center-crosshair{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.obscuro .cross-line-h{background:var(--muted);width:80%;height:3px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.obscuro .cross-line-v{background:var(--muted);width:3px;height:80%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.obscuro .micro-cluster{position:absolute}.obscuro .mc-left{top:50%;left:0;transform:translateY(-50%)}.obscuro .mc-right{text-align:right;top:50%;right:0;transform:translateY(-50%)}.obscuro footer{z-index:10;flex-direction:column;gap:1vw;display:flex;position:relative}.obscuro .footer-sub-row{justify-content:space-between;padding-bottom:1vw;font-size:6vw;display:flex}.obscuro .footer-main-row{z-index:1;justify-content:space-between;align-items:flex-end;font-size:8vw;display:flex;position:relative}.obscuro .corner-bl{bottom:-1vw;left:0}.obscuro .corner-br{text-align:right;bottom:-1vw;right:0}.obscuro nav{z-index:20;gap:4vw;display:flex;position:absolute;bottom:12vw;left:50%;transform:translate(-50%)}.obscuro .nav-home{align-items:center;gap:.55em;display:inline-flex}.obscuro .nav-home-arrow{line-height:1}.obscuro .nav-link{color:var(--secondary);font-family:var(--font-display);white-space:nowrap;background:0 0;border:1px solid #0000;padding:.5vw 1vw;font-size:1.5vw;text-decoration:none;transition:all .1s steps(2,end)}.obscuro .nav-link:hover{background-color:var(--accent);color:var(--bg-color);border:1px solid var(--accent)}.obscuro .accent{color:var(--accent)}.obscuro .hover-invert{transition:color .1s,background-color .1s}.obscuro .hover-invert:hover{background-color:var(--accent);color:var(--bg-color)}.obscuro .blink{color:var(--accent);animation:1s step-end infinite obscuro-blink}@keyframes obscuro-blink{50%{opacity:0}}@media (max-width:768px){.obscuro{padding:5vw}.obscuro .header-main-row{flex-direction:column;align-items:center;font-size:12vw}.obscuro .header-sub-row,.obscuro .footer-sub-row{font-size:10vw}.obscuro .footer-main-row{flex-direction:column-reverse;align-items:center;font-size:12vw}.obscuro .char-spread{width:100%;margin:2vh 0}.obscuro .emblem-container{width:60vw;height:60vw}.obscuro nav{text-align:center;flex-direction:column;gap:2vh;bottom:25vh}.obscuro .nav-link{border:1px solid var(--secondary);font-size:4vw}.obscuro .large-num{font-size:8vw}.obscuro .corner-data{display:none}}