*{margin:0;padding:0;box-sizing:border-box}:root{--v-void: hsl(262 46% 8%);--v-900: hsl(262 50% 16%);--v-700: hsl(263 55% 26%);--v-500: hsl(264 61% 38%);--v-400: hsl(265 67% 50%);--v-300: hsl(266 74% 61%);--v-core: hsl(267 72% 63%);--glow: hsl(281 92% 74%);--ink: #ffffff;--ink-dim: hsl(266 42% 90%);--ink-mute: hsl(266 26% 74%);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace}.hero{position:relative;width:100%;height:100svh;background:var(--v-void);overflow:hidden;font-family:var(--font-display)}.depth-layer{position:absolute;width:250%;height:250%;top:-75%;left:-75%;will-change:transform}.depth-mask{width:100%;height:100%;-webkit-mask:linear-gradient(#fff,#fff),url(/c/moblinks-interactive-logo/mask.svg) center / var(--size) no-repeat;-webkit-mask-composite:subtract;mask:linear-gradient(#fff,#fff),url(/c/moblinks-interactive-logo/mask.svg) center / var(--size) no-repeat;mask-composite:subtract}.logo{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.monogram{width:132px;height:auto;fill:var(--ink);filter:drop-shadow(0 0 26px hsl(281 92% 74% / .65)) drop-shadow(0 0 6px hsl(266 60% 30% / .55))}.depth-layer:nth-child(1){z-index:7;filter:drop-shadow(0 0 1.1rem hsl(262 60% 7%))}.depth-layer:nth-child(2){z-index:6;filter:drop-shadow(0 0 1.1rem hsl(262 58% 9%))}.depth-layer:nth-child(3){z-index:5;filter:drop-shadow(0 0 1.1rem hsl(263 56% 11%))}.depth-layer:nth-child(4){z-index:4;filter:drop-shadow(0 0 1.1rem hsl(264 56% 13%))}.depth-layer:nth-child(5){z-index:3;filter:drop-shadow(0 0 1.4rem hsl(281 92% 74%))}.depth-layer:nth-child(6){z-index:2}.depth-layer:nth-child(1) .depth-mask{--size: 90%;background:var(--v-900)}.depth-layer:nth-child(2) .depth-mask{--size: 67.5%;background:var(--v-700)}.depth-layer:nth-child(3) .depth-mask{--size: 45%;background:var(--v-500)}.depth-layer:nth-child(4) .depth-mask{--size: 27.5%;background:var(--v-400)}.depth-layer:nth-child(5) .depth-mask{--size: 15%;background:var(--v-300)}.depth-layer:nth-child(6) .logo{background:radial-gradient(60% 60% at 50% 50%,var(--v-core),hsl(266 58% 46%) 100%)}.chrome{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,3vw,2.4rem);pointer-events:none;color:var(--ink)}.chrome a{pointer-events:auto;text-decoration:none;color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.wordmark{font-family:var(--font-display);font-weight:600;font-size:clamp(.95rem,1.3vw,1.1rem);letter-spacing:.34em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 14px hsl(262 60% 8% / .55)}.wordmark span{font-size:.55em;vertical-align:super;margin-left:.15em;color:var(--ink-mute)}.nav{display:flex;gap:clamp(1.1rem,2.4vw,2.2rem);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.nav a{color:var(--ink-dim);position:relative;padding-bottom:2px;transition:color .25s ease}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.nav a:hover{color:var(--ink)}.nav a:hover:after{transform:scaleX(1)}.baseline{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.7rem}.tagline{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3.4vw,2.6rem);line-height:1.04;letter-spacing:-.015em;color:var(--ink);text-shadow:0 2px 24px hsl(262 60% 8% / .5);max-width:16ch}.hint{display:flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.hint .dot{width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px var(--glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media(max-width:1000px){.depth-layer{width:500%;height:500%;top:-200%;left:-200%}}@media(max-width:768px){.monogram{width:92px}.chrome{padding:1.15rem 1.15rem 1.4rem}.topbar{flex-direction:column;align-items:flex-start;gap:.85rem}.nav{gap:1.4rem;font-size:.72rem}.baseline{flex-direction:column;align-items:flex-start;gap:1.1rem}.tagline{font-size:clamp(1.4rem,7vw,2rem);max-width:14ch}.eyebrow{font-size:.66rem;letter-spacing:.18em}}@media(max-width:768px)and (max-height:720px){.topbar .nav{display:none}}