:root{color:#f7f7f2;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f7f2;--muted:#a6a6a0;--accent:#f2bd16;--surface:#10110f;background:#050505;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050505;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit}.site-shell{isolation:isolate;background:radial-gradient(circle at 86% 48%,#f2bd160e,#0000 31rem),linear-gradient(#070707,#040404);grid-template-rows:1fr auto;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.site-shell:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px);background-size:100% 6rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 64%);mask-image:linear-gradient(90deg,#000,#0000 64%)}.hero,.site-footer{width:min(100% - clamp(2.5rem,8vw,9rem),1600px);margin-inline:auto}.hero{grid-template-columns:minmax(0,1.14fr) minmax(24rem,.86fr);align-items:center;gap:clamp(1rem,3vw,4rem);padding-block:clamp(2rem,6vh,5rem);display:grid}.hero-copy{z-index:2;max-width:58rem;animation:.8s cubic-bezier(.2,.75,.25,1) both copy-in;position:relative}.status{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 clamp(1.4rem,3vh,2.25rem);font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:800;animation:4.2s ease-in-out infinite status-blink}h1{max-width:13ch;color:var(--ink);letter-spacing:-.072em;text-wrap:balance;margin:0;font-size:clamp(3.6rem,7.3vw,8.15rem);font-weight:680;line-height:.89}h1 em{color:var(--accent);letter-spacing:-.055em;text-shadow:.035em .045em #f2bd1629;transform-origin:0;font-family:Arial Rounded MT Bold,ui-rounded,Trebuchet MS,sans-serif;font-style:normal;font-weight:900;display:inline-block;transform:rotate(-2deg)translateY(-.015em)}.intro{max-width:35rem;color:var(--muted);margin:clamp(2rem,5vh,3.25rem) 0 0;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6}.accent-word{color:var(--accent);font-weight:inherit}.artwork{aspect-ratio:.92;justify-self:end;place-items:center;width:min(100%,43rem);margin:0;animation:1s cubic-bezier(.2,.75,.25,1) .12s both artwork-in;display:grid;position:relative}.artwork-with-image{aspect-ratio:1.04;width:min(116%,50rem);margin-right:-12%}.artwork-glow{aspect-ratio:1;background:var(--accent);filter:blur(7.5rem);opacity:.12;border-radius:50%;width:74%;position:absolute}.orbit{border:1px solid #f2bd1640;border-radius:50%;position:absolute}.orbit:before{background:var(--accent);content:"";border-radius:50%;width:.65rem;height:.65rem;position:absolute;top:8%;left:19%;box-shadow:0 0 1.5rem #f2bd16a6}.orbit-one{aspect-ratio:1;width:84%;transform:rotate(-18deg)scaleY(.74)}.orbit-two{aspect-ratio:1;border-color:#ffffff14;width:98%;transform:rotate(51deg)scaleY(.55)}.mascot-placeholder{aspect-ratio:.88;filter:drop-shadow(0 2.5rem 3rem #0000008c);place-items:center;width:72%;display:grid;position:relative;transform:rotate(3deg)}.mascot-head{z-index:1;aspect-ratio:.93;background:radial-gradient(circle at 34% 24%,#ffffff21,#0000 26%),linear-gradient(145deg,#272924 0%,#10110f 53%,#050505 100%);border:1px solid #ffffff29;border-radius:46% 46% 43% 43%;place-items:center;width:88%;display:grid;position:relative;box-shadow:inset -1.5rem -1.2rem 3rem #0000009e,inset 1.2rem .7rem 2.5rem #ffffff06}.mascot-ear{aspect-ratio:.78;background:#121310;border:1px solid #ffffff1f;border-radius:48%;width:27%;position:absolute;top:38%;box-shadow:inset 0 0 0 .9rem #080808}.mascot-ear-left{left:-1%;transform:rotate(-17deg)}.mascot-ear-right{right:-1%;transform:rotate(17deg)}.mascot-brow{border-top:.35rem solid var(--accent);opacity:.85;border-radius:50%;width:60%;height:11%;position:absolute;top:19%}.mascot-face{aspect-ratio:1.15;background:linear-gradient(145deg,#d4d9c9,#797e73 75%);border-radius:43% 43% 48% 48%;justify-content:center;align-items:flex-start;gap:18%;width:66%;margin-top:19%;padding-top:26%;display:flex;position:relative;box-shadow:inset -1.25rem -1rem 2rem #00000042}.mascot-eye{aspect-ratio:.7;background:#050505;border-radius:50%;width:8%;box-shadow:0 0 0 .2rem #0505051a}.mascot-mouth{border-bottom:.22rem solid #20211f;border-radius:50%;width:26%;height:12%;position:absolute;bottom:24%}.mascot-image{z-index:1;object-fit:cover;object-position:68% center;filter:drop-shadow(0 2.5rem 3rem #0000008c);width:100%;height:100%;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 16% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16% 100%)}.site-footer{color:#666761;letter-spacing:.06em;grid-template-columns:minmax(0,1.14fr) minmax(24rem,.86fr);align-items:center;gap:clamp(1rem,3vw,4rem);padding-block:0 2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;display:grid}.site-footer small{font-size:inherit;grid-column:2;justify-self:end}@keyframes copy-in{0%{opacity:0;transform:translateY(1.4rem)}}@keyframes artwork-in{0%{opacity:0;transform:translate(2.5rem)scale(.97)}}@keyframes status-blink{0%,58%,to{opacity:1}72%{opacity:.3}}@media (width<=980px){.hero,.site-footer{grid-template-columns:minmax(0,1fr) minmax(17rem,.68fr)}h1{font-size:clamp(3.4rem,7.5vw,5rem)}.artwork{width:125%;margin-right:-24%}.artwork-with-image{aspect-ratio:1;width:132%;margin-right:-28%}}@media (width<=720px){.site-shell{min-height:100svh}.hero,.site-footer{width:min(100% - 2.5rem,40rem)}.hero{grid-template-columns:1fr;align-content:start;gap:1rem;padding-block:2.5rem 0}.hero-copy{max-width:none}.status{margin-bottom:1.35rem}h1{max-width:10ch;font-size:clamp(3.7rem,16.5vw,6.2rem);line-height:.88}.intro{max-width:27rem;margin-top:1.6rem;font-size:1rem;line-height:1.55}.artwork{justify-self:end;width:min(112%,32rem);margin:-.6rem -12% 0 auto}.artwork-with-image{aspect-ratio:1.14;width:min(126%,36rem);margin:-.2rem -20% 0 auto}.artwork-with-image .mascot-image{object-position:72% center;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 11% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 11% 100%)}.site-footer{grid-template-columns:1fr;padding-block:1rem 1.4rem}.site-footer small{grid-column:1;justify-self:end}}@media (width<=420px){h1{font-size:clamp(3.25rem,15.5vw,4.25rem)}.artwork{margin-top:-.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}