@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--yellow:#ffdc05;--black:#101010;--cream:#fff9df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--yellow);color:var(--black);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:34px 5.5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:800;letter-spacing:-.075em}nav{display:flex;gap:36px;font-size:12px;letter-spacing:.12em;font-weight:800}nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:6px}.hero{min-height:880px;height:100vh;max-height:1200px;position:relative;display:grid;grid-template-columns:52% 48%;padding:120px 5.5% 82px;background:radial-gradient(circle at 78% 48%,#ffe947 0,#ffdc05 45%,#ffd809 95%);overflow:hidden}.hero-copy{z-index:2;align-self:center;max-width:880px}.eyebrow,.section-kicker{font-size:13px;letter-spacing:.15em;font-weight:800}.spark{font-size:23px;vertical-align:middle;margin-right:8px}.hero h1,.join h2,.story h2,.world h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.095em;line-height:.82;margin:34px 0 25px}.hero h1{font-size:clamp(130px,11vw,225px);font-weight:700}.hero h1 em,h2 i{font-style:normal;display:inline-block}.hero h1 em{transform:translateX(38px)}.period{font-size:.7em}.hero-line{font-size:25px;font-weight:600;letter-spacing:-.04em;margin:0 0 30px}.ticker{display:inline-block;padding:10px 20px;border:2px solid var(--black);border-radius:80px;font-size:20px;font-weight:800;transform:rotate(-3deg);margin-bottom:30px}.social{display:flex;gap:9px;flex-wrap:wrap}.social a,.copy{border:2px solid var(--black);background:var(--black);color:var(--yellow);font-size:13px;letter-spacing:.055em;font-weight:800;padding:17px 19px;cursor:pointer;transition:transform .22s,background .22s,color .22s,box-shadow .22s}.social a:hover,.copy:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:5px 5px 0 rgba(0,0,0,.22);background:var(--cream);color:var(--black)}.social a:active,.copy:active{transform:translateY(1px);box-shadow:none}.social a[aria-disabled=true]{opacity:.55;cursor:default;pointer-events:none}.ca{margin-top:26px;max-width:620px}.ca>span{display:block;font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:9px}.ca>div{display:flex;align-items:stretch;border:2px solid var(--black);background:rgba(255,255,255,.22);min-height:58px}.ca code{flex:1;display:flex;align-items:center;padding:12px 17px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-family:'Space Grotesk',monospace;font-weight:700}.copy{border:0;border-left:2px solid var(--black);white-space:nowrap;padding:13px 18px}.hero-art{position:relative;align-self:center;height:min(72vh,760px);min-height:610px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:'';position:absolute;width:min(47vw,690px);aspect-ratio:1;background:var(--cream);border:3px solid var(--black);border-radius:50%;box-shadow:22px 22px 0 var(--black);transform:translate(6%,2%)}.hero-art .mascot{width:min(45vw,680px);height:auto;position:relative;z-index:2;filter:drop-shadow(12px 22px 0 rgba(0,0,0,.13));transform:translate(var(--mx,0px),var(--my,0px));transition:transform .25s ease-out;animation:float 4.5s ease-in-out infinite;cursor:pointer}.hero-art.boop .mascot{animation:boop .6s ease-in-out, float 4.5s ease-in-out .6s infinite}.orbit{position:absolute;border:3px solid var(--black);border-radius:50%;width:95%;aspect-ratio:1;transform:rotate(-20deg) scaleX(.62);opacity:.4}.orbit-b{transform:rotate(38deg) scaleX(.55);opacity:.2}.sticker{position:absolute;z-index:3;padding:15px 20px;background:var(--black);color:var(--yellow);font-weight:800;letter-spacing:.05em;box-shadow:5px 5px 0 var(--cream)}.sticker-top{top:6%;right:9%;transform:rotate(9deg)}.sticker-bottom{bottom:5%;left:0;transform:rotate(-9deg)}.scroll-note{position:absolute;bottom:32px;left:5.5%;font-size:11px;font-weight:800;letter-spacing:.15em}section:not(.hero){padding:110px 7%;position:relative}.story{background:var(--cream);min-height:720px}.story-layout{display:grid;grid-template-columns:55% 45%;align-items:center;min-height:490px}.story h2,.world h2,.join h2{font-size:clamp(100px,9vw,175px)}.story h2 i{border-bottom:12px solid var(--yellow);transform:rotate(-3deg)}.story-text{font-size:26px;line-height:1.45;letter-spacing:-.035em;max-width:530px;font-weight:600}.story-text p{margin:15px 0 28px}.asterisk{font-size:80px;line-height:1}.mini-stamp{position:absolute;right:8%;bottom:45px;border:3px solid;border-radius:50%;width:125px;height:125px;display:grid;place-content:center;text-align:center;font-weight:800;text-transform:uppercase;font-size:14px;line-height:1.1;transform:rotate(12deg)}.world{background:#111;color:var(--cream);min-height:850px}.world-layout{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:650px}.world-art{position:relative;display:grid;place-items:center;min-height:620px}.world-art:before{content:'';position:absolute;width:min(37vw,580px);aspect-ratio:1;background:var(--yellow);border-radius:50%}.world-art img{position:relative;width:min(35vw,560px);filter:drop-shadow(15px 18px 0 rgba(255,255,255,.2));transform:rotate(-9deg);animation:float 5s ease-in-out infinite}.burst{position:absolute;z-index:2;top:0;right:12%;color:var(--yellow);font-size:120px;animation:turn 24s linear infinite}.world-copy{padding-left:6%}.world-copy .eyebrow{color:var(--yellow)}.world h2{margin:40px 0}.world h2 i{color:var(--yellow)}.rules{border-top:1px solid #5c5c5c;max-width:600px}.rules>div{display:flex;gap:45px;border-bottom:1px solid #5c5c5c;padding:22px 0;font-size:24px;font-weight:600}.rules b{color:var(--yellow);font-size:14px;padding-top:7px}.join{background:var(--yellow);min-height:760px}.join-inner{text-align:center;margin:auto;max-width:950px}.join h2{margin:10px 0 30px}.join h2 i{transform:rotate(-5deg)}.join p{font-size:24px;font-weight:600;margin-bottom:38px}.join .social{justify-content:center}.join .ca{text-align:left;margin:32px auto 0}.tiny-face{font-size:38px;font-weight:800}footer{background:var(--black);color:var(--yellow);padding:35px 7%;display:flex;justify-content:space-between;font-weight:800;font-size:14px;letter-spacing:.05em}#toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translate(-50%,30px);background:var(--black);color:var(--yellow);padding:14px 24px;font-size:14px;font-weight:800;letter-spacing:.1em;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{translate:0 -13px}}@keyframes boop{50%{scale:1.08;rotate:7deg}}@keyframes turn{to{rotate:360deg}}@media(max-width:1200px){.hero{min-height:780px}.hero h1{font-size:clamp(115px,11vw,170px)}.hero-art{min-height:480px}.hero-line{font-size:21px}.social a{padding:14px;font-size:11px}.story h2,.world h2,.join h2{font-size:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Yellow hero character uses the exact silhouette of the supplied artwork. */
.hero-art:before{background:var(--black);box-shadow:22px 22px 0 #fff9df}
.hero-art .yellow-mascot{aspect-ratio:1;background:var(--yellow);-webkit-mask:url(../assets/mini-lesgo.png) center/170% no-repeat;mask:url(../assets/mini-lesgo.png) center/170% no-repeat;filter:none}

/* Render the supplied character as a real image; a CSS mask failed in some browsers. */
.hero-art .yellow-mascot{position:absolute;left:50%;top:50%;width:min(76vw,1150px);max-width:none;height:auto;aspect-ratio:auto;background:none;-webkit-mask:none;mask:none;filter:brightness(0) saturate(100%) invert(86%) sepia(60%) saturate(2674%) hue-rotate(357deg) brightness(102%) contrast(105%);transform:translate(calc(-50% + var(--mx, 0px)),calc(-50% + var(--my, 0px)))}