@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Space+Grotesk:wght@500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}header{height:84px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid #0002}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:22px}.logo i{display:grid;place-items:center;width:38px;height:38px;background:var(--a);font-style:normal;border-radius:10px}nav{display:flex;gap:25px;margin-left:auto;font-size:13px;font-weight:700}.join,.cta{background:var(--ink);color:white;padding:13px 19px;border-radius:99px;font-weight:800}.hero{max-width:1220px;margin:auto;min-height:650px;padding:70px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.heroText>span,.pageHead>span,.sectionTitle>span,.signup>div>span{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--a)}h1{font:800 clamp(53px,6vw,88px)/.98 Fraunces,serif;letter-spacing:-.05em;margin:17px 0 25px}.heroText>p,.pageHead>p{font-size:19px;line-height:1.65;opacity:.7}.heroText>div{display:flex;align-items:center;gap:22px;margin-top:32px;font-weight:700}.hero figure{margin:0;position:relative}.hero figure img{width:100%;height:490px;object-fit:cover;border-radius:26px}.hero figcaption{position:absolute;bottom:18px;left:18px;background:var(--paper);padding:10px 14px;font-size:12px;font-weight:800}.latest{padding:80px max(24px,calc((100vw - 1220px)/2));background:white}.sectionTitle h2{font:800 48px/1.05 Fraunces;margin:12px 0 35px;max-width:700px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards article{background:var(--paper);border:1px solid #0002;overflow:hidden;border-radius:16px}.cards img{width:100%;height:185px;object-fit:cover}.cards article>div{padding:22px}.cards small{color:var(--a);font-weight:800}.cards h3{font:800 23px/1.15 Fraunces;margin:10px 0}.cards p{line-height:1.55;opacity:.7}.cards a{font-weight:800}.numbers{max-width:1220px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.numbers div{border-top:2px solid;padding-top:18px}.numbers b{font-size:40px;color:var(--a);display:block}.subscribe{padding:75px max(24px,calc((100vw - 1220px)/2));background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.subscribe h2{font:800 43px Fraunces;margin:10px 0}.form{background:white;color:var(--ink);padding:28px;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{font-size:12px;font-weight:800}.form input:not([type=checkbox]){display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #0003;border-radius:8px}.form label:nth-child(3),.form .check,.form button{grid-column:1/-1}.form button{border:0;background:var(--a);color:var(--ink);padding:14px;border-radius:8px;font-weight:800;display:flex;justify-content:space-between}.success{background:var(--a);color:var(--ink);padding:28px;border-radius:16px;font-size:19px;font-weight:800}footer{max-width:1220px;margin:auto;padding:65px 24px 30px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}footer>div{display:flex;flex-direction:column;gap:9px}footer p{opacity:.65}footer small{grid-column:1/-1;border-top:1px solid #0002;padding-top:20px}.pageHead{max-width:1220px;margin:auto;padding:100px 24px 60px}.pageHead h1{max-width:950px}.pageHead p{max-width:720px}.prose,.contact,.signup{max-width:1100px;margin:auto;padding:40px 24px 110px;font-size:18px;line-height:1.8}.prose{max-width:820px}.prose h2{font:800 35px Fraunces;margin-top:45px}.contact,.signup{display:grid;grid-template-columns:1fr 1fr;gap:70px}.mail{font:800 34px Fraunces;color:var(--a)}.signup{padding-top:100px;align-items:center}.signup h1{font-size:66px}.compact{padding-bottom:20px}
/* ten deliberately different systems */.l1{font-family:Space Grotesk;background:#051224;color:#eefdff}.l1 header,.l1 footer{border-color:#53d6ff33}.l1 .logo i{border-radius:2px}.l1 .hero{max-width:none;padding-left:7vw;padding-right:7vw;background-image:linear-gradient(#53d6ff12 1px,transparent 1px),linear-gradient(90deg,#53d6ff12 1px,transparent 1px);background-size:48px 48px}.l1 h1,.l1 .sectionTitle h2,.l1 .cards h3{font-family:Space Grotesk;text-transform:uppercase}.l1 .hero img{border-radius:3px;box-shadow:0 0 60px #28a5ff44}.l1 .latest{background:#eefdff;color:#071827}.l1 .cards article{border-radius:3px}.l2 header{height:110px}.l2 .logo{font:800 32px Fraunces}.l2 .hero{grid-template-columns:.8fr 1.2fr}.l2 .heroText{order:2}.l2 .hero figure{order:1}.l2 .hero img{border-radius:50% 50% 12px 12px}.l2 .cards article{border:0;border-radius:38px 5px}.l2 .subscribe{background:#c9523d}.l3{background:#faf7ff}.l3 header{max-width:1180px;margin:auto;border:0}.l3 nav{background:white;border-radius:99px;padding:11px 18px}.l3 .hero img{border-radius:220px 220px 16px 16px}.l3 .heroText h1{font-weight:600}.l3 .latest{margin:0 3vw;border-radius:45px}.l3 .cards article{border:0}.l3 .subscribe{margin:60px 3vw;border-radius:35px;background:#29243b}.l4 header{height:140px;display:grid;grid-template-columns:1fr auto 1fr;border-bottom:4px double}.l4 .logo{grid-column:2;font:800 44px Fraunces}.l4 nav{grid-column:1/-1;grid-row:2;margin:auto;text-transform:uppercase}.l4 .join{position:absolute;right:5vw}.l4 .hero{grid-template-columns:1.3fr .7fr}.l4 .hero img,.l4 .cards article{border-radius:0}.l4 .heroText h1{font-size:96px}.l4 .cards{gap:0;border:1px solid}.l4 .cards article{border-width:0 1px 0 0}.l4 .latest{border-top:5px solid}.l5 header{background:white;border:0}.l5 .logo i{border-radius:50% 50% 50% 5px}.l5 .hero figure img{border-radius:50px 8px 50px 8px}.l5 .cards{gap:35px}.l5 .cards article{border:0;border-radius:50px 8px;box-shadow:0 16px 40px #17332a1c}.l5 .subscribe{background:#17332a;border-radius:70px 70px 0 0}.l6{font-family:Space Grotesk;background:#051224;color:#edf7ff}.l6 .logo i,.l6 .cards article,.l6 .hero img{border-radius:0}.l6 header{border-bottom:1px solid #28a5ff55}.l6 .hero{max-width:none;padding-left:7vw;padding-right:7vw}.l6 h1,.l6 h2,.l6 h3{font-family:Space Grotesk}.l6 .latest{background:#edf7ff;color:#051224}.l6 .cards{grid-template-columns:1.4fr .8fr .8fr}.l6 .subscribe{background:#09243d}.l6 footer{max-width:none;padding-left:7vw;padding-right:7vw}.l7 .hero{grid-template-columns:1fr 1.25fr}.l7 .hero figure{order:-1}.l7 .hero img{border-radius:50% 50% 0 0}.l7 h1{font-weight:600}.l7 header{border:0}.l7 .logo i{background:transparent;border:1px solid}.l7 .cards article{background:white;border:0}.l7 .latest{background:#efe1cb}.l7 .subscribe{background:#30251c}.l8{background:#fff7ec}.l8 header{background:#d9f332}.l8 .logo i{background:#4a176b;color:white;transform:rotate(-8deg)}.l8 h1,.l8 h2,.l8 h3{font-family:Space Grotesk}.l8 .hero img{border:8px solid #4a176b;border-radius:40px;transform:rotate(2deg)}.l8 .cards article{border:3px solid #4a176b;border-radius:28px;box-shadow:8px 8px 0 #d9f332}.l8 .subscribe{background:#4a176b}.l9{background:#0b0b0b;color:#f5f5f2}.l9 header,.l9 footer{border-color:#fff3}.l9 .logo i{background:#d8b663;color:#000;border-radius:0}.l9 .hero{grid-template-columns:1.15fr .85fr}.l9 .hero img{border-radius:0;filter:grayscale(1)}.l9 h1,.l9 h2,.l9 h3{font-family:DM Sans}.l9 .latest{background:#f5f5f2;color:#0b0b0b}.l9 .cards article{border-radius:0}.l9 .cards img{filter:grayscale(1)}.l9 .subscribe{background:#181818;border-top:1px solid #d8b663}@media(max-width:850px){header{height:auto!important;min-height:78px;flex-wrap:wrap!important;display:flex!important;padding:15px 22px}.l4 .join{position:static}nav{order:3;width:100%;overflow:auto;margin:0}.hero,.subscribe,.contact,.signup{grid-template-columns:1fr}.hero{padding-top:45px}.heroText{order:0!important}.hero figure{order:0!important}.cards{grid-template-columns:1fr 1fr!important}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){h1{font-size:49px!important}.hero figure img{height:330px}.cards{grid-template-columns:1fr!important}.form{grid-template-columns:1fr}.form label{grid-column:1!important}.numbers{grid-template-columns:1fr}.latest{padding-top:60px}.subscribe{padding-top:60px;padding-bottom:60px}footer{grid-template-columns:1fr}}