@charset "UTF-8";:root{--size-100:0.25rem;--size-200:0.5rem;--size-300:0.75rem;--size-400:1rem;--size-500:1.33rem;--size-600:1.7rem;--size-700:2.5rem;--size-800:3rem;--size-900:4rem;--size-1000:5rem;--border-colour:rgba(0,0,0,0.2);--border-radius:.5rem;--border-radius-large:2rem;--underline-colour:rgba(0,0,0,0.3);--black:#000;--dark-grey:#151515;--v-dark-grey:#1e1e1e;--light-grey:#f5f2e9;--white:#fff;--yellow:#EEF982;--green:#537a5a;--red:#E34A6F;--lilac:#cd9fcc;--lilac-40:#cd9fcc66;--lilac-60:#cd9fcc99;--lilac-80:#cd9fcccc;--bg-primary:var(--light-grey);--bg-secondary:var(--dark-grey);--bg-tertiary:var(--green);--color-primary:var(--dark-grey);--color-secondary:var(--light-grey);--nav-height:70px;--max-width:1440px}@font-face{font-family:"bricolage";font-weight:400;font-style:normal;font-display:swap;src:url("./fonts/bricolage-regular.woff2") format("woff2"),url("./fonts/bricolage-regular.woff") format("woff")}@font-face{font-family:"bricolage";font-weight:600;font-style:normal;font-display:swap;src:url("./fonts/bricolage-bold.woff2") format("woff2"),url("./fonts/bricolage-bold.woff") format("woff")}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}article,aside,body,div,footer,h1,h2,h3,header,html,nav,p,section,small,span,strong{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{background-color:var(--bg-primary);color:var(--color-primary);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 2rem);font-size:20px;font-family:"bricolage",sans-serif;line-height:1.4;font-weight:400}#noise{position:fixed;width:100%;height:100%;top:0;left:0;background-image:url("/images/noise.svg");background-size:200px 200px;background-repeat:repeat;z-index:3;opacity:0.5;mix-blend-mode:multiply;pointer-events:none}hr{border-style:dashed;border-width:0;border-top-width:1px;border-color:currentColor;color:currentColor;opacity:0.5;margin:1em 0}.grid{width:100%;display:-ms-grid;display:grid;grid-auto-flow:dense;grid-auto-rows:minmax(0px,auto);-ms-grid-columns:1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr var(--size-400) 1fr;grid-template-columns:repeat(12,1fr);gap:var(--size-400)}@media (min-width:1024px){.grid{gap:var(--size-600)}}.col--two{-ms-grid-column-span:2;grid-column:span 2}.col--three{-ms-grid-column-span:3;grid-column:span 3}.col--four{-ms-grid-column-span:4;grid-column:span 4}.col--five{-ms-grid-column-span:5;grid-column:span 5}.col--six{-ms-grid-column-span:6;grid-column:span 6}.col--seven{-ms-grid-column-span:7;grid-column:span 7}.col--eight{-ms-grid-column-span:8;grid-column:span 8}.col--nine{-ms-grid-column-span:9;grid-column:span 9}.col--ten{-ms-grid-column-span:10;grid-column:span 10}.col--eleven{-ms-grid-column-span:11;grid-column:span 11}.col--twelve{-ms-grid-column-span:12;grid-column:span 12}@media (min-width:768px){.col--two-sm{-ms-grid-column-span:2;grid-column:span 2}.col--three-sm{-ms-grid-column-span:3;grid-column:span 3}.col--four-sm{-ms-grid-column-span:4;grid-column:span 4}.col--five-sm{-ms-grid-column-span:5;grid-column:span 5}.col--six-sm{-ms-grid-column-span:6;grid-column:span 6}.col--seven-sm{-ms-grid-column-span:7;grid-column:span 7}.col--eight-sm{-ms-grid-column-span:8;grid-column:span 8}.col--nine-sm{-ms-grid-column-span:9;grid-column:span 9}.col--ten-sm{-ms-grid-column-span:10;grid-column:span 10}.col--eleven-sm{-ms-grid-column-span:11;grid-column:span 11}.col--twelve-sm{-ms-grid-column-span:12;grid-column:span 12}.row--two-sm{-ms-grid-row-span:2;grid-row:span 2}}@media (min-width:1200px){.col--two-lg{-ms-grid-column-span:2;grid-column:span 2}.col--three-lg{-ms-grid-column-span:3;grid-column:span 3}.col--four-lg{-ms-grid-column-span:4;grid-column:span 4}.col--five-lg{-ms-grid-column-span:5;grid-column:span 5}.col--six-lg{-ms-grid-column-span:6;grid-column:span 6}.col--seven-lg{-ms-grid-column-span:7;grid-column:span 7}.col--eight-lg{-ms-grid-column-span:8;grid-column:span 8}.col--nine-lg{-ms-grid-column-span:9;grid-column:span 9}.col--ten-lg{-ms-grid-column-span:10;grid-column:span 10}.col--eleven-lg{-ms-grid-column-span:11;grid-column:span 11}.col--twelve-lg{-ms-grid-column-span:12;grid-column:span 12}.row--two-lg{-ms-grid-row-span:2;grid-row:span 2}}b,strong{font-weight:600}a{color:currentColor;position:relative;text-decoration-color:var(--underline-colour);text-decoration-thickness:1px;text-underline-offset:4px;-webkit-transition:text-decoration-color 0.25s;transition:text-decoration-color 0.25s}@media (hover:hover){a:hover{text-decoration-color:currentColor}}a.btn{display:inline-block;font-size:var(--size-400);padding:0.5rem 0.75rem;background-color:var(--bg-secondary);color:var(--bg-primary);text-decoration:none;border:1px solid var(--border-colour);border-radius:var(--border-radius);margin:0.5rem 0 0}a.has-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}a.has-icon svg{display:block;width:14px;height:14px}.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-family:"bricolage",sans-serif;font-weight:600}.h1,h1{font-size:var(--size-700);line-height:0.9;max-width:22ch;margin:1rem 0;letter-spacing:-0.03em;text-wrap:balance}@media (min-width:768px){.h1,h1{font-size:var(--size-800)}}@media (min-width:1024px){.h1,h1{font-size:var(--size-1000)}}.h2,h2{font-size:var(--size-600);line-height:1.1;letter-spacing:-0.025em;max-width:25ch;margin:0.75rem 0;text-wrap:balance}@media (min-width:1024px){.h2,h2{font-size:var(--size-700)}}.h3,h3{font-size:var(--size-500);line-height:1.1;max-width:42ch;margin:0 0 0.25rem}@media (min-width:1024px){.h3,h3{font-size:var(--size-600)}}.h4,h4{font-size:1.2rem;line-height:1.1;max-width:60ch;margin:1em 0}ul{margin:1em 0;-webkit-padding-start:27px;padding-inline-start:27px}ul.cross-list li::marker{content:"❌ ";color:red}ul.check-list li::marker{content:"✅ ";color:green}li{font-size:var(--size-400);max-width:60ch;margin:0.5rem 0;-webkit-padding-start:0.25em;padding-inline-start:0.25em}.text-reg,p{font-size:var(--size-400);max-width:50ch;margin:1em 0}.text-reg b,.text-reg strong,p b,p strong{font-size:1.05rem}.text-reg{font-weight:400}.text-small,small{font-size:var(--size-300)}.text-huge{font-weight:600;line-height:0.65;font-size:var(--size-1000)}@media (min-width:1024px){.text-huge{font-size:calc(var(--size-900) * 2)}}header{padding:2rem 0 0}header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .logo svg{display:block;width:100px;height:auto}.logo--large{margin-top:var(--size-500)}.logo--large svg{display:block;width:100%;height:auto}main{padding:var(--nav-height) 1rem;max-width:var(--max-width);margin:0 auto}@media (min-width:1024px){main{padding:calc(var(--nav-height) + 0.5rem) 1rem}}footer{padding:1rem;width:100%;max-width:var(--max-width);margin:0 auto}@media (min-width:768px){footer{padding:0 2rem 1rem}}footer p{font-size:var(--size-300)}footer img{display:block;margin:1em 0 0;max-width:100%;height:auto}section{padding:3rem 0}@media (min-width:768px){section{padding:3rem 1rem}}.boxed{padding:1rem;border-radius:var(--size-600)}@media (min-width:768px){.boxed:not(.col--three-sm){padding:2rem}}@media (min-width:1024px){.boxed:not(.col--three-sm){padding:3rem}}.boxed.border{border:1px solid var(--border-colour)}.bg--green{background-color:var(--green);color:var(--light-grey)}.bg--lilac{background-color:var(--lilac)}.bg--lilac-40{background-color:var(--lilac-40)}.bg--lilac-60{background-color:var(--lilac-60)}.bg--lilac-80{background-color:var(--lilac-80)}.bg--yellow{background-color:var(--yellow)}.bg--red{background-color:var(--red)}.bg--dark-grey{background-color:var(--dark-grey);color:var(--light-grey)}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(150%);transform:translateY(150%)}}@keyframes moveDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(150%);transform:translateY(150%)}}@-webkit-keyframes glassesDrop{0%{-webkit-transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15);transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15)}to{-webkit-transform:translateY(-235px) translateX(-2px) rotate(60deg) scale(1.15);transform:translateY(-235px) translateX(-2px) rotate(60deg) scale(1.15)}}@keyframes glassesDrop{0%{-webkit-transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15);transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15)}to{-webkit-transform:translateY(-235px) translateX(-2px) rotate(60deg) scale(1.15);transform:translateY(-235px) translateX(-2px) rotate(60deg) scale(1.15)}}@-webkit-keyframes laptopDrop{0%{-webkit-transform:translateY(-141px) translateX(88px) rotate(-5deg);transform:translateY(-141px) translateX(88px) rotate(-5deg)}to{-webkit-transform:translateY(0px) translateX(50px) rotate(40deg);transform:translateY(0px) translateX(50px) rotate(40deg)}}@keyframes laptopDrop{0%{-webkit-transform:translateY(-141px) translateX(88px) rotate(-5deg);transform:translateY(-141px) translateX(88px) rotate(-5deg)}to{-webkit-transform:translateY(0px) translateX(50px) rotate(40deg);transform:translateY(0px) translateX(50px) rotate(40deg)}}@-webkit-keyframes xDrop{0%{-webkit-transform:translate(-90px,-250px) scale(0.4);transform:translate(-90px,-250px) scale(0.4)}to{-webkit-transform:translate(-90px,-200px) scale(0.4);transform:translate(-90px,-200px) scale(0.4)}}@keyframes xDrop{0%{-webkit-transform:translate(-90px,-250px) scale(0.4);transform:translate(-90px,-250px) scale(0.4)}to{-webkit-transform:translate(-90px,-200px) scale(0.4);transform:translate(-90px,-200px) scale(0.4)}}@-webkit-keyframes qDrop{0%{-webkit-transform:translate(60px,-250px) scale(0.4);transform:translate(60px,-250px) scale(0.4)}to{-webkit-transform:translate(60px,-200px) scale(0.4);transform:translate(60px,-200px) scale(0.4)}}@keyframes qDrop{0%{-webkit-transform:translate(60px,-250px) scale(0.4);transform:translate(60px,-250px) scale(0.4)}to{-webkit-transform:translate(60px,-200px) scale(0.4);transform:translate(60px,-200px) scale(0.4)}}#intro{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0;gap:var(--size-500);margin-bottom:calc(150px + var(--size-900))}@media (min-width:1024px){#intro{margin-bottom:var(--size-900)}}#intro>*{margin:0}#intro svg{display:block}#intro #intro-anim{display:-ms-grid;display:grid;place-items:end center;position:relative;margin-top:var(--size-400)}@media (min-width:1024px){#intro #intro-anim{margin-top:var(--size-500)}}#intro #intro-anim>*{-ms-grid-row:1;-ms-grid-column:1;grid-area:1/1}#intro #intro-anim--body{display:block;overflow-clip-margin:content-box;overflow:hidden;padding-bottom:40px;margin-bottom:4px}#intro #intro-anim--objects{display:-ms-grid;display:grid;place-items:end center;width:100%;height:100%;overflow-clip-margin:content-box;overflow:hidden;margin-bottom:4px}@media (min-width:768px){#intro #intro-anim--objects{width:500px}}#intro #intro-anim--objects>img{-ms-grid-row:1;-ms-grid-column:1;grid-area:1/1}#intro #intro-anim--objects>img:first-of-type{-webkit-transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15);transform:translateY(-235px) translateX(-2px) rotate(2deg) scale(1.15)}#intro #intro-anim--objects>img:nth-of-type(2){-webkit-transform:translateY(-141px) translateX(88px) rotate(-5deg);transform:translateY(-141px) translateX(88px) rotate(-5deg)}#intro #intro-anim--objects>img:nth-of-type(3){-webkit-transform:translate(-90px,-250px) scale(0.4);transform:translate(-90px,-250px) scale(0.4)}#intro #intro-anim--objects>img:nth-of-type(4){-webkit-transform:translate(60px,-250px) scale(0.4);transform:translate(60px,-250px) scale(0.4)}#intro #floaty-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--yellow);text-wrap:balance;width:170px;aspect-ratio:1;clip-path:polygon(100% 50%,78.98% 57.76%,93.3% 75%,71.21% 71.21%,75% 93.3%,57.76% 78.98%,50% 100%,42.24% 78.98%,25% 93.3%,28.79% 71.21%,6.7% 75%,21.02% 57.76%,0% 50%,21.02% 42.24%,6.7% 25%,28.79% 28.79%,25% 6.7%,42.24% 21.02%,50% 0%,57.76% 21.02%,75% 6.7%,71.21% 28.79%,93.3% 25%,78.98% 42.24%);font-size:var(--size-300);font-family:"bricolage",sans-serif;line-height:1;text-decoration:none;-webkit-transform:translateX(-50%) rotate(-10deg);transform:translateX(-50%) rotate(-10deg);position:absolute;left:50%;bottom:-3rem}#intro #floaty-btn span{text-transform:uppercase;font-weight:600;font-size:var(--size-300);margin-bottom:0.5rem}@media (min-width:1024px){#intro #floaty-btn{width:200px;-webkit-transform:translateX(0) rotate(-10deg);transform:translateX(0) rotate(-10deg);bottom:2rem;left:auto;right:2rem}}@supports (animation-timeline:scroll()){#intro #intro-anim--body svg{-webkit-animation:moveDown;animation:moveDown;animation-timeline:scroll(root block)}#intro #intro-anim--objects img:first-of-type{-webkit-animation:glassesDrop;animation:glassesDrop;animation-timeline:scroll(root block)}#intro #intro-anim--objects img:nth-of-type(2){-webkit-animation:laptopDrop;animation:laptopDrop;animation-timeline:scroll(root block)}#intro #intro-anim--objects img:nth-of-type(3){-webkit-animation:xDrop;animation:xDrop;animation-timeline:scroll(root block)}#intro #intro-anim--objects img:nth-of-type(4){-webkit-animation:qDrop;animation:qDrop;animation-timeline:scroll(root block)}}#the-issues{position:relative}#the-issues h2{position:relative;z-index:1}@media (min-width:1024px){#the-issues .grid{position:relative}}#the-issues .grid img{display:block;width:150px;height:auto;position:absolute;top:0;right:0;-webkit-transform:translateY(-37%) translateX(0);transform:translateY(-37%) translateX(0)}@media (min-width:1024px){#the-issues .grid img{width:200px;-webkit-transform:translateY(-68%) translateX(3rem);transform:translateY(-68%) translateX(3rem)}}@media (min-width:1200px){#the-issues .grid img{-webkit-transform:translateY(-68%) translateX(0px);transform:translateY(-68%) translateX(0px)}}@supports (animation-timeline:view()){@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}section:not(#intro){opacity:0;-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-range-start:10%;animation-range-end:30%;animation-timeline:view()}}#the-percentage-trap .grid .grid-item:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;aspect-ratio:1/1;border-radius:var(--border-radius-large);overflow:hidden}@media (min-width:1024px){#the-percentage-trap .grid .grid-item:first-of-type{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}#the-percentage-trap .grid .grid-item:first-of-type>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:75%;padding:1rem}@media (min-width:1024px){#the-percentage-trap .grid .grid-item:first-of-type>div{padding:2rem 1rem}}#the-percentage-trap .grid .grid-item:first-of-type>div:last-of-type{width:25%}#the-percentage-trap .grid .grid-item:first-of-type>div span{margin:0;line-height:0.65}#the-percentage-trap .grid .grid-item:first-of-type>div span>span{line-height:inherit;vertical-align:baseline;font-size:30%}@media (min-width:1024px){#the-percentage-trap .grid .grid-item:last-of-type{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}#why-humans .grid{-webkit-box-align:center;-ms-flex-align:center;align-items:center}#why-humans img{display:block;width:250px;max-width:100%;height:auto}@media (min-width:768px){#why-humans img{width:350px}}@media (min-width:1024px){#why-humans img{width:500px}}#the-how .grid{margin-top:var(--size-600)}#the-how .grid p{font-size:var(--size-300);text-wrap:pretty}#the-how .grid span{display:block;margin-top:0;margin-bottom:1.25rem;width:100%;background-color:var(--light-grey);padding:0.5rem 1rem;overflow:hidden;border-radius:calc(var(--size-600) - 0.4rem)}@supports (animation-timeline:view()){@-webkit-keyframes transformOne{0%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes transformOne{0%{-webkit-transform:translateY(20%);transform:translateY(20%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes transformTwo{0%{-webkit-transform:translateY(30%);transform:translateY(30%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes transformTwo{0%{-webkit-transform:translateY(30%);transform:translateY(30%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes transformThree{0%{-webkit-transform:translateY(40%);transform:translateY(40%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes transformThree{0%{-webkit-transform:translateY(40%);transform:translateY(40%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media (min-width:1024px){#the-how .grid>div:nth-of-type(2){-webkit-transform:translateY(20%);transform:translateY(20%);-webkit-animation:transformOne;animation:transformOne;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-range-start:10%;animation-range-end:80%;animation-timeline:view()}#the-how .grid>div:nth-of-type(3){-webkit-transform:translateY(30%);transform:translateY(30%);-webkit-animation:transformTwo;animation:transformTwo;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-range-start:10%;animation-range-end:80%;animation-timeline:view()}#the-how .grid>div:nth-of-type(4){-webkit-transform:translateY(40%);transform:translateY(40%);-webkit-animation:transformThree;animation:transformThree;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-range-start:10%;animation-range-end:80%;animation-timeline:view()}}}#ready{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;gap:var(--size-300)}#ready p{font-weight:400}#ready a{background-color:var(--yellow);border:1px solid var(--border-colour);padding:0.5rem 1rem;border-radius:var(--border-radius)}