:root{--bg: #000;--fg: #fff;--muted: rgba(255, 255, 255, .5);--faint: #767676;--mark-w: min(72vw, 440px, 55vh);--cell: 56px;--grid-line: rgba(255, 255, 255, .07);--grid-glow: rgba(255, 255, 255, .22);--vignette: radial-gradient(ellipse 65% 60% at 50% 46%, #000 25%, transparent 80%)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:Sora,system-ui,-apple-system,Segoe UI,sans-serif;display:grid;grid-template-rows:1fr auto;place-items:center;min-height:100vh;min-height:100svh;padding:16px;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:calc(50% + var(--cell) / 2) calc(50% + var(--cell) / 2)}body:before{--line: var(--grid-line);-webkit-mask-image:var(--vignette);mask-image:var(--vignette)}body:after{--line: var(--grid-glow);-webkit-mask-image:radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%),#000,transparent);mask-image:radial-gradient(200px circle at var(--mx, 50%) var(--my, 50%),#000,transparent);opacity:0;transition:opacity .6s ease}body.pointer:after{opacity:1}.threats{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:var(--vignette);mask-image:var(--vignette)}main{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,5vmin,48px)}.mark{position:relative;width:var(--mark-w);aspect-ratio:2320 / 1876;-webkit-tap-highlight-color:transparent}.half{position:absolute;inset:0;background-repeat:no-repeat;background-size:103.448% auto;background-position:0% 50%;filter:contrast(1.1);pointer-events:none;transition:clip-path .6s cubic-bezier(.77,0,.18,1)}.half--light{background-image:url(011101110110100001101001011100110110101101110010-white.png);clip-path:inset(0 50% 0 0);animation:in-left 1.1s cubic-bezier(.2,.8,.2,1) both}.half--dark{background-image:url(011101110110100001101001011100110110101101110010-black.png);clip-path:inset(0 0 0 50%);mix-blend-mode:screen;animation:in-right 1.1s cubic-bezier(.2,.8,.2,1) both}.zone{position:absolute;top:0;bottom:0;width:50%;z-index:1}.zone--light{left:0}.zone--dark{right:0}@media (hover: hover){.zone--light:hover~.half--light{clip-path:inset(0)}.zone--light:hover~.half--dark{clip-path:inset(0 0 0 100%)}.zone--dark:hover~.half--light{clip-path:inset(0 100% 0 0)}.zone--dark:hover~.half--dark{clip-path:inset(0)}}.mark[data-fill=light] .half--light{clip-path:inset(0)}.mark[data-fill=light] .half--dark{clip-path:inset(0 0 0 100%)}.mark[data-fill=dark] .half--light{clip-path:inset(0 100% 0 0)}.mark[data-fill=dark] .half--dark{clip-path:inset(0)}@media (hover: none){.zone{cursor:pointer}}@keyframes in-left{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes in-right{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.name{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vmin,18px)}h1{font-size:clamp(30px,6vmin,48px);line-height:1;letter-spacing:.01em;font-weight:600;animation:fade 1s .5s ease both}.tag{position:relative;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(11px,1.5vmin,13px);line-height:1;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);padding-left:.32em;animation:fade .6s 1s ease both}.tag:after{content:"";position:absolute;left:100%;top:50%;width:.6em;height:1.1em;transform:translateY(-50%);background:currentColor;animation:blink 1.1s steps(1,end) infinite}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}.legal{max-width:720px;padding:28px 0 6px;text-align:center;font-size:11px;line-height:1.7;color:var(--faint);text-wrap:balance;animation:fade 1s 1.4s ease both}.legal address{font-style:normal}.legal .copy{margin-top:10px}@media (max-height: 480px){main{gap:18px}.legal{padding-top:14px}.legal .copy{margin-top:6px}}@media (prefers-reduced-motion: reduce){.half,h1,.tag,.tag:after,.legal{animation:none;transition:none}}