:root{--black:#050208;--gold:#fdd023;--purple:#461d7c;--violet:#8f39ff;--white:#f7f4fa;--muted:#bbb5c0;--gutter:clamp(1.4rem,4.8vw,5rem)}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--black)}
body{margin:0;overflow:hidden;color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.noise,.scanlines{position:fixed;z-index:20;inset:0;pointer-events:none}
.noise{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")}
.scanlines{opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
.splash{position:relative;display:grid;min-height:100svh;overflow:hidden;isolation:isolate;align-items:center}
.splash-plate{position:absolute;z-index:-3;inset:-18%;background:radial-gradient(circle at 72% 58%,rgba(143,57,255,.2),transparent 17%),radial-gradient(ellipse at 82% 68%,rgba(253,208,35,.1),transparent 26%),radial-gradient(ellipse at 48% 30%,rgba(70,29,124,.14),transparent 34%),#030105;transform:scale(1.08);animation:auraDrift 12s ease-in-out infinite alternate}
.splash::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#030105 0%,rgba(3,1,5,.99) 18%,rgba(3,1,5,.94) 30%,rgba(3,1,5,.52) 47%,rgba(3,1,5,.08) 72%,rgba(3,1,5,.18) 100%),linear-gradient(0deg,rgba(3,1,5,.68),transparent 34%);pointer-events:none}
.splash::after{position:absolute;z-index:4;top:clamp(1.4rem,4vw,4rem);right:var(--gutter);left:var(--gutter);height:1px;content:"";background:linear-gradient(90deg,var(--gold),rgba(253,208,35,.25) 28%,rgba(255,255,255,.08) 62%,transparent)}
#field-canvas{position:absolute;z-index:-2;inset:0;width:100%;height:100%;background:#030105;pointer-events:none}
.identity{position:relative;z-index:5;width:min(50rem,64vw);margin-left:var(--gutter);padding-top:2rem}
.logo-heading{margin:0;line-height:0}
.logo-mark{display:block;width:min(50rem,64vw);height:auto;filter:drop-shadow(0 0 1.25rem rgba(253,208,35,.08))}
.blurb{max-width:38rem;margin:2.5rem 0 0;color:rgba(247,244,250,.78);font-size:clamp(.93rem,1.05vw,1.03rem);line-height:1.65;letter-spacing:-.01em}
.connections{max-width:38rem;margin:1.05rem 0 0;color:rgba(247,244,250,.56);font-size:clamp(.93rem,1.05vw,1.03rem);line-height:1.6;letter-spacing:-.006em}
.connections a{color:rgba(247,244,250,.9);text-decoration-color:rgba(253,208,35,.48);text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .2s,text-decoration-color .2s,text-shadow .2s}
.connections a:hover,.connections a:focus-visible{color:var(--gold);text-decoration-color:var(--gold);text-shadow:0 0 .85rem rgba(253,208,35,.2)}
.connections a:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
.contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;margin-top:1.4rem;padding:.6rem 1rem;border:1px solid var(--gold);border-radius:999px;background:var(--gold);color:#12080a;font:700 .66rem/1 Space Mono,monospace;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;box-shadow:0 0 1.25rem rgba(253,208,35,.12);transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.contact-link:hover,.contact-link:focus-visible{background:#ffe36a;box-shadow:0 0 1.5rem rgba(253,208,35,.3);transform:translateY(-1px)}
.contact-link:focus-visible{outline:1px solid var(--white);outline-offset:3px}
@keyframes auraDrift{from{filter:saturate(1) brightness(.9);transform:translate3d(-1.5%,1%,0) scale(1.06)}to{filter:saturate(1.25) brightness(1.08);transform:translate3d(1.5%,-1%,0) scale(1.12)}}
@media(max-width:800px){.splash{align-items:end}.splash-plate{opacity:.92}.splash::before{background:linear-gradient(0deg,#030105 0%,rgba(3,1,5,.98) 24%,rgba(3,1,5,.88) 43%,rgba(3,1,5,.16) 72%,rgba(3,1,5,.03) 100%)}.identity{width:auto;margin:0;padding:0 var(--gutter) 2.25rem}.logo-mark{width:100%;max-width:42rem}.blurb{max-width:31rem;margin-top:1.8rem;font-size:.9rem;line-height:1.55}.connections{max-width:31rem;margin-top:.95rem;font-size:.9rem;line-height:1.5}.contact-link{min-height:2rem;margin-top:1.1rem;padding:.42rem .72rem;font-size:.55rem}.splash::after{top:1.2rem}}
@media(max-width:420px){.identity{padding-bottom:2rem}.blurb{font-size:.84rem}.connections{font-size:.84rem}.contact-link{min-height:1.9rem;padding:.38rem .62rem;font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}