:root{--black:#030303;--ink:#090806;--gold-bright:#f3d68c;--gold:#c7a45a;--gold-deep:#79602f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--black);color:var(--gold);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Avenir Next,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden}.launch-page{isolation:isolate;background:radial-gradient(circle at 50% 44%, #5c471f1c, transparent 32%), linear-gradient(145deg, #080705 0%, var(--black) 38%, #070603 100%);place-items:center;min-height:100svh;padding:clamp(2rem,7vw,6rem) 1.5rem;display:grid;position:relative;overflow:hidden}.launch-page:before{z-index:5;content:"";pointer-events:none;background:linear-gradient(90deg,#000000ad,#0000 20% 80%,#000000ad),radial-gradient(#0000 38%,#000000c2 100%);position:absolute;inset:0}.launch-page:after{z-index:6;content:"";pointer-events:none;border:1px solid #dab56212;position:absolute;inset:0;box-shadow:inset 0 0 12vw #000000e6}.atmosphere,.emblem{pointer-events:none;position:absolute;inset:0}.atmosphere{z-index:-2}.halo{filter:blur(2px);border-radius:50%;position:absolute}.halo-primary{background:radial-gradient(circle,#ae843a1f,#60481d0a 42%,#0000 70%);width:min(64vw,58rem);height:min(64vw,58rem);animation:8s ease-in-out infinite halo-breathe;top:18%;left:50%;transform:translate(-50%)}.halo-secondary{background:radial-gradient(circle,#6c4d181a,#0000 68%);width:52vw;height:52vw;bottom:-38%;right:-18%}.gold-sweep{filter:blur(12px);background:linear-gradient(90deg,#0000,#f8d88d0b,#0000);width:28%;height:150%;animation:12s cubic-bezier(.45,0,.25,1) 2.6s infinite sweep;position:absolute;top:-25%;left:-60%;transform:rotate(14deg)}.grain{opacity:.08;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#fff6 1px,#0000 2px),repeating-linear-gradient(115deg,#0000 0 3px,#d8b5652e 4px,#0000 5px);background-size:7px 7px,13px 13px;animation:.8s steps(2,end) infinite grain-shift;position:absolute;inset:-50%}.emblem{z-index:-1;opacity:0;place-items:center;animation:2.8s ease-out .25s forwards reveal-emblem,10s ease-in-out 3.05s infinite emblem-breathe;display:grid}.emblem:after{aspect-ratio:.76;filter:blur(24px);content:"";background:radial-gradient(#b88b3914,#0000 65%);border-radius:50%;width:min(54vw,45rem);position:absolute}.emblem-image{opacity:.34;filter:sepia(.7)saturate(.7)brightness(.72)contrast(1.12);background:url(/joinbox-dragon.png) 50%/contain no-repeat;width:min(54vw,45rem);max-width:none;height:min(88vh,66rem);-webkit-mask-image:radial-gradient(58% 56% at 50% 45%,#000 28%,#000000d6 58%,#0000 100%);mask-image:radial-gradient(58% 56% at 50% 45%,#000 28%,#000000d6 58%,#0000 100%)}.launch-copy{z-index:7;text-align:center;width:min(100%,72rem);position:relative}.brand,.tagline,.launch-copy h1{opacity:0;animation:1.6s cubic-bezier(.16,1,.3,1) forwards reveal-copy;transform:translateY(14px)}.brand{color:var(--gold-bright);letter-spacing:clamp(.48rem,1.35vw,1rem);text-indent:clamp(.48rem,1.35vw,1rem);text-shadow:0 0 20px #e8c16b29;margin:0;font-size:clamp(.86rem,1.25vw,1.08rem);font-weight:400;animation-delay:.7s}.ornament{opacity:0;align-items:center;gap:.7rem;width:min(15rem,46vw);margin:clamp(1.1rem,2.6vh,1.8rem) auto clamp(1.35rem,3.4vh,2.5rem);animation:1.8s ease-out 1s forwards reveal-ornament;display:flex}.ornament span{background:linear-gradient(90deg,#0000,#cea956a6);flex:1;height:1px}.ornament span:last-child{transform:rotate(180deg)}.ornament i{border:1px solid #e8c677b8;width:.32rem;height:.32rem;transform:rotate(45deg);box-shadow:0 0 16px #d3a64242}.launch-copy h1{color:#0000;letter-spacing:clamp(.12rem,1.05vw,.82rem);text-indent:clamp(.12rem,1.05vw,.82rem);filter:drop-shadow(0 0 22px #b88b381f);background:linear-gradient(108deg,#886b31 0%,#f3d88d 28%,#b28d45 53%,#f0cf7c 73%,#755927 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.35rem,8.8vw,8rem);font-weight:300;line-height:.94;animation-delay:1.05s}.tagline{color:#e2c37cb3;letter-spacing:clamp(.18rem,.65vw,.42rem);text-indent:clamp(.18rem,.65vw,.42rem);margin:clamp(1.35rem,3.5vh,2.6rem) 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(.92rem,1.7vw,1.2rem);font-style:italic;animation-delay:1.45s}@keyframes reveal-copy{to{opacity:1;transform:translateY(0)}}@keyframes reveal-ornament{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}@keyframes reveal-emblem{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes emblem-breathe{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.012)}}@keyframes halo-breathe{0%,to{opacity:.7;transform:translate(-50%)scale(.94)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}@keyframes sweep{0%,28%{left:-60%}68%,to{left:132%}}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}to{transform:translate(-1%,-1%)}}@media (width<=700px){.launch-page{padding-inline:1rem}.emblem-image{opacity:.4;width:min(112vw,35rem);height:80svh}.emblem:after{width:112vw}.launch-copy h1{letter-spacing:.08rem;text-indent:.08rem;white-space:nowrap;font-size:clamp(2.2rem,12.2vw,4.7rem)}.brand{letter-spacing:.5rem;text-indent:.5rem}}@media (height<=520px) and (orientation:landscape){.launch-page{padding-block:1rem}.ornament{margin-block:.75rem 1rem}.tagline{margin-top:.9rem}.emblem-image{width:48vw;height:120vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.brand,.tagline,.launch-copy h1,.ornament,.emblem{opacity:1;transform:none}}