@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#20231f;--paper:#f7f6f0;--red:#ee4c36;--blue:#2365d8;--yellow:#f8c83b;--green:#26785d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1280px,88%);margin:auto}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20231f20}.brand{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.8px}.brand>span:not(.brand-icon){font-weight:400}.brand b{font-size:10px;align-self:flex-start;margin-top:4px;margin-left:4px;letter-spacing:0}.brand-icon{display:grid;grid-template-columns:repeat(2,7px);gap:4px;background:var(--red);padding:7px;margin-right:12px;border-radius:4px;transform:rotate(-9deg)}.brand-icon i{width:7px;height:7px;background:#ffffff85;border-radius:50%;box-shadow:0 2px 0 #a92a23}nav{display:flex;gap:36px;font-size:14px}nav span{margin-left:10px}.nav-note{font-size:11px;color:#6d726b;display:flex;align-items:center;gap:9px}.nav-note i{width:6px;height:6px;background:var(--green);border-radius:50%}.hero{min-height:674px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:var(--red);border-radius:50%}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-4px;font-weight:600}h1{font-size:clamp(58px,6.4vw,90px);line-height:1.04;margin:29px 0 25px}h1 em{font-style:normal;color:var(--blue)}.intro{font-size:17px;color:#686c65;line-height:1.8}.button{display:inline-flex;align-items:center;gap:36px;background:var(--ink);color:white;padding:19px 23px;border-radius:5px;font-size:13px;margin-top:20px;transition:transform .2s,background .2s}.button:hover{background:var(--blue);transform:translateY(-3px)}.button span{font-size:22px;line-height:15px}.hero-foot{display:flex;align-items:center;gap:13px;font-size:10px;color:#7c8078;margin-top:38px}.tiny-bricks{color:var(--red);font-size:18px;letter-spacing:-3px}.hero-art{height:550px;position:relative;perspective:1000px;background-image:radial-gradient(#b8b9ad 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.orbit{position:absolute;border:1px solid #b6bcaf65;border-radius:50%;width:430px;height:430px;top:65px;left:30px}.orbit-two{width:310px;height:310px;top:125px;left:90px}.brick{position:absolute;border-radius:9px;transform:rotate(-25deg) skew(7deg,7deg);box-shadow:12px 18px 0 var(--side),18px 28px 28px #20231f22;display:flex;align-items:center;justify-content:center;transition:translate .4s}.brick:hover{translate:0 -12px}.brick>span{color:#ffffffc9;font-family:'Space Grotesk',sans-serif;font-size:64px;line-height:1;margin-top:29px;font-weight:500}.studs{position:absolute;top:-16px;left:14px;right:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:19px 18px}.studs i{height:29px;border-radius:50%;background:var(--top);box-shadow:0 7px 0 var(--studside),inset 0 2px 2px #ffffff65}.brick-blue{width:207px;height:117px;background:#2877ed;--top:#418cff;--side:#174baf;--studside:#2064ce;left:76px;top:150px;z-index:3}.brick-red{width:139px;height:113px;background:#f75a43;--top:#ff7960;--side:#bd3529;--studside:#da4936;left:315px;top:81px;transform:rotate(15deg) skew(7deg,7deg);z-index:4}.brick-red .studs,.brick-green .studs{grid-template-columns:repeat(2,1fr)}.brick-yellow{width:225px;height:121px;background:#ffd047;--top:#ffdf71;--side:#d69b23;--studside:#e9b431;left:213px;top:305px;z-index:2}.brick-yellow>span{color:#a6791e}.brick-green{width:141px;height:102px;background:#3c9877;--top:#62b894;--side:#206147;--studside:#2d8362;left:52px;top:366px;transform:rotate(10deg) skew(7deg,7deg);z-index:1}.art-label{position:absolute;font-size:8px;letter-spacing:1.6px;color:#73786f}.label-top{top:25px;left:45px}.label-bottom{bottom:12px;right:30px}.spark{position:absolute}.spark-one{font-size:55px;color:var(--red);top:215px;right:13px}.spark-two{font-size:34px;left:25px;top:285px;color:var(--blue)}.annotation{position:absolute;font-size:12px;right:12px;bottom:53px;max-width:140px;transform:rotate(-6deg);font-style:italic;color:#73786f}.annotation svg{width:80px;height:45px;position:absolute;top:-36px;left:9px;transform:rotate(150deg);fill:none;stroke:#73786f;stroke-width:1.5}.ticker{overflow:hidden;border-block:1px solid #20231f;background:#f4cb43;padding:23px 0}.ticker div{white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;letter-spacing:2px;display:flex;gap:42px;justify-content:center}.ticker span{color:#977321}.idea{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:105px}h2{font-size:49px;line-height:1.12;letter-spacing:-2.5px;margin:23px 0}.idea-text{padding-top:27px}.idea-text>p{font-size:17px;line-height:1.8;margin-top:0}.idea-text .muted{font-size:14px;color:#787c73}.formula{display:flex;align-items:center;gap:18px;margin-top:30px}.mini{width:40px;height:39px;border-radius:4px;display:grid;place-items:center;font-size:24px;color:#fff;box-shadow:3px 4px 0 #20231f28}.red{background:var(--red)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.green{background:var(--green)}.formula>b{font-weight:400;color:#9a9c94}.formula-result{font-size:12px}.formula-result span{color:var(--green);font-size:23px;vertical-align:middle;margin-left:9px}.play-section{background:#eaece4;border-block:1px solid #20231f10}.play{padding-block:80px;display:grid;grid-template-columns:1fr 1.08fr;gap:70px;align-items:center}.play-copy>p:not(.eyebrow){font-size:15px;color:#70766b;line-height:1.8}.play-note{display:block;font-size:10px;color:#83897e;margin-top:28px}.puzzle{background:var(--paper);border:1px solid #d7d9d0;border-radius:12px;padding:28px 30px;box-shadow:0 14px 25px #303c2910;transform:rotate(1deg)}.puzzle-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#7b8174}.puzzle-top span:first-child{color:var(--ink);font-weight:700}.sequence{display:flex;justify-content:center;gap:13px;padding:45px 0 30px}.seq-brick,.choice{width:53px;height:53px;border:0;border-radius:5px;position:relative;box-shadow:0 5px 0 #0002}.seq-brick:before,.choice:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#ffffff40;box-shadow:0 3px 0 #0001;top:12px;left:18px}.seq-brick.missing{box-shadow:none;border:1.5px dashed #a7ad9e;display:grid;place-items:center;font-size:24px;color:#8e9684;background:transparent}.seq-brick.missing:before{display:none}.choose{text-align:center;font-size:11px;color:#73786e}.answers{display:flex;justify-content:center;gap:12px;margin:20px 0 29px}.choice{width:42px;height:40px;transition:transform .2s}.choice:before{width:13px;height:13px;left:15px;top:10px}.choice:hover{transform:translateY(-5px)}.choice:disabled{cursor:default;opacity:.5}.puzzle-bottom{border-top:1px solid #dedfd6;padding-top:18px;min-height:34px;font-size:10px;color:#7a8173;display:flex;justify-content:space-between;align-items:center;gap:10px}#next{background:none;border:0;color:var(--green);font-size:10px;font-weight:700;padding:0}.closing{text-align:center;padding-block:80px 75px}.closing-star{font-size:47px;color:var(--red)}.closing>p{font-size:9px;letter-spacing:1.6px;margin-top:20px}.closing h2{font-size:57px;margin-block:24px}.closing h2>span{color:#92988a}.back-top{display:inline-block;font-size:11px;margin-top:16px;border-bottom:1px solid #b2b6aa;padding-bottom:6px}footer{border-top:1px solid #d9dcd1;display:flex;align-items:center;justify-content:space-between;padding-block:28px;font-size:9px;color:#868b7e}.footer-brand{font-size:20px;font-weight:700;letter-spacing:-1px;color:var(--ink)}.footer-brand span{color:var(--red)}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:750px}.hero-art{transform:scale(1.1)}}@media(max-width:1050px){.nav-note{display:none}.hero{gap:0}.hero-art{transform:scale(.8);transform-origin:center left;width:520px;margin-right:-100px}.hero h1{font-size:68px}.hero{overflow:hidden}.play{gap:30px}.sequence{gap:8px}.seq-brick{width:45px}.seq-brick:before{left:14px}.puzzle{padding:24px 20px}}@media(max-width:700px){.wrap{width:88%}.nav{height:85px}.brand{font-size:25px}nav{gap:18px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:48px;min-height:0;overflow:visible}.hero h1{font-size:64px}.intro{font-size:15px}.hero-art{height:490px;width:500px;max-width:116%;margin:5px 0 -35px -10px;transform:scale(.78);transform-origin:top left}.hero-foot{margin-top:25px}.ticker{padding:17px 0}.ticker div{font-size:13px;gap:26px}.idea{grid-template-columns:1fr;gap:5px;padding-block:60px}h2{font-size:41px}.idea-text{padding-top:0}.idea-text>p{font-size:15px}.play{grid-template-columns:1fr;padding-block:55px;gap:25px}.play-note{margin-top:18px}.puzzle{transform:none}.sequence{gap:10px}.seq-brick{width:45px}.closing{padding-block:55px}.closing h2{font-size:45px}.closing>p{font-size:8px;letter-spacing:1px}footer{flex-wrap:wrap;gap:16px}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}